@charset "UTF-8";

/*重置文本格式元素*/
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;background-color: #fff;-webkit-font-smoothing: antialiased;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe {margin: 0;padding: 0;}
img,article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {display: block;margin: 0;padding: 0;}
fieldset,img {border: 0;}
address,caption,cite,dfn,em,th,var,i,em {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
img, img a {border: 0;vertical-align: middle;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
a,label,button,input,select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
input,select,button {-webkit-appearance:none;font-family: arial, sans-serif;vertical-align: baseline;border-radius: 0;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;outline: none;}
html{-ms-touch-action: pan-y;touch-action: pan-y;}
body{/*font-family: -apple-system;font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;*/font-family: Helvetica,STHeiti STXihei, Microsoft JhengHei, Arial;-webkit-touch-callout: none;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;top: 0;right: 0;bottom: 0;left: 0;margin: 0;padding: 0;color: #000;word-wrap: break-word;text-rendering: optimizeLegibility;-webkit-backface-visibility: hidden;-webkit-user-drag: none;-ms-content-zooming: none;}
body,html{min-width: 300px;max-width: 750px;margin: 0 auto; background: #efeff4;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{-webkit-appearance: none;margin: 0px;padding: 0px;list-style: none;}
input:required,input:valid,input:invalid {border: 0 none;outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
input[type="number" ]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0; }
input[type="number"]{-moz-appearance:textfield;}
.clear:after, .clear:before {clear: both;display: block;content: "";}
.clamp{-webkit-line-clamp: 2;}

/*文字省略号*/
.tit {color: #333;font-size: 28px;width: 100%;}
.over { overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-o-text-overflow: ellipsis; white-space: nowrap;}

/*灰色*/
.gray {color: #777;}
.weui-btn-gray {color: #777;background-color: #fff;}

/*红色*/
.red{ color: #FF6E6E;}

.br{border-radius: 0px;}


/*橙色渐变按钮*/
.yellow-color{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb940), color-stop(1, #ff953d));}
.red-color{background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9742), color-stop(1, #ff7366));}

/*间隔性*/
hr{ height: 20px; background: #efeff4; position: relative; display: block; width: 100%; border: none;}


/*loading*/
.mask-dialog{background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.mask-dialog .load{background-color: rgba(0, 0, 0, 0.75); padding: 20px; border-radius: 10px; text-align: center;}
.mask-dialog .load img{width: 90px; height: 90px; background-size: 90px 90px; margin: 0 auto;}
.mask-dialog .load .loadingtxt{font-size: 28px; color: #FFF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}

.brad{border-radius: 0px;height: 110px;line-height: 110px;}


/*左右*/
.fl{ float: left;}
.fr{ float: right;}

/*top*/
.mt-top{ margin-top: 15px;}
.top-35{ margin-top: -35px;}


/*内边距*/
.mt30{ margin-top: 30px;}
.mb90 {padding-bottom: 110px;position: relative;background: #efeff4;}
.mbtow {padding-bottom: 120px;position: relative;background: #fff;padding-top: 20px;}
.mb-mall {padding-bottom: 110px;position: relative;background: #fff;margin-top: 110px;}
.weui-top{ margin-top: 0;}
.mt100{ margin-top: 100px;}
.pd100{ padding-top: 100px;}

/*banner圆点*/
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 70px;}


/*首页搜索*/
.search-box{position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 1; overflow: hidden;border-radius: 50px 50px 0px 0px; background: url(../img/icon/bg.png) no-repeat bottom center; background-size: 100% 100%; text-align: center; top: 50%;margin-top: -14px;}
.search-box .search-input{border: 1px solid #969696; height: 78px; margin: 40px 30px; background-color: #fff; -moz-border-radius: 500px; -webkit-border-radius: 500px; border-radius: 500px; position: relative; overflow: hidden;}
.search-box .search-input .icon-search{font-size: 40px; color: #999; position: absolute; right: 25px; top: 6px; border-left: 2px solid #dadada; padding-left: 20px;}
.topindex{ width: 100%; height: 740px; position: relative;}

/*弹出搜索*/
.search-text{padding: 30px 30px;overflow: hidden;width: 100%;}
.search-text p {overflow: hidden;font-size: 28px;padding-bottom: 30px;color: #333;}
.search-text ul{overflow: hidden;}
.search-text ul li{padding-right: 25px; width: 33.33%; float: left; padding-bottom: 25px; box-sizing: border-box; position: relative;}
.search-text ul li:nth-child(3){padding-right: 0;}
.search-text ul li a{color: #909090; width: 100%; text-align: center; box-sizing: border-box; padding: 5px 15px; font-size: 28px; display: block; border: 1px solid #c3c3c3; border-radius: 5px;}
.search-close{height: 100px; line-height: 100px; color: #00cc9a; position: absolute; bottom: 0; font-size: 30px; text-align: center; width: 100%; border-top: 1px solid #dadada;}


/*分类图标*/
.icon-list{ position: relative; overflow: hidden;}
.icon-list a{ width: 25%; float: left;display: block;text-align: center; height: 100%;}
.icon-list .iconlist {margin: 0px auto; width: 100px;height: 100px; border-radius: 50%;-webkit-border-radius: 50%;}
.icon-hzry, .icon-xltc, .icon-mrcx, .icon-dzyd{ width: 100px; height: 100px;}
.icon-list .iconlist>img{ height: 100px; margin:0 auto;}
.icon-list p{ font-size: 28px;color: #333; margin-top: 20px;line-height: 1;}


/*推荐产品*/
.recommended{width: 100%; height: auto; padding: 10px 30px 0px 30px; overflow: hidden;}
.recommended .wle{width: 100%; position: relative;}
.recommended .wle>img{width: 100%; height: auto;}
.recommended .wle .countdown{float: left; width: 39%; height: 340px; border-radius: 15px 0px 0px 15px; -webkit-border-radius: 15px 0px 0px 15px; box-sizing: border-box; background-color: #fff; position: relative; overflow: hidden;}
.recommended .presell{float: right; width: 60%; height: auto; overflow: hidden;}
.recommended .presell a:nth-child(1){float: left; width: 100%; height: 167px; border-radius: 0px 15px 0px 0px; -webkit-border-radius: 0px 15px 0px 0px; box-sizing: border-box; background-color: #fff; overflow: hidden;}
.recommended .presell a:first-child{margin-bottom: 8px;}
.recommended .presell a:nth-child(2){float: left; width: 100%; height: 167px; border-radius: 0px 0px 15px 0px; -webkit-border-radius: 0px 0px 15px 0px; box-sizing: border-box; background-color: #fff; overflow: hidden;}


/*每日生鲜*/
.Dailyfresh{width: 100%; height: auto; padding: 30px; overflow: hidden;}
.Dailyfresh .fresh{ padding-bottom: 30px;}
.Dailyfresh .fresh h1 {display: inline-block;font-weight: 500;font-size: 35px;}
.Dailyfresh .fresh p {display: inline-block;font-weight: 500;font-size: 25px;margin-left: 10px;color: #666;}
.Dailyfresh .figure{ width: 100%; position: relative; height: 244px;}
.Dailyfresh .figure>img{ width: 100%; border-radius: 30px 30px 0px 0px;-webkit-border-radius: 30px 30px 0px 0px; overflow: hidden;height: auto;}
.Dailyfresh .product-list{width: 100%;padding: 25px; position: relative; top: -40px; overflow: hidden; background: #fff; border-radius: 30px 0px 20px 20px; -webkit-border-radius: 30px 0px 20px 20px; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.Dailyfresh .product-list .recom-img{width: 100%; overflow: hidden; position: relative;}
.Dailyfresh .product-list .recom-img>img{width: 100%; height: auto;}
.Dailyfresh .product-list .recom-tit{float: left; width: 100%; margin: 0 3%; position: relative;}
.Dailyfresh .product-list .recom-tit .Theprice{position: relative; display: block;}
.Dailyfresh .product-list .recom-tit .Theprice b{color: red; float: left; font-size: 30px; font-weight: 500;}
.Dailyfresh .product-list .recom-tit .Theprice .icon-carttwo{outline: none; background: none; border: none; position: absolute; right: 8px; top: 0px; color: #00cc9a; font-size: 40px;}


/*导航*/
.footer{display: -webkit-box; display: -webkit-flex; display: flex; position: fixed; z-index: 500; left: 0; bottom: 0; width: 100%; background-color: #f7f7fa;}
.footer:before{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #7b7a7a; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.footer a{position: relative;}
.footer a{display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 5px 0 5px; font-size: 0; color: #666; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.footer .icon{display: inline-block; width: 46px; height: 46px; position: relative;}
.footer .tetx{margin-top: 10px; text-align: center; color: #999; font-size: 28px;}
.footer a.active{color: #00cc9a;}
.footer a.active .tetx{color: #00cc9a;}
.icon-ziyuan6, .icon-sc_w, .icon-ziyuan1, .icon-ziyuan10, .icon-ziyuan5, .icon-ziyuan7, .icon-ziyuan9, .icon-ziyuan3,.icon-ziyuan2, .icon-ziyuan{font-size: 46px;/*content: attr(data-text);  
    position: absolute; left: 0;  z-index: 2;-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#00cc9a), to(rgba(0, 0, 255, 0)));*/}

/*商城banner*/
.slide{width: 100%; min-height: 305px; max-height: 305px; overflow: hidden; position: relative; background: #fff; }
.slide .img{ overflow: hidden; position: absolute; transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;}
.slide .img img{ width: 100%; }
.slide .img1{width: 40%; top: 30%; left: -55%; z-index: 1;}
.slide .img2{width: 60%; top: 10%; left: -55%; z-index: 2;}
.slide .img3{width: 90%; top: 0; left: 5%; z-index: 3;}
.slide .img4{width: 60%; top: 10%; left: 95%; z-index: 2;}
.slide .img5{width: 40%; top: 30%; left: 110%; z-index: 1;}

.slidetow{width: 100%; min-height: 305px; max-height: 305px; overflow: hidden; position: relative; background: #fff; }
.slidetow .swiper-img{ overflow: hidden; position: absolute; transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;}
.slidetow .swiper-img img{ width: 100%; }
.slidetow .swiper-img1{width: 40%; top: 30%; left: -55%; z-index: 1;}
.slidetow .swiper-img2{width: 60%; top: 10%; left: -55%; z-index: 2;}
.slidetow .swiper-img3{width: 90%; top: 0; left: 5%; z-index: 3;}
.slidetow .swiper-img4{width: 60%; top: 10%; left: 95%; z-index: 2;}
.slidetow .swiper-img5{width: 40%; top: 30%; left: 110%; z-index: 1;}


/*商城分类*/
.fication{ width: 100%; position: relative; padding: 60px 0 60px;}


/*产品推荐*/
.product-box{background: #efeff4; padding: 0px 40px 40px; text-align: center; position: relative;}
.product-box .site-title{padding: 50px 0 40px; width: 65%; margin: 0 auto;}
.product-box .site-title fieldset{border: none; padding: 0; border-top: 1px solid #a2a2a2;}
.product-box .site-title fieldset legend{background: #efeff4; margin-left: 20px; padding: 0 20px; font-size: 32px; font-weight: 500;}


/*产品分类列表*/
.cp-img{ position: relative; overflow: hidden; height: 200px;}
.cp-img img{ width: 100%; height: 100%;}
.product-box-gree{ padding: 30px 20px;position: relative; overflow: hidden;}
.product-box-gree .recom-img{width: 100%; overflow: hidden; position: relative;}
.product-box-gree .recom-img img{width: 100%;}
.product-box-gree .recom-tit{float: left; width: 100%; margin: 0 3%; position: relative;}
.product-box-gree .recom-tit .Theprice{position: relative;display: block;}
.product-box-gree .recom-tit .Theprice b{color: red;float: left;font-size: 30px; font-weight: 500;}
.product-box-gree .recom-tit .Theprice .icon-carttwo{outline: none;background: none;border: none;position: absolute;right: 8px;top:0px;color: #00cc9a;font-size: 40px;}


/*产品详情页顶部*/
.anchor_layer:after{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.anchor_layer .icon-jiantou-left:first-child{-webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: -15%;}
.anchor_layer .icon-jiantou-left{height: 110px; line-height: 110px; -webkit-box-flex: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; color: #666; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 40px; white-space: nowrap; overflow: hidden; color: #5C5C5C;}
.anchor_layer{height: 110px; line-height: 110px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; padding: 0 30px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.anchor_layer .nav_wrap{-webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 110px; line-height: 110px; width: 79%; margin-left: 20%; font-size: 34px;}
.anchor_layer .nav_wrap .scrollSearchPro{text-align: center; width: 100%; height: 110px; line-height: 110px; display: block;}
.anchor_layer .nav_wrap .scrollSearchPro a{margin: 0 30px; height: 110px; line-height: 108px; display: inline-block; font-size: 34px;}
.anchor_layer .nav_wrap .scrollSearchPro a.active{color: #00B9A3; border-bottom: 4px solid #00B9A3;} 



.weui-navbar__item.weui-bar__item--on {color: #00B9A3;background-color: inherit;}
.weui-navbar__item.proinfo-tab-tit.weui-bar__item--on:before { content: "";width: 75px;height: 3px;background: #00B9A3; position: absolute;left: 50%;margin-left: -37px;bottom: 0px;z-index: 10;}
.weui-navbar__item:after{ border-right: none;}
.weui-navbar__item.proinfo-tab-tit { height: 110px; line-height: 110px; padding: 0; font-size: 34px;}

.product-title{padding: 30px;}
.product-title h2{font-size: 32px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.product-title h2 .text{margin-right: 15px;overflow: hidden;color: #fff; background: #ff6e6e; font-size: 24px; padding:5px 10px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 1;}
.product-title .price{padding: 40px 0; display: block; width: 100%; overflow: hidden; line-height: 1;}
.product-title .price .current-price{color: #FF6E6E; font-weight: 600; font-size: 44px; vertical-align: middle; float: left;}
.product-title .price .current-price .aui-slide-item-mrk {text-decoration: line-through;font-size: 30px;color: #999; margin-left: 10px;}

.weui-cell__bd .red{ color: #f32424; display: inline-block; margin-left: 20px;}


.num{overflow: hidden; float: right;}
.num .jian{float: left; width: 45px; height: 45px; border:none; background: url(../img/icon/jian.png) no-repeat; display: block; overflow: hidden;}
.num .jia{float: left; width: 45px; height: 45px; border:none; background: url(../img/icon/jia.png) no-repeat; display: block; overflow: hidden;}
.num .digital{font-size: 32px; float: left; width: 70px; height: 45px; text-align: center; line-height: 45px; border:none; background: #fff;}

.module-adds{display: -webkit-box; display: flex; line-height: 30px; font-size: 28px; color: #a7a7a7; }
.module-adds span:first-child{text-align: left;}
.module-adds span{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.module-adds span:last-child{text-align: right;}


/*购物底部导航*/
.product-fixed{display: table; position: fixed; left: 0; bottom: 0; right: 0; z-index: 10; text-align: center; width: 100%; height: 110px; line-height: 110px; background: #fff;}
.product-fixed .product-cart{background-color: rgba(255,255,255,1); position: relative; float: left; height: 100%; width: 47.5%;}
.product-fixed .product-cart:before{position: absolute; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #d2d2d2;}
.product-fixed .product-cart a{display: inline-block; height: 100%; float: left; position: relative; color: #666; font-size: 28px; width: 33.3333%;}
.product-fixed .product-list{float: left; height: 100%; overflow: hidden; width: 52.5%;}
.product-fixed .product-cart .red { color: red;}
.product-fixed .product-list input{ border: none; display: inline-block; height: 100%; line-height: 110px; float: left; overflow: hidden; position: relative; color: #fff; font-size: 32px; width: 50%;}
.product-fixed .product-cart .icon-ziyuan6, .product-fixed .product-cart .icon-carttwo{font-size: 44px; line-height: 1; color: #666; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 5px; position: relative;}
.product-fixed .product-cart .focus-info{color: #999; font-size: 26px; display: block; line-height: 1; text-align: center;}
.product-fixed .product-cart .focus-info em{color: #FF6E6E; font-size: 26px; font-weight: 600;}
.product-fixed .product-cart a:nth-child(1){ height: 110px;}
.product-fixed .product-cart a:nth-child(2){ border-left:1px solid #e4e4e4; height: 110px;}
.product-fixed .product-cart a:nth-child(3){ border-left: 1px solid #e4e4e4; height: 110px;}

.show-toast .icon-shoucang{font-size: 44px; line-height: 1; color: #666; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 5px; position: relative;}



/*优惠券领取*/
.tool-bar {position: relative;width: 100%; height: 100px;line-height: 100px;background: #efeff4; padding: 0 30px;border-bottom:1px solid #b7b7b7;}
.tool-bar h1{ color: #333; font-size: 34px; font-weight:500 ; display: inline-block;}
.tool-bar .picker-button{ color: #00B9A3;font-size: 34px;font-family: sans-serif;}

.tool-box{ background: #fff; padding: 0px; position: relative; overflow-y: auto; height: 600px;}
.tool-box li{margin: 30px; max-height: 203px;}
.coupon-group{width: 100%; height: 100%; position: relative;}
.coupon-group .envelope{padding: 20px;background-image: url(../img/icon/envelope.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 203px;}
.coupon-group .voucher{padding: 20px;background-image: url(../img/icon/voucher.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 203px;}
.coupon-group .Discount{padding: 20px;background-image: url(../img/icon/Discount.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 203px;}
.coupon-group .expired{padding: 20px;background-image: url(../img/icon/expired.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 203px;}
.coupon-box{text-align: center; min-width: 243px; position: absolute; left: 5%; margin-left: -25px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.coupon-box h1{font-size: 60px; line-height: 1;}
.coupon-box h1 small{font-size: 34px;}
.coupon-box p{font-size: 24px;}
.coupon-envelope{color: #ff6e6e;}
.coupon-voucher{color: #00cc9a;}
.coupon-Discount{color: #ffaa33;}
.coupon-expired{color: #999;}
.coupon-right{height: 100%;top: 50%;position: absolute;width: 550px; padding-top: 55px; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding-left: 275px;}
.coupon-right p:nth-child(1){color: #666; font-size: 34px;}
.coupon-right p:nth-child(2){color: #999; font-size: 24px;margin-top: 5px;}


.Toreceive{background: #f5f5f5; color: #b3b3b3; padding: 5px 10px; font-size: 24px; border: none; position: absolute; right: 20px;top: 50%;margin-top: -25px;border-radius: 5px;}
.envelope-btn{background: #ff6e6e;color: #fff;}
.voucher-btn{background: #00cc9a;color: #fff;}
.Discount-btn{background: #ffaa33;color: #fff;}
.weui-toast_content{ font-size: 28px;}
.weui-popup__modal .icon-guanbi2{ position: absolute;right: 30px;top: 30px; z-index: 100; font-size: 34px;}


/*图片产品详情介绍*/
.pro-detail {margin: 0;padding: 30px; overflow: hidden;}
.pro-detail img {display: block;width: 100%;margin-bottom: 20px;}
.pro-detail img:last-child{ margin-bottom: 0;}

.weui-msgpd{ padding: 30px; overflow: hidden;}
.weui-popup__modal .modal-content{ padding-top: 0;}
.shing{text-align: left;border-bottom: 1px solid #cacaca;overflow: hidden; margin-bottom: 50px; padding-bottom: 50px;}

.tu {margin-right: 40px;width: 200px;height: 200px;text-align: center;background: #fff;}
.tu img{ width: 100%;}
.weui-media-box_appmsg .weui-media-box__hd{ width: 200px; text-align: left;}

.you{width: 64%; text-align: left; }
.you .tit{width: 100%; font-size: 32px; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.you .titx{ color: #8C8C8C; font-size: 30px;float: right;}
.you .ewsqw{font-size: 30px; color: #ff5021; display: block; margin-top: 0.15rem;}
.you .ewsqw span{font-size: 0.25rem; color: #999;  font-weight: 500;}

.media-box{ width: 100%; position: relative; display: block; overflow: hidden;height: 60px;line-height: 60px;}
.media-box .spinner {position: absolute;right:30px;height: 50px; width: auto;}
.jian{ background: url(../img/icon/jian.png) no-repeat center; width: 50px; height: 50px; border: none;float: left;}
.jia{ background: url(../img/icon/jia.png) no-repeat center; width: 50px; height: 50px; border: none;float: left;}
.shuliang{ border: none; width: 100px;  height: 50px; line-height: 100%; color: #666; font-size: 34px; float: left;text-align: center;font-family: Arial;padding: 0; margin: 0;}

.product-function{ width: 100%; position: relative;}
.product-function button {border: none;text-align: center;display: inline-block;height: 100%;line-height: 110px;float: left;overflow: hidden;position: relative;color: #fff;font-size: 32px;border-radius: 0px;width: 100%;}



/*login*/
.login-box{padding: 40px 60px; margin:0; position: relative;width: 100%;}
.login-box .login-bj {margin: 0 auto;width: 100%;padding: 90px 0 0;}
.login-box .login-bj::after{content: ''; background: #00c99b url(../img/icon/Rectangle.png) no-repeat center;  height: 550px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
.login-box .logo{ margin:80px auto 0; width: 200px; z-index: 10;position: relative;}
.login-box .logo img{ width: 100%;}
.login-box .login-bj .panel{background-color: #fff; border-radius: 20px; padding: 30px 40px; position: relative; width: 100%; z-index: 10; box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);}
.login-box .icon-jiantou-left{ color: #fff; font-size: 50px;position: absolute;top: 20px;text-align: center;left: 20px;z-index: 10;}

.form-horizontal {padding-top: 30px;padding-bottom: 40px;border-radius: 15px;text-align: center;}
.form-horizontal .form-group {margin: 0 0 40px 0;position: relative;border-bottom: 1px solid #b3b3b3;padding-bottom: 10px;}
.form-horizontal .form-group .form-control {display: block;width: 100%;height: 65px;padding: 20px 30px 20px 60px;font-size: 30px;line-height: 1.42857143;color: #333;border: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-horizontal .form-group i { position: absolute;top: -2px;left: 0px;font-size: 40px;color: #333;transition: all 0.5s ease 0s;}
/*.form-horizontal .form-group .form-control:focus{border-bottom: 1px solid #00c99b;box-shadow: none;outline: 0 none;z-index: 10;margin-bottom: 10px;}*/
.form-horizontal .form-control:focus + i{color: #00c99b;}
.form-horizontal p{ width: 100%; display: block; margin: 20px 0 0; overflow: hidden;}
.form-horizontal p a, .form-horizontal p span{ color: #999; font-size: 28px;}
.form-horizontal p a.green{ color: #00CC9A;}
.form-horizontal .form-group .icon-wrapper{position: absolute; right: 0; height:100%;}
.form-horizontal .form-group .icon-xianshimima{font-size: 44px; position: absolute; color: #bcbcbc; top: -70px; right: 0; }
.form-horizontal .form-group .weui-vcode-btn{ position: absolute; right: 0px; top:9px; font-size: 28px;border:none; padding: 0; margin: 0; color: #00B9A3;}

.login-box-dl{ width: 100%; text-align: center; position: relative;padding: 50px 0;}
.login-box-dl .login-loadmore{line-height: 20px; width: 84%; margin: 0 auto; font-size: 28px; text-align: center;}
.login-box-dl .login-loadmore-line .login-loadmore-tips{position: relative; top: -15px; padding: 0 20px; background-color: #fff; color: #999;}
.login-box-dl .login-loadmore-tips{vertical-align: middle;}
.login-box-dl .login-loadmore-line{border-top: 1px solid #e5e5e5;}
.login-box-dl .icon-weixin{font-size: 74px; color: #00CC9A; text-align: center; padding: 0px 10px;}
.login-box-dl .icon-qq{font-size: 74px; color: #4cafe9; text-align: center; padding: 0px 10px;}
.login-btn{width:100%;position: relative; display: block; box-sizing: border-box; font-size: 34px; padding: 10px 30px; text-align: center; line-height: 2.555555; text-decoration: none; color: #fff; border: none; border-radius: 10px; overflow: hidden;}
.login-btn-green{background-image: -webkit-linear-gradient(top, #00CC9A, #00B9A3); background-image: -moz-linear-gradient(top, #00CC9A, #00B9A3); background-image: -ms-linear-gradient(top, #00CC9A, #00B9A3);}


/*协议顶部*/
.header{position: fixed; z-index: 10; top:0; right: 0; left: 0; height: 110px; line-height: 110px; padding-right: 30px; padding-left: 30px; background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.header:before{height: 1px; content: ''; width: 100%; border-bottom: 1px solid #B2B2B2; position: absolute; bottom: 0px; right: 0; transform: scaleY(0.8); -webkit-transform: scaleY(0.8); z-index: 100;}
.header .header-title {margin: 0 40px;text-align: center;font-size: 38px;color: #333;}
.header .icon-jiantou-left {position: absolute;left: 30px;top: 0;font-size: 40px;color: #888;}
.header .txte-right {position: absolute;right: 30px;top: 0;font-size: 30px;color: #666;}
.weui-content {background: #efeff4;}
.weui-article {padding: 150px 40px 40px;font-size: 32px;}


/*忘记密码*/
.pay-article {background: #efeff4; height: 100%;padding: 110px 0px 40px;}
.weui-cell__ft .weui-vcode-btn {position: absolute;right: 30px; top: 35px;font-size: 30px;border: none;padding: 0;margin: 0;color: #00B9A3;}
.weui-cell__bd .icon-wrapper{position: absolute; right: 0; height:100%; z-index: 100;}
.weui-cell__bd .icon-xianshimima{font-size: 54px; position: absolute; color: #bcbcbc; top: -58px; right: 30px;}
.weui-input.w-input{ width: 68%;}


/*套餐*/
.weui-media-box_appmsg .weui-media-box__hd.w150{margin-right: 30px;width: 150px;height: 150px;line-height: 150px;text-align: center;}
.weui-media-box__bd .red small{ font-size: 28px;font-weight: 600;}
.weui-media-box__bd .red span{ font-size: 40px;font-weight: 600;}


/*我的用户*/
.my-box{background: #ff2171; width: 100%; height: 430px; position: relative; background: url(../img/icon/Rectangle.png) no-repeat center;}
.my-box .my-box-info{background-image: url(../img/icon/my-bj.png); background-size: 100%; height: 300px; width: 100%; background-position: bottom; background-repeat: no-repeat; position: absolute; left: 0; bottom: -1px;}
.my-box .my-box-info .my-box-list{width: 100%; padding-top: 20px; position: relative;}
.my-box .my-box-info .my-box-list .my-item{width: 92%; height: auto; background: #fff; border-radius: 20px; padding: 30px; margin: 0 4%; z-index: 2; position: relative; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.my-box .my-box-info .my-box-list .my-item .my-head{position: absolute; top: -50px; left: 50px;}
.my-box .my-box-info .my-box-list .my-item .my-head .item-img{width: 120px; height: 120px; float: left;}
.my-box .my-box-info .my-box-list .my-item .my-head .item-img img{width: 100%; height: 100%; display: block; border: none; border-radius: 50%;}
.my-box .my-box-info .my-box-list .my-item .my-head .item-title{margin-top: 40px; float: left; height: 100px; line-height: 100px; font-size: 28px; font-weight: 700; color: #222; padding-left: 30px;}
.my-box .my-box-info .my-box-list .my-item .item-text{padding-top: 80px;}
.my-box .my-box-info .my-box-list .my-item .item-text a{width: 32%; display: inline-block; text-align: center; position: relative;}
.my-box .my-box-info .my-box-list .my-item .item-text .icon-message, 
.my-box .my-box-info .my-box-list .my-item .item-text .icon-shezhi, 
.my-box .my-box-info .my-box-list .my-item .item-text .icon-shoucang{color: #666666; display: inline-block; width: 100%; text-align: center; font-size: 50px; line-height: 1;}
.my-box .my-box-info .my-box-list .my-item .item-text .news-badge {position: absolute;top: -10px;right: 77px;height: 20px;width: 20px;background: red;border-radius: 50%;z-index: 10; }

/*我的图标列表*/
.my-gray{ background: #efeff4;height: 100%; position: relative;padding-bottom: 115px;}
.my-icon{ width: 70px; height: 70px; margin-right: 20px;}
.my-icon img{ width: 100%;}


/*消息*/
.news{ background: #efeff4;height: 100%; position: relative; padding-top: 110px;}
.news .news-icon{ margin-right: 15px;overflow: hidden;color: #fff;font-size: 24px;padding: 10px 10px;border: none;-webkit-border-radius: 5px; border-radius: 5px;line-height: 1;}
.news .red{background: #ff6e6e;}
.news .green{background: #00B9A3;}
.news .yellow{background: #ffb940;}
.drgedg-badge {display: inline-block;text-align: center;vertical-align: middle;position: absolute;top: -22px;right: 37px;height: 40px;line-height: 40px; width: 40px;background: none;color: red;font-size: 25px;font-weight: 500;border-radius: 50%;z-index: 10;}

.data-list{ width: 100%;overflow: hidden; position: relative;}
.data-list ul{ width: 100%;overflow: hidden;}
.data-list li{ padding: 30px 30px;position: relative;background: #fff; overflow: hidden;}
.data-list li:before{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 2px; background: #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 30px;}
.weui-media-box h2{font-size: 32px; margin-bottom: 15px; line-height: 1.5; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}




.news-txte{ font-size: 28px; padding: 30px;border-top: 1px solid #e5e5e5;}
.news-txte p{ font-size: 28px; padding-bottom: 15px; color: #666;text-indent:2em}


/*设置*/
.set {background: #efeff4;height: 100%;position: relative;padding-top: 110px;}
.text-center{ width: 50px; height: 50px;border-radius: 50px;}
.text-center img{ width: 100%;border-radius: 50px;}
.set-cell-ft{padding-right: 0px;position: relative;text-align: right;color: #999;}
.modify-vcode-btn{position: absolute; right: 30px; top: 30px; font-size: 28px; border: none; padding: 0; margin: 0; color: #00B9A3;}
.weui-cells__title span{color: #00B9A3;}
.weui-cell__bd .input-weui{ width: 70%;}


/*收货默认地址*/
.weui-cell-switch{ padding-top: 30px; padding-bottom: 30px;}
.address-list{position: relative;}
.address-list li{ background: #fff; padding: 30px; position: relative;margin-bottom: 30px;}
.address-list li p{padding: 0;}
.address-list .curr{border:none;}
.address-list .box-item{font-size: 30px; background: #fff; padding: 0px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.address-list .box-item .gree{color: #777;font-size: 26px;border-bottom: 1px solid #B2B2B2;padding-bottom: 25px;}
.address-list .box-item .box-item-bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.address-list .box-item .box-item-ft{text-align: right; color: #222;}
.address-list .box-item .box-item-ft .icon-bianji{font-size: 38px; vertical-align: bottom;}
.address-list .box-item .box-item-ft .icon-shanchu{font-size: 46px; margin-left: 30px; vertical-align: bottom;top: 2px;position: relative;}
.address-list .box-item .box-item-bd .opt{height: 43px; line-height: 43px; margin-top: 30px;}


/*--相关的单选复选按钮--*/
@keyframes hover-color{from{border-color: #c0c0c0;} to{border-color: #00cc9a;} }
.magic-radio,
.magic-checkbox{position: absolute; display: none;}
.magic-radio[disabled],
.magic-checkbox[disabled]{cursor: not-allowed;}
.magic-radio + label,
.magic-checkbox + label{position: relative; display: block; padding-left: 50px; cursor: pointer; vertical-align: middle;font-size: 26px;} 
.magic-radio + label:hover:before, .magic-checkbox + label:hover:before{animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color;} 
.magic-radio + label:before, .magic-checkbox + label:before{position: absolute; top: 0; left: 0; display: inline-block; width: 40px; height: 40px; content: ''; border: 1px solid #808080;} 
.magic-radio + label:after, .magic-checkbox + label:after{position: absolute; display: none; content: '';}
.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label{cursor: not-allowed; color: #e4e4e4;} 
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after, .magic-checkbox[disabled] + label:hover, .magic-checkbox[disabled] + label:before, .magic-checkbox[disabled] + label:after{cursor: not-allowed;} 
.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before{border: 1px solid #e4e4e4; animation-name: none;} 
.magic-radio[disabled] + label:before, .magic-checkbox[disabled] + label:before{border-color: #e4e4e4;}
.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before{animation-name: none;}
.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after{display: block;}
.magic-radio + label:before{border-radius: 50%;}
.magic-radio + label:after{top: 10px; left: 10px; width: 20px; height: 20px; border-radius: 50%; background: #00cc9a;}
.magic-radio:checked + label:before{border: 1px solid #00cc9a;}
.magic-radio:checked[disabled] + label:before{border: 1px solid #c9e2f9;}
.magic-radio:checked[disabled] + label:after{background: #c9e2f9;}
.magic-checkbox + label:before{border-radius: 3px;}
.magic-checkbox + label:after{top: 2px; left: 10px; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0;}
.magic-checkbox:checked + label:before{border: #00cc9a; background: #00cc9a;}
.magic-checkbox:checked[disabled] + label:before{border: #c9e2f9; background: #c9e2f9;}


/*收藏*/
.collection{background: #efeff4;height: 100%;position: relative;padding-top: 110px;}
.collection-box{width: 210px;text-align: left; margin-right: 20px; float: left;}
.collection-box img{width: 100%;max-height: 100%;vertical-align: top;}
.collection-box-title{    font-weight: 500; margin-bottom: 10px;font-size: 30px; line-height: 1.2;width: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.media-mony{color: #FF6E6E; font-size: 34px; font-weight: 600; margin-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.media-mony small{ font-size: 28px;}


/*我的订单*/
.myorder-nav{right: 0;left: 0;top: 111px; width: 100%; background: #fff; padding: 0px 20px; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; z-index: 500;}
.myorder-nav:before{height: 1px; content: ''; width: 100%; background: #B2B2B2; position: absolute; bottom: 0px; right: 0; transform: scaleY(0.8); -webkit-transform: scaleY(0.8); z-index: 100;}
.myorder-nav a{position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0; line-height: 100px; text-align: center; font-size: 28px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.myorder-nav .active{color: #00B9A3;}
.myorder-nav .active:before{content: ""; width: 70px; height: 3px; background: #00B9A3; position: absolute; left: 50%; margin-left: -34px; bottom: -1px; z-index: 10;}
.myorder{background: #efeff4;height: 100%;position: relative;padding-top: 210px;overflow: hidden;}
.myorder .hide{display: none;}

.order-list{ width: 100%;overflow: hidden; position: relative;}
.order-list li{ padding: 0px;position: relative;background: #fff; overflow: hidden;margin-bottom: 20px;}
.order-list li:last-child{ margin-bottom: 0px;}
.order-list li:before{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 2px; background: #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 30px;}
.order-list .order-list-hd{ padding: 30px;font-weight: 500; line-height: 1.5; font-size: 28px; position: relative;}
.order-list .order-list-hd:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 30px;}
.order-list .order-list-hd span:nth-child(1){ color: #454545;}
.order-list .order-list-hd span:nth-child(2){ color: #454545; float: right;}

.order-list .order-box{ padding:30px 30px; background: #fff;position: relative; }
.order-list .order-box:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 30px;}
.order-list .order-box:before:last-child{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 30px;}
.order-list .order-box .order-list-bd {display: -webkit-box;display: -webkit-flex;display: flex; /*-webkit-box-align: center;-webkit-align-items: center;align-items: center;*/}
.order-list .order-box .order-list-bd .order-img{width: 200px;text-align: left; margin-right: 20px;}
.order-list .order-box .order-list-bd .order-img img{width: 100%;}

.order-list .order-box .order-list-bd .order-text {width: 100%; display: block; position: relative; overflow: hidden;}
.order-list .order-box .order-list-bd .order-text .order-text-width{ width: 70%; float: left;}
.order-list .order-box .order-list-bd .order-text .order-text-right{ width: 30%; float: left; text-align: right;}
.order-list .order-box .order-list-bd .order-text .order-text-right .order-right-txte{ line-height: 1.2; display: block;}
.order-list .order-box .order-list-bd .order-text h1{ color: #333; line-height: 1.2; float: left; margin-right: 20px; font-weight: 500; overflow: hidden; font-size: 28px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.order-list .order-box .order-list-bd .order-text span{ text-align: right; font-size: 32px;line-height: 1.2;}
.order-list .order-box .order-list-bd .order-text .order-text-mrk{text-decoration: line-through;font-size: 24px;color: #999;}
.order-list .order-box .order-list-bd .order-text .clear{ margin-top: 10px; overflow: hidden;float: left;width: 100%;}
.order-list .order-box .order-list-bd .order-text .clear .wy-pro-pri { width: 70%; float: left; color: #777;font-size: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.order-list .order-box .order-list-bd .order-text .clear .pro-amount{ color: #777; font-size: 24px;}
.order-list .order-box .order-list-bd .order-text .clear .pro-amount span{ font-size: 24px;}
.order-list .order-box .order-list-bd .order-text .clear-fr{ width: 100%; text-align: right; display: block; font-size: 24px;float: right; color: #ffaa33;}


.order-list .statistics {padding: 25px 30px;font-size: 28px;text-align: right; position: relative;}
.order-list .statistics span { text-align: left;margin-left: 5px;}
.order-list .statistics .number {font-family: Arial, Helvetica, sans-serif;}
.order-list .statistics .wy-pro-red{color: #FF6E6E; font-weight: 600;}

.order-list .ords-btn {display: inline-block; margin-left: 5px;padding: 5px 15px;font-size: 27px;border: 1px solid #9a9a9a; border-radius: 50px; color: #666;line-height: 1;}
.order-list .ords-btn.red{border: 1px solid #FF6E6E; color: #FF6E6E;}
.order-list .oder-btnbox {display: block;text-align: right; position: relative;}


/*查看物流*/
.logistics {background: #efeff4;height: 100%;position: relative;padding-top: 110px;}
.Logistics-box{ width: 100%; position: relative;}
.Logistics-box li{background: #fff; padding: 30px; border-bottom: 1px solid #e1e1e1;overflow: hidden;display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.Logistics-box .g-pic{float: left; position: relative; width: 100px; height: 100px; overflow: hidden; margin-right: 20px;border-radius: 100px;}
.Logistics-box .g-pic img{width: 100%;}
.Logistics-box .g-info{flex: 1; font-size: 30px; -webkit-box-flex: 1;  position: relative; margin-top: 0px;}
.Logistics-box .g-info span{ display: block;   color: #777;}
.Logistics-box .g-info em{ color: #333; margin-left: .15rem;}

.goods-area{position: relative; width: 100%; background: #fff; padding: 30px 30px 50px;}
.track-list{padding-left: 6px; position: relative;}
.track-list li{position: relative; padding: 20px 0 0 30px; line-height: 1.5; border-left: 1px solid #9c9c9c; color: #666;font-size: 28px;}
.track-list li.first{color: #00B9A3; padding-top: 0; border-left-color: #fff;}
.track-list li .node-icon{position: absolute; left: -10px; top: 50%; width: 20px; height: 20px; background:  #ccc;border-radius: 30px;}
.track-list li.first .node-icon{background:  #00B9A3;}
.track-list li .time{position: relative; top: 15px; display: block; vertical-align: middle;}
.track-list li .txt{ position: relative; top: 4px; display: inline-block; vertical-align: middle;}


/*卡包*/
.pack-icon{ width: 40px; height: 40px; margin-right: 20px;}
.pack-icon img{ width: 100%;}


/*红包、券*/
.red-list{width: 100%; position: relative;}
.red-list li{margin: 30px;max-height: 203px;}
.red-list li:last-child{ margin-bottom: 0px;}
.red-list .group{width: 100%; height: 100%; position: relative;}
.red-list .group .hb{-webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 203px;}
.red-list .group .hb img{ width: 100%;}
.red-list .group .hb .coupon-hb{color: #ff6e6e;}
.red-list .group .hb .coupon-gree{ color: darkgray;}
.red-list .group .hb .box{text-align: center; min-width: 243px; position: absolute; left: 5%; margin-left: -25px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.red-list .group .hb .box h1{font-size: 60px; line-height: 1;}
.red-list .group .hb .box p{font-size: 24px;}
.red-list .group .hb .right{height: 100%; top: 50%; position: absolute; width: 550px; padding-top: 55px; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding-left: 300px;}
.red-list .group .hb .right p:nth-child(1){color: #666; font-size: 34px;}
.red-list .group .hb .right p:nth-child(2){color: #999; font-size: 24px;margin-top: 5px;}


/*付款*/
.pay{ color: #FF6E6E;font-size: 30px; margin: 0 10px;}
.icon-zhifubao{ color: #1b9bf9; font-size: 40px; margin-right: 15px;top: 4px;position: relative;}
.icon-weixinzhifu{ color: #38bf03; font-size: 40px; margin-right: 15px;top: 4px;position: relative;}
.pay-opt{ margin-top: -20px; position: relative;}
.pay-foot{ position: fixed; bottom: 0; left: 0; right: 0;}
.pay-btn{    display: block;width: 100%;height: 110px; line-height: 110px;font-size: 34px;border: none;color: #fff;text-align: center;background-image: -webkit-linear-gradient(top, #00cc9a, #00b9a3);background-image: -moz-linear-gradient(top, #00cc9a, #00b9a3);background-image: -ms-linear-gradient(top, #00cc9a, #00b9a3);}


/*确认订单*/
.confirmorder{background: #efeff4;height: 100%;position: relative;padding: 110px 0;}
.weui-cell__bd .box-item{font-size: 30px; background: #fff; padding: 0px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell__bd .box-item .gree{color: #777;font-size: 26px;}
.weui-cell__bd .box-item .box-item-bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__bd .box-item .box-item-ft{text-align: right; color: #222;}


/*确认订单底部导航*/
.confirmorder-foot{display: table; position: fixed; left: 0; bottom: 0; z-index: 10; text-align: left; width: 100%; height: 110px; line-height: 110px; overflow: hidden; background: #fff;}
.confirmorder-foot .cart-mun{font-size: 30px; position: relative; float: left; height: 100%; overflow: hidden; width: 67.5%; padding: 0 30px;}
.confirmorder-foot .cart-mun small{font-size: 34px;}
.confirmorder-foot .cart-mun span{font-size: 34px;}
.confirmorder-foot .cart-mun:before{position: absolute; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #d2d2d2;}
.confirmorder-foot .tjdd{float: left; height: 100%; overflow: hidden; width: 32.5%;}
.confirmorder-foot .tjdd input{border: none; display: inline-block; height: 100%; line-height: 110px; float: left; overflow: hidden; position: relative; color: #fff; font-size: 32px; width: 100%;}


/*确认订单弹窗*/

.confirmorder-box{background: #fff; padding: 0px; position: relative; overflow-y: auto; height: 600px;}
.confirmorder-pd{padding: 30px 30px 130px; overflow: hidden; position: relative;}
.confirmorder-pd h1{font-size: 32px; margin-bottom: 30px; font-weight:500 ;}
.confirmorder-pd .promotion{position: relative; padding:0;}
.confirmorder-pd .promotion li{min-width: 335px;max-width: 100%; float: left; margin-right: 20px; margin-bottom: 20px;}
.confirmorder-pd .promotion li:last-child{margin-right: 0px;}
.confirmorder-pd .promotion li:nth-child(2),
.confirmorder-pd .promotion li:nth-child(4),
.confirmorder-pd .promotion li:nth-child(6),
.confirmorder-pd .promotion li:nth-child(8), 
.confirmorder-pd .promotion li:nth-child(10){margin-right: 0px;}
.confirmorder-pd .promotion li a{display: block;border: 1px solid #b5b5b5; background: #fff; line-height: 1; padding: 20px 20px; text-align: center; position: relative; font-size: 30px; color: #666;}
.confirmorder-pd .promotion li.active a{border: 2px solid #00B9A3; color: #00B9A3; margin: -1px;}
.confirmorder-pd .promotion li span:nth-child(1){ display: block; width: 100%; margin-bottom: 10px;}
.confirmorder-pd .promotion li span:nth-child(2){display: block; width: 100%; font-size: 24px;}


/*支付成功*/
.success{ background: #00B9A3; width: 150px; height: 150px; line-height: 1.4; border-radius: 50%; padding: 20px; text-align: center; margin: 50px auto 0;}
.success .icon-tick{ color: #fff; font-size: 90px;}
.weui-btn.paybtn{ height: auto; line-height: 2.55555556;}


/*套餐*/
.package-top{background: #efeff4;height:100%;position: relative;padding-top: 110px;}
.package-bj{ width: 100%; height: 560px; position: relative;}
.package-bj{ width: 100%; }
.package-box{ background: #fff; position: absolute; width: auto; bottom: 20px; padding: 30px; left: 30px; right: 30px;}
.package-box .recom-img{width: 150px; margin: 0 auto; overflow: hidden; position: relative;}
.package-box .recom-img>img{width: 100%; height: auto;}
.package-box .Theprice{position: relative;display: block;}
.package-box .Theprice small{font-size: 24px}
.package-box .Theprice b{color: red;float: left;font-size: 30px; font-weight: 500;}
.package-box .recom-tit { float: left;width: 100%;margin: 0 3%;position: relative;}
.package-cp{ padding: 30px 30px 10px; position: relative;}
.package-list{ margin: 0; padding: 0; position: relative; }
.package-box-bj{position: relative; width: 100%; background: #fff; padding: 30px; border-radius: 10px; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.1);box-shadow: 0 0px 20px rgba(0,0,0,0.1);}
.package-list li{margin-bottom: 30px; }
.package-list li:last-child{ margin-bottom: 0px;}
.package-list .pro_list {display: -webkit-box;display: -webkit-flex;display: flex;}
.package-list .pro_list .pro_img{ width: 200px; float: left;}
.package-list .pro_list .pro_img img{ width: 100%;}
.package-list .pro_list .pro_info{ position: relative; padding-left: 30px; width: 100%; display: block;}
.package-list .pro_list .pro_info h1{ font-size: 30px; margin-bottom: 10px; font-weight: 500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 1.2;}
.package-list .pro_list .pro_info p{ font-size: 24px; color: #999;overflow: hidden;line-height: 1.2; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.package-list .pro_list .pro_info .pro_price { margin-top: 15px;color: #FF6E6E;font-size: 44px; position: relative;}
.package-list .pro_list .pro_info .pro_price .icon-carttwo {outline: none;background: none;border: none;position: relative;float: right;margin-top: 11px;color: #00cc9a;font-size: 40px;}


/*特产*/
.specialty-banner{ position: relative;}
.specialty-banner img { width: 100%;}
.specialty-list{width: 100%; overflow: hidden;position: relative;}
.specialty-list li{padding: 0px;position: relative;background: #fff;overflow: hidden;margin: 30px; border-radius: 10px; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.1); box-shadow: 0 0px 20px rgba(0,0,0,0.1);}
.specialty-list li:last-child{ margin-bottom: 0px;}
.specialty-list .specialty-box{padding: 30px 30px; position: relative;}
.specialty-list .specialty-box .list-bd{display: -webkit-box; display: -webkit-flex; display: flex;}
.specialty-list .specialty-box .list-bd .orderimg{width: 200px; text-align: left; margin-right: 30px;}
.specialty-list .specialty-box .list-bd .orderimg img{width: 100%;}
.specialty-list .specialty-box .list-bd .text{width: 100%; display: block; position: relative; overflow: hidden;}
.specialty-list .specialty-box .list-bd .text h1{width: 100%; color: #333; line-height: 1.2; margin-right: 20px; font-weight: 500; overflow: hidden; font-size: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.specialty-list .specialty-box .list-bd .text .textsp{width: 100%; color: #999; margin-top: 10px; margin-right: 20px; font-weight: 500; overflow: hidden; font-size: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.specialty-list .specialty-box .list-bd .text p{width: 100%; color: #999; overflow: hidden; font-size: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.specialty-list .specialty-box .list-bd .text .spbox{margin-top: 25px;}
.specialty-list .specialty-box .list-bd .text .spbox .rate-l{width: 50%; color: #999; line-height: 1.2; display: inline-block;float: left;}
.specialty-list .specialty-box .list-bd .text .spbox .spprice{margin-top: 15px; color: #FF6E6E; font-size: 44px; position: relative; float: left; width: 100%;}
.specialty-list .specialty-box .list-bd .text .spbox .spprice .icon-carttwo{outline: none; background: none; border: none; position: relative; float: right; margin-top: 15px; color: #00cc9a; font-size: 40px;}


/*肉类系列*/
.specialty-list .specialty-box .list-bd .text .textsp{width: 100%; color: #999; line-height: 1.2; margin-top: 10px; margin-right: 20px; font-weight: 500; overflow: hidden; font-size: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.specialty-list .specialty-box .list-bd .text .spprice{margin-top: 15px; color: #FF6E6E; font-size: 44px; position: relative; float: left; width: 100%;}
.specialty-list .specialty-box .list-bd .text .spprice .icon-carttwo{outline: none; background: none; border: none; position: relative; float: right; margin-top: 15px; color: #00cc9a; font-size: 40px;}


/*购物车*/
.cart{background: #efeff4;position: relative;padding-top: 110px;padding-bottom: 110px;height: 100%;}


/*红包*/
.red-nav{right: 0;left: 0;top: 111px; width: 100%; background: #fff; padding: 0px 20px; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; z-index: 500;}
.red-nav:before{height: 1px; content: ''; width: 100%; background: #B2B2B2; position: absolute; bottom: 0px; right: 0; transform: scaleY(0.8); -webkit-transform: scaleY(0.8); z-index: 100;}
.red-nav a{position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0; line-height: 100px; text-align: center; font-size: 28px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.red-nav .active{color: #00B9A3;}
.red-nav .active:before{content: ""; width: 70px; height: 3px; background: #00B9A3; position: absolute; left: 50%; margin-left: -34px; bottom: -1px; z-index: 10;}
.redorder{background: #efeff4;height: 100%;position: relative;padding-top: 210px;overflow: hidden;}
.redorder .hide{display: none;}


/*订单详情*/
.weui-cells.bjlan{ background: #efeff4;}
.checkordertop{ margin-top: 20px; overflow: hidden;}
.checkorder{background: #efeff4; position: relative; padding-top: 110px;}
.check-btn{display: inline-block; margin-left: 5px; padding: 6px 15px; font-size: 28px; border: 1px solid #9a9a9a; border-radius: 50px; color: #666; line-height: 1.2;}
.check-btn.red{border: 1px solid #FF6E6E; color: #FF6E6E;}
.check-cells{background: #fff; padding: 30px;position: relative;}
.check-cells:before{content: " "; position: absolute; left: 0; right: 0; height: 1px; top: 0; background: #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.check-cells:after{content: " "; position: absolute; left: 0; right: 0; height: 1px; bottom: 0; background: #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.check-right{text-align: right;}
.weui-cell.weui-bd{ padding: 5px 30px; color: #999;}
.weui-cell.weui-bd:before{content: " ";position: absolute; left: 0; top: 0; right: 0; height: 0px; background: #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 0px;}