﻿/*2020.5.12*/ 
*{box-sizing: border-box;}
.page{width: 100%;max-width: 750px;margin: 0 auto;position: relative;margin-bottom: 1.5rem;}
.wrap{width: 6.2rem;margin: 0 auto;}

/* title 发货信息 */
.classify-tit{padding-top: .4rem;padding-bottom: .2rem;}
.classify-tit img{width: .44rem;margin-right: .15rem;}
.classify-tit h4{font-size: .28rem;font-weight: 500;}

/*logo*/
.logo{padding: 1.5rem 0 1.2rem;}
.logo a{display: block;}
.logo a img{width: 100%;}

/*顶部导航栏*/
.header ul li{text-align: center;width: 100%;}
.header ul li a{border: px solid red;display: block;}
.header ul li img{margin-bottom: 0.2rem;width: 0.66rem;}
.header ul li img.on{display: none;}
.header ul li h2{font-size: 0.34rem;color: #727272;}
.header ul li.active img.on{display: inline-block;}
.header ul li.active img.original{display: none;}
.header ul li.active h2{color: #910000;}

/*login_form*/
.login_form{padding: .4rem;margin: 0 auto;}
.login_form form p{height: .84rem;background: #fff;border-radius: 0.1rem;padding: 0 0.33rem;}
.login_form form p.btn{padding: 0;}
.login_form form .cf_fl{float: left;font-size: 0.15rem; line-height: .84rem;color: #333;width: 24%;} 
.login_form form .cf_fr{float: right;width:76%;position: relative; }
.text1{width: 100%;height: .84rem;line-height: .84rem;padding: 0 .1rem;font-size: .3rem;color: #666666; background-color:#fdfdfd}
.text11{height: .84rem;line-height: .84rem;padding: 0 .1rem;font-size:12px;color: #666666;}


.text2{width: 45%;height: .84rem;line-height: .84rem;padding: 0 .1rem;float: left;}
.text3{width: 100%;height: 0.94rem;line-height: 0.94rem;border-radius: 0.1rem;border: none;background: #f8c573; color: #910000; font-size: .34rem; cursor: pointer;vertical-align:middle;outline: none;}
.login_form form .yzm_img{float: right;width:30%;height: .84rem;display: flex;margin-right: -10px;}
.login_form form .yzm_img img{width: 100%; max-height: 40px;align-self: center;}
.error{width: 76%; float:right; font-size: .2rem; line-height: .3rem; min-height: .4rem; color:#f00;}
.login_form form .cf_fr em{font-size: .26rem;color: #910000;position: absolute;top: 0;right: 0;line-height: .84rem;cursor: pointer;}

.speedconte{height: .84rem;
	font-size: 1.3rem;
line-height: .84rem;	color: #333;
	text-decoration: underline;
}


  /*查询信息_修改订单信息





    /*验证码*/
.section p.btn{margin: .35rem auto;}  /*查询信息btn*/
.login_form form p.sell{font-size: .28rem;color: #910000;background: transparent;padding: 0;text-indent: -.35rem;padding-left: .35rem;margin-bottom: .2rem;}
.login_form form p.sell img{width: .31rem;margin-right: .1rem;}

/*notice*/
.notice h1{font-size: 0.3rem;color: #666666;line-height: 0.8rem;}
.notice p{font-size: 0.24rem;color: #999999;line-height: 0.4rem;}


/*footer*/
.footer{height: 1rem;background: #fff;width: 7.5rem;margin: .2rem auto 0;position: fixed;bottom: 0;}
.footer ul{border: px solid red;height: 100%;}
.footer ul li{width: 100%;border-right: 1px solid #cccccc;height: 100%;}
.footer ul li:last-child{border: none;}
.footer ul li a{display: flex;align-items: center;justify-content: center;height: 1rem;min-height: 1rem;}
.footer ul li img{width: 0.36rem;margin-right: 0.06rem;}
.footer ul li span{font-size: 0.34rem;color: #666666;}
.add_cart_btn{background: #ff6600;}
.add_cart_btn ul li a{color: #fff;font-size: .26rem;}

/*收货地址样式*/  /*单一套餐卡*/
.ensure_form{padding: .2rem 0 .4rem;margin: .3rem auto; border-radius: 4px;border: px solid red;}
.ensure_form p{min-height: .84rem;background: #fff;border-radius: .1rem;padding: 0 .33rem;}
.ensure_form .cf_fl{width: 26%;float: left;height: .84rem;line-height: .84rem;font-size: 0.3rem;color: #333;} 
.ensure_form .cf_flx{width: 26%;float: left;height: .84rem;line-height: .84rem;font-size: 0.3rem;color: #333;} 
.ensure_form .cf_fr{width: 72%;float: right;height: .84rem;line-height: .84rem;font-size: 0.3rem;color: #333;}
.ensure_form .error{width: 72%;}
.demo-input{height: .84rem;line-height: .84rem; border: 1px solid #dadada;padding-left: 10px;}
.ensure_form form p.btn{padding: 0;}
/*选择地区*/
.express-area{padding-left: .1rem;padding-right: .3rem;height: .84rem;margin-top: -.84rem;background-color: #fff;/*width: 70%;*/width: 70%;float: right;box-sizing: border-box;}
.express-area a{display: block;background: url(/mobile/images/arrow.png) no-repeat 96.5% 50%;background-size: .14rem;}
.express-area dl{position: relative; line-height: 1.2rem;color: #4d525d;}
.express-area dl dt{position: absolute;top: 0;left: 0;font-size: .7rem;line-height: 1.2rem;}
.express-area dl dd{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .3rem; line-height: .84rem; color: #666666;}
/*选择地区弹层*/
.express-area-box{position: absolute;bottom: -100%;left: 50%;z-index: 15;width: 320px;margin-left: -160px;background-color: #fff;color: #4d525d; }
.express-area-box header{position: relative;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; }
.express-area-box header h3{text-align: center;font-size: .4rem;line-height: .8rem;}
.express-area-box header .back,.express-area-box header .close{position: absolute;top: 0; width: .8rem;height: .8rem;}
.express-area-box header .back{display: none;left: 0;background: url(/mobile/images/back.png) no-repeat center;background-size: .2rem;}
.express-area-box header .close{right: 0;background: url(/mobile/images/close-area.png) no-repeat center;background-size: .3rem;}
.express-area-box article{height: 250px;overflow-y: scroll; }
.area-list li{padding: .2rem .3rem;border-bottom: 1px solid #e2e2e2;text-align: justify;font-size: .3rem;line-height: .3rem; }
/*遮罩层*/
.express-area-box{position: fixed;left: 0;width: 100%;margin-left: 0; }
.express-area-box{position: fixed;left: 0;width: 100%;margin-left: 0; }
.mask{display: none;position: fixed;top: 0;left: 0;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.5); }



/*section3*/  /*多选-套餐卡*/   /*多选多卡券-兑换*/
.section3 ul{margin-bottom: .3rem;}
.section3 ul li{background: #fff;margin:0 0 .2rem 0;border-radius: .4rem;}
.section3 ul li a{display: flex;align-items: flex-start;justify-content: space-between;background: #fff;padding: .24rem;border-radius: .06rem;}
.section3 ul li .pl_left{display: flex;flex-shrink: 0;flex-grow: 0;width: 1.8rem;height: 1.8rem;margin-right: .3rem;overflow: hidden;justify-content: center;align-items: center;position: relative;}
.section3 ul li .pl_left img{max-width: 100%;max-height: 100%;}
.section3 ul li .pl_right{display: flex;flex-direction: column;justify-content: space-between;height: 1.8rem; width:100%}
.section3 ul li .pl_right h1{font-size: .3rem;line-height: .42rem;height: .42rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.section3 ul li .pl_right h2{font-size: .26rem;line-height: .38rem;height: .76rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color: #666666;}
.section3 ul li .bars{display: flex;justify-content: space-between;align-items: flex-end;}
.section3 ul li .bars .price{font-size: .24rem;line-height: .32rem;}
.section3 ul li .bars .price span{color: #ff0101;}
.section3 ul li .bars .rob-btn{display: flex;align-items: center;justify-content: center;width: 1.2rem;height: .44rem;border-radius: .06rem;font-size: .22rem;color: #fff; background: #ff9000;}
.section3 ul li .bars .exhausted-btn{display: flex;align-items: center;justify-content: center;width: 1.2rem;height: .44rem;border-radius: .06rem;font-size: .22rem;color: #fff; background: #b2b2b2;}

/*多选-套餐卡_点击兑换后*/
/*order_form 信息*/
.order_form form p{background: #fff;border-radius: .1rem;min-height: .84rem;line-height: .84rem;padding: 0 .33rem;}
.order_form form p.btn{padding:0;}
.order_form .ol_title{float: left;/*width: 26%;*/width: 24%;font-size: .3rem;color: #333333;}
.order_form .ol_text{float: right;/*width: 72%;*/width: 70%;padding-left: 10px;font-size: .3rem;color: #666666;max-height:3rem;overflow-y:auto;}
.order_form .pro_infro{height: 1.3rem;}
.order_form .pro_infro .ol_text{line-height: .5rem;height: 1.3rem;padding-top: .18rem;overflow:hidden;text-overflow:ellipsis;white-space: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.order_form .ol_text em{color: #910000;margin-left: .3rem;}


/*查询信息*/
.order_form .ol_left{background: #fff;padding: .25rem 0 .25rem .3rem;border-radius: .1rem;}
.order_form .ol_left p{font-size: .28rem;color: #666666;line-height: .5rem;text-indent: -1.5rem;padding-left: 1.5rem;margin-bottom: .1rem;}
.order_form .ol_left p:last-child{margin-bottom: 0;}
.order_form .ol_left p span{font-size: .3rem;color: #333333;}
.order_form .ol_left p em{color: #910000;cursor: pointer;}

/*查询信息3  查看详情*/
.filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);display: none;}
.product_detail{width: 6.5rem;border-radius: .1rem;background: #fff;padding: .25rem .28rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.product_detail .close_btn{width: .5rem;height: .5rem; border-radius: 50%;background: #f8c573;position: absolute;top: -.25rem;right: -.25rem;}
.product_detail .close_btn span{color: #910000;}
.product_detail ul li .img{width: 27.8%;margin-right: .18rem;}
.product_detail ul li .img img{width: 100%;}
.product_detail ul li .text{width: 67%}
.product_detail ul li .text h2{font-size: .3rem;color: #333333;line-height: .44rem;margin-bottom: .2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_detail ul li .text h3{font-size: .26rem;color: #666666;line-height: .38rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


/*收货反馈_验证正确2   com_content 上传图片*/
.com_content .cc_form .textArea{height: 100%;padding: 0;margin: 0 auto .3rem;}
.com_content .cc_form textarea{width: 100%; height: 1.8rem;border-radius: .1rem;background: #fff;font-size: .3rem;color: #666666;line-height: .46rem;padding: .2rem .3rem;outline: none;text-align: justify;}
.com_content .cc_form .cc_submit{width: 100%;height: .94rem; line-height: .94rem;color: #fff; border-radius: .1rem;background: #f8c573; border: none; font-size: .34rem;color: #910000;}
.com_content .cc_form .main .imgBox .btn{margin: .15rem 0 0 0;border: none; background: #f8c573;color: #FFFFFF;border-radius: .05rem;width: 1.34rem;height: .46rem;line-height: .46rem;}
.com_content .cc_form .main .imgBox li{float: left;margin-right: .26rem;}
.com_content .cc_form .main .imgBox li:last-child{margin-right: 0;}
.com_content .cc_form .main .imgBox .upimg{position: relative;width: 1.34rem;height: 1.34rem;background: url(/mobile/images/add_pic.png) no-repeat;background-size: cover;}
.com_content .cc_form .main .imgBox .upimg input{position: absolute;width: 1.34rem;height: 1.34rem;opacity: 0;cursor: pointer;}
.com_content .exampleImg{margin: .2rem 0 .33rem;}
.com_content .exampleImg p{font-size: .24rem;font-family: 'PingFangSC';color: #999999;padding: 0;line-height: .36rem;background: transparent;}
.com_content .exampleImg li{float: left;margin-right: .26rem;cursor: pointer;width: 1.34rem;height: 1.34rem;}
.com_content .exampleImg li .img{width: 100%;}
.com_content .exampleImg .img_detail{display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6.5rem;height: 6.5rem;z-index: 99;}
.com_content .exampleImg .img_detail img{width: 100%;}
.com_content .exampleImg .img_detail .close_btn{position: absolute;top: -.25rem;right: -.25rem;width: .5rem;height: .5rem;border-radius: 50%;background: #f8c573;display: flex;justify-content: center;align-items: center;}
.com_content .exampleImg .img_detail .close_btn span{font-size: .24rem;color: #910000;}


/*contact_list 联系我们*/
.contact_list{width: 6.9rem;margin: 0 auto 1.65rem auto;}
.contact_list .img img{width: 100%}
.contact_list .text{margin-top: .3rem;}
.contact_list .text p{font-size: .3rem;color: #666666;font-family: 'PingFangSC';line-height: .6rem;text-transform: uppercase;}

/*contact_list 联系我们*/
.contact_list{width: 6.9rem;margin: 0 auto 1.65rem auto;}
.contact_listx .img img{width: 100%}
.contact_listx .text{margin-top: .3rem;}
.contact_listx .text p{font-size: .3rem;color: #666666;font-family: 'PingFangSC';line-height: .6rem;text-transform: uppercase;}





/*循环发货卡-兑换   兑换次数 发货日期date*/
.exchange_times select{height: .84rem;background: #fff;border: none;padding-left: .1rem;width: 100%;font-size: .3rem;color: #999999;outline: none;}
.date .cf_fr{background: url(../images/arrow.png) no-repeat 96.5% 50%;background-size: .14rem;}


/*多选多卡券-兑换2*/
.cart-list li{background: #fff;border-radius: .04rem;width: 6.5rem;margin: 0 auto .2rem;}
.cart-list li:last-child{margin-bottom: 0;}
.cart-list li .cart_box{display: flex;justify-content: space-between;align-items: center;padding: .2rem .25rem .2rem .18rem; border-bottom: 1px solid #eee;}
/*合计+兑换折扣+折后合计*/
.cart_total{width: 6.5rem;margin: 0.4rem auto 0;line-height: .5rem; font-size: .26rem; color: #666;}
.cart_total h1 em{color: #ff0101;}
.cart-list .radio-group{display: flex;flex-shrink: 0;width: .66rem;justify-content: center;align-items: center;}
.cart-list .img{display: flex;flex-shrink: 0;justify-content: center;align-items: center;width: 1.38rem;height: 1.38rem;margin-right: .15rem;}
.cart-list .img img{max-width: 100%;max-height: 100%;}
.cart-list .text{width: 100%;}
.cart-list .text h4{font-size: .3rem;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cart-list .text .pro_name p{color:#ff0000; font-size: .24rem;}
.cart-list .text .spec{margin: .1rem 0 .12rem;font-size: .26rem;color: #666666;height: .76rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.cart-list .text .amount{display: flex;justify-content: space-between;align-items: center;}
.cart-list .text .amount .delete{display: block; width: .36rem;}
.cart-list .text .amount .delete img{width: 100%;}
.num-select{display: flex;}
.num-select input{display: block;width: .5rem;height: .45rem;line-height: .45rem;text-align: center;font-size: .2rem; border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.num-select .num-btn{width: .5rem;height: .45rem;position: relative; border: 1px solid #eee;}
.num-select .num-btn::before{display: block;content: '';width: .2rem;height: 2px;background: #A3A3A3;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -.1rem;}
.num-select .add-btn::after{display: block;content: '';width: 2px;height: .2rem;background: #A3A3A3;position: absolute;top: 50%;left: 50%;margin: -.1rem 0 0 -1px;}*/
.cart-list .lower-shelf .img img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.cart-list .lower-shelf .lower-shelf-text{display: flex;flex-shrink: 0;width: .6rem;margin-right: .06rem;justify-content: center;line-height: .36rem;background: #BEBEBE;border-radius: .18rem;font-size: .22rem;color: #fff;}

/*全选 radio*/
.radio-group input{display: none;}
.radio-group input+label{display: block;font-size: .26rem;color: #333333;line-height: .3rem;/*margin-top: .05rem;*/}
.radio-group input+label::before{display: inline-block;content: '';vertical-align: top;width: .28rem;height: .28rem;background: url(../images/radio.png) no-repeat;background-size: contain;margin: 0 .1rem 0 0;}
.radio-group input:checked+label::before{background: url(../images/radio-on.png) no-repeat;background-size: contain;}
/*.radio-group{position: relative;}
.radio-group #goodsImte1,.radio-group #goodsImte2{width: .11rem;height: .11rem;}
.radio-group #goodsImte1+label{background: rgba(255,144,0,1);display: block;position: absolute;width: .28rem;height: .28rem;border-radius: .02rem;margin: 0;}
.radio-group #goodsImte1:checked +label::before{display: block;content: "\2714";text-align: center;font-size: .24rem;color: white;}
.radio-group #goodsImte2+label{background: rgba(255,144,0,1);display: block;position: absolute;width: .28rem;height: .28rem;border-radius: .02rem;margin: 0;}
.radio-group #goodsImte2:checked +label::before{display: block;content: "\2714";text-align: center;font-size: .24rem;color: white;}
.radio-group #allElection{margin: .05rem .1rem 0 .03rem;}
.radio-group #allElection+label{background: #fff;border: 1px solid #cccccc;display: block;position: absolute;width: .29rem;height: .29rem;border-radius: .02rem;margin: 0;top: .045rem;left: .01rem;box-sizing: border-box;}
.radio-group #allElection:checked +label::before{display: block;content: "\2714";text-align: center;font-size: .24rem;color: white;background: rgba(255,144,0,1);width: .3rem;height: .3rem;top: -.01rem;left: -.03rem;position: absolute;}*/


.bottom-btns{width: 7.5rem;margin: 0 auto;position: fixed;width: 100%;height: 1rem;bottom: 0;z-index: 999;background: #fff;box-shadow: 0px .02rem .1rem 0px rgba(0,0,0,0.06);display: flex;justify-content: space-between;align-items: stretch;padding: 0 0 0 .3rem;}
.cart-bottom{align-items: center;width: 7.5rem;margin: 0 auto;}
.cart-bottom .total-price{width: 2.3rem;font-size: .26rem;text-align: right;line-height: 1rem;background: #ff9000; display: flex; color: #fff; align-items: center; justify-content: center; }
.cart-bottom .total-price img{width: .27rem; margin: 0 .12rem 0 0;}
.cart-bottom .btn-violet{background: #ff6600;line-height: 1rem;font-size: .26rem;width: 2.3rem;text-align: center;color: #fff;}
.cart-bottom .radio-group{display: flex;flex-shrink: 0;margin-right: .3rem;font-size: .26rem;}
/*充值卡卡券-兑换*/
.total_discount{font-size: .28rem;color: #ff0101;margin-left: .3rem;}   /*折后合计*/


/*充值卡卡券-兑换*/
.all_product_item .item{margin: .2rem 0 0.25rem;position: relative;}
.all_product_item .item li a{display: block;font-size: .3rem;color: #910000;line-height: .54rem;padding: 0 .27rem;border-radius: .1rem;}
.all_product_item .item li.active a{background: #f8c573;}
/*充值卡卡券-兑换   全部产品 展开*/
.sub_item{display: none;position: absolute;left: 0;z-index: 99;background: #fff;width: 100%;border-radius: .1rem;padding: .1rem 0;-moz-box-shadow:0px .05rem .1rem rgba(0,0,0,.25); -webkit-box-shadow:0px .05rem .1rem rgba(0,0,0,.25); box-shadow:0px .05rem .1rem rgba(0,0,0,.25);}
.sub_item li{border-bottom: 1px solid rgba(0,0,0,.1);}
.sub_item li{padding: .1rem 0;}
.sub_item li:last-child{border: none;}


/*套餐详情页面*/
.meal_detail .meal_img .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.meal_detail .meal_img .swiper-slide img{width: 100%;}
.meal_detail .meal_img .swiper-pagination{color: #fff;font-size: .18rem;width: .9rem;height: .38rem;background: rgba(0,0,0,.25);border-top-left-radius: .2rem;border-bottom-left-radius: .2rem;}
.meal_detail .meal_img .swiper-pagination .swiper-pagination-current{font-size: .32rem;}
.meal_detail .meal_img .swiper-pagination.swiper-pagination-fraction{left: 85%!important;}
.meal_detail .meal_text{width: 6.8rem;margin: 0.6rem auto 0;}
.meal_detail .meal_text h2{font-size: .34rem;color: #333333;line-height: .48rem;margin-bottom: .2rem;}
.meal_detail .meal_text p{font-size: .26rem;color: #666666;line-height: .42rem;text-align: justify;}
.meal_detail .meal_text h3{font-size: .26rem;color: #333333;line-height: .38rem;margin: .46rem 0;}
.meal_detail .meal_text .price .original{font-size: .26rem;color: #666666;text-decoration: line-through;}
.meal_detail .meal_text .price .current{color: #ff0101;font-size: .36rem;}
.meal_detail .meal_text .price .current span{font-size: .26rem;}
.meal_detail .meal_text .shop_Cart{width: 240px;height: 60px;line-height: 60px;font-size: 20px;color: #fff;background: #ff9000;border: none;margin-top: 100px;cursor: pointer;}
.product_intro{width: 6.8rem;margin: 0 auto;margin-top: .5rem;}
.product_intro .tit{border-bottom: 1px solid #f8c573;margin-bottom: .3rem;}
.product_intro .tit h3{width: 2rem;height: .8rem;line-height: .8rem;background: #f8c573;color: #910000;text-align: center;font-size: .3rem;}
.product_intro .text p{font-size: .26rem;color: #666666;line-height: .48rem;text-align: justify;}
