qlg.frontend/css/self_shop.css

.saoyisao {
 	color: white;
 	font-size: 30px;
 	background: rgba(25, 25, 25, .4);
 	width: 35px;
 	height: 35px;
 	padding: 2.5px;
 	right: 3%;
 	top: 50%;
 	transform: translateY(-50%);
 	border-radius: 50%;
 	line-height: 27px;
 }

 .mui-icon-arrowdown {
 	margin-top: 23px;
 	color: white;
 	font-size: 25px;
 	background: rgba(25, 25, 25, .4);
 	width: 30px;
 	height: 30px;
 	padding: 2px;
 	margin-left: 5px;
 	top: 50%;
 	transform: translateY(-50%);
 	border-radius: 50%;
 	line-height: 27px;

 }

 #location,
 #location-r {
 	display: inline-block;
 	color: #555555;
 	font-size: 18px;
 	height: 44px;
 	line-height: 48px;
 	min-width: 44px;
 }

 .search input {
 	padding: 0;
 	width: auto;
 	text-align: left;
 	font-size: 18px;
 }

 .zy_ac {
 	width: 100%;
 	background: white;
 	margin-top: 9px;
 }

 .zyac_c {
 	width: 50%;
 	float: left;
 }

 .zyac_c .time_icon {
 	width: 43px;
 }

 .zyac_c .timer {
 	left: 50px;
 }

 .zyac_con {
 	padding: 2%;
 }

 .zyac_block {
 	width: 50%;
 	float: left;
 }

 .zyac_con img {
 	width: 100%;
 	padding: 0 8%;
 	display: block;
 }

 .zyac_block p {
 	/*position: absolute;*/
 	bottom: 25px;
 	text-align: center;
 	font-size: 14px;
 	color: #e51329;
 	width: 100%;
 	height: 21px;
 }

 .zyac_block del {
 	text-align: center;
 	/*position: absolute;*/
 	bottom: 5px;
 	font-size: 12px;
 	color: #808080;
 	width: 100%;
 	height: 21px;
 	display: block;
 }

 .zy_add {
 	margin-top: 9px;
 	width: 100%;
 	background: white;
 }

 .zya_block {
 	width: 50%;
 	float: left;
 	position: relative;
 }

 .zya_block p {
 	position: absolute;
 	left: 5%;
 }

 .zya_block .p1 {
 	top: 7%;
 	color: #333333;
 	font-weight: bold;
 	font-size: 14px;
 }

 .zya_block .p2 {
 	top: 25%;
 	color: 818181;
 	font-size: 12px;
 }

 .zya_block img {
 	width: 50%;
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	padding: 10% 3% 3% 10%;
 }

 .addsc_top img {
 	width: 100%;
 	display: block;
 }

 .adds .p1 {
 	background: linear-gradient(to right, #f24e5a, #fd891f);
 	-webkit-background-clip: text;
 	color: transparent;
 }

 .adds .p1_ {
 	background: linear-gradient(to right, #4ea3f2, #f94e97);
 	-webkit-background-clip: text;
 	color: transparent;
 }

 .adds .p1__ {
 	background: linear-gradient(to right, #f24e5a, #8c3ad8);
 	-webkit-background-clip: text;
 	color: transparent;
 }

 .classify {
 	padding: 0 4% 5px;
 }

 #top_banner {
 	/* height: 460px; */
 	width: 100%;
 	height: 300px;
 	margin: 20px auto;
 	/* margin: 0; */
 	position: relative;
 }

 #top_banner .swiper-slide {
 	text-align: center;
 	font-size: 18px;
 	background: #fff;
 	/* Center slide text vertically */
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 }

 #top_banner .swiper-slide img {
 	width: 100%;
 	height: 100%;
 }

 #top_banner .swiper-pagination-bullet-active {
 	background: white;
 }

 #top_banner .swiper-pagination-bullet {
 	background: #eee;
 }

 .shops-nav {
 	background: #fff;
 	margin: 10px auto;
 	padding: 10px auto;
 	height: 30px;
 	line-height: 30px;
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
 	border-radius: 10px;
 	overflow: hidden;
 }

 .shops-nav .on {
 	color: #f00;
 	/* background: #FF0000; */
 	border-bottom: 1px solid #f00;
 }

 .shops-nav1 {
 	width: 50%;
 	text-align: center;
 }

 .shops-content1-content {
 	margin: 0px;
 	padding: 0px;
 	/* padding: 0px 10px; */
 }

 .shops-content1-title {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	height: 60px;
 	width: 100%;
 	padding: 0px 10px;
 	overflow: hidden;
 }

 .shops-content1-title .shop-name {
 	font-size: 17px;
 	/* font-weight: 200; */
 	color: #505050;
 	display: inline-block;
 	width: 65%;
 }

 .shops-content1-title .aixinImg {
	 width: 13px;
	 height: 13px;
	 margin-left: 7px;
	 vertical-align: middle;
 }
.aixinlevel {
	display: inline-block;
	height: 13px;
	line-height: 13px;
 	 font-size: 14px;
	 color: #F02A40; 
 }
/* .shops-content1-title  .aixinImg img {
	 width: 100%;
	 height: 100%;
 } */
 .shops-content1-title .logoimg {
 	display: inline-block;
 	width: 40px;
 	height: 40px;
 	/* height: 30px; */
 }

 .shops-con-con {
 	background: #fff;
 	margin: 5px auto;
 }

 .shops-content1-title .logoimg img {
 	width: 100%;
	height: 100%;
 	/* padding-top: 3px; */
 }

 .shops-content1-title .gogogo {
 	display: inline-block;
 	width: 25%;
 	height: 24px;
 	line-height: 24px;
 	font-size: 18px;
 	border: 1px solid #E94744;
 	text-align: center;
 	border-radius: 12px;
 	color: #fff;
 	background: #E94744;
 }

 .t_con {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	/* height: 150px; */
 	padding: 5px 10px;
 }

 .t_con_ {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 	align-items: center;
 	height: 130px;
 	width: 30%;
 }

 .t_con_ span {
 	font-size: 18px;
 	color: #666;
 }

 .t_con_img {
 	height: 100px;
 	width: 100%;
 }

 .t_con_ img {
 	width: 100%;
 	height: 100%;
 }

 /* #timer_swiper .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff; */
 /* Center slide text vertically */
 /* display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	} */

 /* 	#timer_swiper .swiper-slide img {
		width: 100%;
		height: 100%;
	} */

 .pos {
 	margin: 5px auto;
 	padding: 0px 10px;
 	height: 25px;
 	line-height: 25px;
 	width: 100%;
 	text-align: right;
 }

 .pos img {
 	display: inline-block;
 	width: 4%;
 	padding-top: 3px;
 	margin-right: 5px;

 }

 .pos span {
 	font-size: 18px;
 	color: #909090;
 }