@charset "utf-8";

.icon-help{ background: url(../images/ico-01.png) no-repeat center; background-size: contain; height:20px; width: 20px; display:inline-block;margin-right: 5px}
.icon-balance{ background: url(../images/ico-03.png) no-repeat center; background-size: contain; height:20px; width: 20px; display:inline-block;margin-right: 5px}
.icon-brand{ background: url(../images/ico-04.png) no-repeat center; background-size: contain; height:20px; width: 20px; display:inline-block;margin-right: 5px}
.pup-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity: 0.5;z-index: 9991;display: none;}
.header{ height:45px; line-height: 45px; background: #28B5FD ; color: #FFF; position: relative; }
.header .h-search {position:absolute;top:0; right: 10px;  background: url(../images/ico-search.png) no-repeat right center; background-size:50%;width:45px; height: 45px;}
.c-header{ background: #F7F7F8; height: 45px; line-height: 45px;position: relative; border-bottom: solid 1px #BFBEC1}
.c-header .go-back{ position: absolute;left:0;top:0; width:45px; height: 45px; background: url(../images/ico-arrow-l.png) no-repeat 10px center; background-size:20%; }
.c-header .c-txt,.header .h-txt{ text-align:center; font-size: 1.1875rem;  }
.c-header .c-href{ position:absolute;top:0; right: 10px; font-size: 0.925rem}
.c-header .c-search{height: 31px;line-height: 31px;position: absolute;left: 40px;right: 55px;background:url(../images/ico-search-s.png) no-repeat center #E9EAEC;background-size:auto 70%;top:7px;border-radius: 5px;}
.c-header a{ display:block; width:100%; height:100%}

.search-box{height: 40px;background: #ECECEF;overflow: hidden;}
.search-box .s_txt{width: 95%;margin: 6px auto;height: 28px;background: #FFF;border-radius: 4px;line-height: 28px;color: #929292;text-align: center;}
.search-box .s_txt:before{content: "";width: 16px;height: 16px;background:url(../images/ico-search-s.png) no-repeat;display: inline-block;background-size: contain;vertical-align: sub;margin-right: 5px;}

.footer{ height:50px; position:fixed; bottom:0;left: 0; width: 100%; background:#FFF; z-index: 999;overflow: hidden;border-top:solid 1px #eee}
.footer div{width: 25%; float: left; text-align:center}
.footer div.cur a{ color: #FF3B30 }
.footer div i{height: 22px;width: 22px;display: block;margin:auto;background: url(../images/icon-footer.png) no-repeat;background-size: 95px;margin-top: 6px;margin-bottom: 2px;}
.footer div i.icon-01{background-position: 0px bottom;}
.footer div i.icon-02{background-position: -22px bottom;}
.footer div i.icon-03{background-position: -46px bottom;width: 26px;}
.footer div i.icon-04{background-position: -73px bottom;}
.footer div.cur i.icon-01{ background-position: 0px 1px }
.footer div.cur i.icon-02{ background-position: -22px 1px; }
.footer div.cur i.icon-03{ background-position: -46px 1px;}
.footer div.cur i.icon-04{background-position: -73px 1px;}

.checkhid input[type=checkbox],.checkhid input[type=radio]{display:none}
.check_box{border-radius:100%;display:inline-block;vertical-align:middle;line-height:60px;width: 20px;height: 20px;background-image: url(../images/select@2x.png);background-repeat:no-repeat;background-position: center;background-size: 22px;margin-top: -3px;margin-right: 2px;}
.check_box.checked{background-image: url(../images/selected@2x.png);}
.checkhid.f-checkbox .check_box{background-image: url(../images/checkbox0.png);margin-top: 6px;}


.list-style01{ overflow: hidden; background: #FFF;padding:5px;}
.list-style01 li{width:48%;float: left; border:solid 1px #CFCDCE;margin:1%;padding-bottom: 8px;background: #FFF;overflow: hidden;}
.list-style01 li .l-pic{width:100%;  overflow: hidden;margin-bottom: 5px;}
.list-style01 li .l-price{ color: #E70012;padding:0 10px;font-size: 1rem;}
.list-style01 li .l-name{ padding:0 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 1.2;height: 28px;}

.list-style02{ overflow:hidden;padding:5px;}
.list-style02 li{ margin:2%; width:46%; float:left; background:#FFF; position:relative; border-radius:3px; overflow:hidden}
.list-style02 li .l-pic{overflow:hidden}
.list-style02 li .l-info{margin:10px 43px 10px 10px; border-right:solid 1px #A2A2A2;line-height: 1.2;}
.list-style02 li .l-price b{ color:#ff3b30; font-size:0.875rem; margin-right:5px;}
.list-style02 li .l-price del{ color:#838383; font-size:0.75rem;display: inline-block;}
.list-style02 li .l-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333333}
.list-style02 li .c-buy{ background:url(../images/ico-06.png) no-repeat ; background-size:contain; width:28px; height:28px; position:absolute; bottom:10px; right:10px;}
.list-style02 li .del-mask{ position:absolute; top:0; left:0; width:100%; height:100%;background:rgba(0,0,0,0.45); display:none}
.list-style02 li .del-mask .btn-del{ height:30px; width:30px; background:url(../images/ico-close-w.png) no-repeat; background-size:contain; top:8px;right:8px; position:absolute}

.list-style03{ overflow:hidden; background:#FFF;padding:0 10px;}
.list-style03 li{border-bottom: solid 1px #e5e5e5;position:relative;min-height: 90px;padding: 10px 0 10px 76px;}
.list-style03 li:last-child{ border-bottom:none}
.list-style03 li .l-pic{position:absolute;left:0;top:10px;width: 70px;he;height: 70px;}
.list-style03 li .l-name{margin: 4px 0;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size: 0.825rem;line-height: 1.5;}
.list-style03 li .l-price{font-size: 0.9125rem;color: #FF3B30;}

.nav-box ul{display:-moz-box;display:-webkit-box; display:box; background:#FFF}
.nav-box li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1; line-height:36px; text-align:center;border-bottom:solid 1px #F1F1F1}
.nav-box li.cur{border-bottom: solid 2px #FF3B30;color: #FF3B30;}
.nav-box li.cur a{color:#FF3B30}

.form-01 dl{margin-bottom:5px;}
.form-01 dt{padding:0 10px; line-height:35px;}
.form-01 dd{background:#FFF;padding:10px; overflow:hidden}
.form-01 dd select{ width:100%; border:none; background:url(../images/ico-arrow-r.png) no-repeat right center; background-size:8px;-webkit-appearance: none; color:#8B8B8B;}
.form-01 dd .f-txt{ float:left; width:85%; border:none; height:21px;}
.form-01 dd .f-cancle{ float:right; width:15%; border:none; background:url(../images/ico-close-b.png) no-repeat right center; background-size:contain; height:21px}
.form-01 .btn-blue{ width:100%}
.form-01 dl.btn{ margin:0 10px}
.form-01 .icon-care{width: 16px;height: 16px;background: url(../images/ico-05.png) no-repeat;background-size: contain;display: inline-block;margin-right: 10px;    vertical-align: sub;}
.form-01 .msg{padding:10px 10px 0;}
.form-01 label.fieldError{color:#FF3B30;margin-left:10px;line-height: 20px;}

.pup_skey{position: fixed;width: 100%;z-index: 9999;top: 0;left: 0;display:none}
.p_search{background: #f5f5f5;height:40px;}
.p_search .p_close{background-size:auto 70%;width: 12%;height:100%;float: right;border: none;background: none;color: #666;}
.p_search .ps_txt{width: 84%;height: 28px;line-height: 28px;border-radius: 5px;background:url(../images/ico-search-s.png) no-repeat 10px 5px #FFF;background-size:17px;margin: 6px 0 0 2%;padding:0 2% 0 32px;border: none;}
.p_search .ps_btn{background: none;border:none;width: 0;height: 0;}
.p_keys .tags{padding-bottom:10px;background-color: #FFF;}
.p_keys .tags .item{float:left;width:29.6875%;height: 30px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dcdcdc;-webkit-border-radius:14px;border-radius:14px;background-color: #f5f5f5;color:#666;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 0 2.34375%;padding:0 10px;}
.list-style01 li .l-tit {height: 60px;display: block;}

*{}
.favorite-list{overflow:hidden;}
.favorite-list li{width: 100%;float:left;background:#FFF;position:relative;/* overflow:hidden; */padding: 10px;-webkit-transform: translateX(0px);border-bottom: solid 1px #ececec;height: 95px;touch-action: none;}
.favorite-list li .con{width:100%;overflow:hidden;position: absolute;left: 0;top: 0;height: 100%;}
.favorite-list li .l-pic{overflow:hidden;width: 72px;height: 72px;float: left;}
.favorite-list li .l-info{margin: 10px 10px 10px 80px;position:relative;z-index:2}
.favorite-list li .l-price b{color: #666;font-size:0.875rem;margin-right:5px;}
.favorite-list li .l-name{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333333;margin-bottom: 5px;}
.favorite-list li a.btn{position:relative;z-index:2;display:block;width:100%;height:100%;line-height: 94px;}
.favorite-list li .btn{position: absolute;top: 0;right: -80px;text-align: center;background: #FF771F;color: #fff;width: 80px;height: 94px;line-height: 94px;font-size: 1rem;}

.card-list{padding:10px;}
.card-list li{background: #3283FA;color:#FFF;border-radius:5px;padding:15px;line-height:1.6;margin-bottom:12px;position: relative;}
.card-list li .top{ position:relative; height:45px;padding:10px 10px 10px 60px;margin-bottom:5px;}
.card-list li .top .ico-card{ position:absolute;top:0; left:0;width:40px; height:40px; background:url(../images/ico-Bcard.png) no-repeat center; background-size:cover}
.card-list li .btn-del{border:solid 1px #FFF;border-radius:3px;height:26px;display:inline-block;padding:0 10px;line-height:26px;color:#FFF;margin:3px 0;position: absolute;right: 15px;bottom: 10px;}
.pup-box-card{ background:#FFF; position:fixed; z-index:1;top:0;bottom:0;left:100%;width:100%;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}

.pup-box-card .pbc-top{width: 73px;    height: 45px;    background: url(../images/ico-arrow-l.png) no-repeat 10px center;    background-size: 12px;    line-height: 45px;    padding-left: 32px;}


/*优惠券*/
.coupons-wrap{ overflow: hidden;margin:15px 0; }
.coupons-wrap .coupon-box{ height: 99px; width: 297px;margin:12px 8px ; background:url(../images/coupon-bg-on.png) no-repeat center; position: relative;margin: 0 auto 15px;overflow: hidden;}

.coupon-box .cb-tag{ width: 42px; height: 33px; background:url(../images/coupon-tag.png) no-repeat center; position:absolute;top:0; right: 0 }
.coupon-box .cb-tag.sure{ width: 42px; height: 33px; background:url(../images/coupon-tag-s.png) no-repeat center; position:absolute;top:0; right: 0 }
.coupon-box .cb-left{ float: left; text-align: center; width: 120px;line-height: 107px; color: #4a8ebd; font-size: 22px;}
.coupon-box .cb-left b{ font-size:42px; }
.coupon-box .cb-right{ float: right; text-align:right ; width: 170px;padding-top:25px; font-size: 10px; color: #999;padding-right: 20px;}
.coupon-box .cb-right p{ font-size: 13px; color: #333;padding:3px  0;}
.coupon-box .cb-right a{color: #F00}