html, body { max-width: 640px; height:100%; margin: 0 auto; }
img { max-width: 100% !important; max-height: 100% !important; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; }
.main { width: 100%; padding: 0 10px; margin: 0 auto; position: relative; }
.main:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }
body { overflow-x: hidden; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/*******首页*******/
body { padding-top: 1rem; }
.div_bg { background: #fff; }
header { width: 100%; height: 1rem; background: #031f12; position: fixed; left: 0; top: 0; z-index: 10; }
.back { width: .5rem; height: .5rem; display: inline-block; background: url(../images/icon11.png) no-repeat center center; background-size: .2rem .4rem; position: absolute; left: .2rem; top: .25rem; z-index: 2; }
.head_add { display: inline-block; max-width: 1.2rem; height: .4rem; line-height: .4rem; font-size: .26rem; color: #fff; background: url(../images/address.png) no-repeat left center; background-size: .3rem .3rem; padding-left: .4rem; overflow: hidden; position: absolute; left: .2rem; top: .3rem; z-index: 2; }
.head_title { display: block; line-height: 1rem; text-align: center; font-size: .36rem; color: #fff; max-width: 60%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.head_search { width: .5rem; height: .5rem; display: inline-block; background: url(../images/icon12.png) no-repeat center center; background-size: .4rem .4rem; position: absolute; right: .2rem; top: .25rem; z-index: 2; }
.search_box { width: 100%; height: .6rem; padding: 0 0.2rem 0 0.2rem; position: absolute; left: 0%; top: .18rem; z-index: 1; }
.search_box .text { width: 100%; height: .6rem; background: #fff; border-radius: .6rem; outline: none; padding-left: .3rem; font-size: .24rem; color: #666; }
.search_box .submit { width: .6rem; height: .6rem; display: block; background: url(../images/icon02.png) no-repeat center center; position: absolute; right: .3rem; top: 0; background-size: .3rem .3rem; outline: none; }
.search_box.auto { padding: 0 1rem; }
.search_box.auto .submit { right: 1.1rem; }

footer { width: 100%; height: 1rem; background: #fff; border-top: 1px solid #d2d2d2; position: fixed; left: 0; bottom: 0; font-size: 0; text-align: center; z-index: 10; }
footer li { width: 25%; display: inline-block; vertical-align: top; position:relative;  }
footer li a { height: 1rem; display: block; text-align: center; }
footer li img { width: .4rem; height: .4rem; margin-top: .1rem; }
footer li .i2, footer li .active .i1 { display: none; }
footer li .active .i2 { display: inline-block; }
footer li p { font-size: .24rem; color: #b0b0b0; margin-top: .1rem; position:relative; }
footer li  span { display:block; position:absolute;font-size: .2rem; color: #FFF; background: #F90; border-radius:100%; width: .40rem; height: .40rem; line-height:0.40rem; top:0.1rem; left:1.2rem;}
footer li .active p { color: #031f12; }

.index_banner { font-size: 0; }
.index_list { background: #fff; padding: .3rem .2rem; }
.index_list ul { word-spacing: -40px; display: inline-table; width: 100%; }
.index_list li { width: 33.3333%; display: inline-block; vertical-align: top; word-spacing: 0; text-align: center; }
.index_list li img { width: 1.1rem; height: 1.1rem; }
.index_list li p { font-size: .26rem; color: #333; margin-top: .04rem; }

.slideBox { position: relative; overflow: hidden; margin: 0 auto; clear: both; }
.slideBox .hd { position: absolute; height: 10px; line-height: 10px; bottom: 10px; width: 100%; text-align: center; z-index: 2; }
.slideBox .hd li { display: inline-block; width: 10px; height: 10px; background: rgba(255,255,255,.5); border-radius: 10px; overflow: hidden; margin: 0 5px; font-size: 0px; }
.slideBox .hd li.on { background: #fff; }
.slideBox .bd { position: relative; z-index: 1; }
.slideBox .bd li { position: relative; text-align: center; min-height: 2rem; background: rgba(19,165,238,.5); }
.slideBox .bd li img { vertical-align: top; width: 100%; }

.sec_title { position: relative; }
.sec_title .title { display: inline-block; vertical-align: top; height: .3rem; line-height: .3rem; border-left: .06rem solid #031f12; padding-left: .14rem; font-size: .3rem; color: #222; margin-top: .06rem; }
.sec_title .more { display: inline-block; vertical-align: top; background: url(../images/icon10.png) no-repeat right center; background-size: .14rem .28rem; padding-right: .3rem; line-height: .4rem; font-size: .24rem; color: #999; position: absolute; right: 0; top: 0; }
.index_list2 li { margin-top: .2rem; }
.index_list2 li img { width: 100%; font-size: 0; display: block; }

.index_list3 ul { word-spacing: -40px; display: inline-table; width: 100%; }
.index_list3 li { width: 48.5%; display: inline-block; vertical-align: top; margin-left: 3%; margin-top: .2rem; word-spacing: 0; position: relative; }
.index_list3 li:nth-child(2n+1) { margin-left: 0; }
.index_list3 li img { font-size: 0; display: block; width: 100%; }
.index_list3 .yy { width: 90%; height: 1rem; position: absolute; left: 5%; top: 50%; margin-top: -.5rem; text-align: center; }
.index_list3 .yy .line { width: 20px; height: 2px; display: block; margin: 0 auto; background: rgba(255,255,255,.8); }
.index_list3 .yy h4 { font-size: .24rem; color: #fff; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .2rem; }
.index_list3 .yy p { font-size: .26rem; color: #fff; margin-top: .1rem; }

.index_list4 { padding: .3rem .2rem; text-align: center; }
.index_list4 h4 { font-size: .26rem; color: #333; }
.index_list4 p { margin-top: .14rem; }
.index_list4 a { display: inline-block; vertical-align: top; height: .26rem; line-height: .26rem; border-left: 1px solid #999; padding: 0 .2rem; font-size: .24rem; color: #999; margin-top: .1rem; }
.index_list4 a:first-of-type { border-left: none; }

.service { padding:.2rem;font-size:.28rem;color:#333;line-height:.5rem; }
.service img { font-size:0;display:block;margin:.2rem 0; }
.bd_weixin_popup, .bd_weixin_popup * { box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; }

#touch { width: .8rem; height: .8rem; display: block; background: rgba(0,0,0,.6); border-radius: .8rem; line-height: .8rem; text-align: center; font-size: .24rem; color: #fff; position: fixed; right: 0; bottom: 2rem; z-index: 14; }
.touch_menu { width: 100%; height: 100%; display: none; background: rgba(0,0,0,.8); text-align: center; font-size: .24rem; color: #fff; position: fixed; left: 0; top: 0; z-index: 14; }
.touch_menu .close { width:.4rem;height:.4rem;display:block;background:url(../images/icon67.png) no-repeat;background-size:.4rem .4rem;position:absolute;right:.2rem;top:.2rem; }
.touch_menu ul{ word-spacing:-40px;display:inline-table;width:100%;position:absolute;left:0;top:50%;margin-top:-73px; padding:0 20%; }
.touch_menu li { width:50%;display:inline-block;vertical-align:top;word-spacing:0;margin:10px 0;-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.touch_menu li a { display:block; }
.touch_menu li img { width:.5rem;height:.5rem;line-height:.5rem; }
.touch_menu li p { font-size:.26rem;color:#b0b0b0;line-height:.4rem;margin-top:.1rem; }
.touch_menu li:nth-child(1) {  }
.touch_menu li:nth-child(2) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.touch_menu li:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s; }
.touch_menu li:nth-child(4) { -webkit-animation-delay: .9s; animation-delay: .9s; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/*******全部分类*******/
.pro_left { width: 1.8rem; height: 100%; background: #fff; position: fixed; left: 0; top: 0; padding: 1rem 0 .98rem; overflow-y: auto; }
.pro_left li { height: .98rem; border-bottom: 1px solid #ddd; overflow: hidden; }
.pro_left li a { display: block; background: #fff; border-right: 1px solid #ddd; line-height: .96rem; text-align: center; }
.pro_left li a.active { background: #efeff4; border-right: 1px solid #efeff4; }

.pro_right { margin-left: 1.8rem; padding: .2rem; min-height: calc(100vh - 3.8rem); }
.pro_banner { font-size: 0; }
.pro_title { font-size: .28rem; margin-top: .3rem; }
.pro_list { background: #fff; padding: .1rem; margin-top: .2rem; }
.pro_list ul { word-spacing: -40px; display: inline-table; width: 100%; }
.pro_list li { width: 33.3333%; display: inline-block; vertical-align: top; word-spacing: 0; text-align: center; padding: .1rem; }
.pro_list li a { display: block; }
.pro_list li p { font-size: .24rem; color: #666; margin-top: .1rem; }
.pro_list .img { height: 20vw; position: relative; }
.pro_list .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }


/*商品筛选*/
.pro_filter { width: 100%; height: .82rem; background: #fff; border-bottom: 1px solid #d7d7d7; position: fixed; left: 0; top: 1rem; z-index: 10; }
.pro_filter ul { word-spacing: -40px; display: inline-table; width: 100%; }
.pro_filter li { width: 33.3333%; display: inline-block; vertical-align: top; word-spacing: 0; text-align: center; }
.pro_filter li a { display: block; line-height: .8rem; font-size: .28rem; color: #333; }
.pro_filter li i { width: .16rem; height: .2rem; display: inline-block; background: url(../images/icon14_2.png) no-repeat; background-size: .16rem .2rem; margin-left: .1rem; }
.pro_filter li a .active  { width: .16rem; height: .2rem; display: inline-block; background: url(../images/icon14.png) no-repeat; background-size: .16rem .2rem; margin-left: .1rem; }
.pro_filter li a .active2  { width: .16rem; height: .2rem; display: inline-block; background: url(../images/icon14_1.png) no-repeat; background-size: .16rem .2rem; margin-left: .1rem; }


.pro_filter2 { width: 100%; height: .82rem; background: #fff; border-bottom: 1px solid #d7d7d7; padding: .15rem 0; position: fixed; left: 0; top: 1.82rem; z-index: 10; }
.pro_filter2 ul { word-spacing: -40px; display: inline-table; width: 100%; }
.pro_filter2 li { width: 33.3333%; display: inline-block; vertical-align: top; word-spacing: 0; text-align: center; }
.pro_filter2 li a { display: inline-block; height: .5rem; border: 1px solid #d7d7d7; border-radius: .5rem; line-height: .46rem; padding: 0 .1rem 0 .2rem; font-size: .26rem; color: #666; position: relative; }
.pro_filter2 li i { width: .24rem; height: .12rem; display: inline-block; vertical-align: top; background: url(../images/icon13.png) no-repeat; background-size: .24rem .12rem; margin-left: .1rem; position: relative; top: .17rem; }
.pro_filter2 li a.active { color: #009829; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
.pro_filter2 li a.active i { background: url(../images/icon13_1.png) no-repeat; background-size: .24rem .12rem; }
.pro_filter2 li a.active:after { content: ""; width: 100%; height: .18rem; display: block; background: #fff; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; position: absolute; left: -1px; bottom: -.18rem; }

.filter_bg { width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 9; display: none; }
.filter_box { width: 100%; height: 4.3rem; background: #fff; position: fixed; left: 0; top: 2.64rem; padding-bottom: .82rem; z-index: 10; }
.filter_list { height: 169px; padding: .2rem; overflow-y: auto; font-size: 0; -webkit-overflow-scrolling: touch; }
.filter_list ul { word-spacing: -40px; display: inline-table; width: 100%; }
.filter_list li { width: 50%; line-height: .4rem; display: inline-block; vertical-align: top; font-size: .26rem; padding: .1rem; word-spacing: 0; }
.filter_list li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filter_list li a.active { color: #009829; background: url(../images/icon15.png) no-repeat right center; background-size: .36rem .24rem; padding-right: .5rem; }
.filter_btn { width: 100%; height: .9rem; background: #fff; border-top: 1px solid #d7d7d7; padding: .1rem 0; font-size: 0; position: absolute; left: 0; bottom: 0; text-align: center; }
.filter_btn .reset { width: 40%; display: inline-block; vertical-align: top; border: 1px solid #d7d7d7; border-radius: .68rem; line-height: .64rem; text-align: center; font-size: .3rem; color: #333; margin: 0 3%; }
.filter_btn .confirm { width: 40%; display: inline-block; vertical-align: top; background: #009829; border-radius: .68rem; line-height: .68rem; text-align: center; font-size: .3rem; color: #fff; margin: 0 3%; }


/*商品列表*/
.pro_list2 { background: #fff; }
.pro_list2 li { position: relative; }
.pro_list2 li a { display: block; }
.pro_list2 li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.pro_list2 .img { width: 2rem; height: 1.6rem; position: relative; float: left; margin-left: .2rem; margin-top: .2rem; }
.pro_list2 .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.pro_list2 .status { height:.4rem;line-height:.4rem;padding:0 .2rem 0 .1rem;display:inline-block;background:red;border-top-right-radius:.4rem;border-bottom-right-radius:.4rem;position:relative;font-size:.24rem;color:#fff;position:absolute;left:0;top:0; }
.pro_list2 .txt { min-height: 2rem; margin-left: 2.4rem; border-bottom: 1px solid #ddd; padding: .2rem .2rem .2rem 0; }
.pro_list2 .title { font-size: .28rem; color: #333; height: .8rem; line-height: .4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.pro_list2 .price { font-size: .24rem; color: #999; margin-top: .3rem; }
.pro_list2 .price span { font-size: .24rem; color: #ed0000; margin-right: .3rem; }
.pro_list2 .price em { font-size: .32rem; color: #ed0000; }
.pro_list2 .btn { width: .4rem; height: .4rem; display: inline-block; background: url(../images/icon52.png) no-repeat center center; background-size: .4rem .1rem; position: absolute; right: .2rem; bottom: .2rem; }


/*商品详情*/
.pro_header { background: #fff; border-bottom: 1px solid #d2d2d2; }
/*.pro_header .back { background: url(../images/icon11_1.png) no-repeat center center; background-size: .2rem .4rem; }*/
.pro_header .head_title { color: #333; }
.pro_header .head_link { color: #333; }
.pro_head_title { display: block; width: 60%; margin: 0 auto; text-align: center; }
.pro_head_title a { display: inline-block; vertical-align: top; line-height: .9rem; padding-top: 2px; border-bottom: 2px solid #fff; font-size: .36rem; color: #333; margin: 0 .3rem; }
.pro_head_title a.active { border-bottom: 2px solid #000; }

.pro_slide { position: relative; overflow: hidden; margin: 0 auto; clear: both; }
.pro_slide .hd { width: .8rem; height: .8rem; display: block; border-radius: .8rem; background: rgba(0,0,0,.3); position: absolute; right: .3rem; bottom: .3rem; font-size: .26rem; color: #fff; line-height: .8rem; text-align: center; z-index: 2; }
.pro_slide .hd ul { display: inline-block; }
.pro_slide .hd li { display: none; }
.pro_slide .hd li.on { display: inline-block; }
.pro_slide .hd .num { margin-left: -4px; }
.pro_slide .bd { position: relative; z-index: 1; }
.pro_slide .bd li { position: relative; text-align: center; min-height: 2rem; background: rgba(19,165,238,.5); }
.pro_slide .bd li img { vertical-align: top; width: 100%; font-size: 0; display: block; }

.pro_info { background: #fff; padding: .2rem; }
.pro_info .title { font-size: .28rem; color: #333; line-height: .4rem; }
.pro_info .price { font-size: .24rem; color: #ed0000; margin-top: .1rem; }
.pro_info .price span { font-size: .32rem; }
.pro_info .number { font-size: .24rem; color: #999; margin-top: .1rem; }
.pro_info .number span { display: inline-block; vertical-align: top; min-width: 33.3333%; }
.pro_info .number span:nth-child(2) { text-align: center; }
.pro_info .number span:nth-child(3) { text-align: right; }
.pro_info .operate { float: right; margin-left: .2rem; }
.pro_info .share { display: inline-block; width: .8rem; line-height: .4rem; font-size: .24rem; color: #666; background: url(../images/icon16.png) no-repeat center top; background-size: .4rem .4rem; padding-top: .4rem; text-align: center; }
.pro_info .collect { display: inline-block; width: .8rem; line-height: .4rem; font-size: .24rem; color: #666; background: url(../images/icon17.png) no-repeat center top; background-size: .4rem .4rem; padding-top: .4rem; text-align: center; }
.pro_info .act { display: inline-block; width: .8rem; line-height: .4rem; font-size: .24rem; color: #666; background: url(../images/icon43.png) no-repeat center top; background-size: .4rem .4rem; padding-top: .4rem; text-align: center; }

.jt_r { width: .3rem; height: .3rem; display: inline-block; }

.pro_spec { height: .9rem; background: #fff; display: block; line-height: .9rem; padding: 0 .2rem; font-size: .3rem; color: #333; position: relative; }
.pro_spec .jt_r { position: absolute; right: .2rem; top: 50%; margin-top: -.15rem; }
.pro_title2 { height: .4rem; background: #fff; display: block; line-height: .4rem; padding: 0 .2rem; font-size: .3rem; color: #333; position: relative; }
.pro_title2 .jt_r { position: absolute; right: .2rem; top: 50%; margin-top: -.15rem; }
.pro_line { width: 100%; height: 1px; background: #d7d7d7; display: block; }

.comment_list { }
.comment_list li { background: #fff; padding: .2rem; margin-top: .2rem; }
.comment_list li:first-of-type { margin-top: 0; }
.comment_list .name { height: .6rem; line-height: .6rem; font-size: .26rem; color: #333; overflow: hidden; }
.comment_list .name img { display: inline-block; vertical-align: top; width: .6rem; height: .6rem; border-radius: .6rem; margin-right: .12rem; }
.comment_list .con { font-size: .26rem; color: #333; line-height: .4rem; margin-top: .2rem; }
.comment_list .img { font-size: 0; }
.comment_list .img img { width: 32%; margin-left: 2%; margin-top: .2rem; }
.comment_list .img img:nth-child(3n+1) { margin-left: 0; }
.comment_list .txt { font-size: .24rem; color: #666; position: relative; line-height: .4rem; margin-top: .1rem; }
.comment_list .txt span { position: absolute; right: 0; top: 0; }
.comment_list .txt2 { font-size: .24rem; color: #999; position: relative; line-height: .4rem; margin-top: .1rem; margin-bottom: -.06rem; }
.comment_list .txt2 span { margin-left: .6rem; }
.comment_btn { width: 2.2rem; height: .6rem; display: block; line-height: .56rem; text-align: center; border: 1px solid #009829; border-radius: 3px; font-size: .26rem; color: #009829; margin: 0 auto; }
.consult_list { padding: .2rem; }
.consult_list li { line-height: .4rem; font-size: .24rem; color: #333; background: url(../images/icon18.png) no-repeat left .05rem; background-size: .3rem .3rem; padding-left: .4rem; margin-top: .1rem; }
.consult_list li:first-of-type { margin-top: 0; }

.pro_operate { width: 100%; height: 1rem; background: #009829; position: fixed; left: 0; bottom: 0; z-index: 12; }
.pro_operate .join, .pro_operate .buy { width: 50%; height: 1rem; display: inline-block; float: left; line-height: 1rem; text-align: center; font-size: .3rem; color: #fff; }
.pro_operate .buy { background: #067f0c; }

.pop_spec_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 10; }
.pop_spec { width: 100%; max-height: 90%; position: fixed; left: 0; bottom: 0; padding: 0 .2rem 1.2rem; background: #fff; z-index: 11; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.pop_spec.hide { display: none; }
.sku_pro { border-bottom: 1px solid #ddd; padding-bottom: .2rem; }
.sku_pro:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.sku_pro .img { width: 2rem; height: 1.6rem; background: #fff; border-radius: 4px; overflow: hidden; margin-top: -.2rem; float: left; position: relative; }
.sku_pro .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.sku_pro .txt { margin-left: 2.2rem; padding-top: .3rem; }
.sku_pro .price { font-size: .24rem; color: #ed0000; }
.sku_pro .price span { font-size: .32rem; }
.sku_pro .selected { font-size: .24rem; color: #666; margin-top: .1rem; }
.sku_pro .close { width: .4rem; height: .4rem; display: block; background: url(../images/icon19.png) no-repeat; background-size: .4rem .4rem; position: absolute; right: .2rem; top: .2rem; }
.sku_info { height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.sku_info .con { padding: .2rem 0; border-bottom: 1px solid #ddd; }
.sku_info .con:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.sku_info .con h3 { font-size: .28rem; color: #333; }
.spec_list { margin: 5px -5px 0; font-size: 0; }
.spec_list a { display: inline-block; vertical-align: top; height: .6rem; line-height: .6rem; padding: 0 .2rem; background: #efeff4; border-radius: 3px; font-size: .24rem; color: #666; margin: 5px; }
.spec_list a.active { background: #009829; color: #fff; }
.count_box { }
.count_box .text { width: .6rem; height: .4rem; text-align: center; outline: none; font-size: .24rem; color: #333; }
.count_box .minus, .count_box .plus { width: .4rem; height: .4rem; display: inline-block; vertical-align: top; border: 1px solid #ddd; border-radius: .4rem; }
.count_box .minus { background: url(../images/icon20.png) no-repeat center center; background-size: .2rem .2rem; }
.count_box .plus { background: url(../images/icon21.png) no-repeat center center; background-size: .2rem .2rem; }
.pro_intro { padding: .2rem; font-size: .26rem; color: #666; line-height: .5rem; }
.pro_intro img { font-size: 0; display: block; width: 100%; max-height: none !important; }

.pop_share_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 13; }
.pop_share { width: 100%; height: 3.8rem; position: fixed; left: 0; bottom: 0; padding: .2rem; z-index: 14; }
.pop_share .close { width: 100%; height: .8rem; display: block; background: #fff; border-radius: 4px; line-height: .8rem; text-align: center; font-size: .32rem; color: #333; margin-top: .2rem; }
.pop_share .con { background: #fff; border-radius: 4px; }
.bdsharebuttonbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: .4rem .2rem; }
.bdsharebuttonbox a { height: 80px !important; background-position: center top !important; background-repeat: no-repeat; padding: 60px 0 0 !important; margin: 0 !important; text-align: center; font-size: 13px !important; height: auto; cursor: pointer; margin: 0px 0; padding: 0; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.bdsharebuttonbox .bds_pyq { background-image: url(../images/icon22.png); background-size: 1rem 1rem; }
.bdsharebuttonbox .bds_weixin { background-image: url(../images/icon23.png); background-size: 1rem 1rem; }
.bdsharebuttonbox .bds_tsina { background-image: url(../images/icon24.png); background-size: 1rem 1rem; }
.bdsharebuttonbox .bds_sqq { background-image: url(../images/icon25.png); background-size: 1rem 1rem; }

.head_link { display: inline-block; font-size: .26rem; color: #fff; line-height: .4rem; position: absolute; right: .2rem; top: .3rem; }
.consult_list2 li { background: #fff; padding: .2rem; margin-top: .2rem; }
.consult_list2 li:first-of-type { margin-top: 0; }
.consult_list2 .ask { min-height: .4rem; font-size: .28rem; color: #333; line-height: .4rem; background: url(../images/icon26.png) no-repeat left 1.5px; background-size: .34rem .34rem; padding-left: .5rem; position: relative; padding-right: .8rem; }
.consult_list2 .ask .img { display: inline-block; width: .6rem; height: .6rem; position: absolute; right: 0; top: -.1rem; }
.consult_list2 .answer { font-size: .26rem; color: #333; line-height: .4rem; background: url(../images/icon27.png) no-repeat left 1.5px; background-size: .34rem .34rem; padding-left: .5rem; margin-top: .1rem; }
.consult_list2 .answer.hollow { background: url(../images/icon58.png) no-repeat left 1.5px; background-size: .34rem .34rem; color:#999;  border-radius:.6rem; }
.consult_list2.img_none .ask { padding-right:0; }


/*购物车*/
.shop_list { }
.shop_list li { padding: .2rem; background: #fff; border-bottom: 1px solid #d7d7d7; position: relative; }
.shop_list .check { float: left; margin-top: 33.5px; }
.shop_list li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.shop_list .img { width: 2rem; height: 1.6rem; position: relative; float: left; margin-left: .2rem; margin-right: .2rem; }
.shop_list .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.shop_list .title { font-size: .28rem; color: #333; height: .8rem; line-height: .4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.shop_list .price { font-size: .24rem; color: #999; margin-top: .3rem; }
.shop_list .price span { font-size: .24rem; color: #ed0000; }
.shop_list .price em { font-size: .32rem; color: #ed0000; }
.shop_list .delete { width: 45px; height: 100%; display: block; background: #009829; line-height: 100px; text-align: center; font-size: .28rem; color: #fff; position: absolute; right: -45px; top: 0; }

.shop_operate { width: 100%; height: 1rem; background: #fff; border-top: 1px solid #d2d2d2; position: fixed; left: 0; bottom: 1rem; z-index: 10; }
.shop_operate .check_all { margin-left: .2rem; margin-top: .32rem; position: relative; top: 1.5px; }
.shop_operate label { font-size: .28rem; color: #333; padding-left: 3px; }
.shop_operate .total { position: absolute; left: 25%; top: .1rem; }
.shop_operate .total h4 { font-size: .24rem; color: #999; line-height: .36rem; }
.shop_operate .total h4 span { color: #ee0000; }
.shop_operate .total h4 em { font-size: .32rem; }
.shop_operate .total p { font-size: .24rem; color: #999; line-height: .36rem; }
.shop_operate .btn { width: 2rem; height: .66rem; display: inline-block; background: #009829; border-radius: .66rem; line-height: .66rem; text-align: center; font-size: .3rem; color: #fff; position: absolute; right: .2rem; top: .16rem; }
.shop_operate.bottom { bottom: 0; }
.shop_operate.bottom .total { left: .2rem; }
.shop_operate.bottom h4 { color: #333; }

/*确认订单*/
.address_list { background: url(../images/icon29.png) repeat-x center bottom #fff; background-size: auto .12rem; border-bottom: 1px solid #d8dcdd; padding-bottom: .12rem; }
.address_list li { border-bottom: 1px solid #d8dcdd; display: block; padding: .24rem .6rem .24rem .2rem; position: relative; }
.address_list li .jt_r { position: absolute; right: .2rem; top: 50%; margin-top: -.15rem; }
.address_list .txt1 { font-size: .26rem; color: #333; line-height: .4rem; padding-left:.12rem }
.address_list .txt1 .default { height: .36rem; display: inline-block; line-height: .36rem; padding: 0 .1rem; background: #009829; border-radius: 3px; font-size: .24rem; color: #fff; margin-right: .14rem; }
.address_list .txt1 .tel { font-size: .26rem; float:right;     }
.address_list .txt2 { font-size: .26rem; color: #333;    line-height: .4rem; background: url(../images/icon28.png) no-repeat left 1px; background-size: .36rem .36rem; padding-left: .4rem; margin-top: .14rem; }

.shop_list2 { background:#fff;border-bottom: 1px solid #d7d7d7; }
.shop_list2 li { padding: .2rem 1rem .2rem 0; background: #fff; border-bottom: 1px solid #d7d7d7; position: relative; }
.shop_list2 li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.shop_list2 li:last-of-type { border-bottom:none; }
.shop_list2 .img { width: 2rem; height: 1.6rem; position: relative; float: left; margin-right: .2rem; }
.shop_list2 .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.shop_list2 .title { font-size: .28rem; color: #333; height: .8rem; line-height: .4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.shop_list2 .price { font-size: .24rem; color: #999; margin-top: .3rem; }
.shop_list2 .num { min-width: 1rem; position: absolute; right: 0; top: .2rem; text-align: right; }
.shop_list2 .num h4 { font-size: .26rem; color: #333; line-height: .4rem; }
.shop_list2 .num p { font-size: .26rem; color: #999; line-height: .4rem; }

.group { display: block; min-height:.9rem; padding-top: .1rem; padding-bottom: .1rem; border-bottom: 1px solid #ddd; position: relative; }
.group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.group .label { font-size: .28rem; color: #333; display: inline-block; vertical-align: top; line-height: .7rem; }
.group .label.fs23 { font-size: .46rem; }
.group .label.color6 { color:#666; }
.group .fr { display: inline-block; max-width: 60%; min-height: .7rem; line-height: .7rem; text-align: right; position: relative; }
.group .fr.lh22 { line-height: .44rem; }
.group .jt_r { position: absolute; right: 0; top: 50%; margin-top: -.15rem; }
.lh18 { line-height: .36rem; }
.lh20 { line-height: .4rem; }
.lh35 { line-height: .7rem; }
.fs12 { font-size: .24rem; }
.fs23 { font-size: .46rem; }
.color0 { color: #ed0000; }
.color3 { color: #333; }
.color6 { color: #666; }
.color9 { color: #999; }
.group .text { width: 100%; height: .7rem; font-size: .28rem; text-align: right; outline: none; }
.group .fr input[type='text'] { text-align: right;height:.7rem;max-width:100%; }
.switch { display: inline-block; width: 40px; height: 22px; background: #dbdbdb; border-radius: 22px; position: relative; }
.switch:before { content: ""; width: 20px; height: 20px; display: block; background: #fff; border-radius: 20px; position: absolute; left: 1px; top: 1px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.switch_check { display: none; }
.switch_check:checked + .switch { background: #009829; }
.switch_check:checked + .switch:before { left: 19px; }

.pay_panel { background: #fff; padding: .6rem .2rem; }
.pay_panel h4 { font-size: .26rem; color: #666; text-align: center; }
.pay_panel p { font-size: .36rem; color: #009829; text-align: center; margin-top: .1rem; }
.pay_by { background: #fff; }
.pay_by li { height: .9rem; line-height: .9rem; padding: 0 .2rem; border-bottom: 1px solid #d7d7d7; position: relative; }
.pay_by li:last-of-type { border-bottom: none; }
.pay_by li img { width: .4rem; display: inline-block; vertical-align: top; position: relative; top: .24rem; margin-right: .2rem; }
.pay_by li .check { width: .3rem; height: .3rem; position: absolute; right: .2rem; top: 50%; margin-top: -.15rem; }
.pay_submit { width: 4rem; height: .74rem; display: block; background: #009829; line-height: .74rem; text-align: center; border-radius: .74rem; font-size: .3rem; color: #fff; outline: none; margin: 0 auto; }

.pop_pay_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 13; }
.pop_pay { width: 6rem; height: 4.4rem; background: #fff; border-radius: 4px; position: fixed; left: 50%; top: 50%; margin-left: -3rem; margin-top: -1.9rem; padding: .4rem; text-align: center; z-index: 14; }
.pop_pay .close { width: .4rem; height: .4rem; display: block; background: url(../images/icon19.png) no-repeat; background-size: .4rem .4rem; position: absolute; right: .2rem; top: .2rem; }
.pop_pay img { width: .8rem; }
.pop_pay h4 { font-size: .32rem; color: #d9b94b; margin-top: .2rem; }
.pop_pay p { font-size: .24rem; color: #666; margin-top: .2rem; }
.pop_pay .operate { margin-top: .4rem; }
.pop_pay .operate a { width: 2.2rem; height: .62rem; display: inline-block; vertical-align: top; line-height: .58rem; text-align: center; border-radius: .62rem; font-size: .26rem; margin: 0 .1rem; }
.pop_pay .operate .btn1 { border: 1px solid #ccc; color: #666; }
.pop_pay .operate .btn2 { background: #009829; border: 1px solid #009829; color: #fff; }


/*登录注册*/
.login_main { width: 88%; margin: 0 auto; }
.login_link { font-size: .26rem; color: #009829; }
.input_group { position: relative; }
.input_text { width: 100%; height: .8rem; background: #f0f0f0; border-radius: .8rem; outline: none; padding: 0 .4rem; font-size: .26rem; }
.input_submit { width: 100%; height: .8rem; display: block; line-height: .8rem; text-align: center; background: #009829; border-radius: .8rem; outline: none; font-size: .28rem; color: #fff; }
.input_yzm { width: 1.8rem; height: .8rem; display: inline-block; background: #fff; border: 1px solid #009829; border-radius: .8rem; line-height: .76rem; text-align: center; font-size: .26rem; color: #009829; outline: none; position: absolute; right: 0; top: 0; }
.reg_txt { font-size: .24rem; color: #666; text-align: center; }
.reg_txt a { color: #009829; }


/*******会员中心*******/
.member_info { height: 3.4rem; background: url(../images/img22.jpg) no-repeat; background-size: cover; padding: 1.1rem .3rem; position: relative; }
.member_info .img { width: 1.2rem; height: 1.2rem; border: 2px solid rgba(255,255,255,.6); border-radius: 1.2rem; overflow: hidden; float: left; }
.member_info .img img { width: 100%; height: 100%; }
.member_info .txt { margin-left: 1.4rem; padding: .1rem 0; background: url(../images/icon34.png) no-repeat right center; background-size: .24rem .36rem; }
.member_info .txt h4 { font-size: .28rem; color: #fff; line-height: .5rem; }
.member_info .txt p { font-size: .26rem; color: #fff; line-height: .5rem; }
.member_info .mess { width: .4rem; height: .4rem; display: block; background: url(../images/icon35.png) no-repeat; background-size: .4rem .4rem; position: absolute; right: .3rem; top: .3rem; }
.member_info .mess.active:after { content: ""; width: .14rem; height: .14rem; display: block; background: #ed0000; border-radius: .14rem; position: absolute; right: -2px; top: -1px; }

.m_list { background: #fff; }
.m_list:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.m_list li { width: 50%; display: inline-block; border-left: 1px solid #ddd; float: left; text-align: center; }
.m_list li:first-of-type { border-left: none; }
.m_list li a { display: block; padding: .2rem 0; }
.m_list li h4 { line-height: .4rem; font-size: .24rem; color: #e99532; }
.m_list li:nth-child(2) h4 { color: #3a8cf0; }
.m_list li h4 span { font-size: .32rem; }
.m_list li p { line-height: .4rem; font-size: .24rem; color: #666; }

.group .look { display: inline-block; line-height: .9rem; font-size: .24rem; color: #999; padding-right: .3rem; position: absolute; right: .2rem; top: 0; }
.m_list2 { background: #fff; }
.m_list2:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.m_list2 li { width: 20%; display: inline-block; float: left; text-align: center; }
.m_list2 li a { display: block; padding: .2rem 0; }
.m_list2 li img { width: .5rem; height: .5rem; }
.m_list2 li p { line-height: .4rem; font-size: .24rem; color: #666; }

.m_list3 { background: #fff; }
.m_list3 li { height: .9rem; line-height: .88rem; border-bottom: 1px solid #d7d7d7; }
.m_list3 li:last-of-type { border-bottom: none; }
.m_list3 li a { font-size: .28rem; color: #333; display: block; padding: 0 10px; position: relative; }
.m_list3 li img { width: .44rem; height: .44rem; display: inline-block; vertical-align: top; position: relative; top: .2rem; margin-right: .2rem; }
.m_list3 li .jt_r { position: absolute; right: .2rem; top: 50%; margin-top: -.15rem; }


/*个人资料*/
.profile_img { text-align: center; padding: .3rem; border-bottom: 1px solid #ddd; }
.profile_img img { width: 1.4rem; height: 1.4rem; border-radius: 1.4rem; }
.profile_img p { font-size: .3rem; color: #666; }

.pop_portrait_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 13; }
.pop_portrait { width: 100%; border-radius: 4px; position: fixed; left: 0; bottom: 0; padding: .2rem; text-align: center; z-index: 14; }
.pop_portrait .con { border-radius: 4px; overflow: hidden; }
.pop_portrait .btn { width: 100%; height: .9rem; display: block; line-height: .9rem; text-align: center; background: #fff; border-top: 1px solid #ddd; font-size: .3rem; color: #666; }
.pop_portrait .btn:first-of-type { color: #009829; border-top: none; }
.pop_portrait .close { width: 100%; height: .9rem; display: block; line-height: .9rem; text-align: center; background: #fff; font-size: .3rem; color: #666; border-radius: 4px; margin-top: .2rem; }

.dwwr { font-family: 'Microsoft YaHei' !important; }
.mbsc-ios7, .mbsc-ios7 * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.mbsc-ios7 .dwbc { background: #f0f0f0 !important; border-bottom: 1px solid #eaeaea !important; }
.mbsc-ios7 .dwb { font-weight: 400 !important; font-size: 15px !important; color: #333 !important; }
.mbsc-ios7 .dwb1 { color: #666 !important; }
.mbsc-ios7 .dw-li { text-align: center !important; font-size: 16px !important; }

.change_tel1 { text-align: center; padding: .8rem .2rem; }
.change_tel1 img { width: 1.2rem; }
.change_tel1 h4 { font-size: .26rem; color: #333; margin-top: .3rem; }
.change_tel1 p { font-size: .46rem; color: #666; margin-top: .2rem; }
.change_tel2 { background: #fff; text-align: center; padding: .8rem .2rem; }
.change_tel2 h4 { font-size: .26rem; color: #666; }
.change_tel2 .text { width: 2.5rem; height: .8rem; border-bottom: 1px solid #d7d7d7; text-align: center; outline: none; border-radius: 0; font-size: .28rem; margin-top: .2rem; }
.change_tel2 .button { font-size: .28rem; color: #009829; display: block; background: none; outline: none; margin: .2rem auto 0; }
.change_tel3 { background: #fff; padding: 0 .2rem; }
.change_tel3 .input_group { border-bottom: 1px solid #ddd; }
.change_tel3 .text { width: 100%; height: .9rem; outline: none; padding: 0 .6rem; }
.change_tel3 .button { display: inline-block; height: .64rem; font-size: .24rem; color: #333; line-height: .6rem; padding: 0 .2rem; background: #fff; border: 1px solid #ddd; border-radius: .64rem; outline: none; position: absolute; right: 0; top: .113rem; }
.change_tel3 .icon { width: .4rem; height: .4rem; display: inline-block; position: absolute; left: 0; top: .25rem; }
.change_tel3 .phone { background: url(../images/icon45.png) no-repeat; background-size: .4rem .4rem; }
.change_tel3 .verify { background: url(../images/icon46.png) no-repeat; background-size: .4rem .4rem; }

.pl30 { padding-left: 30px; }
.pl70 { padding-left: 70px; }
.pl75 { padding-left: 75px; }
.pl100 { padding-left: 100px; }
.pt8 { padding-top:8px; }
.group .ab_left { position: absolute; left: 0; top: .1rem; }
.group .ab_right { position: absolute; right: 0; top: .1rem; }
.group.pd0_10 .ab_left { left: .2rem; }
.group_text { width: 100%; height: .7rem; outline: none; }
.gearArea { font-family: 'Microsoft YaHei',Helvetica,Arial !important; }
.area_ctrl { background-color: #fff !important; }
.area_roll > div { font-size: 16px !important; }
.area_btn_box { background-color: #f0f0f0 !important; }
.area_btn { font-size: 15px !important; color: #333 !important; }
.larea_cancel { color: #666 !important; }
.area_grid { border-top: 1px solid #dbdbdb !important; border-bottom: 1px solid #dbdbdb !important; }
.area_btn_box:before, .area_btn_box:after { background-color: #eaeaea !important; }

.address_btn { width: 100%; height: 1rem; background: #fff; border-top: 1px solid #ddd; padding: .12rem 0; position: fixed; left: 0; bottom: 0; z-index: 10; }
.edit_btn { min-width: .4rem; height: .4rem; line-height: .4rem; display: inline-block; background: url(../images/icon47.png) no-repeat 1.5px center; background-size: .34rem .34rem; }
.address_list li .edit_btn { position: absolute; right: .2rem; top: 50%; margin-top: -.2rem; }
.address_list2 { }
.address_list2 li { background: #fff; margin-top: .2rem; }
.address_list2 .con { border-bottom: 1px solid #d7d7d7; padding: .2rem; }
.address_list2 .con h4 { font-size: .26rem; color: #333; line-height: .4rem; }
.address_list2 .con p { font-size: .26rem; color: #666; line-height: .4rem; margin-top: .14rem; }
.address_list2 .operate { height: .8rem; padding: .2rem; position: relative; }
.address_list2 .operate .check { width: .32rem; height: .32rem; display: inline-block; vertical-align: top; position: relative; top: 2px; }
.address_list2 .operate .label { display: inline-block; vertical-align: top; line-height: .4rem; padding-left: 3px; font-size: .26rem; }
.address_list2 .operate .edit_btn { font-size: .26rem; padding-left: .5rem; position: absolute; right: .2rem; top: .2rem; }
.address_list2 .operate .delete { display: inline-block; vertical-align: top; line-height: .4rem; padding-left: 3px; font-size: .26rem; }

/*账户余额*/
.account_header { background: #009829; }
.account_panel { background: #009829; padding: 1rem .2rem .2rem; }
.account_panel h4 { font-size: .28rem; color: #fff; }
.account_panel p { font-size: .72rem; color: #fff; }
.icon_money { width: .4rem; height: .4rem; display: inline-block; vertical-align: top; background: url(../images/icon48.png) no-repeat; background-size: .4rem .4rem; position: relative; top: .15rem; margin-right: .2rem; }
.icon_card { width: .4rem; height: .4rem; display: inline-block; vertical-align: top; background: url(../images/icon49.png) no-repeat; background-size: .4rem .4rem; position: relative; top: .15rem; margin-right: .2rem; }

.account_list { background: #fff; }
.account_list li { border-bottom: 1px solid #ddd; padding: .2rem 1rem .2rem .2rem; position: relative; }
.account_list li h4 { font-size: .28rem; color: #333; line-height: .4rem; }
.account_list li h4 span { font-size: .24rem; color: #999; }
.account_list li p { font-size: .24rem; color: #999; line-height: .4rem; }
.account_list li .num { font-size: .28rem; position: absolute; right: .2rem; top: 50%; margin-top: -.2rem; }

.bank_card { display: block; background: #fff; padding: .2rem; position: relative; }
.bank_card:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.bank_card .jt_r { position: absolute; right: .2rem; top: 50%; margin-top: -.15rem; }
.bank_card .img { width: .8rem; float: left; }
.bank_card .img img { width: .8rem; height: .8rem; border-radius: .8rem; font-size: 0; display: block; }
.bank_card .txt { margin-left: 1rem; }
.bank_card .txt h4 { font-size: .28rem; color: #333; line-height: .4rem; }
.bank_card .txt p { font-size: .24rem; color: #999; line-height: .4rem; }
.withdraw_title { font-size: .28rem; color: #666; padding-top: .2rem; }
.withdraw_txt { font-size: .26rem; color: #666; line-height: .4rem; padding: .2rem 0; }

.bankcard { width: 88%; margin: 0 auto; }
.bankcard li { height: 1.4rem; background: #fff; margin-top: .2rem; border-radius: 4px; position: relative; padding: .3rem 1rem .3rem .9rem; }
.bankcard li img { width: .4rem; height: .4rem; position: absolute; left: .3rem; top: .3rem; }
.bankcard li h4 { font-size: .28rem; color: #333; line-height: .4rem; }
.bankcard li p { font-size: .24rem; color: #999; line-height: .4rem; }
.bankcard li .num { display: inline-block; max-width: 1.04rem; height: .4rem; line-height: .4rem; overflow: hidden; position: absolute; right: 1.3rem; top: .5rem; }
.bankcard .operate { width: 1.3rem; text-align: center; position: absolute; right: 0; top: .15rem; }
.bankcard .operate .btn1 { width: .9rem; height: .5rem; display: inline-block; background: #009829; line-height: .5rem; text-align: center; font-size: .24rem; color: #fff; }
.bankcard .operate .btn2 { width: .9rem; height: .5rem; display: inline-block; background: #eaeaea; line-height: .5rem; text-align: center; font-size: .24rem; color: #666; margin-top: .1rem; }
.bankcard .operate .btn3 { width: .9rem; height: .5rem; display: inline-block; background: #eaeaea; line-height: .5rem; text-align: center; font-size: .24rem; color: #666; margin-top: .1rem; }

.add_bankcard { width: 88%; height: 1.2rem; display: block; background: #fff; border: 1px dashed #dbdbdb; border-radius: 4px; line-height: 1.16rem; text-align: center; font-size: .28rem; color: #333; margin: .2rem auto; }
.add_bankcard:before { content: ""; width: .4rem; height: .4rem; display: inline-block; vertical-align: top; position: relative; top: .38rem; background: url(../images/icon51.png) no-repeat center center; background-size: .3rem .3rem; margin-right: .1rem; }

.bankcard_mess { line-height: .8rem; font-size: .26rem; color: #666; padding: 0 .2rem; }
.bank_list input[type='text'] { width: 100%; height: .7rem; outline: none; padding-left: 1.4rem; text-align: left !important; }
.pop_collect_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 13; }
.pop_collect { width: 100%; border-radius: 4px; position: fixed; left: 0; bottom: 0; text-align: center; z-index: 14; }
.pop_collect .close { width: 100%; height: .9rem; display: block; line-height: .9rem; text-align: center; background: #fff; font-size: .3rem; color: #333; }
.pop_collect .btn { display: block; height: 1.7rem; background: url(../images/icon53.png) no-repeat center 10px rgba(255,255,255,.9); background-size: .9rem .9rem; padding-top: 1.2rem; font-size: .24rem; color: #666; }
.head_rili { width: .5rem; height: .5rem; display: inline-block; background: url(../images/icon54.png) no-repeat center center; background-size: .4rem .4rem; font-size:0; position: absolute; right: .2rem; top: .25rem; z-index: 2; }


/*我的邀请链接*/
.invite_box { height:85vw;background:url(../images/img25.jpg) no-repeat center top;background-size:90% auto;text-align:center; }
.invite_box h4 { font-size:.28rem;color:#333;padding-top:9vw; }
.invite_box img { width:30vw;height:30vw;margin-top:4vw; }
.invite_box .btn { width:28vw;height:8vw;display:block;background:#009829;border-radius:.6rem;line-height:8vw;text-align:center; font-size:.28rem;color:#fff;margin:10vw auto 0; }
.invite_text { width:77%;height:1.8rem;display:block;background:url(../images/icon56.png) repeat-y;border:none;resize:none;outline:none;padding:0;font-size:.26rem;line-height:.6rem;overflow-y:auto;margin:0 auto; }
.invite_prompt { width:77%;margin:0 auto;padding:.2rem 0;text-align:center; }
.invite_prompt h4 { font-size:.32rem;color:#333; }
.invite_prompt p { font-size:.24rem;color:#666;line-height:.4rem;margin-top:.2rem; }


/*我的分销商*/
.distributor_title { display:inline-block;height:.7rem;border:1px solid #fff;border-radius:.8rem;margin-top:.15rem; }
.distributor_title:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.distributor_title a { display:inline-block;vertical-align:top;float:left;line-height:.66rem;padding:0 .2rem;font-size:.26rem;color:#fff;border-radius:.66rem; }
.distributor_title a.active { background:#fff;color:#333; }

.group .fr.min_W80 { min-width:1.6rem;text-align:left; }
.distributor_menu { width:.6rem;height:100%;position:fixed;right:0;top:50%;margin-top:-156px;z-index:12; }
.distributor_menu li { line-height:.5rem; }
.distributor_menu li a { font-size:.24rem;color:#666; }

.distributor_list .title { height:.62rem;background:#efeff4;border-bottom:1px solid #d7d7d7;line-height:.6rem;padding:0 .2rem;font-size:.24rem;color:#666; }
.distributor_list li { background:#fff;border-bottom:1px solid #d7d7d7;padding:.2rem;position:relative; }
.distributor_list li:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.distributor_list .img { width:1.2rem;float:left; }
.distributor_list .img img { width:1.2rem;height:1.2rem;border-radius:1.2rem;font-size:0;display:block; }
.distributor_list .txt { margin-left:1.4rem;padding:.15rem 1.8rem .15rem 0; }
.distributor_list .txt h4 { font-size:.28rem;color:#333;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.distributor_list .txt p { font-size:.24rem;color:#666;background:url(../images/icon57.png) no-repeat left center;background-size:.3rem .3rem;padding-left:.44rem;line-height:.4rem;margin-top:.1rem; }
.distributor_list .num { display:inline-block;min-width:1.8rem;line-height:.4rem;position:absolute;right:0;top:50%;margin-top:-.2rem; }

.news_list {  }
.news_list li { margin-top:.3rem; }
.news_list .date { font-size:.26rem;color:#999;line-height:.4rem;text-align:center; }
.news_list .con { background:#fff;border:1px solid #ddd;padding:0 .2rem;border-radius:3px;margin-top:.2rem; }
.news_list .con h4 { font-size:.28rem;color:#333;line-height:.4rem;border-bottom:1px solid #ddd;padding:.2rem 0; }
.news_list .con p { font-size:.26rem;color:#666;line-height:.4rem;padding:.2rem 0; }


/*我的订单*/
.order_class { width:100%;height:.9rem;background:#fff;border-bottom:1px solid #d7d7d7;padding:0 .2rem;position:fixed;left:0;top:1rem;z-index:10; }
.order_class ul { word-spacing:-40px;display:inline-table;width:100%; }
.order_class li { width:21%;display:inline-block;vertical-align:top;word-spacing:0; }
.order_class li:first-of-type { width:16%; }
.order_class li a { display:block;line-height:.88rem;text-align:center;font-size:.28rem;color:#333; }
.order_class li a.active { line-height:.8rem;padding-top:2px;color:#009829;border-bottom:2px solid #009829; }

.order_list { background:#fff;margin-bottom:10px; }
.order_info { height:.8rem;line-height:.78rem;padding:0 .2rem;border-bottom:1px solid #d7d7d7;position:relative; }
.order_info .num { display:inline-block;font-size:.26rem;color:#999; }
.order_info .status { font-size:.28rem;color:#009829;position:absolute;right:.2rem;top:0; }
.order_operate { padding:.2rem;text-align:right; }
.order_operate .total { font-size:.26rem;color:#666; }
.order_operate .total .symbol { color:#333; }
.order_operate .total .money { font-size:.3rem;color:#333; }
.order_operate .total .symbol.color0 { color:#ed0000; }
.order_operate .total .money.color0 { color:#ed0000; }
.order_operate .btnbox { margin-top:.2rem; }
.order_btn1 { display:inline-block;vertical-align:top;min-width:1.7rem;height:.6rem;line-height:.56rem;text-align:center;border:1px solid #ccc;border-radius:.6rem;font-size:.26rem;color:#444;margin-left:.12rem; }
.order_btn2 { display:inline-block;vertical-align:top;min-width:1.7rem;height:.6rem;line-height:.56rem;text-align:center;border:1px solid #009829;border-radius:.6rem;font-size:.26rem;color:#009829;margin-left:.12rem; }
.order_btn3 { display:inline-block;vertical-align:top;min-width:0.7rem;height:.6rem;line-height:.56rem;text-align:center;border:1px solid #ccc;border-radius:.1rem;font-size:.26rem;color:#444;margin-left:.12rem; }

/*订单详情*/
.order_status { background:#fff;padding:.2rem; }
.order_status h4 { font-size:.28rem;color:#009829;line-height:.4rem;margin-bottom:.1rem; }
.order_status p { font-size:.24rem;color:#999;line-height:.4rem; }
.order_discount { padding:.2rem .2rem 0; }
.order_discount p { font-size:.24rem;color:#999;line-height:.36rem;margin-top:.1rem; }
.order_discount p:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.order_discount .fr { display:inline-block;vertical-align:top;max-width:77%;text-align:right; }
.order_invoice { background:#fff;padding:.2rem; }
.order_invoice h4 { line-height:.4rem;margin-bottom:.1rem; }
.order_invoice p { font-size:.24rem;color:#666;line-height:.36rem; }
.order_foot { width:100%;height:1rem;background:#fff;box-shadow:0 0 .12rem rgba(0,0,0,.2);padding:.2rem;text-align:right;position:fixed;left:0;bottom:0;z-index:10; }

.logistics { display:block;background:url(../images/icon59.png) no-repeat .2rem center #fff;background-size:.4rem .4rem;padding:.2rem .6rem .2rem .9rem;position:relative;border-bottom:1px solid #d7d7d7; }
.logistics h4 { font-size:.28rem;color:#009829;line-height:.4rem; }
.logistics p { font-size:.24rem;color:#999;line-height:.36rem;margin-top:.1rem; }
.logistics .jt_r { position:absolute;right:.2rem;top:50%;margin-top:-.13rem; }

.logistics_info { background: #fff; padding: .2rem; }
.logistics_info:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.logistics_info .img { width: 2rem; height: 1.6rem; position: relative; float: left; }
.logistics_info .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.logistics_info .txt { margin-left: 2.2rem;padding:.15rem 0; }
.logistics_info .txt h4 { font-size:.28rem;color:#333;line-height:.4rem;margin-bottom:.1rem; }
.logistics_info .txt p { font-size:.24rem;color:#999;line-height:.4rem; }
.logistics_info .txt .label { display:inline-block;vertical-align:top;min-width:1.4rem; }
.logistics_info .txt .color { color:#0099d9; }

.logistics_list { background: #fff; padding: .2rem .2rem .4rem; }
.logistics_list ul { margin-left: .5rem; border-left: 1px solid #ddd; position: relative; }
.logistics_list ul:before { content: ""; width: .14rem; height: .2rem; display: block; background: #fff; position: absolute; left: -.07rem; top: 0; }
.logistics_list ul:after { content: ""; width: .14rem; height: .14rem; display: block; background: #ddd; border-radius: .12rem; position: absolute; left: -.08rem; bottom: 0; }
.logistics_list li { position: relative; margin-left: .7rem; border-bottom: 1px solid #ddd; padding: .2rem 0; }
.logistics_list li h4 { font-size: .28rem; color: #666; line-height: .4rem; }
.logistics_list li p { font-size: .24rem; color: #999; line-height: .36rem; margin-top: .1rem; }
.logistics_list li:first-of-type h4 { color: #009829; }
.logistics_list li:before { content: ""; width: .14rem; height: .14rem; display: block; background: #ddd; border-radius: .12rem; position: absolute; left: -.79rem; top: .32rem; }
.logistics_list li:first-of-type:before { width: .4rem; height: .4rem; background: url(../images/icon60.png) no-repeat; background-size: .4rem .4rem; left: -.9rem; top: .2rem; }

.star { display: inline-block; vertical-align: top; }
.star i { display: inline-block; vertical-align: top; width: .3rem; height: .3rem; background: url(../images/star.png) no-repeat; background-size: .3rem .3rem; margin: 0 2px; }
.star i.act { background: url(../images/star_1.png) no-repeat; background-size: .3rem .3rem; }
.order_evalution { padding:.2rem; }
.order_evalution .img { width:1.8rem;float:left; }
.order_evalution .txt { margin-left:2rem; }
.order_evalution .text { width:100%;height:2rem;outline:none;border:none;resize:none;padding:0;font-size:.26rem;line-height:.4rem; }
.order_evalution .upload { width: 1.2rem; height: 1.2rem; display: block; background: url(../images/icon61.png) no-repeat center .1rem; background-size: .5rem .5rem; padding-top: .7rem; border: 1px solid #ddd; border-radius: 3px; text-align: center; font-size: .24rem; color: #999; }

.exchange_text { width:100%;height:2rem;padding:.2rem;border:none;outline:none;resize:none;font-size:.26rem;line-height:.4rem; }
.exchange_title { font-size:.26rem;color:#666;line-height:.4rem; }
.exchange_upload:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.exchange_upload .img { width:32%;height:28vw;background:url(../images/icon62.png) no-repeat center center #fff;background-size:.5rem .5rem;/*border:1px dashed #ddd;*/float:left;margin-left:2%;margin-top:.2rem; }
.exchange_upload .img:nth-child(3n+1) { margin-left:0; }

.pop_reason_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 13; }
.pop_reason { width: 80%; height:100%; background:#fff; position: fixed; right: -80%; top: 0; z-index: 14; }
.reason_head { width:100%;height:1rem;background:#fff;border-bottom:1px solid #ddd;position:absolute;top:0;right:0;z-index:1; }
.reason_head .title { display: block; line-height: .98rem; text-align: center; font-size:.34rem; color:#333; }
.reason_head .close { display: inline-block; line-height: .98rem; padding: 0 .2rem; font-size: .26rem; color: #666; position: absolute; left: 0; top: 0; }
.reason_head .confirm { display: inline-block; line-height: .98rem; padding: 0 .2rem; font-size: .26rem; color: #666; position: absolute; right: 0; top: 0; }
.pop_reason .list { height:100%;padding-top:1rem;overflow-y:auto; }
.pop_reason .list li { height:.9rem;border-bottom:1px solid #d7d7d7;line-height:.9rem;padding:0 .2rem;font-size:.28rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pop_reason .list li.active { background:url(../images/icon63.png) no-repeat 97% center;background-size:.3rem .3rem;padding:0 .5rem 0 .2rem; }

.inline_block { display:inline-block; }
.reurn_status { padding:.4rem .2rem;background:#fff;text-align:center; }
.reurn_status img { width:.7rem; }
.reurn_status h4 { font-size:.32rem;color:#009829;margin-bottom:.1rem; }
.reurn_status p { font-size:.24rem;color:#666;line-height:.4rem; }

.mydiv_city_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 13; }
.mydiv_city { z-index:14; bottom:0px; position:fixed; padding:10px;  width:100%; height:100%; }
.mydiv_city .close { width:.4rem;height:.4rem;display:block;background:url(../images/icon66.png) no-repeat center center;background-size:.3rem .3rem;position:absolute;right:.2rem;top:.2rem; }
.my_ctiy { background:#fff; width:100%; height:100%; overflow-y:scroll; overflow-x:hidden}
.my_ctiy dl dt { width:100%; background:#fff; padding:5px 10px; font-size:14px; color:#333; border-bottom:1px solid #e1e1e1;}
.my_ctiy dl dt.on { background:#009829;color:#FFF;}
.my_ctiy dl dd {display:none; font-size:14px; line-height:30px; border-bottom:1px solid #ccc; padding:0px 10px; background:#e6e6e6;}


.showMorehandle { font-size: .28rem; color: #666; text-align: center; width: 100%; height: .44rem; /*position:fixed;left:80px;bottom:55px;text-indent:-80px;*/ display: inline-block; line-height: .44rem; margin-top: .2rem; margin-bottom: 0.4rem; outline: none; }
.showMorehandle.active { background: url(../images/jiantou.png) no-repeat center center; background-position-x: 75%; background-size: 20px 20px; }

.update_img:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0; }
.update_img > div { display:inline-block;vertical-align:top;float:left;width:1.2rem;margin: .1rem;position:relative; }
.update_img > div img { width:1.2rem;height:1.2rem; }
.update_img > div a { width:100%;height:.4rem;display:block;background:rgba(0,0,0,.5);font-size:.24rem;color:#fff;line-height:.4rem;text-align:center;position:absolute;left:0;bottom:0; }

.update_imgpingz:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0; }
.update_imgpingz > div { display:inline-block;vertical-align:top;float:left;width:2.1rem;margin: .1rem;position:relative; }
.update_imgpingz > div img { width:2.1rem;height:2.1rem; }
.update_imgpingz > div a { width:100%;height:.4rem;display:block;background:rgba(0,0,0,.5);font-size:.24rem;color:#fff;line-height:.4rem;text-align:center;position:absolute;left:0;bottom:0; }
 
.index_list4 img { position: relative; left: -8px; top: -4px; }

/*新加首页样式*/
.index_list_a { background: #fff; padding: .3rem .2rem; }
.index_list_a ul { word-spacing: -40px; display: inline-table; width: 100%; }
.index_list_a li { width: 20%; display: inline-block; vertical-align: top; word-spacing: 0; text-align: center; }
.index_list_a li img { width: 1.1rem; height: 1.1rem; }
.index_list_a li p { font-size: .26rem; color: #333; margin-top: .04rem; }

.sec_title_a { position: relative; }
.sec_title_a .title { display: inline-block; vertical-align: top; height: .3rem; line-height: .3rem; font-size: .3rem; color: #222; margin-top: .06rem; }
.sec_title_a .more { display: inline-block; vertical-align: top; background: url(../images/icon10.png) no-repeat right center; background-size: .14rem .28rem; padding-right: .3rem; line-height: .4rem; font-size: .24rem; color: #999; position: absolute; right: 0; top: 0; }
.xptj ul{overflow: hidden; margin-left: -.3rem;}
.xptj li{float: left; width:25%; padding-left: .3rem; }
.xptj img{width:100%;}
.xwtj_text h2{font-size: .24rem; line-height: 1.2; color: #666666; height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xwtj_text p{font-size: .3rem; color: #f03737; line-height: 2;}
.xwtj_text b{font-size: .24rem;}
.xwtj_text img{width:.36rem; width:.36rem; margin-top: 8px;}
.xwtj_text h2{font-size: .24rem; line-height: 2; color: #666666;}
.xwtj_text p{font-size: .3rem; color: #f03737;}
.xwtj_text b{font-size: .24rem;}
.xwtj_text img{width:.36rem; width:.36rem;}

.yhzq ul{overflow: hidden; margin-left: -.3rem;}
.yhzq li{width:50%; float: left; padding:0 0 .3rem .3rem;}


.xwtj_text_b h2{font-size: .24rem; line-height: 2; color: #666666;}
.xwtj_text_b p{font-size: .3rem; color: #f03737;}
.xwtj_text_b b{font-size: .24rem;}
.xwtj_text_b img{width:.36rem; width:.36rem;}
.xwtj_text_b h2{font-size: .24rem; line-height: 2; color: #666666;}
.xwtj_text_b p{font-size: .3rem; color: #f03737;}
.xwtj_text_b b{font-size: .24rem;}
.xwtj_text_b img{width:.36rem; width:.36rem;}

.gnbq{position: absolute;right:.3rem; top:.3rem; width:.42rem; height: .42rem; background: url(../images/doyou_menu.png); background-size: 100% 100%;}
.on{ width:.42rem; height: .42rem; background: url(../images/doyou_list.png); background-size: 100% 100%;}
.rmnr{padding: .2rem .3rem;background: #fff; position: relative;}
.xqnrbox{overflow: hidden; padding: .2rem 0; border-bottom: 1px solid #ededed;}
.xqnrbox:last-child {border-bottom: 0;}
.xq_left{width:35%; float: left;}
.xq_left img{width:100%;}
.xq_text{width:60%; float: right;}
.xq_text h2{font-size: .4rem; line-height: 3; padding-top: 10px;}
.xq_text img{width:.4rem; height: .4rem;}
.xq_text p{color: #FF0000;}
/**/
.topBox { position:relative; background:#ececec; padding:.14rem 0;}
.topBox .back { display:block; background:url(../images/icon11_1.png) center no-repeat; width:.16rem; height:.32rem; background-size:100% auto;}

.searchBar { width:6rem; box-sizing:border-box; background:#fff; height:.56rem; border:1px solid #dddddd; overflow:hidden; border-radius:.56rem; margin-left:.95rem;}
.searchBar input { width:5rem; float:left; border:none; outline:none; line-height:.52rem; height:.52rem; font-size:.2rem; text-indent:.26rem; padding:0;}
.searchBar button { float:right; height:.54rem; background:url(../images/icon02.png) center no-repeat; width:.8rem; background-size:.22rem auto;
 outline:none; border:none;}
.proTit { overflow:hidden; border-bottom:1px solid #d7d7d7;}
.proTit span { position:relative; display:block; float:left; width:33.33%; text-align:center; line-height:.8rem; font-size:.28rem; color:#000000;}
.proTit span.cur { color:#ac9573;}
.proTit span.cur:after { content:''; position:absolute; bottom:0; left:50%; width:1.4rem; height:.03rem; background:#ac9573; margin-left:-.7rem;}
.proImg { float:left; width:2.66rem; height:1.99rem; overflow:hidden;}
.proTxt { width:4.64rem; float:right; border-bottom:1px solid #dddddd; padding-bottom:.17rem; padding-top:.27rem;}
.proTxt h2 { line-height:.4rem; font-size:.28rem; color:#000000; height:.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.productInfor { margin-top:.3rem; overflow:hidden; line-height:.5rem;}
.productInfor p { float:left; font-size:.24rem; color:#ed0000}
.productInfor p i { font-weight:bold; font-size:.32rem;}
.productInfor span { margin-left:.15rem; float:left; color:#999999; font-size:.22rem;}
.add_chose { float:right; margin-right:.64rem; margin-top:.1rem;}
.add_chose input { box-sizing:border-box; text-align:center; padding:0; float:left; display:block; border-left:1px solid #cccccc; border-right:1px solid #cccccc; width:.46rem; height:.28rem; font-size:.24rem;}
.add_chose a { display:block; height:.28rem; width:.28rem; float:left; line-height:.28rem; text-align:center;}
.add_chose { border:1px solid #cccccc; border-radius:2px;}
.productInfor { background:url(../images/chose.jpg) 4.17rem center no-repeat; background-size:.26rem auto;}
.proList li { overflow:hidden;}
.fixBottom { max-width:640px; position:fixed; play-during:0; bottom:0; width:100%; height:.8rem;}
.fixBottom a.homeBtn { width:16.66%; float:left; text-align:center; background:url(../images/home.jpg) center .11rem no-repeat; background-size:.26rem auto; box-sizing:border-box; padding-top:.39rem; line-height:.38rem; font-size:.2rem; color:#666666; display:block;}
.fixBottom a.buyCar { width:16.66%; float:left; text-align:center; background:url(../images/car.jpg) center .11rem no-repeat; background-size:.32rem auto; box-sizing:border-box; padding-top:.39rem; line-height:.38rem; font-size:.2rem; color:#666666; display:block;}
.fixBottom .addCar { width:33.33%; float:left; text-align:center; background:#d3b984; color:#fff; font-size:.24rem; line-height:.8rem; display:block;}
.fixBottom .rightbuy { width:33.33%; float:left; text-align:center; background:#f25858; color:#fff; font-size:.24rem; line-height:.8rem; display:block;}
.h80 { height:.8rem;}
.topBox h2 { text-align:center;}
.proList li.cur .productInfor { background:url(../images/chosed.png) 4.17rem center no-repeat; background-size:.26rem auto;}
.topBox h2 { font-size:.36rem;}
.giftBox { background:#000000;}
.chose { vertical-align:top; display:inline-block; margin:0 .3rem; background:url(../images/giftbg.png) center no-repeat; width:3rem; height:3.3rem; background-size:100% auto;}
.giftChose { text-align:center; overflow:hidden; padding-top:.4rem; padding-bottom:.18rem;}
.chose h2 { font-size:.36rem; line-height:1.08rem; color:#fff;}
.chose h3 { color:#fff; line-height:.5rem; padding-top:.1rem;}
.giftBar { position:relative; background:url(../images/giftbg.jpg) center top no-repeat #121213; width:7rem; margin:0 auto; background-size:100% auto; box-sizing:border-box; padding:0 .2rem;}
.activeTit { padding:.4rem 0; border-bottom:2px solid #65533b;}
.activeTit img { width:3.9rem; margin:0 auto; display:block;}
.giftBar li{ overflow:hidden; margin-top:.44rem;}
.giftBar li img { width:.94rem; float:left;}
.giftTxt { width:5.2rem; float:left; margin-left:.3rem;}
.giftTxt h2 { color:#a78555; padding-top:.15rem; font-size:.2rem; line-height:.3rem;}
.giftTxt h2 a { color:#f8e5b1; text-decoration:underline;}
.giftTxt h3 { line-height:.94rem; color:#a78555; font-size:.2rem;}
.giftTxt h4 { color:#a78555; font-size:.2rem; line-height:.31rem;}
.giftBar:nth-child(1) { padding-bottom:.5rem;}
.giftBox { padding-top:.22rem;}
.giftBar:nth-child(1).cur:before { content:''; position:absolute; left:1.18rem; top:-.22rem; background:url(../images/sj.png) center no-repeat; width:.32rem; height:.22rem; background-size:100% auto;}
.activeTit2 img { width:5.36rem; display:block; margin:0 auto;}
.activeTit2 { padding:.4rem 0 .47rem; border-bottom:2px solid #65533b;}
.giftBar:nth-child(2) { padding-bottom:.5rem;}
.giftBar:nth-child(2).cur:before { content:''; position:absolute; left:5.58rem; top:-.22rem; background:url(../images/sj.png) center no-repeat; width:.32rem; height:.22rem; background-size:100% auto;}
.dn { display:none;}
.orderFix { position:fixed; left:0; bottom:0; width:100%; max-width:640px; padding:.3rem 0; background:#121213;}
.orderFix a { display:block; width:6.9rem; height:.8rem; border-radius:.08rem; text-align:center; line-height:.8rem; font-size:.36rem; color:#fff; background-image: linear-gradient( to bottom ,#fdeab6, #a07c4c); margin:0 auto;}
.h180 { height:1.8rem;}
.pickupList ul { padding:0 .2rem;}
.pickupList li { border-bottom:1px solid #cccccc; overflow:hidden; line-height:.52rem; padding:.25rem 0;}
.pickupList li p { float:left; color:#333333; font-size:.36rem;}
.pickupList li a { display:block; float:right; width:1.48rem; height:.5rem; border-radius:.52rem; line-height:.52rem; font-size:.24rem; text-align:center; background:#cccccc; color:#fff;}
.pickupList li a.get { background:#d3b984;}
#inpnum { width:0; height:0; border:none; outline:non; opacity:0;}
/**/
#screen { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:50;}
.paySuccess { z-index:3; width:5.8rem; background:#fff; position:fixed; padding-top:.34rem; border-radius:5px; left:50%; top:50%; transform:translate(-50%,-50%);}
.paySuccess img { display:block; width:.79rem; margin:0 auto;}
.paySuccess .closed { display:block; width:.33rem; height:.33rem; cursor:pointer; position:absolute; top:.2rem; right:.2rem; background:url(../images/closed.jpg) center no-repeat; background-size:.33rem auto;}
.paySuccess h2 { font-size:.32rem; text-align:center; color:#d9b94b; line-height:.76rem;}
.paySuccess p { line-height:.35rem; text-align:center; color:#666666; font-size:.24rem;}
.btnBar { text-align:center; padding:.35rem 0 .5rem;}
.btnBar a { display:inline-block; box-sizing:border-box; width:2.4rem; height:.62rem; border-radius:.62rem; margin:0 .1rem;}
.btnBar a:nth-child(1) { border:1px solid #cccccc; line-height:.55rem;}
.btnBar a:nth-child(2) { background:#009829; color:#fff; line-height:.58rem;}

.doyou-goods-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 0.27rem;
    margin-bottom: 1.34rem;
}
/*新增弹窗样式*/
.closeBtn {    width: 12px;
    height: 12px;
    background: url(../images/close.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;}
.altBox { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:52; width:5.56rem; background:rgba(255,255,255,0.7); border-radius:.16rem; padding:1rem .8rem .4rem;}
.altBox p { text-align:center; line-height:.7rem; font-size:.31rem; color:#333333;}
.copyRight {    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 1.2rem;}