/*-------------------------------头部-----------------------------*/
.w1r-fl { float: left; width: 1rem; height: 1rem }
.dl-py { margin-top: .5rem; margin-left: .3rem; width: .7rem }
.dl-py2 { margin-top: .5rem; color: #8a8a8a; font-size: .4rem }
.dl-py2, .dl-py4 { float: right; margin-right: .5rem; font-weight: 600; line-height: .7rem }
.dl-py3, .dl-py4 { margin-top: .1rem; color: #fff; font-size: .35rem }
.dl-py3 { float: left; margin-left: .5rem; font-weight: 600; line-height: .7rem }
/*首页尾部*/
.footer-repair { height: 1.2rem }
.footer-Support .Support { line-height: .5rem }
.footer-Support .Support p { text-align: center; line-height: .8rem }
.footer-Support .Support p a { color: #888; text-decoration: underline }
.index-footer { position: fixed; bottom: 0; z-index: 99; width: 100%; height: 1.2rem; max-width: 50pc; border-top: 1px solid #f6f6f6; background: #fff; box-shadow: 0 0 10px 0 #9b9b9b }
/*首页fixd尾部*/
.index-footer ul li { width: 20% }
.index-footer ul li a { display: block; padding-top: .1rem; height: 1.2rem }
.index-footer ul li .index-footer-img { height: .6rem; background-size: auto .6rem }
.index-footer .fl .footer-home { background: url(../../../images/shop/pe/footer-home.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl .footer-column { background: url(../../../images/shop/pe/footer-column.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl .footer-hots { background: url(../../../images/shop/pe/footer-hots.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl .footer-cart { position: relative; background: url(../../../images/shop/pe/footer-cart.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl .footer-cart span { position: absolute; top: -.1rem; right: .5rem; display: block; width: .35rem; height: .35rem; border-radius: 50%; background: #da0000; color: #fff; text-align: center; font-size: .3rem }
.index-footer .fl .footer-user { background: url(../../../images/shop/pe/footer-user.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl.on .footer-home { background: url(../../../images/shop/pe/footer-home-on.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl.on .footer-column { background: url(../../../images/shop/pe/footer-column-on.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl.on .footer-hots { background: url(../../../images/shop/pe/footer-hots-on.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl.on .footer-cart { background: url(../../../images/shop/pe/footer-cart-on.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl.on .footer-user { background: url(../../../images/shop/pe/footer-user-on.png) no-repeat center; background-size: auto .6rem }
.index-footer .fl.on .index-footer-column { color: red }
.index-footer ul li .index-footer-column { padding: .05rem 0; height: .4rem; color: #888; text-align: center; line-height: .4rem }
/*-------------------------------登陆页面-----------------------------*/
.centers { text-align: center }
.srk { height: 1rem; text-align: center }
.srk input { padding-left: .243rem; width: 85%; height: 1rem; font-size: .35rem }
.wjmm { margin: auto; width: 85% }
.wjmm .txt, .wjmm label { font-size: .35rem }
.wjmm .txt { outline: medium; border: none; color: #56b53e }
.wjmm #btn { padding: .2rem .23rem; width: 100%; border: 1px solid; border-radius: .097rem; background-color: #ddd; color: #fff }
.wjmm #btn, .wjmm a { font-size: .35rem }
.shopdran { padding: .2rem .23rem; width: 100%; background-color: #ddd }
.shopdran, .shopdran2 { border: 1px solid; border-radius: .097rem; color: #fff; font-size: .35rem }
.shopdran2 { line-height: 1rem }
.shopdran2, .shopdran3 { height: 1rem; background-color: #55acee }
.shopdran3 { position: absolute; left: 67.5%; padding: .2rem .23rem; width: 25%; border: 1px solid; border-radius: .097rem; color: #fff; font-size: .35rem }
.yonghudrfs { margin: auto; width: 80%; text-align: center }
.yonghudrfs span { float: left; font-size: .341rem }
.yonghudrfs a { float: left; margin-left: .365rem }
.qqdrfs, .weixindrfs, .xinlang, .yonghudrfs a { display: block; width: 1.097rem; height: 1.097rem }
.qqdrfs, .weixindrfs, .xinlang { float: right; margin-right: .243rem }
.qqdrfs { background: url(../../../images/shop/pe/qqicon.png) no-repeat; background-size: 1.097rem }
.weixindrfs { background: url(../../../images/shop/pe/wxicon.png) no-repeat; background-size: 1.097rem }
.xinlang { background: url(../../../images/shop/pe/xlicon.png) no-repeat; background-size: 1.097rem }
.dl-bk { border: 1px solid #ccc; border-radius: .124rem }
.dl-logo { padding: .1rem; width: 3rem; border: 3px solid #fff; border-radius: 750pt; box-shadow: 0 0 .48309rem 0 rgba(34,25,25,.3) }
[ripple] { position: relative; z-index: 1; overflow: hidden }
[ripple] .ripple { position: absolute; width: 9pt; height: 9pt; border-radius: 100%; background: #fff; -webkit-animation: ripple 1.6s; animation: ripple 1.6s }

@-webkit-keyframes ripple {
    0% { opacity: .2; -webkit-transform: scale(1); transform: scale(1) }
    to { opacity: 0; -webkit-transform: scale(40); transform: scale(40) }
}

@keyframes ripple {
    0% { opacity: .2; -webkit-transform: scale(1); transform: scale(1) }
    to { opacity: 0; -webkit-transform: scale(40); transform: scale(40) }
}

.tabs { z-index: 15px; box-sizing: border-box; margin-left: 5%; width: 90%; border-radius: 4px; background: #fff }
.tabs, .tabs-header { position: relative; overflow: hidden }
.tabs-header .border { position: absolute; bottom: 0; left: 0; width: auto; height: 2px; background: #ffca5f; -webkit-transition: .3s ease; transition: .3s ease }
.tabs-header ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tabs-header li { width: 50%; -webkit-transition: .3s ease; transition: .3s ease }
.tabs-header a { z-index: 1; display: block; box-sizing: border-box; padding: 15px 20px; color: #000; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500 }
.tabs-content .tab { display: none }
.tabs-content .tab.active { display: block }
.dl-yzk { float: left; margin-left: 7.5%; width: 40% !important }
.dl-yzk2 { float: right; margin-right: 7.5%; width: 40%; background: #f1f1f1 }
.yhdlfs { margin-top: .731rem; margin-bottom: .731rem }
.yhdlfs2 { margin-bottom: .292rem; color: #707070; font-size: .39rem }
/*-------------------------------找回密码弹出CSS-----------------------------*/
#s_dpage span { display: inline-block; width: 1rem; height: 1rem; line-height: 1rem }
#dpage { position: fixed; bottom: -3.2rem; left: 0; z-index: 999; visibility: hidden; width: 100%; height: 3rem; background: #ebebeb; transition: all .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
#dpage.show { visibility: visible; -webkit-transform: translate3d(0,-3.2rem,0); transform: translate3d(0,-3.2rem,0) }
#dpage a { position: relative; display: block; width: 100%; height: 1rem; border-bottom: .03125rem solid #ebebeb; background: #fff; color: #333; text-align: center; line-height: 1rem }
#dpage a:nth-child(4) { height: 1.2rem; background: 0 0; line-height: 1.2rem }
.btn-qx { display: block; width: 100%; height: 100%; background: #55acee; color: #fff }
/*-------------------------------注册页面-----------------------------*/
.xieyi { margin-left: .24rem; color: red; font-size: .365rem !important }
.log-kj { overflow: hidden; box-sizing: border-box; margin-left: 5%; width: 90%; border-radius: 4px; background: #fff }
.zc-bt { margin-left: 7.5%; width: 85%; height: 1.4375rem; border-bottom: 2px solid #ffca5f; color: #000; text-align: center; font-weight: 500; line-height: 1.4375rem }
/*-------------------------------个人中心-----------------------------*/
.vip-dl-h2 { float: left; margin-left: .5rem; color: #fff; font-weight: 600; font-size: .45rem; line-height: 2.5rem }
.vip-logo { margin: auto; width: 1.8rem; border: 4px solid #fff; border-radius: 50% }
.vip-logo img { display: block; width: 1.65rem; height: 1.65rem; border-radius: 50% }
.vip-nr-ddkj { margin: 0 .372rem; height: 1rem; border-bottom: 1px solid #f1f1f1; line-height: 1rem }
.vip-nr-btzt { float: left; font-size: .4rem }
.vip-nr-btpy { float: right; margin-top: .28rem }
.vip-nr-all { float: right; color: #ccc; font-size: .35rem }
.vip-nr-ddkj2 { margin: 0 .372rem }
.vip-nr-ddkj2 ul li { float: left; padding: .124rem; width: 25%; color: #2c2c2c; text-align: center }
.vip-nr-ddkj2 ul li div { position: relative; padding: 5px 0 }
.members_bottom { padding-top: 10px; width: 100% }
.members_bottom span { width: 100%; height: 20px; color: #b3b3b3; text-align: center; line-height: 20px }
.members_bottom span:nth-child(1) a { position: relative; display: inline-block; padding: 0 4px; color: #666; font-size: 9pt }
.members_bottom span:nth-child(1) a i { position: absolute; bottom: -2px; left: 50%; display: block; margin-left: -19px; width: 37px; height: 2px; background-color: #e3dfdf }
.qiboot-content { margin: 10px 3.125% 0; border-top: 1px solid #f0f0f0; text-align: center }
.qiboot-content #qiboot-copyright { margin: 10px auto; padding-top: 5.37037%; padding-left: 5px; width: 14.35185%; border-left: 1px solid #e9e9e9; background: url(../../../images/shop/pe/zyjs.png) center no-repeat; background-size: 90% auto }
.qiboot-content #qiboot-copyleft { margin: 10px 2px 10px auto; padding-top: 9.25926%; width: 9.25926%; border-radius: 50%; background: url(../../../images/shop/pe/2X20pt.png) center no-repeat; background-size: cover; box-shadow: 0 0 4px 1px hsla(0,0%,89%,.5) }
.bah { display: block; height: 20px; color: #b3b3b3; vertical-align: top; line-height: 20px }
.bah-kj { margin: 0 auto; padding-bottom: 10px; width: 100%; text-align: center }
.vip-nr-btpy2 { float: left; margin-top: .24rem; padding-right: .124rem }
.vip-nr-ddkj2 ul li div img { width: 26px }
.cs1 { position: absolute; top: -7%; right: 25%; float: left; padding: 0 .0996rem; border-radius: 500px; background: red; color: #fff }
.vip-dd-kj { margin: auto; margin-top: -20px; width: 95%; border: 1px solid #ccc; border-radius: 10px; background: #fff; box-shadow: 0 0 6px #2e8ded }
.vip-dengji { margin-right: 10px; padding: 0 10px; border-radius: 5px; background: #ffca5f; color: #fff }
.log-kj2 { overflow: hidden; box-sizing: border-box; margin: auto; margin-top: 45%; width: 90%; border-radius: 4px; background: #fff; box-shadow: 0 0 .48309rem 0 rgba(34,25,25,.3) }
/*--18.01.30修改添加代码--*/
.vip-head { position: fixed; top: 0; width: 100%; height: 1rem; background: #55acee }
.vip-head-tb { height: .8rem; line-height: 1rem }
.vip-head2 { background: #55acee; text-align: center }
.vip-head2 .fl { float: left; margin-top: .19rem; width: 2rem; text-align: left }
.vip-head2 .fl a img { width: .62rem }
.vip-head2 .text1 { color: #fff; font-weight: 500; font-size: .38rem; line-height: 1rem }
.vip-head2 .fr { float: right; width: 2rem }
.vip-head2 .fr .img1, .vip-head2 .fr .img2 { margin-top: .19rem; width: .62rem }
.vip-head2 .fr .img2 { float: right; display: block; margin-left: .248rem }
/*---JYF18.02.10修改添加代码---*/
#clipBtn { z-index: 999; width: 96%; height: 100%; outline: 0; border: 0; border-radius: 5px; background: #009bdb; color: #fff; font-size: 1pc }
#s_dpage i, #s_dpage span { display: inline-block; width: 30px; height: 30px; line-height: 30px }
#s_dpage i { margin-top: 10px; color: #fff; font-size: 24px }
#dpage { position: fixed; bottom: -143px; left: 0; z-index: 999; visibility: hidden; width: 100%; height: 143px; background: #ebebeb; transition: all .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
#dpage.show { visibility: visible; -webkit-transform: translate3d(0,-143px,0); transform: translate3d(0,-143px,0) }
#dpage a { position: relative; display: block; width: 100%; height: 40px; border-bottom: 1px solid #ebebeb; background: #fff; color: #333; text-align: center; font-size: 1pc; line-height: 40px }
#dpage a:nth-child(3) { margin-top: 10px; margin-bottom: 10px; background: 0 0 }
/*-------------------------------个人资料-----------------------------*/
.per-head { width: 100%; height: 1rem; background: #55acee; text-align: center }
.per-head-left { float: left; width: 1rem; height: 1rem; line-height: 1rem }
.per-head-right { float: right; width: 1rem; height: 1rem }
.per-head-hd { color: #fff; font-size: .4rem; line-height: 1rem }
.per-head .tb-dw { margin-top: .2rem; width: .6rem }
.per-content { width: 100%； }
.per-content ul li { height: 1rem; border-bottom: 1px solid #f1f1f1; line-height: 1rem }
.per-content ul li, .per-content ul li.tx { padding-left: .24rem; width: 100%; background: #fff }
.per-content ul li.tx { height: 1.3rem; line-height: 1.3rem }
.per-content ul li.tx .qj { float: right; margin-top: .5rem; margin-right: 3%; width: .3rem }
.per-content ul li.tx .touxiang { float: right; margin-top: .1rem; margin-right: 2%; width: 1.1rem; text-align: right }
.per-content ul li .qj2 { float: right; margin-top: .35rem; margin-right: 3%; width: .3rem }
.per-content ul li .touxiang2 { float: right; margin-top: .35rem; margin-right: 2%; width: .3rem; text-align: right }
.per-content ul li .fr a { color: #ccc; line-height: 1rem }
.per-content ul li .fr { margin-right: 2% }
/*-------------------------------订单管理-----------------------------*/
.tabs2 { z-index: 15px; box-sizing: border-box; width: 100%; border-radius: 4px; background: #fff }
.tabs-header2, .tabs2 { position: relative; overflow: hidden }
.tabs-header2 .border { position: absolute; bottom: 0; left: 0; width: auto; height: 2px; background: #ffca5f; -webkit-transition: .3s ease; transition: .3s ease }
.tabs-header2 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tabs-header2 li { width: 20%; -webkit-transition: .3s ease; transition: .3s ease }
.tabs-header2 a { z-index: 1; display: block; box-sizing: border-box; padding: 15px 20px; color: #000; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 500 }
.tabs-content2 .tab { display: none }
.tabs-content2 .tab.active { display: block }
.shop-hg { height: .9rem; line-height: .9rem }
.fl-pl { float: left; padding-left: .248rem }
.shop-w3 { float: left; padding-right: .248rem; width: 15%; text-align: right }
.shop-w2 { width: 60%; font-size: .32rem }
.shop-w1 { float: left; padding-right: .248rem; width: 25%; text-align: right }
/*-------------------------------修改手机与支付密码-----------------------------*/
.form-text3 { padding: 8px; padding-left: .243rem; width: 100%; height: 1rem; font-size: .35rem }
.clp—ts { height: 1.8rem !important; text-align: center; line-height: 1.8rem !important }
.clp—ts-zt { color: #969696; font-size: .4rem }
.clp—ts-zt2 { color: #000; font-size: .4rem }
.form-text4 { padding: 8px; padding-left: .243rem; width: 100%; height: 1rem; font-size: .35rem; line-height: 1rem }
.cpp-bt { border-bottom: 1px solid #f1f1f1; background: #fff }
.cpp-w30 { width: 30%; text-align: right }
.cpp-w30, .cpp-w70 { float: left; height: 1rem; line-height: 1rem }
.cpp-w70 { width: 70% }
.cpp-w40 { float: left; width: 40%; height: 1rem; line-height: 1rem }
.shopdran4 { padding: .2rem .23rem; width: 100%; height: 1rem; border: 1px solid; border-radius: .097rem; color: #fff; font-size: .35rem }
.wjmm2 { float: left; margin-left: 10%; width: 35% }
.zm_choose2 { margin: 0 auto; padding-left: .16rem; border-bottom: 1px solid #ccc; font-size: .35rem }
.yzm-sp, .zm_choose2 { width: 100%; height: 1rem }
.yzm-sp { float: right }
.yzm-sp img { width: 100%; height: 100% }
/*-------------------------------地址管理-----------------------------*/
.per-content2 { width: 100% }
.per-content2 ul li { margin: 10px 0; width: 100%; border-bottom: 1px solid #f1f1f1; background: #fff }
.dz-mz { padding: 0 .24rem; padding-top: .12rem }
.dz-mz, .dz-mz2 { line-height: .6rem }
.dz-mz2 { padding: .12rem .24rem }
.dz-4zt { font-size: .4rem }
.dz-dz { padding: .24rem; max-height: 1.6rem }
.dz-xx { border-bottom: 1px dashed #ccc }
.dz-py { margin-top: .12rem }
.dz-btn, .dz-btn2 { padding: .12rem .24rem; border: 1px solid #ccc; border-radius: 5px }
.dz-pl { padding-left: 10px }
.area_btn, .tooth { text-align: center }
.gearArea { position: fixed; top: 0; left: 0; z-index: 9900; display: block; overflow: hidden; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); font-size: 10px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.area_btn_box, .area_roll { display: -webkit-box; display: -ms-flexbox }
.area_ctrl, .area_roll { width: 100%; height: auto }
.area_ctrl { position: absolute; bottom: 0; left: 0; z-index: 9901; overflow: hidden; margin: 0; background-color: #d5d8df; color: #000; vertical-align: middle; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.area_roll, .area_roll > div { overflow: hidden; background-color: transparent }
.slideInUp { -webkit-animation: slideInUp .3s; animation: slideInUp .3s }

@-webkit-keyframes slideInUp {
    0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes slideInUp {
    0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.area_roll { display: flex; -webkit-mask: -webkit-gradient(linear,0 50%,0 100%,from(#debb47),to(rgba(36,142,36,0))); -webkit-mask: -webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0)) }
.area_roll > div { position: relative; float: left; height: 10em; font-size: 1.6em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.area_roll > div .gear { position: absolute; z-index: 9902; float: left; margin-top: 4em; width: 100% }
.area_roll_mask { padding: 0; -webkit-mask: -webkit-gradient(linear,0 40%,0 0,from(#debb47),to(rgba(36,142,36,0))); -webkit-mask: -webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0)) }
.area_grid { position: relative; top: 4em; z-index: 0; box-sizing: border-box; margin: 0; width: 100%; height: 2em; border-top: 1px solid #abaeb5; border-bottom: 1px solid #abaeb5 }
.area_roll > div:nth-child(3) .area_grid > div { left: 42% }
.area_btn { padding: .8em 1em; color: #0575f2; font-size: 1.6em; line-height: 1em }
.area_btn_box:after, .area_btn_box:before { position: absolute; z-index: 15; display: block; width: 100%; height: 1px; background-color: #96979b; content: ''; -webkit-transform: scaleY(.33); transform: scaleY(.33) }
.area_btn_box { position: relative; display: flex; background-color: #f1f2f4; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.area_btn_box:before { top: 0; left: 0; -webkit-transform-origin: 50% 20%; transform-origin: 50% 20% }
.area_btn_box:after { bottom: 0; left: 0; -webkit-transform-origin: 50% 70%; transform-origin: 50% 70% }
.tooth { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 2em; line-height: 2em; line-clamp: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.add-xxdz { overflow: hidden; padding: 8px; padding-left: .243rem; width: 100%; resize: none }
/*-------------------------------我的钱包-----------------------------*/
.w33 { float: left; width: 33.333%; text-align: center }
.qb-tb { float: left; margin: .486rem 35% .243rem; width: 30% }
.qb-w100 { float: left; margin-bottom: .24rem; width: 100%; text-align: right }
.qb-bz { color: #fff; font-size: .45rem }
.qb-xiahui { padding-bottom: .486rem; background: #55acee }
.qb-bz2 { margin-top: .243rem; color: #fff; font-size: .32rem }
.w30 { width: 30%; border: none !important }
.w30, .w70 { float: left; text-align: right }
.w70 { width: 70% }
/*首页商品列表*/
.index-wares-li2 a { display: block; overflow: hidden; background: #fff }
.index-wares-li2 .wares-img, .index-wares-li2 .wares-img img { width: 100% }
.index-wares-li2 .wares-word { padding: .2rem 3% }
.index-wares-li2 .wares-word .wares-keyword { overflow: hidden; font-size: .35rem; line-height: .5rem ;    height: .9665rem;}
.index-wares-li2 .wares-word .wares-keyword span { margin-right: .1rem; padding: 0 .1rem; border-radius: 2px; color: #fff }
.index-wares-li2 .wares-word .Price { position: relative; overflow: hidden; height: .4rem; color: #f23030; line-height: .4rem }
.index-wares-li2 .wares-word .Price .Front { font-size: .4rem }
.index-wares-li2 .wares-word .Price .Last { font-size: .35rem }
.index-wares-li2 .wares-word .Price .prime { padding-left: .2rem; color: #ccc; text-decoration: line-through; font-size: .3rem }
.index-wares-li2 .wares-word .Price .more { position: absolute; right: 0; height: .4rem; letter-spacing: .05rem; line-height: .4rem }
/*------------------------------中--------------------------------------*/
.r-t { margin-bottom: .248rem; text-align: center }
.change { font-size: .35rem; line-height: .4rem }
.change-sm { font-weight: 700; font-size: .7rem; line-height: .8rem }
.top-up-s { border: .01rem solid #ccc; border-radius: .1rem; background: #55acee; color: #fff }
.top-up-s, .withdrawal { margin: 0 auto; width: 96%; text-align: center; font-size: .35rem; line-height: 1rem }
.withdrawal { margin-top: .3rem; border: .013rem solid #e9e9e9; border-radius: .1rem; background: #fff }
/*------------------------------充值提现--------------------------------------*/
.qian-cz { margin: 3% }
.bank-card { padding: .5rem; height: 2.1rem; background: #fdfdfd }
.z-yhk-m { float: left; width: 30%; font-size: .3rem; line-height: .7rem }
.y-km-ed { float: right; width: 65% }
.yh-mc { color: #1f5ebb; line-height: .7rem }
.j-xe, .yh-mc { font-size: .3rem }
.j-xe { color: #ccc }
.czje { padding: .2rem .5rem .5rem; background: #fff }
.amount { font-size: .3rem; line-height: .7rem }
.je-srk { width: 100%; border-bottom: .01rem solid #ccc }
.q-f { font-weight: 700; font-size: .7rem; line-height: 1.2rem }
.next-step { margin: 0 auto; margin-top: .5rem; width: 100%; border: .01rem solid #ccc; border-radius: .1rem; background: #55acee; color: #fff; text-align: center; font-size: .35rem; line-height: 1rem }
.tishi { color: #ccc }
.tishi, .tishi a { font-size: .28rem; line-height: .7rem }
.tishi a { color: #1f5ebb }
.next-step-2 { margin: 0 auto; margin-top: .5rem; width: 100%; border: .01rem solid #ccc; border-radius: .1rem; background: #a4cff1; color: #e6e3e3; text-align: center; font-size: .35rem; line-height: 1rem }
/*------------------------------------------------------------------*/
.accb { width: 100% }
.accb li { float: left; overflow: hidden; height: 1rem; border-bottom: 1px solid #eee; color: #999; line-height: 1rem }
.accb .li30 { width: 30%; background: #fff; text-align: right }
.accb .li70 { width: 70%; background: #fff }
.bb { position: absolute; top: 25%; left: 25%; display: none; overflow: hidden; margin: auto; width: 50%; border: 1px solid #f1f1f1; background-color: #fff }
.bb .main { padding-top: 5px }
/*---------------------------服务--------------------------------*/
.service { border-bottom: .012rem solid #eee; background: #fbfbfb }
.qb-fw { padding-left: .3rem; color: #848080; font-size: .28rem; line-height: .8rem }
.fuw-k { float: left; display: inline-block; width: 33.3%; border-right: .012rem solid #eee; text-align: center }
.z-hfw img { width: 60% }
.z-hfw p { padding-bottom: .5rem; font-size: .35rem }
/*---JYF02.26修改添加代码---*/
.wallet-tx { margin: .248rem auto; width: 2.3rem; height: 2.3rem; border: 4px solid #fff; border-radius: 50% }
.wallet-tx img { display: block; width: 100%; border-radius: 50% }
.cz-zh { padding-left: .124rem; border: 1px solid #ccc; border-radius: .124rem }
/*---------------------------订单详情--------------------------*/
.t-zhuangt { width: 100%; height: 2.2rem; background: url(../../../images/shop/pe/xx-bj.png) no-repeat; background-size: 100% 100% }
.shop-hg2 { padding: .2rem .3rem }
.tuik { float: right; display: inline-block; margin-top: .6rem; margin-right: .248rem; width: 13%; border: .013rem solid #ccc; border-radius: 15px; text-align: center; line-height: .6rem }
.am-niu { padding: .1rem .2rem; border-top: .011rem solid #e9e9e9; border-bottom: .011rem solid #e9e9e9 }
.lxmj { float: left }
.bddh, .lxmj { width: 49%; border: .013rem solid #e9e9e9; border-radius: 3px; background: #fff; text-align: center; font-size: .25rem; line-height: .7rem }
.bddh { float: right }
/*--------------------------------消息内容------------------------------------*/
.xx-nr { padding: .3rem }
.title-bt { font-size: .5rem; line-height: 1rem }
.wen-wzt { margin: .5rem auto .2rem; width: 60% }
/*---------------------------------充值提现详情---------------------------------*/
.record { margin-top: .15rem; padding: 0 .3rem; width: 100%; background: #fff }
.s-pbt { color: #000; font-size: .4rem }
.s-pbt, .s-pbt1 { float: left; display: inline-block; line-height: .8rem }
.s-pbt1 { color: #828282; font-size: .25rem }
.s-pbt2 { color: #000; font-size: .4rem }
.s-pbt2, .s-pbt3 { float: right; display: inline-block; line-height: .8rem }
.s-pbt3 { color: red; font-size: .35rem }
.czje { padding: .3rem .25rem; border-bottom: .012rem solid #ccc }
.z-mingc { float: left; display: inline-block; width: 25%; color: #6f6f6f; font-size: .3rem; line-height: .7rem }
.y-mingc2 { color: #169ef5; font-size: .5rem }
.y-mingc, .y-mingc2 { float: right; display: inline-block; line-height: .7rem }
.y-mingc { font-size: .3rem }
/*-------------------------物流详情----------------------------------------*/
.ld-xx { padding: .3rem .2rem; background: #fff }
.zuo-tpxx { float: left; display: inline-block; width: 20% }
.you-wznrxx { float: right; display: inline-block; padding-left: .2rem; width: 80% }
.zuo-tpxx img { width: 100% }
.sj-chuos { padding: .3rem; background: #fff }
.shdz-xx { padding-left: .7rem; color: #f48f2b }
.tb-dzz { float: left; display: block; width: .5rem }
.tb-dzz img { width: 100% }
/*--------b--------*/
.flowChart { display: flex; padding: 9pt; background-color: #fff }
.flowChart-left { width: 14%; flex-shrink: 0 }
.flowChart .dashed { margin: auto; margin-top: 85%; margin-left: 50%; height: 85%; border-left-style: solid; border-left-color: #ddd; border-left-width: 2px }
.flowChart-right { flex-grow: 1 }
.flowChart .oneNode { display: flex; margin-bottom: 14px; width: 100%; align-items: center }
.flowChart .check { left: -.8rem; width: .4rem; height: .4rem; background-color: #ddd; line-height: .4rem }
.flowChart .check, .flowChart .daohuo { position: relative; border-radius: 50px; color: #fff; text-align: center; flex-shrink: 0 }
.flowChart .daohuo { left: -.9rem; width: .6rem; height: .6rem; background-color: #ffa501; line-height: .6rem }
.intro-list-left { float: left; padding: 8px; width: 28%; color: #333; text-align: center; font-weight: 700; font-size: 1pc; font-family: 微软雅黑 }
.flowChart .NodeDetail { display: flex; margin-left: -60px; padding: .2rem .3rem; background-color: hsla(0,0%,100%,0); flex-grow: 1; flex-direction: column }
.flowChart img { width: 40px; height: 40px; border-radius: 20px }
.NodeDetail .details { margin-left: 8px; padding-left: 8px; border-left: 4px solid #486ca0; flex-grow: 1 }
.details p { color: #9a9a9a; font-weight: 100 }
.NodeDetail-title { display: flex; margin-bottom: 10px }
.NodeDetail-content { flex-grow: 1 }
.NodeDetail-content p { margin-left: .5rem; text-align: justify }
.NodeDetail-footer { margin-top: 10px }
.NodeDetail-footer span { float: right; color: #686868; font-weight: 100 }
.badge { padding: 2px 5px; border-radius: 10px; background-color: #486ca0; box-shadow: 1px 1px 1px #dcdcdc; color: #fff; letter-spacing: 2px; font-weight: 100 }
.BadgeGray { background-color: #686c68 }
.tag { position: absolute; top: -14px; left: -13px; border: 14px solid; border-color: transparent #fff transparent transparent; border-style: dashed }
.tag-boder { position: relative; left: -59px; border: 9pt solid; border-color: transparent #dcdcdc transparent transparent; border-style: dashed }
.NodeDetail-content p { margin-top: .2rem }
/*180302JYF修改代码*/
.more2 { position: relative; top: -.9rem; left: 3rem; float: left; width: 1rem; height: 1rem; text-align: center; line-height: 1rem }
.vip-sc { margin-left: 2.5% }
.vip-sc, .vip-sc2 { position: relative; overflow: hidden; border-radius: 10px; background: #fff;width: 46%; }
.vip-sc2 { margin-right: 2.5% }
/*-------------------------------购物车属性-----------------------------*/
/*头部*/
.fix_head2 { width: 100%; background: red; text-align: center }
.fix_head2 .back { float: left; display: block; width: 1.20773rem; height: 1.20773rem }
.fix_head2 .back img { display: block; margin: .31401rem .31401rem .24155rem; width: .65217rem; height: .60386rem }
.fix_head2 a { color: #fff; font-size: .5rem; line-height: 1.20773rem }
.fix_head2 .shouye { float: right; display: block; width: 1.20773rem; height: 1.20773rem }
.fix_head2 .shouye img { display: block; margin: .31401rem .31401rem .24155rem; width: .65217rem; height: .60386rem }
/*技术支持*/
.membersbox { padding-bottom: 75pt }
.pad50 { overflow: hidden; padding-bottom: 1.3285rem }
.mgt40 { margin-top: .96618rem }
.mcart_goods { overflow: hidden; padding-top: .09662rem }
.mcart_goods ul li { overflow: hidden; margin-bottom: .04831rem; padding: .24155rem .24155rem .12077rem; border: 1px solid #ededed; border-width: 1px 0 }
.cartEmpty { border: 0 !important }
.cartEmpty-icon { display: block; margin: 20% auto .36232rem; width: 1.40097rem; height: 1.40097rem; background: url(../../../images/shop/pe/shop-car.png) no-repeat; background-size: contain }
.cartEmpty-title { padding: .12077rem 0; color: #666; text-align: center; font-size: .33816rem }
.mod_btns { padding: 1.08696rem 0 .36232rem; text-align: center }
.mod_btns .mod_btn { display: inline-block; margin: 0 .12077rem; padding: 0 .36232rem; width: 75pt; height: .91787rem; border-radius: .14493rem; background: #ff981d; box-shadow: 0 .04831rem .12077rem #f4cfa3; color: #fff; text-align: center; font-size: 1pc; line-height: .91787rem }
.mod_btns .mod_btn.ljgg { background: #ff812c }
.members_bottom { padding-top: .24155rem; width: 100% }
.members_bottom section { width: 100%; height: .48309rem; color: #b3b3b3; text-align: center; line-height: .48309rem }
.members_bottom section:nth-child(1) a { position: relative; display: inline-block; padding: 0 .09662rem; color: #666; font-size: .28986rem }
.members_bottom section:nth-child(1) a i { position: absolute; bottom: -.04831rem; left: 50%; display: block; margin-left: -.45894rem; width: .89372rem; height: .04831rem; background-color: #e3dfdf }
.qiboot-content #qiboot-copyleft, .qiboot-content #qiboot-copyright, .staticLoading span { display: inline-block; vertical-align: middle }
.qiboot-content { margin: .24155rem 3.125% 0; border-top: 1px solid #f0f0f0; text-align: center }
.qiboot-content #qiboot-copyright { margin: .24155rem auto; padding-top: 5.37037%; padding-left: .12077rem; width: 14.35185%; border-left: 1px solid #e9e9e9; background: url(../../../images/shop/pe/copyright1.png) center no-repeat; background-size: 90% auto }
.qiboot-content #qiboot-copyleft { position: relative; z-index: -1; margin: .24155rem .04831rem .24155rem auto; padding-top: 9.25926%; width: 9.25926%; border-radius: 50%; background: url(../../../images/shop/pe/logo100.png) center no-repeat; background-size: cover; box-shadow: 0 0 .09662rem 1px hsla(0,0%,89%,.5) }
/*购物车*/
.sc_h { height: .9rem }
.lb, .sc_h { width: 100% }
.lb { display: block; padding: .12077rem 2.5%; border-bottom: 1px solid #ccc; background: #fff }
.lb .check { float: left; width: .7rem; height: 2.5rem }
.lb .check .xz { display: block; margin-top: 1rem; width: .4rem; height: .4rem; background-image: url(../../../images/shop/pe/check.jpg); background-size: .4rem .4rem }
.lb .spt { float: left; display: block; margin: auto 0; height: 2.49rem }
.lb .mid { float: left; margin-top: .16rem; margin-bottom: .16rem; margin-left: .16rem; width: 45%; height: 2.18rem }
.lb .mid .name { display: -webkit-box; overflow: hidden; color: #333; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; font-size: .35rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.lb .mid .color { display: block; margin-top: .16rem; color: #8a8a8a; font-size: .35rem }
.lb .jgq { position: relative; float: right; margin: .16rem 0; width: 14%; height: 2.18rem }
.lb .jgq .price { float: right; display: block; margin-top: .26rem; width: 100%; height: .34rem; color: red; font-weight: 700; font-size: .4rem }
.lb .jgq .price p, .lb .jgq .price_de p { float: right }
.lb .jgq .price_de { float: right; display: block; margin-top: .1rem; width: 100%; height: .24rem; color: #999; font-weight: 700; font-size: .31rem }
.lb .jgq .del { position: absolute; right: 0; bottom: -.2rem; float: right; display: block; margin-bottom: .4rem; width: .45rem; height: .46rem }
#qx { float: left; display: block; margin-top: .3rem; margin-left: .2rem; width: .4rem; height: .4rem; background-image: url(../../../images/shop/pe/check.jpg); background-size: .4rem .4rem ;border-radius:100%;}
.fix_bottom { position: fixed; bottom: 1.2rem; width: 100%; height: 1rem; max-width: 50pc; background: #fafafa; color: #333; font-size: .4rem }
.fix_bottom .zjq { float: right; margin-right: .24155rem }
#zj { color: red }
.fix_bottom .zjq .p1 { font-size: .4rem }
#js, .fix_bottom .zjq .p1 { font-weight: 700; line-height: 1rem }
#js { float: right; display: block; width: 2.5rem; height: 1rem; color: #fff; font-size: .28rem }
#js, .fix_head { background: #55acee; text-align: center }
/*-------------------------------商品详情页属性-----------------------------*/
/*-------------------------头部-----------------------*/
.fix_head { width: 100% }
.fix_head .back { float: left; display: block; width: 1.20773rem; height: 1.20773rem }
.fix_head .back img { display: block; margin: .24155rem; width: .84541rem; height: .84541rem }
.fix_head a { color: #fff; font-size: .55rem; line-height: 1.20773rem }
.fix_head .shouye { float: right; display: block; width: 1.20773rem; height: 1.20773rem }
.fix_head .shouye img { display: block; margin: .24155rem; width: .84541rem; height: .84541rem }
.menu { height: .72464rem }
.box_menu .ziti { float: left; width: 33.3333333%; background-color: #fff; color: #000; font-size: .35rem; line-height: .72464rem }
.swiper-container { position: relative; z-index: 1; overflow: hidden; margin: 0 auto; width: 100% }
.swiper-container .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; text-align: center; font-size: .43478rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.swiper-container .swiper-pagination-bullet { width: .31401rem; height: .31401rem }
.swiper-container img { width: 100%; max-width: 100% }
.swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none }
.swiper-wrapper { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: content-box; -webkit-transition-property: -webkit-transform; transition-property: transform }
.swiper-slide, .swiper-wrapper { position: relative; width: 100%; height: 100% }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0 }
.swiper-pagination { position: absolute; z-index: 10; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.layer2 img { margin-top: 40%; width: 100% }
.mdetail_name { padding: .24155rem; border-bottom: 1px solid #fff; background: #fff; font-family: sans-serif }
.mdetail_name .title { display: inline-block; width: 85%; font-size: 1pc; line-height: 1.1em }
.mdetail_name .clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: "." }
.mdetail_name .clearfix { display: inline-block; display: block }
.mdetail_name .price { padding: .21739rem 0 .09662rem; color: #ff5000; text-align: left }
.mdetail_name .price span { display: inline-block; font-size: 1pc }
.mdetail_name .price .symbol { vertical-align: 0; font-weight: 300; font-size: .41063rem; font-family: Helvetica Neue }
.mdetail_name .price .number b { vertical-align: 0; font-weight: 300; font-size: .55556rem }
.mdetail_name .price .number i { vertical-align: 0; font-weight: 300; font-size: .31401rem }
.mdetail_name .otherinfo { color: #777; font-weight: 400; font-size: 9pt }
.mdetail_name .otherinfo span { float: left; display: block; padding-top: .14493rem; width: 33.33333% }
.mdetail_name .otherinfo em, .mdetail_name .otherinfo s { margin-left: .07246rem; color: #777 }
.mdetail_name .otherinfo s { font-weight: 300 }
.item .sku { padding: .24155rem; background-color: #fff }
.item .sku .sku-group { position: relative; overflow: hidden; font-size: .25rem }
.item .sku .sku-group dt { float: left; color: #999; font-size: .35rem; line-height: .35rem }
.item .sku .sku-group dd { display: block; margin-left: .6rem; word-wrap: break-word; font-size: .35rem; line-height: .35rem }
.item .sku .sku-group:after { position: absolute; top: 50%; right: .2rem; margin-top: -.12077rem; width: .14493rem; height: .24155rem; background: url(../../../images/shop/pe/goods@2x_c9431a6d41.png) no-repeat; background-position: -.96618rem -.43478rem; background-size: 1.40097rem 3pc; content: '' }
.item .content { margin-top: .15rem; padding: 0 .1rem 1.1rem; background: #fff }
.item .content .nav { overflow: hidden; border-bottom: 1px solid #f1f1f1; font-size: .25rem }
.item .content .nav a { float: left; display: block; box-sizing: border-box; margin: .2rem 0; width: 50%; border-right: 1px solid #f1f1f1; color: #444; text-align: center; cursor: pointer }
.item .content .nav a:last-child { border: none }
.item .content .nav a.active { color: #1e88e5 }
.item .content img { max-width: 100% !important }
.item .acitve, .item .acitve .content { visibility: visible !important }
.item .acitve .content { display: block !important; opacity: 1 !important; transform: translateY(0) !important }
.mgd .liner_detail { display: inline-block; width: 1.20773rem; height: .24155rem; border-top: .03rem solid #ddd }
.mgd .detail_content { margin-top: -.84541rem; width: 1.20773rem; height: .60386rem; vertical-align: .16908rem; line-height: .54348rem }
.mgd .detail_content img { display: inline-block; margin-right: .12077rem; width: .48309rem; vertical-align: middle }
.mgd .detail_content i { display: inline-block; color: #bfbfbf; font-style: normal; font-size: 9pt }
#box_list_j { float: left; margin-top: -2.657rem; width: 100%; height: 1px }
.goods_box h3 { padding: .24155rem; font-size: .23rem }
.evaluate, .goods_box h3 { display: block; overflow: hidden }
.evaluate { padding: .24155rem }
.evaluate .touxiang { float: left; height: .72464rem }
.evaluate span img { height: .263rem }
.evaluate span { margin-left: .24155rem; line-height: .72464rem }
.evaluate .text_t, .evaluate span { font-size: .21rem }
.evaluate .pingjiaziti { display: block; margin-right: -.24155rem; padding: .12077rem 0; width: 100%; color: #000; font-size: .18rem; line-height: .18rem }
.pinjia { padding: .24155rem; background-color: #fff; text-align: center; font-size: .2rem }
#box_list_j2, #box_list_j3 { float: left; margin-top: -1.95652rem; width: 100%; height: 1px }
.mgd { width: 100%; height: 30px; background: #f6f6f6; text-align: center }
.tpdw { position: fixed; z-index: 1000; float: left; margin-top: -2rem; margin-left: .36232rem; padding: .1rem; width: 4rem; border-radius: .24155rem; background-color: #fff }
.item .content .tpdw img { border-radius: .2rem }
.bd select { height: .86957rem }
.bd .YImmediatelyininstallment { display: block; margin-top: 1.01449rem; width: 8.01932rem; height: 1.20773rem; border-radius: .07246rem; background: #e9630a; color: #fff; text-align: center; font-size: .57971rem; line-height: 1.20773rem }
.jj { width: 1.9rem; border: 1px solid #dcdcdc; border-radius: .04831rem }
.jj, .jj .jia { float: left; height: .6rem }
.jj .jia { display: block; width: .6rem; text-align: center; font-size: .6rem; line-height: .6rem }
.jj .num { float: left; margin-top: -.015rem; padding-left: 0; width: .6rem; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; font-size: .24rem }
.jj .jian { height: .6rem; line-height: .6rem }
.jj .jian, .jj .num { display: block; text-align: center }
.jj .num { height: .55rem; line-height: .55rem }
.jj .jian { float: right; width: .6rem; font-size: .28rem }
.mdetail_bottom { position: fixed; bottom: 0; z-index: 11; width: 100%; height: 1.08696rem; background: #fff }
.mdetail_bottom .cart, .mdetail_bottom .collect { float: left; width: 16%; height: 100%; border-top: .01rem solid #f0f0f0; text-align: center; line-height: 1.08696rem }
.mdetail_bottom .collect { float: left; overflow: hidden; width: 16%; border-right: 1px solid #e9e9e9; text-align: center }
.mdetail_bottom .cart { position: relative; float: left; width: 16%; text-align: center }
.mdetail_bottom .cart b { position: absolute; top: .04831rem; right: .04831rem; display: block; width: .43478rem; height: .43478rem; border-radius: 50%; background: #fe5000; color: #fff; text-align: center; font-weight: 400; font-size: .24155rem; line-height: .48309rem }
.mdetail_bottom .actions { float: right; overflow: hidden; width: 68%; height: 100% }
.mdetail_bottom .actions a.btn-popupSKU-addcart { background: #3aa3ff }
.mdetail_bottom .actions a.btn-popupSKU-buynow { background: red }
.buy { height: 100%; background: #f8f8f8 }
.mdetail_bottom .actions a { float: left; display: block; width: 50%; height: 100%; background: #e4393c; color: #fff; text-align: center; font-size: 1pc; line-height: 50px }
/*---------------------------------------结算&&确认订单-------------------------------------------------------*/
.head-list { width: 100%; height: 1.1rem; max-width: 50pc; border-bottom: 1px solid #ccc; background: #fff; text-align: center; line-height: 1.1rem }
.head-list .fl a .icon-back:before { height: 1.1rem; font-size: .65rem; line-height: 1.1rem }
.head-list .fl a span { padding-left: .1rem; height: 1.1rem; font-size: .45rem; line-height: 1.1rem }
.head-list span { font-size: .4rem }
.head-list span i { padding: 0 .06rem; font-size: .45rem }
.choose-address { position: relative; padding: .3rem 2.5%; width: 100%; background: #fff url(../../../images/shop/pe/6ea0622754.addr_top_bg.jpg) bottom repeat-x; background-size: auto .1rem }
.choose-address .more { position: absolute; top: calc(50% - .25rem); right: 2.5%; width: .5rem; height: .5rem; text-align: center; font-size: .5rem; font-family: -webkit-body }
.choose-address .no-address { height: .7rem; line-height: .7rem }
.choose-address .no-address span { font-weight: 600; font-size: .35rem }
.choose-address .address { background: url(../../../images/shop/pe/address.png) no-repeat; background-position: 0 center; background-size: .7rem auto }
.choose-address .address .Consignee { padding: 0 0 0 .8rem }
.choose-address .address .Consignee .fl, .choose-address .address .Consignee .fl span { font-weight: 800 }
.choose-address .address .Consignee .fl { width: 50% }
.choose-address .Consignee .fr .mobile, .choose-address .address .Consignee .fl { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; font-size: .35rem; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.choose-address .Consignee .fr .mobile { margin-right: 1rem; width: 75%; font-weight: 500; font-family: cursive }
.address-content { display: -webkit-box; overflow: hidden; padding: .1rem 0; width: 80%; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.address-content span { font-weight: 600 }
.ware-list { margin-top: .3rem; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff }
.ware-list li { padding: .2rem 2.5% }
.ware-list li .fl { display: table; width: 2.3rem; height: 2.3rem }
.ware-list li .fl .img { display: table-cell; overflow: hidden; width: 2.3rem; height: 2.3rem; vertical-align: middle }
.ware-list li .fl .img img { width: 100%; border-radius: 50% }
.ware-list li .fr { width: calc(100% - 2.5rem) }
.ware-list li .fr .tit { height: 1rem; font-size: .37rem; line-height: .5rem; -webkit-line-clamp: 2 }
.ware-list li .fr .spec, .ware-list li .fr .tit { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical }
.ware-list li .fr .spec { height: .6rem; line-height: .6rem; -webkit-line-clamp: 1 }
.ware-list li .fr .spec span { padding-right: .1rem; color: #888; font-size: .3rem }
.ware-list li .fr .other { height: .7rem; font-size: .5rem; line-height: .7rem }
.ware-list li .fr .other i { color: #f40; font-size: .45rem }
.ware-list li .fr .other .price { padding-right: .2rem; padding-left: 0; border-right: 1px solid #ccc; color: #f40; letter-spacing: 0; font-size: .5rem }
.ware-list li .fr .other span { padding-left: .2rem; color: gray; letter-spacing: .1em; font-size: .4rem }
.ware-other { margin-top: .3rem }
.ware-other > div { padding: .2rem 2.5%; border-bottom: 1px solid #e5e5e5; background: #fff }
.freight .tit, .ware-other .tit { height: .8rem; font-size: .4rem; line-height: .8rem }
.freight .tit { width: 2.5rem }
.ware-other .con { height: .8rem; font-size: .4rem; line-height: .8rem }
.ware-other .con span { font-size: .45rem; font-family: "微软雅黑" }
.ware-other .leave-word .fr { width: calc(100% - 2.3rem) }
.ware-other .leave-word .fr.input { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; line-height: .8rem; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.ware-other .leave-word .fr input { width: 100%; height: .8rem; line-height: .8rem }
.ware-other .Total { text-align: right; line-height: .8rem }
.ware-other .Total .tit { height: .8rem; line-height: .8rem }
.ware-other .Total .piece { color: #f40; font-size: .42rem }
.ware-other .Total .piece i { font-size: .4rem }
.ware-other .payment { border-top: 1px solid #e5e5e5; background: #fff }
.ware-other .payment li { position: relative; padding: .2rem 2.5%; border-bottom: 1px solid #e5e5e5 }
.ware-other .payment li input { position: absolute; top: .4rem; width: .4rem; height: .4rem }
input[type=radio] { width: .4rem; height: .4rem; background: #fff url(../../../images/shop/pe/check.jpg) no-repeat; background-size: .4rem .4rem; vertical-align: middle; -webkit-appearance: none }
input[type=radio]:focus, input[type=radio]:hover { outline: 0 }
input[type=radio]:checked { background: url(../../../images/shop/pe/check_on.jpg) no-repeat; background-size: .4rem .4rem }
.ware-other .payment li .fl.img { margin-left: .5rem; width: .8rem; height: .8rem }
.ware-other .payment li .fl.price { margin-left: .2rem; width: calc(100% - 2.3rem); height: .8rem; line-height: .8rem }
.ware-other .payment li .fl.price span { font-size: .4rem }
.ware-other .payment li .more { position: absolute; top: .35rem; right: .2rem; width: .5rem; height: .5rem; font-size: .5rem; font-family: -webkit-body }
.ware-other .payment li .fl.price .piece { padding-left: .2rem; color: #f40; font-size: .4rem }
.ware-other .payment li .fl.price .piece i { font-size: .35rem }
.pay-layer { position: fixed; top: 0; z-index: -1; width: 100%; height: 100%; max-width: 50pc; background: rgba(0,0,0,.5) }
.pay-layer .content { position: absolute; bottom: 0; left: 0; visibility: hidden; margin: 0; padding: 0; width: 100%; max-width: 50pc; max-height: 80%; min-height: 50%; background: #fff; opacity: 0; -webkit-transition: .5s all; transition: .5s all; transform: translateY(20%); -ms-transition: .5s all }
.pay-layer .content .head { position: relative; top: 0; left: 0; width: 100%; height: 1.1rem; background: #fff; color: #000 }
.pay-layer .content .head span { padding-left: 2.5%; height: 1.1rem; font-size: .4rem; line-height: 1.1rem }
.pay-layer .content .head .close { position: absolute; top: .5rem; right: .1rem; display: block; margin-top: -.4rem; width: .8rem; height: .8rem; background: url(../../../images/shop/pe/close.png) no-repeat center; background-size: .5rem; color: #000; cursor: pointer }
.acitve .content { display: block; visibility: visible; opacity: 1; transform: translateY(0) }
.Ship { -webkit-transition: .5s all; transition: .5s all; -ms-transition: .5s all }
.Ship .bd { overflow-y: auto; height: calc(50vh - 2rem); line-height: 1rem }
.Ship .bd li { width: 100%; height: 1rem; line-height: 1rem }
.Ship .bd li label { position: relative; display: block; padding: 0 2.5% }
.Ship .bd li label input { position: absolute; top: .25rem }
.Ship .bd li label span { padding-left: .6rem }
/*收货地址 隐藏层*/
/*添加&修改地址*/
.acitve { z-index: 1; visibility: visible }
.Ship .content .foot a { display: block; width: 100%; height: 1rem; border-top: 1px solid #ccc; color: red; text-align: center; font-size: .4rem; line-height: 1rem }
.add-site.acitve, section.address.acitve { right: 0; z-index: 1; visibility: visible }
.add-site, .add-site.acitve, section.address, section.address.acitve { -webkit-transition: .5s all; transition: .5s all; -ms-transition: .5s all }
.add-site, section.address { position: fixed; top: 0; right: -100%; z-index: -1; visibility: hidden; width: 100%; height: 100%; max-width: 50pc; background: #fff }
.add-site .head, section.address .head { position: relative; width: 100%; height: 1.1rem; max-width: 50pc; border-bottom: 1px solid #ccc; line-height: 1.1rem }
.add-site .head .back, section.address .head .back { position: absolute; left: 2.5% }
.add-site .head .back a .icon-back:before, section.address .head .back a .icon-back:before { font-size: .6rem }
.add-site .head .name, section.address .head .name { text-align: center; font-size: .4rem }
.add-site .content, section.address .content { overflow-y: auto; width: 100%; height: calc(100% - 2.1rem - 1px); max-width: 50pc; background: #f5f6f7 }
.Addressee-info .must:before { padding-right: .05rem; color: red; content: "*" }
.add-site .content .min-tit { padding: 0 3%; height: .5rem; color: #7a7979; font-size: .35rem; line-height: .5rem }
.add-site .content .Addressee-info { border-top: 1px solid #ddd; background: #fff }
.add-site .content .Addressee-info li { max-height: 5rem; border-bottom: 1px solid #ddd; line-height: 1rem }
.add-site .content .Addressee-info li .fl { padding-left: 2.5%; width: 2.5rem; text-align: right }
.add-site .content .Addressee-info li .fr { padding-right: 2.5%; width: calc(97.5% - 2.6rem) }
.add-site .content .Addressee-info li .fr input { width: 100%; height: .8rem; line-height: .8rem }
.add-site .content .Addressee-info li .fr textarea { margin-top: .25rem; width: 100%; height: 1.5rem; line-height: .5rem; resize: none }
section.address .content .address-list { padding: .1rem 2.5% }
section.address .content .address-list li { margin: .2rem 0; border: 1px solid #ddd; background: #fff }
section.address .content .address-list li .address-box { padding: .1rem 2% }
section.address .content .address-list li .address-box p { overflow: hidden; height: .8rem; font-size: .4rem; line-height: .8rem }
section.address .content .address-list li .address-box p .address-mobile, section.address .content .address-list li .address-box p .address-name { padding-right: .5rem; font-size: .4rem }
section.address .content .address-list li .address-box p.address-site { padding-bottom: .1rem; height: auto; border-bottom: 1px solid #f5f6f7; font-size: .35rem; line-height: .6rem }
section.address .address-default .fr, section.address .content .address-list li .address-box .address-default .fl, section.address .content .address-list li .address-box p { height: .8rem; font-size: .4rem; line-height: .8rem }
section.address .address-default .fr .icon:before { padding-right: .1rem; color: #6f6e6e }
section.address .address-default .fr .edit { margin-right: .2rem }
section.address .content .address-default { padding: .1rem 0 }
section.address .content .address-default .fr > div { display: inline-block }
.add-site .foot, section.address .foot { position: absolute; bottom: 0; height: 1rem; box-shadow: 0 -1px 5px #ccc }
.add-site .foot, section.add-site .foot-newsite input, section.address .foot { width: 100%; max-width: 50pc; background: #f40; color: #fff; text-align: center; line-height: 1rem }
section.add-site .foot-newsite input { height: 1.1rem }
/*支付尾部*/
.Pay-footer { padding: .2rem 2.5% 1.4rem; color: #bdbdbd }
.Pay-footer p { height: .5rem; text-align: center; font-size: .3rem; line-height: .5rem }
.Pay-footer .logo { padding: .2rem 0 }
.Pay-footer .logo img { display: block; margin: auto; width: auto; height: .7rem }
.Pay-footer-fixd { position: fixed; bottom: 0; width: 100%; height: 1.2rem; max-width: 50pc; border-top: 1px solid #e5e5e5; background: #fff; line-height: 1.2rem }
.Pay-footer-fixd .fl { padding-left: 2.5%; width: 50%; max-width: 25pc; font-size: .45rem }
.Pay-footer-fixd .fl span { color: #f40; font-size: .5rem }
.Pay-footer-fixd .fr { padding-right: 2.5% }
.Pay-footer-fixd .fr input { background: #f40 }
.Pay-footer-fixd .fr button, .Pay-footer-fixd .fr input { margin-top: .1rem; padding: 0 1rem; height: .9rem; border-radius: .1rem; color: #fff; font-size: .4rem; line-height: .9rem }
.Pay-footer-fixd .fr button { background: #ccc }
.Add-footer-fixd { position: fixed; bottom: 0; width: 100%; height: 1.2rem; max-width: 50pc; border-top: 1px solid #e5e5e5; background: #fff; line-height: 1.2rem }
.Add-footer-fixd .fl { width: 67.5%; max-width: 25pc; text-align: right; font-size: .4rem }
.Add-footer-fixd .fl span { color: #f40; font-size: .45rem }
.Add-footer-fixd .fr { width: 30% }
.Add-footer-fixd .fr input { width: 100%; height: 1.2rem; background: #f40; color: #fff; font-size: .4rem; line-height: 1.2rem }
/*分类搜索*/
.new_wap_con { margin: 0 auto; max-width: 50pc; background-color: #fff }
.page_cons { height: 1.207rem; border-bottom: 1px solid red; background-color: red; table-layout: fixed; line-height: 1.2rem }
.cons_ser, .page_cons { position: relative; width: 100% }
.cons_ser { display: -webkit-box; height: 1.2rem }
a#close_serc2 { left: 2.5%; background: url(../../../images/shop/pe/return.png) no-repeat center center; background-size: .603rem }
a#close_serc2, a#close_serc3 { position: absolute; top: .241rem; display: block; width: .724rem; height: .724rem; border-radius: 30px }
a#close_serc3 { right: 2.5%; background: url(../../../images/shop/pe/mmore.png) no-repeat center center; background-size: .45rem }
#ser_page { position: fixed; top: 0; left: 0; z-index: 9999999; display: none; width: 100%; height: 100%; background-color: #fff }
#ser_page div { position: static; float: none }
#ser_page li, #ser_page ul { list-style: none; text-align: left }
#mou_input2, .seek-kuang { display: -webkit-box; margin: .27rem 1.5rem; padding: 0 0 0 .193rem; height: .676rem; outline: 0; border-radius: 5px; box-shadow: none; color: #c2c2c2; font-size: .35rem; -webkit-box-flex: 1; -webkit-appearance: none }
#close_serc { position: absolute; top: .241rem; left: 2.5%; display: block; width: .724rem; height: .724rem; border-radius: 30px; background: url(../../../images/shop/pe/return.png) no-repeat center center; background-size: .603rem }
button.btn-dinwei2 { position: absolute; left: calc(100% - 2.1rem); z-index: 1; float: left; margin-top: .33rem; width: .55rem; height: .55rem; border-radius: 5px; background-color: #fff }
/*历史记录*/
.ui-search-filter-cont { float: left; clear: both; margin-bottom: .2rem; padding: .362rem 2.5% 0; width: 100% }
.ui-search-filter-cont h1 { color: red; font-size: .45rem }
.ui-search-filter-opts_2 li:last-child { border-bottom: none }
.ui-search-filter-opts_2 li a { position: relative; display: block; overflow: hidden; padding: 0 .193rem; padding-right: 1.449rem; height: .966rem; border-bottom: 1px solid #c9c9c9; background: #fff; color: #999; text-overflow: ellipsis; white-space: nowrap; font-size: 1em; line-height: .966rem }
.ui-search-filter-opts_2 li span.shop_lists { color: #eb6100 }
.ui-search-filter-opts_2 li span.shopList_Num { position: absolute; top: 0; right: 2.631%; text-align: right; font-size: .3rem }
.ui-search-filter-opts_1 li { position: relative; float: left; overflow: hidden; margin: .241rem .241rem .169rem 0; height: .7rem; border: 1px solid #c9c9c9; border-radius: .7rem; background: #fff; font-size: 1em; line-height: .7rem }
.ui-search-filter-opts_1 li a { display: block; padding: .1rem .2rem; color: #5e5e5e; line-height: .5rem }
.no_search { padding-top: .724rem; padding-bottom: .1rem; width: 100% }
.no_search span { display: inherit; color: #5e5e5e; text-align: center }
.l_left { position: absolute; top: 1.231rem; bottom: 0; left: 0; overflow: hidden; width: 25% }
.l_left ul.job_sub li { color: #e4e4e4; text-align: center; font-size: .35rem; line-height: 1.207rem }
.l_left ul.job_sub li a { display: block; padding: 0 .096rem; border: 1px solid #e5e5e5; border-top: none; background: #f3f4f6; color: #252525; text-align: center; font-size: .35rem }
.l_left ul.job_sub li.off a { display: block; border: 1px solid #fff; border-top: none; border-bottom: 1px solid #e5e5e5; background: #fff; color: red; text-align: center }
.l_left ul.job_sub li.off:first-child a { border-top: none }
.l_left ul.job_sub li:last-child a { border-bottom: 1px solid #e5e5e5 }
#scroller, #scroller1 { position: absolute; z-index: 1; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-tap-highlight-color: transparent; -ms-transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none }
.l_right { position: absolute; top: 1.231rem; right: 0; bottom: 0; overflow: hidden; width: 75%; background: #fff }
.fr_ite { padding: 0 0 .2rem }
.disp { display: none }
.fr_ite img.img1 { margin: 0 3.25%; padding-top: .12rem; width: 93.5% }
.fr_ite ul { display: table; margin: 0 5%; width: 90%; table-layout: fixed }
.fr_ite ul.left_num2 { width: 60% }
.fr_ite ul.left_num1 { width: 30% }
.fr_ite ul li { display: table-cell; padding-top: .483rem; max-width: 33.333%; text-align: center }
.fr_ite ul li img { width: 90% }
.fr_ite ul li span { display: block; padding: .12rem 0; color: #666; text-align: center; font-size: .289rem }
.fr_ite h1 { color: #323232; text-align: center; font-weight: 500; font-size: .434rem; line-height: .845rem }
.sub_ites { margin: 0 0 0 3.25%; padding: .241rem 0 .12rem; width: 93.5%; color: red; font-size: .338rem }
.sub_ites a { float: right; color: red }
a.all_cata { display: block; margin: .483rem auto 0; width: 87.5%; height: .845rem; border: 2px solid red; border-radius: 5px; color: red; text-align: center; line-height: .845rem }
.ui-search-filter-cont .history .li-delete a { padding: .2rem 1rem; border: 1px solid #f5f5f5 }
#ser_page ul .li-delete { padding: 1rem 0; height: auto; text-align: center }
.ui-search-filter-cont .history { padding-top: .3rem }
.ui-search-filter-cont .history li { position: relative; overflow: hidden; height: 1rem; line-height: 1rem }
.ui-search-filter-cont .history li .history-url { display: block; color: #5e5e5e }
.ui-search-filter-cont .history li span { display: block; padding-right: .5rem; height: 1rem; font-size: .4rem; line-height: 1.1rem }
.ui-search-filter-cont .history li i { padding-right: .1rem }
.ui-search-filter-cont .history li i.icon-history:before { height: 1rem; font-size: .5rem; line-height: 1rem }
.ui-search-filter-cont .history .delete { position: absolute; top: 0; right: 0 }
#ser_page .fl { float: left; width: .8rem; text-align: center; line-height: 1.2rem }
#ser_page .fr { float: right; overflow: hidden; width: calc(100% - .8rem); height: 1rem; border-bottom: 1px solid #e6e6e6 }
/*---------------------------------- 产品列表页 1 ----------------------------------*/
.display—list .screen { height: .8rem; background: #fff; line-height: .8rem }
.display—list .screen-fix { position: fixed; top: 0; z-index: 99; width: 100%; max-width: 50pc; box-shadow: 1px 1px 1px #bfbfbf }
.display—list .screen ul li { width: 20%; text-align: center }
.display—list .screen ul li.Positive { background: url(../../../images/shop/pe/ino.png) no-repeat; background-position: 100% .15rem; background-size: auto .5rem }
.display—list .screen ul li.Aspect { background: url(../../../images/shop/pe/pos.png) no-repeat; background-position: 100% .15rem; background-size: auto .5rem }
.display—list .screen ul li.more { background: url(../../../images/shop/pe/pos2.png) no-repeat; background-position: 100% .15rem; background-size: auto .5rem }
.display—list .screen ul li.manner img { margin-top: .1rem; height: .6rem; text-align: center }
.display—list .screen ul li.on a { border-bottom: 2px solid #ff9595; color: #ff9595 }
.display—list .screen li a { display: block; height: .8rem; color: #8c8c8c; font-size: .4rem; line-height: .8rem }
.item .display—list .index-wares-li { position: relative }
.item .display—list .index-wares-li .add-card { position: absolute; right: .3rem; bottom: 2.1rem; display: block; width: .7rem; height: .7rem; border-radius: 50%; background: rgba(0,0,0,.5) }
.item .display—list .index-wares-li .add-card span { position: absolute; top: -.1rem; right: -.1rem; display: block; width: .35rem; height: .35rem; border-radius: 50%; background: rgba(255,0,0,.8); color: #fff; text-align: center; font-size: .3rem; line-height: .35rem }
.item .display—list .index-wares-li .add-card i:before { display: block; width: .7rem; color: #fff; text-align: center; font-size: .4rem; line-height: .7rem }
.display—list { min-height: calc(100vh - 1.2rem - 1.2rem) }
/*---------------------------------- 产品列表页2 ----------------------------------*/
.index-wares-li3 { border-bottom: 1px solid #f6f6f6; background: #fff;width:100% }
.index-wares-li3 a { display: block; padding: .1rem 0 }
.index-wares-li3 .wares-img img { float: left; display: table-cell; width: 30%; vertical-align: middle }
.index-wares-li3 .wares-word { position: relative; float: right; padding: 0 .2rem; width: 70% }
.index-wares-li3 .wares-word p { display: -webkit-box; overflow: hidden; padding-top: .1rem;  text-overflow: ellipsis; font-size: .35rem; line-height: .5rem; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;    height: 1.1rem; }
.index-wares-li3 .wares-word p span { margin-right: .1rem; padding: 0 .1rem; border-radius: .1rem; color: #fff; font-size: .35rem }
.index-wares-li3 .wares-word .Price { position: absolute; bottom: -1.9rem; width: 90%; height: .5rem; color: #f23030; font-size: .45rem }
.index-wares-li3 .wares-word .Price i { font-size: .45rem }
.index-wares-li3 .wares-word .Price .Front { font-size: .5rem }
.index-wares-li3 .wares-word .Price .Last { font-size: .45rem }
.index-wares-li3 .wares-word .Price .prime { margin-left: .2rem; color: #ccc; text-decoration: line-through; font-size: .4rem }
.index-wares-li3 .wares-word .Price .more { position: absolute; right: 0; height: .4rem; text-align: right; letter-spacing: .05rem; line-height: .4rem }
/*商品图文促销推荐位*/
.index_imgbox { width: 100%; border-top: 1px solid #f6f6f6; background: #f6f6f6 }
.index_imgbox a { display: block; padding: .1rem 0; height: 2.8rem; background: #fff }
.double-imgbox { overflow: hidden; width: calc(50% - .5px); height: 2.8rem; border-bottom: 1px solid #f6f6f6 }
.double-imgbox .imgbox-word { padding-left: 3%; width: 50%; height: 2.6rem }
.double-imgbox .imgbox-img { padding-right: 3%; width: 50% }
.double-imgbox .imgbox-word .title { padding-top: .2rem; width: auto; font-weight: 500; font-size: .37rem }
.double-imgbox .imgbox-word .sapoint { display: inline; padding: 0 .1rem; border-radius: 1rem; color: #fff; font-size: .35rem; line-height: .4rem }
.double-imgbox .imgbox-word .description { margin-top: .1rem; font-size: .3rem; line-height: .35rem }
.double-imgbox .imgbox-img { overflow: hidden; padding-top: .4rem; height: 2.4rem }
.double-imgbox .imgbox-img img { height: 2rem }
.onefold-imgbox { width: calc(50% - .5px) }
.onefold-imgbox .imgbox-word { padding: 0 6%; width: 100%; height: 1rem }
.onefold-imgbox .imgbox-word .description { margin-top: 0; height: .3rem; line-height: .3rem }
.onefold-imgbox .imgbox-img { margin: 0 10%; padding-top: .15rem; width: 80%; height: 1.6rem }
.onefold-imgbox .imgbox-img img { margin: auto; height: 1.6rem }
/*首页商品列表*/
.index-wares-ul { border-top: 4px solid #f6f6f6 }
.index-wares-li a { display: block; background: #fff }
.index-wares-li { width: calc(50% - 2px); border-bottom: 4px solid #f6f6f6 }
.index-wares-li .wares-img, .index-wares-li .wares-img img { width: 100% }
.index-wares-li .wares-word { padding: .2rem 3% }
.index-wares-li .wares-word .wares-keyword { overflow: hidden; height: 1rem; font-size: .35rem; line-height: .5rem }
.index-wares-li .wares-word .wares-keyword span { margin-right: .1rem; padding: 0 .1rem; border-radius: 2px; color: #fff }
.index-wares-li .wares-word .Price { position: relative; overflow: hidden; height: .4rem; color: #f23030; line-height: .4rem }
.index-wares-li .wares-word .Price .Front { font-size: .4rem }
.index-wares-li .wares-word .Price .Last { font-size: .35rem }
.index-wares-li .wares-word .Price .prime { padding-left: .2rem; color: #ccc; text-decoration: line-through; font-size: .3rem }
.index-wares-li .wares-word .Price .more { position: absolute; right: 0; height: .4rem; letter-spacing: .05rem; line-height: .4rem }
.index-wares-ul .Load-more { margin-bottom: 2px; height: 1rem; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-align: center; line-height: 1rem }
.index-wares-ul .Load-more a { display: block; color: #888; text-align: center }
/*---------------------------------- 产品列表页隐藏层 ----------------------------------*/
.item .layer { position: fixed; top: 0; z-index: 100; height: 100%; background: rgba(0,0,0,.9) }
.item .layer, .item .layer .content { visibility: hidden; width: 100%; max-width: 50pc }
.item .layer .content { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; max-height: 80%; min-height: 50%; background: #fff; opacity: 0; -webkit-transition: .5s all; transition: .5s all; transform: translateY(20%); -ms-transition: .5s all }
.item .layer .content .head { position: relative; top: 0; left: 0; width: 100%; height: 2.3rem; background: #fff; color: #000 }
.item .layer .content .head dl { position: absolute; top: .2rem; left: 4.3rem; width: calc(100% - 4.6rem); height: 2rem }
.item .layer .content .head dl dt span { color: red; font-size: .6rem }
.item .layer .content .head dl dt b { padding: 0 .1rem }
.item .layer .content .head dl dd { overflow: hidden; height: .6rem; font-size: .35rem; line-height: .6rem }
.item .layer .content .head dl dd span { padding-right: .15rem }
.item .layer .content .head dl dd span.total { padding-right: .1rem }
.item .layer .content .head dl dd .tit { color: #999 }
.item .layer .content .classify-img { position: absolute; top: -1.5rem; left: .5rem; z-index: 999; width: 3.5rem; height: 3.5rem; border: .1rem solid #fff; border-radius: .1rem; box-shadow: 0 0 0 1px #f5f5f5 }
.item .layer .content .classify-img img { width: 100% }
.item .layer .content .head a.close { position: absolute; top: .5rem; right: .1rem; display: block; margin-top: -.4rem; width: .8rem; height: .8rem; background: url(../../../images/shop/pe/close.png) no-repeat center; background-size: .5rem; color: #000; cursor: pointer }
.item .layer .content .bd { overflow: auto; padding-bottom: 1rem; max-height: calc(80vh - 3.3rem) }
.item .layer .content .bd dl.pieces dd span { display: inline-block; width: .8rem; height: .8rem; border-radius: .1rem; background: #f5f5f5; color: #fff; text-align: center; font-size: .8rem; line-height: .8rem }
.item .layer .content .bd dl.pieces dd input { display: inline-block; margin: 0 .1rem; width: 1rem; height: .8rem; vertical-align: middle; text-align: center; font-size: .4rem; line-height: .8rem }
.item .layer .content .bd dl { display: block; padding: .1rem .5rem; color: #000; font-size: .4rem }
.item .layer .content .bd dl.pieces { display: block; margin: 0 .5rem; padding: .1rem 0; border-top: 1px solid #f6f6f6; color: #000; font-size: .4rem }
.item .layer .content .bd dl dt { display: block; height: 1rem; text-align: left; white-space: nowrap; font-size: .4rem; line-height: 1rem }
.item .layer .content .bd dl.pieces dd i { display: inline-block; padding-left: .5rem; color: red; font-size: .3rem }
.item .layer .content .bd dl dd span { color: #c00; font-size: .35rem }
.item .layer .content .bd dl.pieces dd span { vertical-align: middle }
.item .layer .content .bd dl dd span b { font-size: .24rem }
.item .layer .content .bd dl dd { line-height: 1rem }
.item .layer .content .bd dl dd li { position: relative; float: left; margin-right: .2rem; margin-bottom: .3rem; height: .7rem; outline: 0; line-height: .7rem }
.item .layer .content .bd dl dd li a, .item .layer .content .bd dl dd li span { display: inline-block; padding: 0 .2rem; border-radius: 3px; background: #f5f5f5; color: #000; font-size: .35rem }
.item .layer .content .bd dl dd li a { box-sizing: border-box }
.item .layer .content .bd dl dd li span.no { height: .7rem; background: hsla(0,0%,96%,.5); color: #bdb3b3; line-height: .7rem }
.item .layer .content .bd dl dd li a.active { background-color: #f60; color: #fff }
.item .layer .content .bd dl dd li a img { width: .6rem; height: .6rem }
.item .layer .content .foot { position: fixed; bottom: 0; width: 100%; height: 1rem }
.item .layer .content .foot a { display: block; background: #f40; color: #fff; text-align: center; font-size: .35rem; line-height: 1rem }
/*------------------首页------------------*/
/*头*/
.index_nav .nav { width: 100%; height: 1.1rem; position: fixed; left: auto; top: 0; z-index: 9999; background: rgba(255,0,0,0); transition: all 1s ease-out 0s; max-width: 800px; }
.index_nav .nav .login a { display: block; line-height: 0.9rem; height: 0.9rem; margin: 0.1rem 0; padding: 0 0.5rem; color: #fff; }
.index_nav .nav .index_search { margin: 0.1rem 1vw; background: rgba(255,255,255,1); height: 0.9rem; border-radius: 1rem; width: 80%; }
.index_nav .nav .index_search input { background: url(../../../images/shop/pe/seek.png) no-repeat 0 0; background-size: 0.6rem auto; height: 0.6rem; line-height: 0.6rem; width: 90%; margin-top: .15rem; margin-left: 5%; padding-left: 8%; }
.index_nav { width: 100%; max-width: 800px; margin: 0 auto; }
/*首页标题*/
.index_tit { line-height: 1rem; height: 1rem; }
.index_tit img { height: 1rem; margin: 0 auto; }
.index_tit { text-align: center; color: #868686; }
.index_tit h2 { position: relative; width: 90%; margin: 0 auto; }
.index_tit h2::after { content: ""; height: 1px; width: 100%; background: #868686; position: absolute; top: 0.5rem; z-index: -1; }
.index_tit h2::after { right: 0; }
.index_tit h2 span { background: #f9f9f9; padding: 0 0.3rem; }
/*文字活动消息*/
/*border-bottom: 1px solid #F0F0F0;*/
.index-Notice { /* padding: 0.3rem 0;*/ }
.index-Notice .huadong { width: 100%; height: 1rem; position: relative; margin: 0 auto; background: #fff; }
.index-Notice .huadong .huabox { margin: 0 auto; width: 100%; line-height: 1rem; }
.index-Notice .huadong h5 { font-size: 0.3rem; float: left; line-height: 1rem; margin: 0 0 0 0; width: 20%; text-align: center; }
.index-Notice .huadong .gg_more { float: left; }
.index-Notice .huadong .gg_more a { font-size: 0.35rem; text-decoration: none; }
/*.index-Notice .more{ float: right; width: 20%; height: 1rem;}*/
.index-Notice .huadong .notice_active { float: left; width: 80%; height: 0.5rem; padding: 0; margin: 0.25rem 0; overflow: hidden; position: relative; }
.index-Notice .huadong .notice_active li { list-style-type: none; line-height: 0.5rem; overflow: hidden; width: auto; height: 0.5rem; }
.index-Notice .huadong .notice_active ul { margin: 0; padding-left: 0; }
.index-Notice .huadong .notice_active li.notice_active_ch span { color: #656972; font-size: 0.35rem; display: block; overflow: hidden; width: 100%; float: left; margin: 0 0 1rem 0; }
/*商品分类列表*/
.ware-column { margin: 0 auto; max-width: 800px; position: relative; height: calc(100% - 1.2rem) }
/*商品内容*/
.bd ul li em { border-radius: 0.2rem; }
.bd ul li em.yListrclickem { background: #ff6600; color: #fff; }
.history .li-delete a { color: #666; }
.search-close { margin-right: 0.5rem; color: #fff; }
#ser_page .ui-search-filter-cont { background: #fff }
.div-search { line-height: 1rem; height: 1rem; background: #fff; }
.div-search a { display: block; padding: 0 2.5%; width: 100%; color: #55acee; font-size: 0.4rem; line-height: 1rem; height: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.div-search a span { font-size: 0.4rem; }
.div-search-list { background: #fff; }
.div-search-list li { width: 100%; }
.div-search-list li a { display: block; line-height: 1rem; height: calc(1rem); padding: 0 2.5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.div-search-list li a > div i { padding-right: 0.2rem; }
/*----------头部----------*/
.top { height: 1rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
.container { /* padding-right: .362rem; padding-left: .362rem; */ margin-right: auto; margin-left: auto; }
.row { margin-right: -.362rem; margin-left: -.362rem; }
.top .col-xs-1 { padding: 0 .12rem; width: 8.33333333%; }
.top .col-xs-9 { padding-right: 0; padding-left: 0; width: 75%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1, .col-xs-2, .col-xs-9, .col-xs-7, .col-xs-5 { float: left; position: relative; min-height: 1px; padding-right: .362rem; padding-left: .362rem; }
.local { background: rgba(255,255,255,0.7); display: block; height: .609rem; border-radius: 4px; line-height: .609rem; margin-top: .243rem; font-size: .35rem; width: 100%; padding-left: .243rem; }
/*.search { width: .609rem; height: .609rem; background: rgba(255,255,255,0.7); border-radius: 50%; display: block; font-size: .35rem; line-height: .609rem; text-align: center; float: right; margin-top: .243rem; }
.search span { color: #666; }*/
.tp-size { width: .487rem; height: .487rem; margin-top: .0605rem; }

/*----------热门----------*/
.hot { margin: 0; width: 100%; background: #fff; }
.title { overflow: hidden; margin: auto; padding: .12rem 0; width: 4.7502rem; font-size: .434rem; }
.title hr { margin: .714em 0; width: 1.239rem; height: 1px; background: #9dbee3; }
.title * { float: left; }
hr { box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; height: 0; border: 0; border-top: 1px solid #eee; }
.title h4 { margin: 0 .571em; color: #246fc0; }
.hot .col-xs-5 { padding-right: 0; width: 41.66666667%; }
.hot .col-xs-7 { padding-left: 0; width: 58.33333333%; }
.sp { padding-right: .714em; border-right: 1px solid #e1e1e1; }
.sp, .sp img { display: block; }
.sp img { margin: 0 auto .571em; width: 107px; height: 107px; }
.sp p, .sp_1 p { overflow: hidden; color: #333; font-size: .857em; }
.sp_1 { overflow: hidden; padding-bottom: 1em; border-bottom: 1px solid #ececec; }
.sp_1 img { float: left; margin: 0 .714em; width: 70px; height: 70px; }
.sp_1 p, .sp_1 span { margin: 0 0 10px; text-align: right; }
.sp span, .sp_1 span { display: block; color: #fe6e12; font-size: .857em; font-family: '微软雅黑'; }
.sp span em, .sp_1 span em { font-style: normal !important; font-size: 1.667em; }



/*----------选项卡----------*/
.categoryLiIcon { overflow: hidden; background: white; margin: 0 0; padding-bottom: .25rem; }
.categoryLiIcon li { float: left; width: 25%; overflow: hidden; margin-top: .25rem; }
.categoryLiIcon li a { display: block; text-align: center; }
.categoryLiIcon li a img { width: 1rem; height: 1rem; border-radius: 50%; margin: .1rem auto; }
.categoryLiIcon li a em { display: block; font-style: normal; color: #666; line-height: 0.5rem; height: 0.5rem; overflow: hidden; }
.tab_proList { padding: 0 3%; overflow: hidden; background: white; margin: 0; }
.tab_proList dt { height: 1rem; line-height: 1rem; display: -webkit-box; border-bottom: 1px #f8f8f8 solid; }
.tab_proList dt a { display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; border-right: 1px #d2d2d2 solid; text-align: center; }
.tab_proList dt a:last-child { border: none; }
.tab_proList dt .currStyle { color: #ff7d00; }
.tab_proList dd { margin: .23rem 0; }
.tab_proList dd li { overflow: hidden; border-bottom: 1px #f1f1f1 dotted; padding: .15rem 0; }
.tab_proList dd li:last-child { margin: 0; }

/*----------------------------------热销--------------------------------------*/
.sell-well { line-height: 1.1rem; height: 1.1rem; }
/* tabbtn */
.hots-box { background: #fff; }
.tabbtn { height: 1rem; position: relative; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #F9F9F9; }
.tabbtn li { display: inline-block; position: relative; width: 50%; }
.tabbtn li a { display: block; height: 1rem; line-height: 1rem; overflow: hidden; text-align: center; font-size: 0.35rem; cursor: pointer; color: #a7a7a7; }
.tabbtn li.current { width: 50%; }
.tabbtn li.current a { border-bottom: solid 3px #55acee; height: 1rem; line-height: 1rem; background: #fff; color: #55acee; }
/* tabcon */
.tabcon { position: relative; /*必要元素*/ overflow: hidden; }
.tabcon .subbox { position: absolute; /*必要元素*/ left: 0; top: 0; }
.tabcon .sublist { }
/* leftcon */
.tabcon .subbox { width: 9999em; }
.tabcon .subbox .sublist { float: left; width: 100vw; max-width: 800px; background: #f6f6f6; }
/* sublist */
.sublist { }


.tabs-header3 { position: relative; overflow: hidden; }
.tabs-header3 .border { position: absolute; bottom: 0; left: 0; background: #ffca5f; width: auto; height: 2px; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.tabs-header3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.tabs-header3 li { -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 33.333%;background: #fff;border-bottom: 1px solid #ccc }
.tabs-header3 a { z-index: 1; display: block; box-sizing: border-box; padding: 15px 20px; color: #000; font-weight: 500; text-decoration: none; text-transform: uppercase; text-align: center; }
/*---------------------------------充值提现详情---------------------------------*/
.record { margin-top: .15rem; padding: 0 .3rem; width: 100%; background: #fff }
.s-pbt { color: #000; font-size: .4rem }
.s-pbt, .s-pbt1 { float: left; display: inline-block; line-height: .8rem }
.s-pbt1 { color: #828282; font-size: .25rem }
.s-pbt2 { color: #000; font-size: .4rem }
.s-pbt2, .s-pbt3 { float: right; display: inline-block; line-height: .8rem }
.s-pbt3 { color: red; font-size: .35rem }
.czje { padding: .3rem .25rem; border-bottom: .012rem solid #ccc }
.z-mingc { float: left; display: inline-block; width: 25%; color: #6f6f6f; font-size: .3rem; line-height: .7rem }
.y-mingc2 { color: #169ef5; font-size: .5rem }
.y-mingc, .y-mingc2 { float: right; display: inline-block; line-height: .7rem }
.y-mingc { font-size: .3rem }