.login-body{background: #fff;}
.sale-out{background:#e8e8e8;border-radius:12px;height:24px;line-height:24px;padding:0 10px;}
/*登录--注册--修改密码*/
.logo{width: 30%;margin: 20% auto;}
.logo img{width: 100%;}
.input-box{width: 90%;margin: 20% auto;}
.input-area{border-bottom: 1px solid #e8e8e8;
line-height: 30px;margin-top: 30px;}
.input-area i{color: #F02832;font-size: 24px;margin-right: 4px;}
.input-area input{display: inline-block;width: 90%;font-size:16px;}
.input-box input[type='checkbox']{
	border: 1px solid #000000;height: 14px; width: 14px;
	margin-top: 10px;margin-left: 10px;display: none;
}
.input-box input[type="checkbox"] + label::before {
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    margin-top: 10px;
    vertical-align: .2em;
    width: 15px;
    height: 15px;
    border-radius:50%;
    margin-left: 10px;
    border: 1px solid #e8e8e8;
    text-indent: .15em;
    line-height: 10px;
}
.input-box input[type="checkbox"]:checked + label::before {
    border:none;
}
.input-area button{background: #F02832; color: #fff;border: none;
border-radius: 4px;font-size: 12px;padding: 4px 6px;}
.login-btn{color: #fff;text-align: center;line-height: 50px;
display: block;width: 100%;border-radius: 4px;margin-top: 20px;font-size: 16px;
letter-spacing: 4px;border-radius:25px;
background-image: -moz-linear-gradient( 107deg, rgb(220,0,40) 0%, rgb(255,63,63) 100%);
background-image: -webkit-linear-gradient( 107deg, rgb(220,0,40) 0%, rgb(255,63,63) 100%);
background-image: -ms-linear-gradient( 107deg, rgb(220,0,40) 0%, rgb(255,63,63) 100%);
}
.input-area input::-webkit-input-placeholder{color: #999;}
footer{position: absolute;bottom: 20px;box-shadow: none;left: 50%;
margin-left: -86px;letter-spacing: 4px;}
footer .line{color: #F02832;margin: 0 10px;}
footer a{display: inline-block;color: #1E1E1E;}
.vip-tips{
   background-image: -webkit-linear-gradient(297deg, rgb(0,0,0) 0%, rgb(45,45,45) 72%);
   background-image: -o-linear-gradient(297deg, rgb(0,0,0) 0%, rgb(45,45,45) 72%);
   background-image: linear-gradient(27deg, rgb(0,0,0) 0%, rgb(45,45,45) 72%);
   border-radius:4px;color: #dac995;font-size:12px;display:inline-block;height:20px;line-height:20px;
   border-radius:10px;width:40px;text-align: center;position:relative;top:-3px;left:5px;
}
.vip-reduce{background:url(../images/active-tips.png) no-repeat;position:absolute;background-size:cover;
right:10px;top:0;width:90px;height:44px;text-align:center;line-height:16px;padding:4px 0;z-index:2;}
.vip-reduce .reduce-money{font-size:16px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 147, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sheng{position: relative;  top: -1px;}
.vip-price{height:20px;line-height:20px;
       background-image: -webkit-linear-gradient(297deg, rgb(0,0,0) 0%, rgb(45,45,45) 72%);
       background-image: -o-linear-gradient(297deg, rgb(0,0,0) 0%, rgb(45,45,45) 72%);
       background-image: linear-gradient(27deg, rgb(0,0,0) 0%, rgb(45,45,45) 72%); 
       display:inline-block;width:130px;background-size:140px 20px;
       border-radius:10px;position:relative;overflow:hidden;vertical-align: middle;
    }
.vip-price>span:nth-child(1){font-size:12px;color: #dbca96;padding-left:15px;}
.vip-price>span:nth-child(2){font-size:12px;text-align:left;
  padding-left:10px;color:#000000;
  background-image: -moz-linear-gradient( 180deg, rgb(235,200,116) 0%, rgb(244,233,203) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(235,200,116) 0%, rgb(244,233,203) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(235,200,116) 0%, rgb(244,233,203) 100%);
  display:inline-block;height:60px;border-radius:30px;width:100px;position:absolute;
  top:-10px;line-height:40px;left: 45px;
}
.loc{
 position:fixed;top:0;left:0;background:rgba(0,0,0,.5);
  width:100%;height:100%;z-index:666;
}
.loc .bg-white{position:fixed;top:50%;left:50%;transform:translate(-50%,50%);text-align:center;
border-radius:4px;padding:10px 10px 4px;}
.loc .bg-white p{margin-top:-4px;}
.loc .bg-white .rotate{
    -webkit-animation: rotates .6s linear infinite;
    animation: rotates .6s linear infinite;
}
@keyframes rotates {
  0% { transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
}
.loading-img{
  display: inline-block;
  width: 22px;
  height: 22px;
  border: none;
  background-image: url(../images/mescroll-loading2.png);
  background-size: contain;
}
.loading-img .loading-child{
  display: inline-block;
  width: 22px;
  height: 22px;
  border: none;
  background-image: url(../images/mescroll-loading1.png);
  background-size: contain;
}

/*头部*/
.w-head{background:#f02832;padding:4px 10px;position:fixed;width:calc(100% - 20px);
  display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
text-align: center;line-height:30px;z-index:7;color:#fff;}
.w-head div{width:100%;font-size:16px;}
.w-head a{color:#ffff;position:absolute;left:10px;}
.w-head a i{font-size:22px;}
.w-head .icon-search{position:absolute;left:14%;}
.w-head input{display:inline-block;height:30px;background:#fff;
border-radius:15px;width:60%;padding-left:40px;}
.fix-bar{height:38.5px;}

/*轮播图*/
.banner-box a{display:block;}
.banner-box img{display:block;width:100%;}
/*首页*/
.food-head img{width: 100%;
 color: #fff;
} 
.location{width: calc(100% - 20px);display:flex;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.search-box {flex:6;background:#f7f7f7;border-radius:16px;
padding:2px 6px;align-items: center;height:26px;}
.search-box i{color: #909090;font-size: 20px;top:2px;position:relative;}
.search-box .search-tags span{margin: 0 7px;}
.location .option{display:none;background:#5d5f63;color:#fff;position: absolute;
	border-radius:8px;top:50px;z-index:66;width:80px;right:10px;padding:0 16px;
}
.location .option>div{display:flex;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;text-align:left;line-height:30px;padding:10px 0;}
.location .option .dot{
	border-width: 6px;
	border-style: solid;border-color: transparent transparent #5d5f63 transparent ;
	position: absolute;right:12px;top:-12px;
}
.food-class{position: relative;display:flex;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;flex-wrap:wrap;padding:10px 0;}
.food-class>div{width:20%;position:relative;}
.food-class>div .tips{background:#f03a4e;color:#fff;position:absolute;
right:-2px;width:36px;border-radius:20px;text-align:center;font-size:10px;
border:3px solid #fff;top:-2px;line-height:18px;height:16px;}
.food-class>div a{text-align:center;color:#1e1e1e;}
.food-class>div img{display:block;width:46%;margin:0 auto;}
.food-class>div p{line-height:30px;}
.food-class>div .vip{background:#2f2e42;color:#f4c93c;}
.cker{padding-bottom:20px;color:#fff;position: relative;}
.cker img{width:90%;margin:0 auto;display:block;}
.cker .content-box{color:#1e1e1e;padding:10px 0;}
.cker .content{font-size:16px;}
.cker .content p{font-size:10px;border-radius:10px;border:1px solid #fff;padding:0 6px;height:16px;line-height:18px;}
.cker .ckers{font-size:22px;margin:0 4px;position:relative;overflow: hidden;
display:inline-block;width:180px;height:20px;top:4px;}
.cker li{position:absolute;}
.cker li>div{color:#f4c93c;background:#2f2e42;padding:0 4px;margin:0 1px;}
.cker .cker-open{position:absolute;right:0;top:0;height:46px;width:46px;
  border-radius:50%;text-align:center;background:#fff;font-size:12px;
  top:2px;line-height:16px;
  border:none;font-size:16px;color:#909090;
  display:flex;align-items:center;justify-content:center;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
}
#banner img {width:100%;display:block;}
#banner	.swiper-pagination {left:auto;left:50%;bottom:20px;width:auto;padding:0 7px;
	border-radius:16px;color:#fff;font-size:12px;transform: translateX(-50%);
}
#banner .swiper-pagination .swiper-pagination-bullet{background:rgb(255,255,255);opacity:1;}
#banner .swiper-pagination .swiper-pagination-bullet-active{background:#f02832;}
.head-line{display: flex;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.head-line>div:nth-child(1){width:80px;text-align:center;font-size:16px;font-weight:bold;}
.head-line li{line-height:32px;}
.head-line>div:nth-child(2) .tags{font-size:40px;display:inline-block;height:32px;vertical-align:middle;line-height:30px;}
.head-line>div:nth-child(2) .nowarp{display:inline-block;vertical-align:middle;width:94%;}
/*广告*/
.ads{background:#fff;padding:10px;padding-top:0;}
.ads ul{display:flex;flex-wrap:wrap;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.ads ul li{height:100px;align-items:center;padding:10px 0;position:relative;
display:flex;margin-top:4px;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.ads ul li:nth-child(2n-1){
  margin-right:1%;
}
.ads ul li:nth-child(2n){
  margin-left:1%;
}
.ads ul li a{display:block;}
.ads ul li p{font-size:14px;}
.ads .tips{
  background-image: -moz-linear-gradient( -133deg, rgb(240,40,50) 0%, rgb(244,93,131) 100%);
  background-image: -webkit-linear-gradient( -133deg, rgb(240,40,50) 0%, rgb(244,93,131) 100%);
  background-image: -ms-linear-gradient( -133deg, rgb(240,40,50) 0%, rgb(244,93,131) 100%);
  width:50px;border-radius:0 0 10px 0;font-size:12px;text-align:center;
  position:absolute;left:0;top:0;
}
.ads .tip2{
  background-image: -moz-linear-gradient( -133deg, rgb(58,126,236) 0%, rgb(105,166,242) 100%);
  background-image: -webkit-linear-gradient( -133deg, rgb(58,126,236) 0%, rgb(105,166,242) 100%);
  background-image: -ms-linear-gradient( -133deg, rgb(58,126,236) 0%, rgb(105,166,242) 100%);
}
.goods-list ul{padding:10px;}
.goods-list ul li img{display:block;width:100%;}
.goods-list ul li{box-shadow: 1px 1.732px 5.88px 0.12px rgba(188, 188, 188, 0.59);
  border-radius:10px;overflow:hidden;
}

.store h2{padding:6px 10px;}
.store ul{padding:10px;padding-top:0;}
.store li{background:#fff;border-radius:4px;text-align:center;width:166px;
padding:20px 0;}
.store .tags,.store h3{height:20px;}
.store .btn{color:#fff;
  border-radius: 25px;display: flex;width: 50px;margin: 0 auto;align-items: center;display: flex;display: -webkit-box;
  display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
  background-image: -moz-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -webkit-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -ms-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
}
.store .more{display: flex;align-items:center;justify-content: center;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.store .more .btn{background:#5a5a5a;color:#fff;background-image:none;}
.store .store-img{width:80px;height:80px;overflow:hidden;border-radius:50%;
margin:10px auto;}
.store .store-img img{display:block;width:140%;margin-left:-16%;}
.good-list{background:#f8f8f8;}
.good-list ul{display:flex;padding:10px;flex-wrap: wrap;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.good-list ul li{border-radius:4px;position:relative;margin-top:10px;
box-shadow: 1px 1.732px 4.95px 0.05px rgba(231, 231, 231, 0.59);overflow:hidden;}

.good-list ul li .good-img{height:180px;overflow:hidden;}
.good-list ul li .good-img img{display:block;width:100%;}
.good-list ul li:nth-child(1),.good-list ul li:nth-child(2){margin-top:0;}
.good-list ul li:nth-child(2n){margin-left:10px;}
.good-list ul li{background:#fff;width:46%;}
.good-list ul li .good-name{padding:20px 10px 0;
overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.good-list .vip{background:#dbca96;border-radius:20px;font-size:12px;
padding:0 6px;float:right;}
.good-list .price{line-height:30px;}
.good-list ul li .time{color:#fff;font-size:10px;position:absolute;
 background-image: -webkit-linear-gradient(279deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
 background-image: -o-linear-gradient(279deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
 background-image: linear-gradient(9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
 border-radius: 20px 0 0 20px;width:120px;text-align:center;right:0;top:170px;
 }
 .good-list .ID{background:#2f2e42;color:#f4c93c;position:absolute;right:0;
 	top:0;font-size:10px;padding:0 6px;}
 .gray-list ul{display:flex;flex-wrap:wrap;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
 .gray-list ul li{width:49%;background:#f2f2f2;}
 .gray-list ul li:nth-child(2n-1){margin-right:1%;}
 .gray-list ul li:nth-child(2n){margin-left:1%;}
 .gray-list ul li .good-name{padding-top:0;}
 .gray-list ul li .member{background:#f4c93c;}
 .gray-list ul li .good-img{background:#fff;
  border-radius:4px;height:144px;width:80%;margin:auto;margin-top:30px;}

 /*切换*/
 #nav .bar {width:50px;height:3px;position:absolute;bottom:0px;}
 #nav{text-align:center;}
 #nav .bar .color {width:36px;margin:0 auto;height:3px;background:#f02832;
}
#nav .swiper-slide span{line-height:2.5;}

/*秒杀*/
.kill.banner-box li{
	background-color: rgb(84, 128, 220);padding:20px 0 50px;
}
.kill.banner-box li:nth-child(2){
	background-color: #8a53db;
}
.kill.banner-box li:nth-child(3){
	background-color:#db5353;
}
.kill.banner-box li>div{
  width:80%;margin:auto;
  border-radius: 6px;padding:50px 20px;position:relative;overflow:hidden;
  background-image: -moz-linear-gradient( 90deg, rgb(130,166,243) 0%, rgb(108,147,226) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(130,166,243) 0%, rgb(108,147,226) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(130,166,243) 0%, rgb(108,147,226) 100%);
}
.kill.banner-box li:nth-child(2)>div{
  border-radius: 6px;
  background-image: -moz-linear-gradient( 90deg, rgb(174,128,242) 0%, rgb(156,109,227) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(174,128,242) 0%, rgb(156,109,227) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(174,128,242) 0%, rgb(156,109,227) 100%);
  opacity: 0.98;
}
.kill.banner-box li:nth-child(3)>div{
  border-radius: 6px;
  background-image: -moz-linear-gradient( 90deg, rgb(242,128,128) 0%, rgb(227,109,109) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(242,128,128) 0%, rgb(227,109,109) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(242,128,128) 0%, rgb(227,109,109) 100%);
}
.kill.banner-box .tips{
	background:#2d68d6;padding:0 10px;position:absolute;left:0;
	top:0;border-radius:0 0 10px  0;font-size:10px;
}
.kill.banner-box li:nth-child(2) .tips{
	background:#712dd6;
}
.kill.banner-box li:nth-child(3) .tips{
	background:#d62d2d;
}
.kill.banner-box .img{width:120px;height:120px;border-radius:50%;overflow:hidden;
position: absolute;right:10px;bottom:-10px;}
.kill.banner-box .time{border:1px solid #fff;border-radius:15px;width:80px;
text-align:center;height:18px;line-height:20px;}
.kill.banner-box .cir{background:rgba(254,254,254,0.1);position:absolute;border-radius:50%;width:140%;
bottom:-70px;height:100px;left:-20%;}
.go-area{
	padding:0 20px;position:relative;width:calc(100% - 40px);
	top:-40px;z-index:6;
}
.go-area a{background:#fff;display:block;
  border-radius: 6px;padding:20px 10px;
  box-shadow: 1px 3px 14px 0.16px rgba(190, 190, 190, 0.39);
}
.go-area h3{color:#2d68d6; }
.go-area .go{background-color:#2d68d6;
  box-shadow: 0px 2px 6.79px 0.21px rgba(182, 143, 160, 0.75);position:absolute;
color:#fff;width:56px;height:56px;border-radius:50%;text-align:center;
display:flex;align-items:center;justify-content: center;font-size:14px;line-height:16px;
right:30px;top:12px;display: flex;display: -webkit-box;display: -moz-box;
display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.go-area a span.icon-tip{display: inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #909090;line-height:16px;vertical-align:middle;
text-align: center;}
.go-area a span.icon-tip i{font-size:14px;}
.nav{display: flex;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.nav.fixed{position:fixed;top:50px;width:100%;z-index:7;}
.nav>div{flex:1;line-height:40px;position: relative;text-align:center}
.nav>div .tips{background:#f02832;border-radius:12px;font-size:10px;color:#fff;
position:absolute;padding:1px 4px;height:12px;line-height:12px;}
.nav>div.active{color:#7d42e8;}
.nav>div .bar{background:#7d42e8;display:block;width:40px;height:4px;
left:50%;position:absolute;bottom:0;margin-left:-20px;display:none;}
.nav>div.active .bar{display:block;}
.good-list .fang{display:inline-block;height:10px;width:10px;
  background-image: -moz-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -webkit-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -ms-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  transform: rotate(45deg);
}
.good-list .cir {color:#fff;
  border-radius: 20px;width:80px;height:30px;text-align:center;display:inline-block;
  line-height:30px;
  background-image: -moz-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -webkit-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -ms-linear-gradient( 9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
}
.kill.good-list{
  background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(255,255,255) 100%);
}
.kill.good-list .button{
  border-radius: 15px;width:60px;height:30px;display:inline-block;
  text-align:center;
  background:#b9bab5;
  color:#fff;line-height:30px;
}
.kill.good-list .button.active{
  border-radius: 25px;
  background-image: -moz-linear-gradient( 90deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  color:#fff;
}
.times span{color:#fff;background:#1b1b1b;padding:0 2px;}
.kill.good-list ul li{width:48%;}
.kill-area{background:#f9cd00;border-radius:4px;}
.kill-area ul{display:flex;flex-wrap: wrap;border-radius:4px;overflow:hidden;
padding:10px;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.kill-area ul li{width:32%;}
.kill-area .area-box{border-radius:4px;}
.kill-area ul li:nth-child(3n-1){margin:0 2%;}
.kill-area ul img{display:block;width:100%;}
.kill.good-list .pre-time ul{display:block;}
.kill.good-list .pre-time .img{width:40%;}
.kill.good-list .pre-time .img img{display:block;width:100%;}
.kill.good-list .pre-time ul li{display:flex;width:100%;box-shadow:none;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.kill.good-list .pre-time ul li .button{width:120px;}
.show-swiper ul li{width:225px;position:relative;}
.show-swiper .swiper-slide a{width: 205px;padding: 4px;height: 300px;
	margin: 40px 0;display:block;border-radius:10px;
	box-shadow: 1px 1px 15.84px 0.16px rgba(173, 173, 173, 0.39);
	background:#fff;
}
.limit.good-list .pre-time ul li .button{display:inline-block;width:60px;
float:right;}
.limit .progress{background:#f2f2f2;height:6px;border-radius:3px;position:relative;overflow:hidden;}
.limit .progress .active{position:absolute;left:0;height:6px;width:4%;}
.limit.good-list ul li{padding:20px 0;}
.limit.good-list ul li .img>div{position:absolute;}
.limit.good-list ul li:nth-child(2n){margin-left:0;}
.limit.good-list .pre-time .img img{width:80%;}
.show-swiper .good-name{overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.show-swiper .good-img img{display:block;width:100%;}
.show-swiper .time{color:#fff;font-size:10px;position:absolute;
 background-image: -webkit-linear-gradient(279deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
 background-image: -o-linear-gradient(279deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
 background-image: linear-gradient(9deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
 border-radius: 20px 0 0 20px;width:120px;text-align:center;right:0;top:170px;
 }
 .show-swiper .vip{background:#2f2e42;color:#f4c93c;border-radius:14px;padding:2px 6px;
 	font-size:12px;margin-left:10px;}
 .limit li img{display:block;width:100%;}
 .limit3 .bg-white{
  box-shadow: 4px 4px 6.84px 0.16px rgba(181, 33, 41, 0.39);
}
/*爆品专区*/
.hot1.good-list ul{display:block;padding:0;}
.hot1.good-list ul li{width:100%;}
.hot1.good-list ul li a{display:flex;padding:10px;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.hot1.good-list ul li:nth-child(2n){margin-left:0;}
.hot1.good-list a>div:nth-child(1){width:60%;}
.hot1.good-list .good-img{width:40%;height:auto;}
.hot1.good-list .number{height:30px;width:30px;border:1px solid #e8e8e8;
text-align: center;line-height:30px;margin-bottom:6px;}
.hot1.good-list .button{border-radius:16px;width:80px;height:30px;line-height:30px;
border:1px solid #f02832;color:#f02832;text-align:center;}
.hot1.good-list ul li:nth-child(2n){margin-top:10px;}
.hot1.good-list ul li{box-shadow:none;}
/*会员专享*/
.vip-list li{background:url('../images/v2.png') no-repeat;display:flex;display: flex;display: -webkit-box;display: -moz-box;
display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
background-size:cover;}
.vip-list li .line{border-left:1px dotted #fff;height:100%;width:1px;display:inline-block;}
.vip-list li .get-coup{width:22px;display:inline-block;font-size:10px;line-height:18px;
position:relative;top:-10px;text-align:center;}
.vip-buy{display:flex;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.vip-buy>div{width:40%;position:relative;}
.vip-buy>div .img img{width:100%;display:block;}
.vip-buy>div .box2{display:flex;display: flex;display: -webkit-box;
  display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.vip-buy>div .box2 .img{width:100px;margin-right:10px;}
.vip-buy>div .img img{width:80%;margin:10px auto 0;}
.vip-buy .number-bg{position: absolute;background:none;color:#fff;
text-align:center;border-color:transparent #f02832;
border-width:0 0 30px 30px;border-style:solid;}
.vip-buy .number{position: absolute;color:#fff;left:4px;}
.vip-kill li{background:#f7f7f7;border-radius:6px;display:flex;padding:10px;display: flex;display: -webkit-box;
  display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
margin-top:10px;position:relative;overflow:hidden;}
.vip-kill li:nth-child(1){margin-top:0;}
.vip-kill li .img{width:30%;}
.vip-kill li .img img{width:80%;display:block;}
.vip-kill li .time{
  position:absolute;height:100%;top:0;right:0;
  background:url(../images/v3.png) no-repeat;
  background-size:cover;
  padding-left:40px;
  padding-top:20px;
  padding-right:10px;
  text-align:right;
}
.vip-kill li.active{
	background:#fbe9e9;
}
.vip-kill li .button-area{display:flex;align-items:center;justify-content:center;
width:100px;display: flex;display: -webkit-box;display: -moz-box;
display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.vip-kill li .button{background:#b9bab5;border-radius:15px;width:60px;
height:30px;text-align: center;line-height:30px;}
.vip-kill li .button.active{
  background-image: -moz-linear-gradient( 90deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(235,33,91) 0%, rgb(249,70,81) 100%);
}
.vip.show-swiper .swiper-slide a{margin:20px 0;}
.vip-hot ul li a{display:flex;color:#1e1e1e;padding:10px;display: flex;display: -webkit-box;
  display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.vip-hot .img{width:40%;}
.vip-hot .img img{display:block;width:90%;}
.vip-hot .time{margin-top:10px;}
.vip-hot .time>span span{background:#1b1b1b;color:#fff;}
.vip-hot .btn{border:1px solid #1b1b1b;border-radius:16px;text-align:center;
margin-top:10px;}

/*菜单*/
.menu-list ul{display:flex;flex-wrap:wrap;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.menu-list ul li{width:25%;padding:6px 0;position:relative;}
.menu-list ul li img{display:block;width:40%;margin:0 auto;}
.menu-list ul li a{color:#1e1e1e;text-align:center;}
.menu-list ul li .tips{background: #f03a4e;color: #fff;position: absolute;
    right: -2px;width: 36px;border-radius: 20px;text-align: center;
    font-size: 10px;border: 3px solid #fff;top: -2px;
    line-height: 18px;height: 16px;}
.menu-list ul li .vip{background: #2f2e42;color: #f4c93c;}
/*门店条件筛选*/
.store-list .store-tab{width: 100%;}
.store-list .store-tab .con-tab{width: 100%; display: flex; align-items: center;}
.store-list .store-tab .con-tab .tab{display: flex;}
.store-list .store-tab div.active{color: #F02832;}
.store-list .store-tab{line-height: 40px;position: relative;}
.store-list .store-tab i{margin-left: 2px;}
.store-list .store-tab div.active i{color: #F02832;}
.store-list .conditions{max-height: 400px;overflow-y:auto;}
.store-list .conditions li{padding: 0 20px;cursor: pointer;}
.store-list .conditions li.active{color: #F02832;}
.box-shadow{background: rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;display: none;}
.condtions-box{overflow: auto;position: absolute;width: 100%;}
.eat span{border: 1px solid #E4E4E4;border-radius: 4px; padding: 4px 20px;
display: inline-block;margin:5px;line-height: 20px;}
.eat span.active{background: #F02832;border: none;color: #fff;}
.change-status{background: #E4E4E4;width:50px;
height: 24px;border-radius: 12px; position: relative;}
.change-status .spot{background: #fff;width: 20px;height: 20px;
border-radius: 50%;left: 4px;position: absolute;top:2px}
.change-status.active{background: #F02832;}
.change-status.active .spot{left: 26px;}
.near i{display: none;}
.near .near-area li.active{color: #F02832;}
.near .near-area li.active i{display:inline;color: #F02832;}
.sel-num{background: #F02832;width: 16px;height: 16px;font-size: 10px;
color: #fff;line-height: 16px;display: inline-block;text-align: center;
border-radius: 50%;position: absolute;left: 6px;top:12px;display: none;}
.store-tab.fixed{position: fixed;top: 0;width: 100%;z-index: 44;}

.store-list ul p{line-height: 16px;}
.store-list ul p:nth-child(1){line-height: 20px;}
.store-list ul .coupon{display: flex;align-items: center;height: 12px;}
.store-list ul .stars i{font-size: 12px;}
.store-list ul .stars i.active{color: #f0cb00;}
.store-list .stores-logo{border-radius:4px;height:60px;overflow: hidden;}
.store-list .stores-logo img{border-radius: 4px;width: 100%;border: 1px solid #e8e8e8;}
.store-list .tips{border: 1px solid #F02832;font-size: 20px;border-radius: 8px;display: block;margin-left: -12px;margin-top: -2px;padding: 4px;line-height: 20px; -webkit-transform: scale(0.5);transform: scale(0.5);}
.store-list .tips-fill{display: block; padding: 3px 4px; line-height: 20px;font-size: 20px;margin-right: -4px;margin-top: -2px; -webkit-transform: scale(0.5);transform: scale(0.5);}
.store-list .food-num{color: #fff;position: absolute;right:-4px;top: -4px;
display: inline-block;width: 16px;height: 16px;font-size: 12px;
border-radius: 50%;line-height: 16px;}
.store-list .guide{padding: 3px 10px;}
.tb-detail .group{text-align:center;bottom:0;background:#f02832;color:#fff;
line-height:14px !important;width:50px;height:12px;border-radius:0 4px 0 4px;
padding:2px 4px 0;}
.store-list{padding:10px;background:#fafafa;padding-top:10px;}
.store-list li{overflow:hidden;border-radius:8px;background:#fff;margin-top:10px;}
.store-list .s-bg{display: block;width:100%;}
.store-list .info{box-shadow:1px 1px 1px 1px rgba(255,255,255,0.5);}
.store-list .deal_list{display:flex;width:100%;display: flex;display: -webkit-box;display: -moz-box;
  display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.store-list .deal_list>div{margin:6px; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;width:49%;}
.store-list .deal_list>div:nth-child(1){margin-left:0;}
.store-list .deal_list>div:nth-chlid(3){margin-right:0;}
.store-list .g-img{overflow: hidden;border-radius:4px;width:80px;}
.store-list .g-img img{width:80px;display:block;}
.store-list .g-name{width:100px;margin-top:6px;}
.store-list .deal-info{padding:0 4px}
/*底部导航条*/
.comomon-foot{left: 0;bottom: 0;margin-left: 0;
box-shadow: 0px 1px 3px 1px rgba(0,0,0,.1)}
.comomon-foot div{padding-top:6px;}
.comomon-foot div.active a{color: #F02832;}
.comomon-foot div i{font-size: 18px;}

/*会员中心*/
.user-head{
	
	background: url(../images/my-qutuan-bg.png) no-repeat;
	background-size: cover;
	padding: 30px 10px;
	padding-right: 0;
}
.user-head .user-photo{
	border: 2px solid #fff;border-radius: 50%;
	overflow: hidden;
}
.charge-box p{line-height: 34px;}
.user-head img{width: 100%;}
.user-head .user-iden{height: 30px;width: 30px;
display: inline-block;border: 1px solid #fff;
border-radius: 50%;line-height: 30px;}
.user-head .user-iden i{font-size: 20px;margin-top: 4px;}
.user-head .user-name{letter-spacing: 2px;margin-top: 4px;}
.user-head .user-money{background: rgba(0,0,0,0.2);
color: #fff;border-radius: 2px;padding: 4px 6px;}
.user-head .rank{display:block;background: rgba(255,255,255,0.2);
color: #fff;border-radius:33px 0  0 33px;padding: 6px;padding-right: 0}
.icon {width: 30px;height: 30px;}
.charge-box a{color: #1E1E1E;}
.other-box a{color: #1E1E1E;}
.other-box li i{font-size: 34px;}
.other-box li{padding: 20px 0;line-height: 30px;}
/*会员中心渐变icon*/
.user_main .iconfont{font-size: 30px;line-height: 34px;}
.user_main .icon-yue{
	background: -webkit-linear-gradient(left, #ff3f3f , #dc0028); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff3f3f , #dc0028); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff3f3f , #dc0028); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff3f3f , #dc0028); /* 标准的语法 */
	-webkit-background-clip: text; color: transparent;}

.user_main .icon-qubi{
	background: -webkit-linear-gradient(left, #e1cc1a , #eca50c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e1cc1a , #eca50c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e1cc1a , #eca50c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e1cc1a , #eca50c); /* 标准的语法 */
	-webkit-background-clip: text; color: transparent;}

.user_main .icon-quka{
	background: -webkit-linear-gradient(left, #ff3f3f , #dc0028); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff3f3f , #dc0028); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff3f3f , #dc0028); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff3f3f , #dc0028); /* 标准的语法 */
	-webkit-background-clip: text; color: transparent;}

.user_main .icon-ququan{
	background: -webkit-linear-gradient(left, #5cc936 , #2d9220); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #5cc936 , #2d9220); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #5cc936 , #2d9220); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #5cc936 , #2d9220); /* 标准的语法 */
	-webkit-background-clip: text; color: transparent;}}

/*搜索*/
.search-head{position: fixed;width: calc(100% - 20px);z-index: 55;
background: #fff;}
.search-head .icon-search{position: absolute;left: 20px;
font-size: 20px;line-height: 34px;color: #909090;
}
.search-head input{background: #f4f4f4;width: calc(100% - 74px);height:34px;
line-height: 34px;border-radius: 20px;padding-left: 34px;
float: left;}
.search-area .item-list span{
	border-radius: 4px;padding: 4px 20px;background: #F4F4F4;
	margin: 6px;display: inline-block;
}
.clear-history{font-size: 12px;border: 1px solid #909090;
border-radius: 10px;padding:0 8px;}

/*城市列表*/
.city-guide{
	right: 10px;top:70px;width: 24px;
}
.city-guide a{color: #F02832;display: block;text-align: center;}
.city-list .ct{line-height: 40px;}
.city-chart{color:#F02832;display: block;line-height: 40px;}
.guide-tips{background: #fff;width: 40px;height: 40px;border-radius: 20px;
background: rgba(0,0,0,.5);position: fixed;top:50%;margin-left: -20px;
left: 50%;margin-left: -20px;color: #fff;text-align: center;
line-height: 40px;display: none;}

.fixednav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;}
.map{position: fixed;top: 40%;display: none;width: 100%;z-index: 999;padding: 0 10%;
 box-sizing: border-box;}
.map .close-map{background: #fff;height: 16px;border-radius: 10px 10px 0 0;
text-align: right;position: relative;}
.close-icon{cursor: pointer;position: absolute;right: -6px;top: -5px;}
.map .close-map i{background: #f02832;border-radius: 50%;color: #fff;font-size: 25px;}
.map ul{height: 120px;background: #fff;border-radius: 0 0 10px 10px;display: flex;
justify-content: space-around;align-items: center;margin-top: -1px;}
.map ul li{flex: 1;height: 100px;display: flex;justify-content: center;align-items: center;
flex-wrap: wrap;cursor: pointer;}
.map ul li div{width: 40px;height: 40px;display: flex;justify-content: center;}
.map ul li div img{width: auto;height: 100%;}
.map ul li span{display: block;width: 100%;text-align: center;font-size: 14px;}
#box_shadow{width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;
position: fixed; top: 0;left: 0;z-index: 47;}
.loading-show{width: 100%;height: 100%;background: rgba(255,255,255,.5);
position: fixed;top: 0;z-index: 999;display: none;}
.loading-show div{width: 100%;height: 100%;display: flex;justify-content: center;
align-items: center;}
.loading-show .icon-wait{animation: rotation 1s infinite linear;width: 30px;height: 30px;
font-size: 30px;line-height: 30px;color: #f02832;}
.loc .icon-wait{animation: rotation 2s infinite linear;width: 30px;
height: 30px;font-size: 30px;line-height: 30px;}
@keyframes rotation{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
.scanQRCode{cursor: pointer;}
.store-list .stores-logo .img-limit{width: 80px;height: 80px;overflow: hidden;
display: block;margin-top: 5px;position: relative;border-radius: 4px;}
.store-list .stores-logo .img-limit img{width: 100%;box-sizing: border-box;
position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.wait-none{width: 100%;height: 30px;line-height: 30px;text-align: center;
display: none;color: #909090;font-size: 10px;background: #f2f2f2;}
.wait{width: 100%;height: 30px;display: flex;align-items: center;
justify-content: center;color: #909090;font-size: 10px;background: #f2f2f2;}
.wait span{padding-left: 10px;}
.wait i{animation: rotation 2s infinite linear;font-size: 20px;line-height: 20px;
width: 20px;height: 20px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 1)), to(rgba(255, 255, 255, 1)));
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner-box{overflow: hidden;}
.search-style{margin-top: 5px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.search-style span{text-align: center;}
.to-point{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
	background:#fff;border-radius:4px;width:80%;padding-top:10px;z-index:666;cursor:pointer;
	font-size:14px;z-index:999;display: none;}
.to-point .title{font-size:16px;line-height:40px;font-weight:bold;}
.to-point .content{padding:0 0 10px 0;}
.to-point .option{display: flex;line-height:40px;font-size:14px;width:100%;
text-align:center;}
.to-point .option>div{flex:1;}
.to-point .option a{color:#f02832;}
.shadow{z-index:99;display:none;background:rgba(0,0,0,0.3);position: fixed;top:0;height:0;height:100%;width:100%;}