/*
 index--------------------------------------------------------------------------------------
 * */
.cation{width: 100%; background-color: #fff; padding: 0;}
.cation ul li{width: 25%; text-align: center; float: left;}
.cation ul li img{width: 100%;height: auto;margin: 0 auto;}
.cation ul li p{color: #666666; font-size: .45rem; margin-bottom: 0;}
.notice{width: 100%; background-color: #fff; padding: 3% 4%; margin: 1.5% auto;}
.notice .left{width: 75%; color: #323232; font-size: .45rem;}
.notice .left .slider div{width: 100%; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.notice .nmore{width: 15%; text-align: right; line-height: 1rem; border-left: 1px solid #cecece; font-size: .45rem; color: #323232;}
.notice .tit{font-weight: 600;font-size: .45rem; color: #ee2f27; line-height: 1rem; margin-bottom: 0;}
.boutique,
.seller,
.onnew{width: 100%; padding:0;}
.boutit{width: 30%; margin: 0 auto; position: relative;  text-align: center;}
.boutit span{display: block; position: absolute; top: .55rem; width: 100%; border-top: 3px solid #00cc7d;}
.boutit samp{line-height: 1.2rem; color: #000000; position: relative; height: 1.2rem; padding: 0 3%; background-color: #efeff4; font-size: .45rem;}
.boutique .content,
.seller .content,
.onnew .content{width: 100%;}
.boutique .content ul li{width: 100%; margin-bottom: 1.5%;}
.boutique .content ul li:last-child{margin-bottom: 1.5%;}
.boutique .content ul li img{width: 100%;}
.seller .content .left{width: 40%; background-color: #fff; height: 5rem; overflow: hidden;}
.seller .content .left .tu{width: 100%;}
.seller .content .left .tu img,
.seller .content .right .top .tu img{max-width: 100%;}
.seller .content .left .top{width: 100%; padding: 5%;}
.seller .content .left .top .tit,
.seller .content .right .top .tit,
.onnew .content .top .list .zuo .tit,
.onnew .content .bottom .list .shang .tit,
.theme .content .list .shang .tit{color: #000000; font-size: .5rem; width: 100%; margin-bottom: 0;}
.seller .content .left .top span,
.seller .content .right .top span,
.onnew .content .top .list .zuo span,
.onnew .content .bottom .list .shang span,
.theme .content .list .shang span{color: #666666; font-size: .35rem; width: 100%;}
.seller .content .right{width: 58%;}
.seller .content .right .top{width: 100%; background-color: #fff; height: 2.4rem; margin-bottom: .2rem;}
.seller .content .right .top .zuo,
.seller .content .right .top .tu{width: 50%; height: 2.4rem; text-align: center; font-size: 0;}
.seller .content .right .top .tu span{display: inline-block; line-height: 0; vertical-align: middle;}
.seller .content .right .top .tu img{vertical-align: middle; max-height: 2.4rem; max-width: 100%;}
.seller .content .right .top .zuo{padding: 5% 0 5% 5%;}

.onnew .content .top{width: 100%;}
.onnew .content .top .list{width: 49%; padding: 3% 2% 0; margin-right: 2%; background-color: #fff;}
.onnew .content .top .list:last-child{margin-right: 0;}
.onnew .content .top .list .zuo{width: 60%;}
.onnew .content .top .list .tu{width: 40%; height: 2.5rem; font-size: 0; text-align: center;}
.onnew .content .top .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.onnew .content .top .list .tu img{max-width: 100%; vertical-align: middle; max-height: 2.5rem;}
.onnew .content .bottom{width: 100%; margin-top: 2%;}
.onnew .content .bottom .list{width: 32%; height: 4rem; margin-right: 2%; background-color: #fff;}
.onnew .content .bottom .list:last-child{margin-right: 0;}
.onnew .content .bottom .list .shang{padding: 5%; width: 100%; height: 1.2rem;}
.onnew .content .bottom .list .tu,
.theme .content .list .tu{width: 100%; height: 2.8rem; text-align: center; font-size: 0;}
.onnew .content .bottom .list .tu span,
.theme .content .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.onnew .content .bottom .list .tu img,
.theme .content .list .tu img{max-width: 100%; vertical-align: middle; max-height: 2.8rem;}

.theme{width: 100%;}
.theme .content{width: 100%; background-color: #fff;}
.theme .content .list{width: 33.33%; height: 4.5rem; border-right: 1px solid #f1f1f1; float: left; border-bottom: 1px solid #f1f1f1;}
.theme .content .list .shang{padding:8% 5% 5%; width: 100%;}
.theme .content .list:nth-child(3n){border-right: none;}
.cp_bot{margin-top: 1.5%;}
.like{width: 100%; padding: 0 1.5%;}
.like .content{width: 100%;}
.like .content .list{width: 49%; margin-bottom: 2%; margin-right: 2%; background-color: #fff;}
.like .content .list:nth-child(2n){margin-right: 0;}
.like .content .list .tu{width: 100%;}
.like .content .list .tu img{max-width: 100%;}
.like .content .list .bottom{width: 100%; background-color: #fff; padding: 3%;}
.like .content .list .bottom p{width: 100%; color: #333; font-size: .45rem; margin-bottom: 0;}
.like .content .list .bottom .span{margin: .2rem 0;font-size: .23rem; height: .5rem; line-height: .5rem; color: rgba(0,0,0,.54);display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.like .content .list .bottom span{margin-top: .06rem;font-size: .23rem; height: .3rem; line-height: .3rem; color: rgba(0,0,0,.54); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.like .content .list .bottom .price{color: #e8322f; font-size: .5rem;}
.watch_more{
 color: #333;
 height: 1rem;
 display: block;
 background: #fff;
 line-height: 1rem;
 font-size: .4rem;
 text-align: center;
}


.cp_content1 li{  width: 49% !important;float: left;margin-bottom: 0!important;margin-left: 1.5%;
}
.cp_content1 li:first-child{margin-left: 0 !important;}

/*
 cation--------------------------------------------------------------------------------------
 * */
.cations{width: 100%; background-color: #fff; margin-bottom: 3%;}
.cations .list{width: 50%; height: 4.2rem; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.cations .list:nth-child(2n){border-right: none;}
.cations .list .tit{width: 100%; font-size: .5rem; color: #333333; padding: .5rem .5rem 0 .5rem;}
.cations .list .tu{width: 100%;}
.cations .list .tu img{max-width: 100%;}

/*
 shopcar--------------------------------------------------------------------------------------
 * */
.shopcar{width: 100%;}
.shopcar .list{width: 100%; height: 4rem; background-color: #fff; margin-bottom: 3%; padding: .5rem .2rem;}
.shopcar .list .xuan{width: .8rem; height: .8rem; margin-top: 1.1rem;}
label {width: 100%; display: block;  position: relative; font-weight: normal;}
.radio .option {width: .5rem; height: .5rem; position: absolute; top: 0; left: 0px; background-size: cover;  background: url(../img/check1.png) no-repeat; background-size: cover;}
.radio input[type="checkbox"] {display: inline-block ; margin-right: 15px ; opacity: 0 ;}
.radio input[type="checkbox"]:checked+div {background: url(../img/check2.png) no-repeat; background-size: cover;}
.radio input[type="radio"] {display: inline-block ; margin-right: 15px ; opacity: 0 ;}
.radio input[type="radio"]:checked+div {background: url(../img/check2.png) no-repeat; background-size: cover;}


.shopcar .list .tu{width: 3rem; height: auto; font-size: 0; text-align: center; margin-left: .4rem;}
.shopcar .list .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.shopcar .list .tu img{max-width: 100%;}
.shopcar .list .right{height: 3rem; width: 57%; margin-left: 2%;}
.shopcar .list .right .tit{color: #333333; font-size: .4rem; line-height: .8rem;}
.shopcar .list .right .fu-tit{color: #999999; font-size: .35rem;}
.shopcar .list .right .jifen{font-size: .4rem; color: #fc8f00; margin-top: .2rem;}
.shopcar .list .right .bottom{width: 100%; margin-top: .2rem;}
.shopcar .list .right .bottom .zuo ul li{float: left; color: #00cc7d; font-size: .5rem; width: .8rem; height: .8rem; text-align: center; line-height: .8rem;}
.shopcar .list .right .bottom .zuo ul li img{width: 100%;}
.shopcar .list .right .bottom i{line-height: .8rem; color: #999; font-size: .45rem;}

.settlement{width: 100%; height: 1.6rem; position: fixed; bottom: 1.9rem; border-top: 1px solid #f4f4f4; background-color: #fff;}
.settlement .zuo{width: 40%; height: 1.6rem; line-height: 1.6rem; padding: 0 .5rem; font-size: .5rem; color: #666666;}
.settlement .zuo span{color: #7188bd;}
.settlement a{width: 30%; height: 1.6rem; line-height: 1.6rem; background-color: #7188bd; font-size: .45rem; color: #fff; text-align: center;border-radius: 5px;}
.settlement a.continu{
 color: #333333;
 background: #F4F4F4;
}
.cart_price {  font-size: .26rem; line-height: 0.6rem; color: #999;  -webkit-box-flex: 1;  box-flex: 1;  width: 100%; text-align: center; margin: 5% 0; }
.cart_price strong { font-size: .65rem;  color: #7188bd;  margin-right: .2em;  }
.settlement .zuo .cart_price span {  color: #777;  }

.append a {
 display: box;
 color: #333333;
 box-align: center;
 display: -webkit-box;
 margin: 0 .2rem .2rem;
 padding: .14rem .2rem;
 border: 1px solid #f6f6f6;
 -webkit-box-align: center;
 -webkit-border-radius: .04rem;
 -moz-border-radius: .04rem;
 -ms-border-radius: .04rem;
 -o-border-radius: .04rem;
 border-radius: .04rem;
 background: #f6f6f6;
 font-size: .24rem;
}
.append a .i1 {
 margin-right: .12rem;
}
.append a .i1 img {
 width: .8rem;
 height: .8rem;
}
.append a .i2 {
 -webkit-box-flex: 1;
 box-flex: 1;
 display: flex;
 display: -webkit-flex;
 align-items: center;
 -webkit-align-items: center;
 padding-right: .2rem;
}
.append a .i2 span {
 flex: 1;
 -webkit-flex: 1;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 word-break: break-all;
 overflow: hidden;
 height: .5rem;
 line-height: .5rem;
}
.append a .i3 {
 color: #7188bd;
}
.zuo .mui-numbox .mui-btn {
  font-family: normal !important;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
 -moz-osx-font-smoothing: grayscale;
}
.zuo .mui-numbox .mui-btn-numbox-minus:after {
 content: normal;
}
.zuo .mui-numbox .mui-btn-numbox-plus:after {
 content: normal;
}
.ico {
 display: inline-block;
 background: #FFA800;
 line-height: .52rem;
 -webkit-border-radius: .04rem;
 -moz-border-radius: .04rem;
 -ms-border-radius: .04rem;
 -o-border-radius: .04rem;
 border-radius: .04rem;
 color: #FFF;
 padding: .03rem .1rem;
 font-size: .22rem;
 margin-right: .1rem;
}
.ico.ico_gift {
 background: #5B77D6;
}
.pointBox .point {
 font-size: .4rem;
 color: #999;
 border-top: 1px solid #f6f6f6;
 padding: .35rem .3rem;
}
.pointBox .act {
 -webkit-border-radius: .04rem;
 -moz-border-radius: .04rem;
 -ms-border-radius: .04rem;
 -o-border-radius: .04rem;
 border-radius: .04rem;
 color: #FFF;
 padding: .02rem .06rem;
 margin-right: .4rem;
}
.pointBox  .act.act_gift {
 background: #5B77D6;
}
.b3 dd .tc {
 border: 1px solid #e0e0e0;
 background: #fff;
 text-align: center;
 padding: .16rem .3rem;
}
.pb30{
 padding-bottom: 30px;
}
.mb69{
 margin-bottom: 69px;
}
.ui-input-btn {
 display: block;
 font-size: .24rem;
 border: 1px solid #f6f6f6;
 padding: .18rem .3rem;
 margin-left: .1rem;
}
.b3 .ui-input-btn {
 color: #333;
 border-radius: 5px;
 background: #ffffff;
 padding: .3rem .5rem;
 border: 1px solid #e0e0e0;
}
.b8w {
 font-size: 0.4rem;
 display: box;
 display: -webkit-box;
 box-pack: center;
 -webkit-box-pack: center;
 box-align: center;
 -webkit-box-align: center;
 line-height: .5rem;
 margin: 0 .4rem;
 padding: .3rem 0;
 border-bottom: 1px solid #eee;
}
.b8w .b81 {
 margin-right: .2rem;
}
.b8w .b81 .img {
 width: 1.2rem;
 height: 1.2rem;
}
.b8w .b81 .img img {
 width: 100%;
}
.b8w .b82 {
 -webkit-box-flex: 1;
 box-flex: 1;
 margin-right: .6rem;
}
.b8w .b82 .name p {
 display: box;
 color: #333333;
 display: -webkit-box;
 box-align: start;
 -webkit-box-align: start;
}
.b8w .b82 .name p>span:last-child {
 -webkit-box-flex: 1;
 box-flex: 1;
 width: 100%;
}
.b8w .b82 .name p>span:first-child {
 margin-right: .2rem;
}
.b8w .price strong {
 font-weight: 400;
}



.b5{
 background: #fff;
 font-size: 0.3rem;
 padding: .3rem .45rem;
}
.b5 p{
 color: #333333;
}
.b5 strong{
 font-weight: 400;
}
.b5 .b53 {
 margin-top: .2rem;
}

.settlement .info-tips {
 background: #fbf3c4;
 color: #b57842;
 padding: .12rem .2rem;
 opacity: .7;
}
.settlement .info-tips p {
 overflow: hidden;
 font-size: 0.3rem;
 line-height: .5rem;
 white-space: nowrap;
 text-overflow: ellipsis;
}

/*
 lists--------------------------------------------------------------------------------------
 * */
.lists{width: 100%;}
.lists .top{width: 100%; height: 1.5rem; background-color: #fff;}
.lists .top ul li{width: 33.333%; text-align: center; line-height: 1.5rem; float: left; color: #666666; font-size: .4rem;}
.lists .bottom{width: 100%; margin-top: 3%;}
.lists .bottom .lie,
.confirm .lie{width: 100%; margin-bottom: 2%; background-color: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding:.4rem .2rem;}
.lists .bottom .lie .tu,
.confirm .lie .tu{width: 25%; text-align: center;}
.lists .bottom .lie .tu img,
.confirm .lie .tu img{max-width: 100%;}
.lists .bottom .lie .right,
.confirm .lie .right{width: 72%; margin-left: 3%;}
.lists .bottom .lie .right .tit,
.confirm .lie .right .tit{color: #333333; font-size: .5rem; line-height: .8rem;}
.lists .bottom .lie .right .xia,
.confirm .lie .right .xia{height: .8rem; line-height: .8rem; width: 100%;}
.lists .bottom .lie .right .jifen,
.confirm .lie .right .jifen{width: 80%; color: #fc8f00; font-size: .45rem;}
.lists .bottom .lie .right span{width: .8rem; height: .8rem;}
.lists .bottom .lie .right span img{width: 100%;}

/*
 detail--------------------------------------------------------------------------------------
 * */
.detail{width: 100%;}
.detail .top{width: 100%; margin-bottom: 2%; background-color: #fff; padding: .4rem .2rem .2rem; border-bottom: 1px solid #dfdfdf;}
.detail .top .shang{height: 1.2rem; width: 100%;}
.detail .top .shang .zuo{width: 79%; padding:0 2%; color: #414141; font-size: .5rem;}
.detail .top .shang .you{width: 20%; border-left: 1px solid #dfdfdf; height: 1.2rem; text-align: center; color: #5b5f62; font-size: .35rem;}
.detail .top .shang .you p{margin-top: .2rem;}
.detail .top .xia{width: 100%; margin-top: .1rem; height: 1rem; line-height: 1rem;}
.detail .top .xia .jifen{width: 79%; padding: 0 2%; color: #ff9100; font-size: .4rem;}
.detail .top .xia .jifen samp{font-size: .5rem;}
.detail .top .xia span{color: #999999; font-size: .4rem; display: block; width: 20%; text-align: center;}

.detail .middle{width: 100%; padding: 0 5%; height: 1.5rem; line-height: 1.5rem; background-color: #fff; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-bottom: 2%;}
.detail .middle a{color: #333333; font-size: .5rem; display: block; width: 100%; height: 100%;}
.detail .middle i{color: #c1c2c4;}

.footerone{width: 100%; border-top: 1px solid #e6e6e6; height: 1.8rem; background-color: #fff; position: fixed; bottom: 1.9rem; left: 0;}
.footerone .left{width: 30%;}
.footerone .left ul li{width: 50%; height: 1.8rem; border-right: 1px solid #e6e6e6; padding-top: .4rem; float: left; text-align: center;}
.footerone .left ul li p{font-size: .35rem; color: #333333;}
.footerone .left ul li i{color: #666666;}
.footerone .right{width: 70%;}
.footerone .right .btn{display: block; width: 50%; height: 1.8rem; text-align: center; line-height: 1.8rem; background-color: #ff9100; color: #fff; font-size: .5rem;}
.footerone .right .btnone{background-color: #00cc7d;}

/*购物车弹出层*/
.am-share { border-radius: 0; bottom: -1rem; left: 0; position: fixed; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.am-share-footer .share_btn {display: block; position: absolute; top: 0; right: 0; border: none; width: .8rem; height: .8rem; border-radius: 0; cursor: pointer;   transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }
.am-share-footer .share_btn img{width: 100%;}
.am-share-sns { background-color: #fff; padding: 0 5% 5%; height:auto; zoom:1; }
.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }
.am-share .bottom{padding: 0;}

.sdetail{width: 100%;}
.sdetail .top{width: 100%; padding-top: .4rem;}
.sdetail .top .tu{width: 3rem; height: 3rem; margin-top: -1rem; font-size: 0; border: 1px solid #dfdfdf; text-align: center;}
.sdetail .top .tu span{display: inline-block; height: 100%; line-height: 0; vertical-align: middle;}
.sdetail .top .tu img{vertical-align: middle; max-width: 100%; max-height: 100%;}
.sdetail .top .you{width: 50%; text-align: left; margin-left: 3%;}
.sdetail .top .you .tit{width: 100%; font-size: .5rem; color: #333333;}
.sdetail .top .you span{font-size: .5rem; color: #fc8f00; display: block; margin-top: .2rem;}
.sdetail .middle{width: 100%; padding: .5rem 0 .3rem; border-bottom: 1px solid #dfdfdf;}
.sdetail .middle p,
.sdetail p{font-size: .5rem; color: #001924;}
.sdetail .middle .xia{width: 100%; margin-top: .3rem;}
.sdetail .middle .xia ul li{ height: 1.3rem; line-height: 1.3rem; margin-right: 2%; margin-bottom: 2%; width: 25%; text-align: center; float: left; background-color: #f5f5f5; color: #333333; font-size: .45rem;}
.sdetail .middle .xia ul li.cur{background-color: #00cc7d; color: #fff;}
.sdetail .bottom{width: 100%; margin-top: 5%;}
.sdetail .bottom .you{width: 3rem; height: 1rem;}
.sdetail .bottom .you ul li{float: left; height: 1rem; line-height: .8rem; width: 1rem; text-align: center;}
.sdetail .bottom .you ul li img{width: 100%;}
.shop-btn{width: 100%; height: 1.5rem; line-height: 1.5rem; margin-bottom: 1rem; text-align: center; background-color: #00cc7d; color: #fff; font-size: .5rem;}

/*
 confirm--------------------------------------------------------------------------------------
 * */
.confirm{width: 100%; margin-bottom: 3%;}
.confirm .add{background-color: #fff; height: 3rem; padding: 0 .2rem;}
.confirm .add .left{width: 8%; line-height: 3rem;}
.confirm .add .left i{font-size: .7rem; color: #5d6268;}
.confirm .add .middle{width: 80%;}
.confirm .add .middle .tit{font-size: .5rem; color: #333333; margin-top: .6rem;}
.confirm .add .middle .fu-tit{font-size: .4rem; color: #333333; margin-top: .3rem;}
.confirm .lie{margin-top: 2%; border-top: none; border-bottom: none;}
.confirm .lie .right .fu-tit{color: #999999; font-size: .35rem;}
.confirm .lie .right .jifen{margin-top: .2rem; font-size: .5rem;}
.confirm .lie .right span{margin-top: .2rem; color: #999999; font-size: .5rem;}

.confirm .gmshu{width: 100%; padding: 0 .2rem; background-color: #fff; line-height: 1.5rem;}
.confirm .gmshu .you{width: 3rem; height: 1rem; margin-top: .35rem;}
.confirm .gmshu .you ul li{float: left; height: 1rem; line-height: .8rem; width: 1rem; text-align: center;}
.confirm .gmshu .you ul li img{width: 100%;}
.confirm .gmshu p{font-size: .5rem; color: #001924;}
.confirm .gmshu .gcontent{border-bottom: 1px solid #dfdfdf;}
.confirm .gmshutwo .you{height: 1.5rem; line-height: 1.5rem; margin-top: 0; font-size: .5rem;}

.confirm .gmshutwo .you{width: auto;}
.confirm .gmshutwo .xuan{float: left;}
label {width: 100%; display: block;  position: relative; font-weight: normal;}
.radiotwo .option{width: .6rem; height: .6rem; position: absolute; top: .5rem; left: .3rem; background-size: cover;  background: url(../img/check1.png) no-repeat; background-size: cover;}
.radiotwo input[type="radio"] {display: inline-block ; margin-right: .5rem ; opacity: 0 ;}
input[type="radio"]:checked+div {background: url(../img/check2.png) no-repeat; background-size: cover;}
.radiotwo .opt-text{font-size: .4rem;}

.confirm .gmshuthree .you{width: 80%; margin-top: 0;}
.confirm .gmshuthree .you .text{height: 1.4rem; line-height: 1.4rem; color: #333; margin: 0; padding: 0; text-indent: .5rem; border: none; font-size: .5rem;}
.confirm .gmshu samp{color: #fc8f00; font-size: .57rem; font-family: "微软雅黑";}

.confirm .integral{width: 100%; background-color: #fff; margin-top: 3%; padding: 0 .2rem; height: 1.5rem; line-height: 1.5rem;}
.confirm .integral .zuo{font-size: .5rem;}
label {width: 100%; display: block;  position: relative; font-weight: normal;}
.radiothree .option{width: .6rem; height: .6rem; position: absolute; top: .5rem; left: .0; background-size: cover;  background: url(../img/queren1.png) no-repeat; background-size: cover;}
.radiothree input[type="checkbox"] {display: inline-block ; margin-right: .5rem ; opacity: 0 ;}
input[type="checkbox"]:checked+div {background: url(../img/queren.png) no-repeat; background-size: cover;}


/* center--------------------------------------------------------------------------------------* */
.a1{
 background: #ffffff;
}
.a1 .more{
 background: #ffffff;
}
.a1 a.bill {
 display: box;
 display: -webkit-box;
 box-align: center;
 -webkit-box-align: center;
 box-pack: justify;
 -webkit-box-pack: justify;
 padding-right: .7rem;
 height: 1.2rem;
 border-bottom: 1px solid rgba(0,0,0,.15);
 position: relative;
 color: rgba(0,0,0,.54);
}
.a1 a.bill cite {
 font-style: normal;
 font-size: .4rem;
 padding: 0 0 0 .32rem;
 color: rgba(0,0,0,.87);
}
.a1 a.bill .span::after {
 content: "";
 position: absolute;
 right: .32rem;
 top: 50%;
 width: .2rem;
 height: .2rem;
 border-left: 1px solid currentColor;
 border-top: 1px solid currentColor;
 transform: translate3d(0,-50%,0) rotateZ(135deg);
 -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg);
}

.h-top{width: 100%; background-color: #7188bd;  padding: 10% 5%;}
.h-top .tu{width: 20%;}
.h-top .tu img{width: 100%;}
.h-top .content{width: 60%; margin-left: 5%;}
.h-top .content p{color: #fff; line-height: .6rem;}
.h-top .content p.hname{font-size: .5rem;}
.h-top .content p.htel,
.h-top .content p.hpthy{font-size: .4rem;}
.h-top .btn{width: 15%; text-align: center; height: 1rem; background-color: #fff; color: #25cb83; font-size: .45rem; line-height: 1rem; margin-top: 3%;}

.cash{width: 100%; background-color: #fff; margin-bottom: 4%;}
.cash .shang ul li{width: 33.333%; float: left; padding: 4% 0; text-align: center; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.cash .shang ul li:last-child{border-right: none;}
.cash .shang ul li p{font-size: .7rem;margin-bottom: 0.2rem;}
.cash .shang ul li p span{color: #bbb; font-size: .7rem;}
.cash .shang ul li span{color: #666666; font-size: .4rem;}
.cash .xia ul li{width: 50%;}

.cashlist{width: 100%; margin-bottom: 4%; background-color: #fff;}
.cashlist ul li{width: 100%; height: 1.4rem; line-height: 1.4rem; padding: 0 3%; border-bottom: 1px solid #e9e9e9;}
.cashlist ul li a{display: block; height: 100%; width: 100%;}
.cashlist ul li p{font-size: .45rem; color: #333333;}
.cashlist ul li i{color: #aaaaaa;line-height: 1.3rem;}

.center-btn{width: 96%; margin: 0 auto 5%; text-align: center; height: 1.5rem; line-height: 1.5rem; background-color: #25cb83; color: #fff; font-size: .5rem;}

/*
 account--------------------------------------------------------------------------------------
 * */
.account{width: 100%;}
.account .top{height: 1.5rem; width: 100%; background-color: #25cb83;}
.account .top ul li{text-align: center; width: 30%; float: left; height: 1.5rem; line-height: 1.5rem; font-size: .4rem; color: #fff;}
.account .top ul li:first-child{width: 40%; text-align: left; padding-left: 3%;}
.account .list{padding-left: 3%; background-color: #fff; margin-bottom: 3%;}
.account .list .shang{width: 100%; border-bottom: 1px solid #dcdcdc;}
.account .list .shang ul li{height: 1.5rem; line-height: 1.5rem; text-align: center; width: 30%; float: left; font-size: .4rem; color: #333333;}
.account .list .middle{width: 100%; padding: 3% 0; border-bottom: 1px solid #dcdcdc;}
.account .list .middle ul li{width: 100%; float: left; color: #333; font-size: .5rem; line-height: .8rem;}
.account .list .shang ul li:first-child{text-align: left; width: 37%;}
.account .list .shang ul li:last-child{color: #fe6e1e;}
.account .list .bottom{width: 100%; height: 1.5rem; line-height: 1.5rem;}
.account .list .bottom span{color: #636363; font-size: .4rem;}
.account .list .bottom p{color: #fe6e1e; font-size: .5rem; margin-right: 3%;}
.total-points { color: #f56600;}
.available-points { font-size: .4rem; color: #b0b0b0; }
.account .list .middle ul .jf_info {  padding-bottom: .4rem;  font-size: .4rem;  color: #b0b0b0;  }

/*积分明细--------------------------------------------------------------------------------------* */
.pointsmall-detail .my-points-section {
 padding: .32rem .32rem .5rem;
 border-top: 1px solid #eee;
 border-bottom: .15rem solid #eee;
}
.pointsmall-detail .my-points-section .points {
 padding-bottom: .25rem;
 font-size: .45rem;
}
.pointsmall-detail .my-points-section .points .total-points {
 color: #7188bd;
}
.pointsmall-detail .my-points-section .points .available-points {
 font-size: .4rem;
 color: #b0b0b0;
}
.pointsmall-detail .my-points-section .info {
 padding-bottom: .3rem;
 font-size: .45rem;
 color: #b0b0b0;
}
.pointsmall-detail .my-points-section .points i {
 position: relative;
 display: inline-block;
 margin-left: .12rem;
 width: .52rem;
 height: .5rem;
 background: #cfcfcf url(../img/i_4d4d48d.png) no-repeat center;
 background-size: cover;
 border-radius: 50%;
 vertical-align: text-bottom;
}
.pointsmall-detail .status-bar {
 box-flex: 5;
 -webkit-box-flex: 5;
 background-color: #b0b0b0;
 border-radius: .05rem;
}
.pointsmall-detail .available-bar {
 width: 80%;
 height: .09rem;
 background-color: #7188bd;
 border-top-left-radius: .05rem;
 border-bottom-left-radius: .05rem;
}
.pointsmall-detail .status-num {
 box-flex: 1;
 -webkit-box-flex: 1;
 text-align: right;
 font-size: .28rem;
 color: #7188bd;
}
.pointsmall-detail .product-list-section .product-item {
 margin-left: .3rem;
 padding-bottom: .4rem;
 border-bottom: 1px solid #eee;
}
.pointsmall-detail .product-list-section .product-item .up-section {
 box-pack: justify;
 -webkit-box-pack: justify;
 padding: .45rem .45rem 0 0;
}
.pointsmall-detail .product-list-section .product-item .up-section .product-info {
 width: 5.5rem;
}
.pointsmall-detail .product-list-section .product-item .up-section .product-info .title {
 padding-bottom: .2rem;
 font-size: .45rem;
 color: rgba(0,0,0,.87);
}
.pointsmall-detail .product-list-section .product-item .up-section .product-info .buy-time {
 font-size: .45rem;
 color: #b0b0b0;
}
.pointsmall-detail .product-list-section .product-item .up-section .product-desc {
 font-size: .45rem;
 color: #7188bd;
}
.pointsmall-detail .my-points-section .points .info-box {
 position: absolute;
 left: 3rem;
 text-align: justify;
 display: none;
}
.pointsmall-detail .my-points-section .points .info-box .triangle {
 z-index: 2;
 position: absolute;
 transform: translateX(-50%);
 left: 50%;
 top: 1px;
 display: inline-block;
 width: 0;
 border: .1rem solid rgba(0,0,0,.72);
 border-top-color: transparent;
 border-left-color: transparent;
 border-right-color: transparent;
}
.pointsmall-detail .my-points-section .info {
 padding-bottom: .35rem;
 font-size: .28rem;
 color: #b0b0b0;
}
.pointsmall-detail .my-points-section .points .info-box .info {
 width: 6rem;
 color: #ffffff;
 font-size: .2rem;
 margin-top: .2rem;
 border-radius: 5px;
 padding: .25rem .35rem;
 background-color: rgba(0,0,0,.72);
}
/*积分明细--------------------------------------------------------------------------------------* */

/*怎么获取积分--------------------------------------------------------------------------------------* */
.list_nov1 {
 color: #666;
 font-size: .45rem;
 margin: .25rem;
 margin-left: .3rem;
 font-weight: 300;
 line-height: .6rem;
}
/*怎么获取积分--------------------------------------------------------------------------------------* */

/*会员福利--------------------------------------------------------------------------------------* */
.pointsmall-index .my-points,
.pointsmall-index .my-rights {
 box-flex: 1;
 -webkit-box-flex: 1;
 width: 50%;
 padding: .26rem .45rem;
 box-pack: justify;
 -webkit-box-pack: justify;
 border-bottom: .15rem solid #eee;
}
.pointsmall-index .my-points {
 border-right: 1px solid #eee;
}
.pointsmall-index .my-points .title, .pointsmall-index .my-rights .title {
 padding-bottom: .1rem;
 font-size: .48rem;
 color: rgba(0,0,0,.87);
}
.pointsmall-index .my-points .num, .pointsmall-index .my-rights .num {
 font-size: .45rem;
 color: rgba(0,0,0,.54);
}
.pointsmall-index .my-points .arrow, .pointsmall-index .my-rights .arrow {
 font-size: .45rem;
 transform: rotate(-90deg);
}
.pointsmall-index .tab-section {
 padding: .45rem 0 0;
}
.pointsmall-index .tab-section .tab {
 padding: 0 .5rem;
 border-bottom: 1px solid #eee;
 font-size: .45rem;
}
.pointsmall-index .tab-section .tab>div {
 box-flex: 1;
 -webkit-box-flex: 1;
 margin: 0 1.3rem;
 padding-bottom: .3rem;
 text-align: center;
}
.pointsmall-index .tab-section .tab .cur {
 color: #ff7d33;
 border-bottom: .08rem solid #ff4a00;
}
.pointsmall-index .tab-section .list li {
 position: relative;
 box-pack: start;
 -webkit-box-pack: start;
 box-align: start;
 -webkit-box-align: start;
 margin-top: .1rem;
}
.pointsmall-index .tab-section .list li .product-img {
 width: 3rem;
}
.pointsmall-index .tab-section .list li .words {
 box-flex: 1;
 -webkit-box-flex: 1;
 margin-left: .55rem;
 padding: .45rem 0 0;
}
.pointsmall-index .pointsmall-index .ignore {
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.pointsmall-index .tab-section .list li .words .title {
 padding-bottom: .16rem;
 font-size: .45rem;
}
.pointsmall-index .tab-section .list li .words .info {
 height: .9rem;
 line-height: .9rem;
 overflow: hidden;
 padding-right: .45rem;
 font-size: .45rem;
 color: rgba(0,0,0,.54);
}
 .pointsmall-index .clearfix {
 content: '';
 display: block;
 clear: both;
 overflow: hidden;
}
.pointsmall-index .tab-section .list li .words .sec-kill {
 padding: 0 .45rem 0 0;
 font-size: .5rem;
}
.pointsmall-index .tab-section .list li .words .sec-kill .points {
 vertical-align: baseline;
 color: #ee8e49;
 font-size: .35rem;
}
.pointsmall-index .tab-section .list li .words .sec-kill .points .num {
 padding-right: .15rem;
 font-size: .5rem;
}
.pointsmall-index .pointsmall-index .login-bar {
 border-bottom: .25rem solid #eee;
}
.pointsmall-index .login-bar p {
 text-align: center;
}
.pointsmall-index .login-bar p span,.pointsmall-index .login-bar p em {
 font-size: .24rem;
 line-height: 3.6;
}
.pointsmall-index .login-bar p em {
 color: #ff4a00;
}
/*会员福利--------------------------------------------------------------------------------------* */

/*我的权益--------------------------------------------------------------------------------------* */
.valid-benefits-sections,
.invalid_benefits-sections {
 border-bottom: 1px solid #eee;
}
.invalid_benefits-btn {
 padding: .45rem 0;
 text-align: center;
 font-size: .5rem;
 color: rgba(0,0,0,.87);
 border-bottom: 1px solid #eee;
}

/*我的权益--------------------------------------------------------------------------------------* */

/*权益详情--------------------------------------------------------------------------------------* */
.pointsmall-product .product-img {
 width: 100%;
}
.pointsmall-product .intro-section {
 margin-bottom: 1rem;
}
.pointsmall-product .intro-section .title-box {
 padding: .3rem;
 border-bottom: .2rem solid #eee;
}
.pointsmall-product .intro-section .title-box .good-name {
 padding-bottom: .3rem;
 font-weight: 700;
 font-size: .45rem;
 color: rgba(0,0,0,.87);
}
.pointsmall-product .intro-section .title-box .points {
 font-size: .45rem;
 color: #f56600;
}
.pointsmall-product .intro-section .title-box .points .num {
 font-size: .5rem;
}
.pointsmall-product .intro-section .desc {
 font-size: .45rem;
 color: #b0b0b0;
}
.pointsmall-product .intro-section .desc .title {
 padding: .3rem;
 color: rgba(0,0,0,.87);
}
.pointsmall-product .intro-section .desc .info {
 padding: 0 .35rem .35rem;
 line-height: .7rem;
 border-bottom: 1px solid #eee;
}
/*权益详情--------------------------------------------------------------------------------------* */

/*
 recharge--------------------------------------------------------------------------------------
 * */
.h-topone{width: 100%; text-align: center; padding: 3% 5% 5%;}
.h-topone p{font-size: .6rem; color: #fff;}
.h-topone p samp{font-size: .45rem; font-family: "微软雅黑";}
.h-topone span{font-size: .45rem; color: #fff;}
.recharge{width: 100%;}
.recharge .czhi{width: 100%; padding: 0 3%; background-color: #fff; height: 1.5rem; line-height: 1.5rem; margin-top: 3%;}
.recharge .czhi p,
.recharge .czhi span{width: 20%; float: left; font-size: .4rem; color: #333333;}
.recharge .czhi input{margin: 0; padding: 0; height: 1.5rem; float: left; width: 70%; border: none; font-size: .4rem; color: #333333;}
.recharge .czhi span{display: block; width: 10%; text-align: right;}
.recharge .czhi i{font-size: .8rem; color: #c2c2c2;}
.center-btntwo{margin: 3% auto;}
.recharge .guize{width: 96%; margin: 3% auto; background-color: #fff; padding: 0 3%;}
.recharge .guize h3{width: 100%; border-bottom: 1px solid #e1e1e1; height: 1.5rem; line-height: 1.5rem; font-size: .5rem; color: #333333; text-align: center; font-weight: normal;}
.recharge .guize .content{padding: 5% 0; color: #666666; font-size: .4rem; line-height: .8rem;}
.recharge .bottom{width: 96%; margin: 0 auto 5%;}
.recharge .bottom .btn{width: 48%; text-align: center; height: 1.5rem; line-height: 1.5rem; background-color: #7188bd; font-size: .5rem; color: #fff;}
.recharge .bottom .btn:last-child{background-color: #d4d4d4; color: #666666;}
.recharge .guize .contenttwo{text-indent: 0;}
.recharge .jfzy{width: 96%; margin: 3% auto;}
.recharge .jfzy ul li{width: 100%; color: #666666; font-size: .35rem; line-height: .8rem;}

.h-toptwo{padding: 5%;}
.h-toptwo .tu{width: 25%; margin: 0 auto;}
.h-toptwo .tu img{width: 100%;}
.h-toptwo .nr{width: 100%; text-align: center; color: #fff; font-size: .5rem; margin-top: 2%;}
.h-toptwo .nr span{font-size: .4rem; border-left: 1px solid #89e3bc; padding-left: .2rem; margin-left: .2rem;}

/*f码购买*/
.fcode-bottom {
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 1;
}
.ui-button {
 display: block;
 color: #ffffff;
 -webkit-border-radius: .1rem;
 -moz-border-radius: .1rem;
 -ms-border-radius: .1rem;
 -o-border-radius: .1rem;
 border-radius: .1rem;
 background-color: #7188bd;
 text-align: center;
 height: 1.5rem;
 line-height: 1.5rem;
 border: 1px solid #7188bd;
}
.ui-button-disable {
 background-color: #F4F4F4;
 border: 1px solid #f4f4f4;
}
.ui-button-disable span {
 color: #333;
}
/*f码购买*/

/*申请售后*/
.popup-alert-mask {
 display: none;
 position: fixed;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 background: rgba(0,0,0,.8);
 z-index: 100000;
}
.popup-alert-mask .popup-alert-dialog {
 position: absolute;
 top: 20%;
 left: 1rem;
 right: 1rem;
 background: #fff;
 border-radius: 5px;
}
.popup-alert-mask .popup-alert-dialog .popup-alert-content {
 padding: .6rem .3rem .65rem;
 display: box;
 display: -webkit-box;
 box-align: center;
 -webkit-box-align: center;
 min-height: 3rem;
}
.popup-alert-mask .popup-alert-dialog .popup-alert-text {
 box-flex: 1;
 -webkit-box-flex: 1;
 text-align: center;
 font-size: .5rem;
}
.popup-alert-mask .popup-alert-dialog .popup-alert-text p{
color: #333333;
}
.popup-alert-mask .popup-alert-dialog .popup-alert-button {
 display: box;
 display: -webkit-box;
 box-align: center;
 -webkit-box-align: center;
 border-top: 1px solid #ddd;
}
.popup-alert-mask .popup-alert-dialog .popup-alert-button>div {
 box-flex: 1;
 -webkit-box-flex: 1;
 line-height: 1.2rem;
 text-align: center;
 font-size: .5rem;
 color: rgba(0,0,0,.57);
}


.g-class {
 text-align: center;
 padding: 1.06rem 0 .69rem;
}
.g-class .title {
 font-size: .6rem;
 color: rgba(0,0,0,.72);
}
ul.contact {
 background: #fff;
}
ul.contact li {
 height: 1.6rem;
 overflow: hidden;
 padding: 0 .33rem;
 display: box;
 display: -webkit-box;
 box-align: center;
 -webkit-box-align: center;
 box-pack: justify;
 -webkit-box-pack: justify;
 border-top: 1px solid rgba(0,0,0,.1);
 border-bottom: 1px solid rgba(0,0,0,.1);
}
ul.contact li input {
 display: block;
 box-flex: 1;
 -webkit-box-flex: 1;
 height: .99rem;
 border: 0;
 font-size: .28rem;
 color: rgba(0,0,0,.84);
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 margin-left: .41rem;
}
.tip {
 margin-top: .26rem;
 font-size: .24rem;
 color: rgba(0,0,0,.54);
 padding-left: .85rem;
 background: url(../img/icon-22_d9800e8.png) no-repeat .33rem .11rem;
 background-size: .4rem auto;
}
.aftersale-apply-imei .btns {
 margin: 1.3rem 0;
}
.aftersale-apply-imei .btns a {
 background: #7188bd;
 color: #fff;
 display: block;
 text-align: center;
 line-height: 1.3rem;
 font-size: .24rem;
 margin: 0 .2rem;
 border-radius: 5px;
}
.aftersale-apply-imei .quick {
 display: block;
 text-align: center;
}
.aftersale-apply-imei .quick span {
 color: #7188bd;
 padding-left: .6rem;
 line-height: .4rem;
 display: inline-block;
 background: url(../img/plane_d46cf39.png) no-repeat 0 center;
 background-size: auto 100%;
 font-size: .4rem;
}
/*申请售后-----------------------------------------------------------------------------------------*/

/*服务-----------------------------------------------------------------------------------------*/
.page-user-servies-wrap .s.zzfw {
 border-bottom: .16rem solid #f6f6f6;
}
.page-user-servies-wrap .s.zzfw h4 {
 margin: 0;
 margin-left: .5rem;
 font-size: .5rem;
 line-height: 1.15rem;
 border-bottom: 1px solid #f6f6f6;
 color: #919191;
 font-weight: 400;
}
.page-user-servies-wrap .nav.df {
 width: 100%;
}
.page-user-servies-wrap .nav.df a {
 width: 25%;
 display: inline-block;
}
.page-user-servies-wrap .nav.df a img {
 height: 2.1rem;
 width: auto;
 display: block;
 margin: 0 auto;
}
.page-user-servies-wrap .b2 {
 text-align: center;
}
.page-user-servies-wrap .b21 {
 border-bottom: 1px solid #f6f6f6;
}
.page-user-servies-wrap .b21 a {
 display: block;
 font-size: .45rem;
 padding: .4rem 0;
}
.page-user-servies-wrap .b21 img {
 width: 0.9rem;
 height: 0.9rem;
 vertical-align: middle;
}
.page-user-servies-wrap .b21 span {
 color: #333333;
 margin-left: .28rem;
}
.page-user-servies-wrap .b22 {
 padding: .4rem 0;
}
.page-user-servies-wrap .b22 ul {
 overflow: hidden;
}
.page-user-servies-wrap .b22 li {
 float: left;
 width: 33.33333%;
}
.page-user-servies-wrap .b22 a {
 display: block;
 font-size: 1rem;
}
.page-user-servies-wrap .b22 img {
 width: .62rem;
 height: .62rem;
}
.page-user-servies-wrap .b22 h3 {
 color: #333333;
 font-size: .24rem;
 font-weight: 400;
 margin: .25rem 0 .2rem;
}
.page-user-servies-wrap .b22 p {
 font-size: .3rem;
 color: #969696;
}
/*服务-----------------------------------------------------------------------------------------*/

/*售后服务政策-----------------------------------------------------------------------------------------*/
.pageindex {
 position: absolute;
 width: 100%;
 background-color: #fff;
}
.list {
 padding: .4rem .4rem 0;
}
.list li {
 position: relative;
}
.list .dep1 {
 border-bottom: 1px solid #f6f6f6;
}
.list .item {
 border-bottom: 1px solid #f6f6f6;
}
.list .item {
 display: block;
 line-height: 1.5rem;
}
.list .item .title {
 font-size: .5rem;
 color: #333;
}
.list .more:after {
 content: '\0020';
 display: block;
 width: .14rem;
 height: .14rem;
 border-top: 1px solid #ddd;
 border-right: 1px solid #ddd;
 position: absolute;
 top: .55rem;
 right: .18rem;
 margin-top: -.07rem;
 -webkit-transition: .2s ease;
 -webkit-transition-delay: 0s;
 -moz-transition: .2s ease;
 -o-transition: .2s ease;
 transition: .2s ease;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
/*售后服务政策-----------------------------------------------------------------------------------------*/

/*售后服务政策详情-----------------------------------------------------------------------------------------*/
.page .textp {
 padding: 0 .5rem;
}
.page .textp p {
 line-height: .7rem;
 color: #666;
}
.page .textp p span{
 font-size: .45rem;
}
.page .textp strong {
 display: inline-block;
 padding: .5rem 0 .35rem;
 font-size: .5rem;
 color: #333;
}
.page .textp>p:first-child strong {
 text-align: center;
 font-size: .55rem!important;
}
.page .textp table {
 width: 100%;
 margin: .2rem 0;
 border: 1px solid #eee;
 border-collapse: collapse;
 text-align: center;
}
.page .textp table .firstRow {
 background: #eee;
 font-size: .24rem;
 line-height: .4rem;
}
.page .textp table td {
 border: 1px solid #eee;
 font-size: .24rem;
 line-height: .34rem;
 color: #666;
 padding: .16rem .08rem;
}
.page .textp table .firstRow td {
 border: 1px solid #ccc;
 color: #333;
}
/*售后服务政策详情-----------------------------------------------------------------------------------------*/

/*服务网点-----------------------------------------------------------------------------------------*/
.ui-list {
 position: relative;
}
.station-index .ui-list {
 margin-bottom: 1rem;
}
.ui-list-item, .ui-list-item h1,
.ui-list-item h2, .ui-list-item h3,
.ui-list-item h4, .ui-list-item h5,
.ui-list-item h6, .ui-list-item p {
 line-height: .7rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.ui-list .ui-list-item {
 border-bottom: 1px solid #f6f6f6;
 display: block;
 font-size: .45rem;
 overflow: hidden;
 background: #FFF;
 padding: .4rem .45rem;
}
.station-index .ui-list-item {
 font-size: .5rem;
}
.ui-list .ui-list-item.more {
 position: relative;
 padding-right: .5rem;
}
.ui-list .ui-list-item.more:after {
 content: '\0020';
 display: block;
 width: .25rem;
 height: .25rem;
 border-top: 1px solid #ddd;
 border-right: 1px solid #ddd;
 position: absolute;
 top: 50%;
 right: .3rem;
 margin-top: -.07rem;
 -webkit-transition: .2s ease;
 -webkit-transition-delay: 0s;
 -moz-transition: .2s ease;
 -o-transition: .2s ease;
 transition: .2s ease;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
/*服务网点-----------------------------------------------------------------------------------------*/

/*服务网点详情-----------------------------------------------------------------------------------------*/
.warptwo .ui-list {
 margin-bottom: 2rem;
}
.warptwo .ui-list .ui-list-item {
 padding-bottom: 0;
}
.ui-list .headertitle {
 height: 1rem;
 padding-top: .35rem;
}
.ui-list .headertitle .provincename {
 font-size: .58rem;
}
.ui-list .headertitle .changecity {
 margin-left: .55rem;
}
.ui-list .ui-list-item .addressinfo {
 position: relative;
}
.ui-list .ui-list-item .addressinfo .des {
 width: 80%;
}
.ui-list .ui-list-item p {
 color: #333333;
 white-space: normal;
}
.ui-list .ui-list-item .addressinfo .des .title {
 color: #343434;
 font-size: .45rem;
 padding-left: 1.5em;
 text-indent: -1.5em;
}
.ui-list .ui-list-item p {
 white-space: normal;
}
.ui-list .ui-list-item .tel {
 height: 1rem;
 color: #343434;
 font-size: .3rem;
 line-height: 1rem;
 position: relative;
 border-top: 1px solid #f6f6f6;
}
.ui-list .ui-list-item .tel p {
 height: 1rem;
 line-height: 1rem;
}
.ui-list .ui-list-item .tel .phone {
 position: absolute;
 top: 0;
 right: 0;
 font-size: .5rem;
 width: 20%;
 text-align: center;
}
.ui-list .ui-list-item .addressinfo .des .address {
 margin: .35rem;
}
.ui-list .ui-list-item .addressinfo .location {
 width: 20%;
 right: 0;
 height: 100%;
 position: absolute;
 top: 0;
 text-align: center;
}
.ui-list .ui-list-item .addressinfo .location i {
 color: #f77050;
 font-size: .75rem;
}
.ui-list .ui-list-item .tel .phone i {
 color: #6ec235;
 font-size: .75rem;
}
/*服务网点详情-----------------------------------------------------------------------------------------*/

/*安装服务-----------------------------------------------------------------------------------------*/
li, img, label, input {
 vertical-align: middle;
}
.page-service-sminstall li div {
 position: relative;
 display: block;
 border-bottom: 1px solid #f6f6f6;
 font-size: .45rem;
 padding: .3rem;
}
.page-service-sminstall li div span {
 display: block;
}
.page-service-sminstall li div em {
 color: rgba(0,0,0,.54);
 font-size: .43rem;
}
.page-service-sminstall li div::after {
 content: "\0020";
 position: absolute;
 width: .14rem;
 height: .14rem;
 right: .2rem;
 top: 50%;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 -webkit-transform: translate3d(0,-50%,0) rotate(-45deg);
 transform: translate3d(0,-50%,0) rotate(-45deg);
}
/*安装服务-----------------------------------------------------------------------------------------*/

/*维修价格查询-----------------------------------------------------------------------------------------*/
.repair-body {
 padding: 0 .35rem 0;
}
.repair-body .box {
 background: #fff;
 margin: .2rem 0 0;
 overflow: hidden;
}
.repair-body .box .title {
 color: #333;
 padding: .3rem;
 font-weight: 400;
 font-size: .45rem;
 text-align: center;
 margin: 0 .3rem .33rem;
 border-bottom: 1px solid #f5f5f5;
}
.repair-body .list-category {
 overflow: hidden;
 margin: 0 .25rem;
}
.repair-body .list-category li {
 width: 33.3%;
 float: left;
 display: block;
 text-align: center;
 margin-bottom: .4rem;
 overflow: hidden;
}
.repair-body .list-category li .img {
 width: 1.8rem;
 height: 1.8rem;
 margin: 0 auto;
 background: #fff;
 overflow: hidden;
}
.repair-body .list-category li .img img {
 width: 100%;
}
.repair-body .list-category li .name {
 color: #333;
 font-size: .45rem;
 margin-top: .35rem;
 white-space: nowrap;
}
/*维修价格查询-----------------------------------------------------------------------------------------*/

/*维修部件-----------------------------------------------------------------------------------------*/
.part .box {
 margin: 0;
}
.memory{
 display: none;
}
.part .box .title {
 color: #333;
 font-size: .45rem;
 height: 1.2rem;
 line-height: 1.2rem;
 padding-left: .2rem;
 font-weight: 400;
}
.part .tab-category {
 overflow: hidden;
}
.part .tab-category li {
 float: left;
 width: 33.33333%;
 /*overflow: hidden;*/
 list-style: none;
 text-align: center;
 margin-bottom: .25rem;
}
.part .tab-category li span {
 display: block;
 margin: 0 .25rem;
 height: 1.3rem;
 line-height: 1.3rem;
 font-size: .4rem;
 border: 1px solid #e0e0e0;
 color: #333;
 border-radius: 5px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.part .tab-category li span.active {
 border: 2px solid #7188bd;
 color: #7188bd;
}
.part .tab-category2 {
 overflow: hidden;
}
.part .tab-category2 li {
 float: left;
 width: 33.33333%;
 /*overflow: hidden;*/
 list-style: none;
 text-align: center;
 margin-bottom: .25rem;
}
.part .tab-category2 li span {
 display: block;
 margin: 0 .25rem;
 height: 1.3rem;
 line-height: 1.3rem;
 font-size: .4rem;
 border: 1px solid #e0e0e0;
 color: #333;
 border-radius: 5px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.part .tab-category2 li span.active {
 border: 2px solid #7188bd;
 color: #7188bd;
}
.repair-body .ui-button {
 margin-top: .5rem;
 background: #7188bd;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
}
.repair-body .ui-button span {
 color: #fff;
}
.repair-body .ui-button-gray {
 background: #aeaeae;
 border: 1px solid #aeaeae;
}
/*维修部件-----------------------------------------------------------------------------------------*/

/*维修价格查询结果-----------------------------------------------------------------------------------------*/
.result-table {
 padding: 0 .2rem .25rem;
}
.result-table table {
 border-spacing: 0;
 border-collapse: collapse;
 width: 100%;
}
.result-table table th,
.result-table table td {
 height: 1.2rem;
 line-height: 1.2rem;
 font-size: .4rem;
 border: 1px solid #e0e0e0;
 padding-left: .45rem;
}
.result-table table th {
 text-align: left;
 width: 35%;
 background: #f5f5f5;
}
.result.box{
 margin: 0;
}
.result .cost-note {
 padding: 0 .25rem;
 font-size: .45rem;
 line-height: .75rem;
}
.result .cost-note p {
 color: #666;
}
/*维修价格查询结果-----------------------------------------------------------------------------------------*/

/*友情提示-----------------------------------------------------------------------------------------*/
.friend_tips h3 {
 text-align: center;
 font-size: .55rem;
 padding: .55rem;
 margin: 0;
 color: #000;
}
.friend_tips p {
 font-size: .45rem;
 color: #666;
 margin-bottom: .25rem;
 line-height: .65rem;
}
/*友情提示-----------------------------------------------------------------------------------------*/

/*防伪查询-----------------------------------------------------------------------------------------*/
.page-security .b1, .page-security .b2 {
 text-align: center;
}
.page-security .b1 {
 padding: 0;
 margin-top: .4rem;
 margin-bottom: .45rem;
 background: none;
}
.page-security .b1 p {
 color: #333333;
 font-size: .5rem;
 font-weight: 700;
}
.page-security .b2 {
 margin-bottom: .64rem;
}
.page-security .b2 p {
 color: #333333;
 font-size: .4rem;
}
.page-security .b3 ul {
 overflow: hidden;
  margin: 0 .55rem;
}
.page-security .b3 li {
 border: 1px solid #B2B2B2;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 overflow: hidden;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box;
 display: -o-box;
 display: box;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-box-align: center;
 -o-box-align: center;
 box-align: center;
 -webkit-box-pack: center;
 -moz-box-pack: center;
 -ms-box-pack: center;
 -o-box-pack: center;
 box-pack: center;
 height: 3rem;
 background: #FCFCFC;
 margin-bottom: .35rem;
 padding: .63rem 0;
}
.page-security .b3 li.i1:before {
 display: block;
 content: '\0020';
 width: 2.4rem;
 height: 2.4rem;
 background: url(//s1.mi.com/m/images/m/11.png) 0 0 no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -ms-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.page-security .b3 li p {
 color: #333333;
 font-size: .45rem;
 font-weight: 700;
 width: 3.2rem;
 margin-left: .4rem;
}
.page-security .b3 li.i2:before {
 display: block;
 content: '\0020';
 width: 2.4rem;
 height: 2.4rem;
 background: url(//s1.mi.com/m/images/m/12.png) 0 0 no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -ms-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.page-security .b3 li.i3:before {
 display: block;
 content: '\0020';
 width: 2.4rem;
 height: 2.4rem;
 background: url(//s1.mi.com/m/images/m/13.png) 0 0 no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -ms-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.page-security .b3 li.i4:before {
 display: block;
 content: '\0020';
 width: 2.4rem;
 height: 2.4rem;
 background: url(//s1.mi.com/m/images/m/14.png) 0 0 no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -ms-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.page-security .b3 li.i5:before {
 display: block;
 content: '\0020';
 width: 2.4rem;
 height: 2.4rem;
 background: url(//s1.mi.com/m/images/m/15.png) 0 0 no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -ms-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
/*防伪查询-----------------------------------------------------------------------------------------*/

/*申请联盟--------------------------------------------------------------------------------------* */
.apply{width: 100%;}
.apply .top{width: 96%; margin: 3% auto;}
.apply .top ul li{width: 48%; text-align: center; padding: 8% 0; background-color: #fff; border: 1px solid #e1e1e1;}
.apply .top ul li i{font-size: 1rem; color: #dbdbdb;}
.apply .top ul li p{font-size: .4rem; color: #999999; margin-top: .2rem;}

.apply .bottom{width: 100%; margin-bottom: 5%; background-color: #fff; border-top: 1px solid #e1e1e1;}
.apply .bottom ul li{width: 100%; float: left; border-bottom: 1px solid #e1e1e1; line-height: 1.5rem;}
.apply .bottom ul li div{width: 100%; padding: 0 3%;}
.apply .bottom ul li p{width: 20%; float: left; font-size: .4rem; color: #333333;}
.apply .bottom ul li input{margin: 0; padding: 0; float: left; width: 80%; border: none; font-size: .4rem; color: #333333;line-height: 1.5rem;}

.applylist{width: 100%; margin-top: 3%; height: 1.5rem; line-height: 1.5rem; padding:0 3%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #fff;}
.applylist p{font-size: .4rem; color: #333333;}
.applylist p span{color: #999999;}
.applylist i{color: #25cb83; font-size: .6rem;}
.appxiugai{width: 96%; margin: 5% auto;}
.appxiugai ul li{width: 100%; margin-bottom: 3%; background-color: #fff; line-height: 1.5rem; border: 1px solid #e1e1e1;}
.appxiugai ul li i{font-size: .6rem; color: #d7d7d7; width: 10%; text-align: center;}
.appxiugai ul li input{margin: 0; padding: 0; border: none; line-height: 1.4rem; font-size: .45rem; width: 90%;}

.apply .xia{width: 96%; margin: 0 auto 5%;}
.apply .xia .btn{width: 48%; text-align: center; height: 1.5rem; line-height: 1.5rem; background-color: #ff8b23; font-size: .5rem; color: #fff;}
.apply .xia .btn:last-child{background-color: #25cb83;}

/*
 全部订单----------------------------------------------------------------------------------
 * */
.order-top{width: 100%; background-color: #25cb83;}
.order-top ul li{float: left; width: 20%; text-align: center;}
.order-top ul li a{padding: 20% 0; font-size: .5rem; display: inline-block; color: #fff;}
.order-top ul li.cur a{border-bottom: 2px solid #f58611; color: #fff;}
.order-list{width: 100%; background-color: #fff; border-top: 1px solid #dcdad3; border-bottom: 0;}
.order-list .ordernum{width: 100%; padding:3% 5%; font-size: .4rem; color: #333333; border-bottom: 1px solid #dcdad3;}
.order-list .ordernum p.dd_list1{ color: #333333;margin-bottom: 1%; width: 80%;}
.order-list .ordernum p.dd_list2{ color: #9f9f9f;}
.order-list .ordernum span{border-radius: 3px;font-size: .35rem; margin-left: 3%; padding: .1rem;color: #7188bd;}
.order-list .list{width: 100%; padding: 5%; position: relative; border-bottom: 1px solid #dcdad3;}
.order-list .list .tu{width: 15%; text-align: center;}
.order-list .list .tu img{max-width: 100%; vertical-align: middle;}
.order-list .list .middle{width: 80%; margin-left: 3%;}
.order-list .list .middle .tit{width: 100%; font-size: .4rem; line-height: 1rem; color: #525252; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.order-list .list .middle .fu-tit{color: #888888; font-size: .35rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.order-list .list .middle .price{width: 110%; margin-top: 5%;}
.order-list .list .middle .price .xprice{color: #da242b; display: inline-block; font-size: .55rem;}
.order-list .list .middle .price .yprice{font-size: .35rem; display: inline-block; color: #a4a4a4; margin-left: 2%; text-decoration: line-through;}
.order-list .list .middle .price .sjzhuanx{margin-left: 4%; display: inline-block; background-color: #37a0ed; color: #fff;}
.order-list .list .middle .price .shu{float: right; display: inline-block; font-size: .5rem; color: #4d4e50;}
.gopay-btn{display: block; margin: 3% 0; width: 21.429%; margin-right: 5%; text-align: center; padding: 2% 0; background-color: #7188bd; color: #fff; font-size: .4rem;border-radius: 5px;}
.item-tip{
 font-size: 0.4rem;
}
.oi3 {
 font-size: .4rem;
 padding: .3rem;
 text-align: right;
 border-top: 1px solid #ECECEC;
}
.order_list .oi3 span {
 color: #999;
}
.order_list .oi3 span:first-child { margin-right: .2rem;  }
.page-my-order .order_list .oi3 strong { font-size: .3rem; }
.page-my-order strong { font-weight: 400; }
/*
 订单跟踪----------------------------------------------------------------------------------
 * */
.track{width: 100%; background-color: #fff;}
.track .warning,
.track .state{padding: 5%; border-bottom: 1px solid #dcdad3; width: 100%;}
.track .warning .ctent{width: 100%; color: #444444; line-height: .7rem; font-size: .5rem; padding: 5%; border: 2px solid #d0b46c; background-color: #f8f1df;}
.track .warning .num{color: #444444; font-size: .48rem; margin-top: 5%;}
.track .state ul li{color: #444444; font-size: .48rem; line-height: .8rem;}
.track .process{width: 92%; margin: 5% 0 5% 0; padding-bottom: 10%; float: right; border-left: 2px solid #d7d7d7; background-color: #fff;}
.track .process .list{width: 100%; position: relative; margin-top: 5%;}
.track .process .list i{position: absolute; left: -.55rem; top: -.45rem;}
.track .process .list .you{width: 90%; float: right; padding-bottom: 5%; border-bottom: 1px solid #dcdad3;}
.track .process .list .you .tit{color: #999999; font-size: .48rem; line-height: .7rem;}
.track .process .list .you .time{color: #999999; font-size: .4rem; margin-top: .3rem;}
.track .process .list:first-child .you .tit,
.track .process .list:first-child .you .time{color: #d24239;}
.track .process .list:first-child{margin-top: 0;}
.track .process .list .dian{background: url(../img/dian.png) center no-repeat; background-size: 70%; width: 1rem; height: 1.5rem; display: block;}

/*
 收货评价----------------------------------------------------------------------------------
 * */
.assess{width: 100%;}
.assess .top{width: 100%; padding: 5%; background-color: #fff; border-bottom: 1px solid #dcdad3;}
.assess .top .tu{width: 17.755%; text-align: center;}
.assess .top .tu img{max-width: 100%;}
.assess .top .pinfen{width: 78%; margin-left: 3%;}
.assess .top .pinfen .tit{color: #444444; font-size: .55rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.assess .assess-right{ width: 90%; padding: 3% 0;background-color: #fff; overflow: hidden;}
.assess .assess-right{ width: 36%; overflow: hidden;}
.assess .assess-right img{width: 20%; display: block; float: left; }
.assess textarea{float: left; text-align: justify; width: 100%; border: none; font-size: .45rem; color: #444444; border-bottom: 1px solid #dcdad3; }
.assess .bottom{width: 100%; margin-top: 3%; border-top: 1px solid #dcdad3; border-bottom: 1px solid #dcdad3; background-color: #fff; padding: 5%;}
.assess .bottom .ztpinfen{color: #bcbcbc; font-size: .45rem; margin-bottom: 3%;}
.assess ul{ width: 100%; background-color: #fff; overflow: hidden;}
.assess ul li{ float: left; font-size: .5rem; color: #444444; line-height: 1.2rem;}
.assess ul .assess-right{ float: left; margin-left: 5%; width: 30%; overflow: hidden;}
.assess ul .assess-right img{width: 20%; display: block; float: left; }

.address-add{display: block; width: 100%; height: 1.5rem; line-height: 1.5rem; font-size: .5rem; color: #fff; text-align: center; background-color: #7188bd;}
.gl_add{  position: fixed;  bottom: 0;  left: 0;  right: 0;  background: #FFF;  z-index: 1;  }
/*
 联盟商家----------------------------------------------------------------------------------
 * */
.lianmeng{width: 100%;}
.lianmeng .top{width: 100%; background-color: #fff; padding: 4% 0 0;}
.lianmeng .top ul li{width: 25%; float: left; text-align: center; margin-bottom: 4%;}
.lianmeng .top ul li img{width: 60%;}
.lianmeng .top ul li p{font-size: .35rem; color: #666666; margin-top: .1rem;}
.lianmeng .middle{width: 100%; overflow: hidden; margin-top: 3%; background-color: #fff; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.lianmeng .middle .left{width: 40%; border-right: 1px solid #dcdcdc;}
.lianmeng .middle .left .tit,
.lianmeng .middle .right .shang .tit{color: #f13d3a; font-size: .5rem; margin-top: .3rem; padding: 0 .3rem;}
.lianmeng .middle .left .fu-tit,
.lianmeng .middle .right .shang .fu-tit{font-size: .35rem; color: #999999; padding: 0 .3rem; margin-top: .2rem;}
.lianmeng .middle .left img,
.lianmeng .middle .right .shang img{max-width: 100%;}
.lianmeng .middle .right{width: 60%;}
.lianmeng .middle .right .shang{width: 100%;}
.lianmeng .middle .right .shang .zuo{width: 60%;}
.lianmeng .middle .right .shang .tu{width: 40%;}
.lianmeng .middle .right .shang .tit{color: #974eda;}
.lianmeng .middle .right .shang:last-child{border-top: 1px solid #dcdcdc;}
.lianmeng .middle .right .shang:last-child .tit{color: #00cc7d;}
.lianmeng .bottom,
.sjfenlei .bottom{width: 100%; margin-top: 3%; background-color: #fff; border-top: 1px solid #dcdcdc;}
.lianmeng .bottom .tit{width: 100%; height: 1.5rem; line-height: 1.5rem; border-bottom: 1px solid #dcdcdc; font-size: .35rem; color: #000000; padding:0 4%;}
.lianmeng .bottom .content,
.sjfenlei .bottom .content{width: 100%; padding: 0 4%;}
.lianmeng .bottom .content .list,
.sjfenlei .bottom .content .list{ border-bottom: 1px solid #dcdcdc; padding: 4% 0;}
.lianmeng .bottom .content .list .tu,
.sjfenlei .bottom .content .list .tu{width: 24%; text-align: center; font-size: 0; border: 1px solid #dcdcdc;}
.lianmeng .bottom .content .list .tu img,
.sjfenlei .bottom .content .list .tu img{max-width: 100%;}
.lianmeng .bottom .content .list .nr,
.sjfenlei .bottom .content .list .nr{width: 75%;}
.lianmeng .bottom .content .list .nr .bt,
.sjfenlei .bottom .content .list .nr .bt{font-size: .5rem; color: #343434; margin-top: 3%; line-height: .8rem;}
.lianmeng .bottom .content .list .nr .fu-tit,
.sjfenlei .bottom .content .list .nr .fu-tit{font-size: .35rem; color: #666666; line-height: .8rem;}
.lianmeng .bottom .content .list:last-child,
.sjfenlei .bottom .content .list:last-child{border-bottom: none;}


/*
 商家分类----------------------------------------------------------------------------------
 * */
.sjfenlei{width: 100%;}
.sjfenlei .top{height: 1.5rem; width: 100%; background-color: #fff; border-bottom: 1px solid #dcdcdc;}
.sjfenlei .top ul li{width: 25%; float: left; border-right: 1px solid #dcdcdc; text-align: center; line-height: 1.5rem; font-size: .36rem; color: #666666;}
.sjfenlei .top ul li a{ color: #666666;}
.sjfenlei .top ul li a i{color: #a8a8a8; font-size: .5rem;}
.sjfenlei .top ul li input{margin: 0; padding: 0; font-size: .36rem; color: #666666; border: none; text-indent: .2rem; width: 70%;}
.sjfenlei .bottom{margin-top: 0; border-top: none;}

/*
 商家详情----------------------------------------------------------------------------------
 * */
.sjdetail{width: 100%;}
.sjdetail .top{width: 100%; background-color: #fff; border-bottom: 1px solid #DCDCDC; padding: 5%;}
.sjdetail .top .tu{width: 16.5%; overflow: hidden; text-align: center; margin-top: 3%;}
.sjdetail .top .tu img{max-width: 100%;}
.sjdetail .top .nr{width: 78%;}
.sjdetail .top .nr ul li{font-size: .36rem; color: #999999; line-height: .8rem;}
.sjdetail .top .nr ul li:first-child{font-size: .5rem; color: #333333;}
.sjdetail .top .nr ul li i{color: #00cc7d; font-size: .5rem; margin-right: .2rem;}
.sjdetail .middle{width: 100%; margin-top: 3%; background-color: #fff; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.sjdetail .middle p{width: 100%; padding: 0 4%; height: 1.5rem; line-height: 1.5rem; font-size: .36rem; color: #707070; border-bottom: 1px solid #DCDCDC;}
.sjdetail .middle .nr{padding: 4%;}
.sjdetail .middle .nr ul li{font-size: .36rem; color: #999999; line-height: .8rem; margin-bottom: 3%;}

.sjtab { width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; overflow: hidden; background-color: #fff; margin-top: 3%;}
.sjtab .tab-hd { height: 1.4rem; color: #404040; border-bottom: 1px solid #dcdcdc;}
.sjtab .tab-hd li{ float: left; border-right: 1px solid #dcdcdc; height: 1.4rem; line-height: 1.4rem; width: 50%; text-align: center;}
.sjtab .tab-hd li a{ display:block; color: #707070; font-size: .36rem;}
.sjtab .tab-hd li.on{background-color: #fff; position: relative; border-bottom: 2px solid #00cc7d;}
.sjtab .tab-hd li.on a{color: #00cc7d;}
.sjtab .tab-hd li:last-child{border-right: none;}
.sjtab .tab-bd img{max-width: 100%;}
.sjtab .tab-bd .list{width: 100%; padding: 4%; border-bottom: 1px solid #dcdcdc;}
.sjtab .tab-bd .list:last-child{border-bottom: none;}
.sjtab .tab-bd .list .shang{width: 100%;}
.sjtab .tab-bd .list .shang .tu{width: 1.2rem; height: 1.2rem; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
.sjtab .tab-bd .list .shang .tu img{max-width: 100%;}
.sjtab .tab-bd .list .shang .ming{font-size: .36rem; color: #666666; line-height: 1.2rem; margin-left: .3rem;}
.sjtab .tab-bd .list .shang .time{font-size: .3rem; color: #999999; line-height: 1.2rem;}
.sjtab .tab-bd .list .xia{width: 100%; padding-left: 1.5rem; color: #333333; font-size: .4rem;}

/*
 登录----------------------------------------------------------------------------------
 * */
.login{width: 100%; padding-top: 10%; background: #eee; position: absolute; min-height: 100%; background-size: cover;}
.login h3{width: 100%; text-align: center; font-size: .65rem;font-weight: normal; color: #424242;}
.login .list{width: 88%; margin: 8.5% auto 5%;}
.login .list ul li{width: 100%; overflow: hidden; margin-bottom: 1px; height: 1.3rem; float: left;}
.login .list ul li p{width: 1.5rem; height: 1.5rem; position: relative; line-height: 1.5rem; text-align: center;}
.login .list ul li p span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000;}
.login .list ul li p i{color: #8c8c8c;}
.login .list ul li .nr{width: 100%; height: 1.3rem; position: relative;}
.login .list ul li .nr input{background: #ffffff; position: relative; border: none; margin: 0; padding: 0; line-height: 1.3rem; height: 1.3rem; text-indent: 1em; font-size: .4rem; color: #333; width: 100%;}
.login .list ul li .nr span{position: absolute; width: 100%; height: 100%; background-color: #ffffff;}
.login .list ul li .nrtwo input{width: 70%;}
/*.login .list ul li .nrtwo samp{width: 28%; line-height: 1.5rem; font-size: .7rem; border-radius: 5px; -webkit-border-radius: 5px; margin-right: 2%; text-align: center; height: 1.5rem; background-color: #f8ec88; color: #333333;}*/

.radiofour .option{width: .6rem; height: .6rem; position: absolute; top: 0; left: 0; background-size: cover;  background: url(../img/que.png) no-repeat; background-size: cover;}
.radiofour input[type="checkbox"] {display: inline-block ; margin-right: .3rem ; opacity: 0 ;}
.radiofour input[type="checkbox"]:checked+div {background: url(../img/que1.png) no-repeat; background-size: cover;}

.login .mima{width: 88%; margin: 0 auto;}
.login .mima .xuan span{font-size: .4rem; color: #fff;}
.login .mima ul li a{font-size: .4rem; color: #333;}

.login-btn{width: 88%; margin: 8.5% auto 0;}
.login-btn a{display: block; width: 100%; font-family: "微软雅黑"; height: 1.4rem; line-height: 1.35rem; position: relative; text-align: center; background-color: #33b4ff;border-radius: 30px; -webkit-border-radius: 30px; margin-bottom: 4%; color: #fff; font-size: .55rem;}
.login-btn .btn{background: none;}
.login-btn .btn span{border-radius: 30px; -webkit-border-radius: 30px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #ffffff;border: 1px solid #ddd;}
.login-btn .btn samp{color: #333333;position: relative; font-family: "微软雅黑";}
.oth_type_links {
 padding-top: 10px;
 text-align: center;
 display: -webkit-box;
 display: box;
 -webkit-box-pack: center;
 box-pack: center;
}
fieldset, img {
 border: 0;
}
.oth_type_txt {
 font-size: .5rem;
 color: #b0b0b0;
}
.btn_sns_icontype {
 background: url(../img/iconstype_wap.png);
 display: block;
 background-size: auto 19px;
 width: 26px;
 height: 19px;
}
.icon_default_qq {
 background-position: 0 0;
}
.icon_type .btn_sns_icontype {
 background-size: auto 29px;
 width: 39px;
 height: 29px;
 margin: 8px auto 0;
}
.btn_qq {
 background-color: #0288d1;
}
.icon_type {
      width: 45px;
      height: 45px;
      margin: 0 10px;
      display: inline-block;
      text-indent: -9999px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
}
.btn_weibo {
 background-color: #d32f2f;
}
.icon_type .icon_default_weibo {
 background-position: -39px 0;
}
.btn_alipay {
 background-color: #0ae;
}
.icon_type .icon_default_alipay {
 background-position: -78px 0;
}
.oth_type_links .btn_weixin {
 display: none;
}
fieldset {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.oth_type_tit {
 margin: 0.8rem 0 0.4rem !important;
 border-top: 1px dashed #bdbdbd !important;
 padding-top: 10px !important;
}
.n_links_area {
 padding: 40px 0 10px;
 text-align: center;
 color: #e0e0e0;
}
.n_links_area a {
 padding: 0 9px;
 font-size: .5rem;
 color: #757575;
 display: inline-block;
}
.n-footer {
 color: #757575;
 line-height: 1.5;
 text-align: center;
 font-size: .14rem;
 margin-top: 1.2rem;
 height: .9rem;
}
.nf-link-area {
 text-align: center;
}
.nf-link-area li {
 display: inline-block;
}
.nf-link-area a {
 display: inline-block;
 padding: 0 10px;
 color: #757575;
 font-size: 0.45rem;
}
.nf-link-area a.current {
 color: #333;
}
.nf-intro {
 padding: 10px;
 font-size: 0.4rem;
}
.nf-intro a{
 color: #757575;
 font-size: 0.4rem;
}




/*
 注册----------------------------------------------------------------------------------
 * */
.login .mimaone{margin-bottom: 10%;}
.login .mimaone ul li a{font-size: .4rem; color: #25cb83; text-decoration: underline;}

/*
 密码重置----------------------------------------------------------------------------------
 * */
.reset{width: 100%;}
.reset .top{width: 100%; padding:0 6%; height: 1.5rem; line-height: 1.5rem; font-size: .5rem;}
.reset .top i{font-size: .6rem; color: #25cb83;}
.reset .top a{color: #25cb83;}
.reset .content{width: 88%; margin: 5% auto;}
.reset .content .tit{width: 100%; margin-bottom: 10%; text-align: center; font-size: .5rem; color: #333333;}
.reset .content .list ul li{width: 100%; line-height: 1.5rem; height: 1.5rem; overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.reset .content .list ul li i{width: 12%; text-align: center; font-size: .5rem; color: #d7d7d7;}
.reset .content .list ul li input{margin: 0; height: 1.5rem; font-size: .45rem; color: #333333; width: 80%; background: none; padding: 0; border: none;}

/*
 手机号验证----------------------------------------------------------------------------------
 * */
.reset .content .list ul li .yzheng{width: 50%;}
.reset .content .list ul li span{font-size: .45rem; color: #25cb83; border-left: 1px solid #dcdcdc; height: .6rem; line-height: .6rem; padding-left: .2rem; margin-top: .45rem;}

/*
 管理收货地址----------------------------------------------------------------------------------
 * */
.report-header{width: 100%; padding: 5% 3%; background-color: #faf8f3; border-bottom: 2px solid #dcdad3;}
.report-header .icon-fanhui:before{display: block; width: 20%; float: left;}
.report-header p{width: 100%; text-align: center; float: right; color: #404040; font-size: .5rem;}
.addlist{width: 100%; background-color: #fff; border-top: 1px solid #dcdad3; border-bottom: 1px solid #dcdad3; margin-bottom: 2%;}
.addlist .top{width: 100%; padding: 5%;}
.addlist .top ul li{width: 100%; color: #333333; font-size: .45rem; float: left;}
.addlist .top ul li:last-child{margin-top: .3rem; line-height: .8rem;}
.addlist .bottom{padding: 5% 5%;}
.addlist .bottom .shopcar{padding: 0;}
.addlist .bottom .shopcar{border-bottom: none;}
.addlist .bottom .shopcar-checkbox{height: 2rem; padding: 0;}
.addlist .bottom .shopcar .shopcar-checkbox label{position: absolute; top: 0; left: 0; width: 100%; max-width: 44px; height: 100%; background: url(../img/checktwo.png) no-repeat; background-size: 80%; background-position: 50% ; -moz-user-select: none; }
.addlist .bottom .shopcar .shopcar-checkbox .shopcar-checkd{position: absolute; top: 0; left: 0; width: 100%; max-width: 44px; height: 100%; background: url(../img/checketwo.png) no-repeat; background-size: 80%; background-position: 50% ;  }
.addlist .bottom .mradd{font-size: .45rem; color: #d24239; margin-top: .1rem; margin-left: 1rem;}
.addlist .bottom .right{width: 50%;}
.addlist .bottom .right a{font-size: .45rem; color: #333333; margin-top: .1rem; display: block;}
.addlist .bottom .right a:first-child{margin-left: 5%;}
.addlist .bottom .smradd{color: #333333;}
.addlist .bottom .right a i{color: #999;}

.addlist .top .ui-list-item {
 border-bottom: 1px solid #f6f6f6;
 display: block;
 overflow: hidden;
 background: #FFF;
 padding: .2rem .3rem;
 padding-left: 0;
 font-size: 0.3rem;
}
.top .ui-list-item p{
 color: #333333;
 line-height: .6rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.top .edit {
 position: relative;
 padding-right: .5rem;
 font-size: .24rem;
}
.top .edit:after {
 content: "\0020";
 position: absolute;
 width: .14rem;
 height: .14rem;
 right: .14rem;
 top: 50%;
 margin-top: -.07rem;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 -webkit-transform: rotate(-45deg);
}














/*
 添加新地址----------------------------------------------------------------------------------
 * */
.report-header .baocun{display: block; width: 12%; text-align: right; color: #666666; font-size: .5rem;}
.report-header .baocun a{color: #666666;}
.add-address .textare{width: 100%; border: none; border-bottom: 1px solid #dcdad3; padding: 2% 5%; font-size: .45rem; color: #333333;}
.add-address .plist ul li:last-child{margin-bottom: 0;}
.address-btn{width: 100%; padding: 3% 5%; border-top: 1px solid #dcdad3; border-bottom: 1px solid #dcdad3; background-color: #fff;}
.address-btn .szwmr{font-size: .45rem; color: #333333; line-height: 1rem;}
.toggle {position: relative;display: block;margin: 0 auto;	width: 2rem;height: 1rem; color: white;outline: 0;	text-decoration: none;border-radius: 100px;border: 2px solid #dcdad3;background-color: #faf8f3;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.toggle:active {background-color: #fff;}
.toggle:hover:not(.toggle--moving):after {background-color: #ffffff;}
.toggle:after {display: block;position: absolute;top: -2px;bottom: 0;left: -2px;width: calc(50% - 4px);width: .9rem;height: .9rem;text-align: center;text-transform: uppercase;font-size: 0;color: white;background-color: #ffffff;border: 2px solid;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.toggle--on:after {content: 'On';border-radius: 50%;color: #ffffff;border: 2px solid #dcdad3;}
.toggle--off{background-color: #ccc;}
.toggle--off:after {content: 'Off';border-radius: 50%;color: #fff;border: 2px solid #dcdad3;background-color: #fff;-webkit-transform: translate(100%, 0);-moz-transform: translate(100%, 0);-o-transform: translate(100%, 0);transform: translate(100%, 0);}
.toggle--moving {background-color: #fff;}
.toggle--moving:after {color: transparent;border-color: #dcdad3;background-color: #fff;-webkit-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;-moz-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;-o-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;}

/*
 选择收货地址----------------------------------------------------------------------------------
 * */
.addlist .top ul li .moren{color: #d24239;}
.choice-address .addlist{border-bottom: none; margin-bottom: 0;}
.choice-address .addlist:last-child{border-bottom: 1px solid #dcdad3;}
.choice-address .addlist .top{border-bottom: none;}

.plist{width: 100%; background-color: #fff;}
.plist ul li{width: 100%; padding: 0 5%; height: 1.5rem; line-height: 1.5rem; border-bottom: 1px solid #dcdad3; box-sizing: border-box; -webkit-box-sizing: border-box;}
.plist ul li a{display: inline-block; width: 100%;}
.plist ul li p{line-height: 1.5rem; margin-left: 3%; color: #333333; font-size: .45rem;}
.plist ul li p.tel{color: #666; width: 80%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.plist ul li input{margin: 0; text-indent: .5em; padding: 0; border: none; width: 60%; height: 1.45rem; font-size: .45rem; color: #333;}
.plist ul li i{color: #999; font-size: .5rem;}
.plist ul li input.checkbox_add{ width: 0.45rem; height: 0.45rem; margin: 0.5rem 0;}
.save-button {  position: fixed;  bottom: 0;  left: 0;  right: 0;  display: box;  display: -webkit-box;  }
.add_address .ui-button {
 display: block;
 color: #fff;
 background-color: #7188bd;
 text-align: center;
 height: 1.5rem;
 line-height: 1.5rem;
 width: 100%;
 border: 1px solid #7188bd;
}

/*选择收货地址*/
.page-address-position .top-bar {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 background: #fff;
 border-bottom: 1px solid #f6f6f6;
 position: fixed;
 width: 100%;
 height: .8rem;
 top: .84rem;
 left: 0;
}
.ui-box {
 display: box;
 display: -webkit-box;
 box-align: center;
 -webkit-box-align: center;
 box-pack: center;
 -webkit-box-pack: center;
}
.top-bar .city {
 display: block;
 color: #333;
 width: 2.7rem;
 height: 1.2rem;
 line-height: 1.2rem;
 text-align: center;
 border-right: 1px solid #f6f6f6;
}
.top-bar .city .text {
 height: .8rem;
 overflow: hidden;
 font-size: 0.3rem;
 max-width: .96rem;
 line-height: .8rem;
 white-space: nowrap;
 display: inline-block;
 vertical-align: middle;
 text-overflow: ellipsis;
}
.top-bar .city .icon-fold {
 display: inline-block;
 font-size: .3rem;
 margin-left: .1rem;
 color: #ddd;
}
.top-bar .icon-search {
 font-size: .36rem;
 margin-left: .3rem;
}
.top-bar .ui-input {
 border: 0;
}
.ui-input input {
 width: 100%;
 padding: .18rem .3rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 border: none !important;
}
.top-bar .ui-input input {
 height: 1rem;
 margin: 0.2rem 0;
 font-size: 0.3rem;
 padding: .3rem .2rem;
}
.top-bar .icon-search {
 color: #999999;
 font-size: .6rem;
 margin-left: .3rem;
}
.search-list {
 margin-top: 1.84rem;
 background: #fff;
 font-size: 0.3rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.search-list ul {
 padding: 0 .4rem;
}
.ui_line {
 height: .35rem;
 background: #f5f5f5;
 overflow: hidden;
 clear: both;
}
.manually-box {
 height: 1.5rem;
 background: #fff;
 font-size: 0.3rem;
 text-align: center;
 line-height: 1.5rem;
}
.manually-box span {
 color: #7188bd;
}
.consignee {
 margin-right: .6rem;
 color: #7188bd;
}
.top_em {
 color: #7188bd;
 font-size: .2rem;
}

/*
 提交订单----------------------------------------------------------------------------------
 * */
.sorder{width: 100%;}
.sorder .warning{width: 100%; padding:3% 5%; font-size: .45rem; color: #bcbcbc; background-color: #fff; border-bottom: 1px solid #dcdad3; text-align: left; /*overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;*/}
.sorder .odernum{width: 100%; margin-top: 5%; background-color: #fff; border-top: 1px solid #dcdad3; border-bottom: 1px solid #dcdad3;}
.sorder .odernum ul li{box-sizing: border-box; -webkit-box-sizing: border-box; color: #333333; font-size: .5rem; padding: 3% 5%; border-bottom: 1px solid #dcdad3;}
.sorder .odernum ul li:last-child{border-bottom: none;}
.sorder .odernum ul li span{color: #d24239; font-size: .57rem;}
.pay-method{width: 100%; background-color: #fff; margin-top: 5%; border-top: 1px solid #dcdad3;}
.pay-method ul li{width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 3% 5%; border-bottom: 1px solid #dcdad3;}
.pay-method ul li:last-child{border-bottom: none;}
.pay-method ul li:first-child{color: #333333; font-size: .45rem;}
.sorder .shopcar .shopcar-checkbox{float: right;}
.sorder .sorder-list{width: 80%; height: 2rem;}
.sorder .sorder-list i{line-height: 2rem; font-size: .8rem;}
.sorder .sorder-list .zuo{margin-top: .3rem; margin-left: 3%;}
.sorder .sorder-list .zuo .tit{color: #111111; font-size: .5rem; line-height: .8rem;}
.sorder .sorder-list .zuo .fu-tit{font-size: .35rem; color: #b3b3b3;}
.sorder .addlist{border-bottom: none;}
.sorder .addlist .bottom{border-bottom: 1px solid #dcdad3;}
.radiosss .option{top: auto;}

/*用户结算*/
.b0 .info-tips {
 background: #fbf3c4;
 color: #b57842;
 padding: .25rem;
 opacity: .7;
 font-size: 0.45rem;
}
.b0 .info-tips span {
 line-height: .3rem;
}
.b1 {
 padding: .26rem .4rem;
 background: #fff;
}
.b1 {
 background: #FFF url(../img/bd1.png) 0 0 repeat-x;
 -webkit-background-size: .52rem .08rem;
 -moz-background-size: .52rem .08rem;
 -ms-background-size: .52rem .08rem;
 -o-background-size: .52rem .08rem;
 background-size: .52rem .08rem;
 padding-top: .4rem;
 padding-bottom: .3rem;
 position: relative;
}
.b1 a {
 width: 95%;
 color: #333333;
 display: block;
 font-size: 0.45rem
}
.b1 .b11 {
 font-size: 0.45rem;
 font-weight: 700;
 margin-bottom: .2rem;
}
.b1 .b11 p span {
 color: #222222;
 margin-right: .1rem;
}
.b1 .b13 {
 line-height: .6rem;
 color: #757575;
}
.con_right{
 width: 5%;
 line-height: 2rem;
 text-align: right;
}
.sorder .ui_line {
 border-top: 1px solid #e0e0e0;
 border-bottom: 1px solid #e0e0e0;
}
.sorder .b2 {
 background: #fff;
}
.sorder .b2 ul {
 max-height: 10rem;
 overflow: hidden;
 -webkit-transition: max-height .6s ease-in-out;
 transition: max-height .6s ease-in-out;
}
.sorder .b2 .zf_type {
 max-height: 2.7rem;
}

.sorder .b2 li {
 margin: 0 .4rem;
 border-bottom: 1px solid #eee;
}
.sorder .b2 .item {
 padding-right: .6rem;
 background-image: url(../img/check_normal.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 -webkit-background-size: .4rem .4rem;
 -moz-background-size: .4rem .4rem;
 -ms-background-size: .4rem .4rem;
 -o-background-size: .4rem .4rem;
 background-size: .4rem .4rem;
}
.sorder .b2 .item.on {
 background-image: url(../img/check_press.png);
}
.sorder .b2 .item a {
 color: #333333;
 display: block;
 font-size: 0.45rem;
 line-height: .4rem;
 padding-left: 1rem;
 padding-top: .4rem;
 padding-bottom: .4rem;
}
.sorder .b2 .item a.weixin_wap {
 background: url(//s1.mi.com/m/images/m/pay_wx.png) 0 50% no-repeat;
 -webkit-background-size: .8rem .8rem;
 -moz-background-size: .8rem .8rem;
 -ms-background-size: .8rem .8rem;
 -o-background-size: .8rem .8rem;
 background-size: .8rem .8rem;
}
.sorder .b2 .item .ui-box-flex {
 color: #999;
 font-size: 0.45rem;
 margin-left: .2rem;
}
.sorder .b2 .item a.alipaywap {
 background: url(../img/pay_zfb2.png) 0 50% no-repeat;
 -webkit-background-size: .8rem .8rem;
 -moz-background-size: .8rem .8rem;
 -ms-background-size: .8rem .8rem;
 -o-background-size: .8rem .8rem;
 background-size: .8rem .8rem;
}
.sorder .b2 .item a.unionpaywap {
 background: url(../img/pay_yl1.png) 0 50% no-repeat;
 -webkit-background-size: .8rem .8rem;
 -moz-background-size: .8rem .8rem;
 -ms-background-size: .8rem .8rem;
 -o-background-size: .8rem .8rem;
 background-size: .8rem .8rem;
}
.sorder .b2 .item a.antinstal_m {
 background: url(../img/pay_antinstalment.png) 0 50% no-repeat;
 -webkit-background-size: .8rem .8rem;
 -moz-background-size: .8rem .8rem;
 -ms-background-size: .8rem .8rem;
 -o-background-size: .8rem .8rem;
 background-size: .8rem .8rem;
}
.sorder .b2 .payment-fold-switch {
 color: #bdbdbd;
 font-size: 0.45rem;
 line-height: 1.2rem;
 text-align: center;
 margin: 0 .4rem;
 border-top: 1px solid #eee;
}
.item-fold {
 position: relative;
}
.b3 dt {
 height: 1.2rem;
 font-size: 0.45rem;
 line-height: .3rem;
 padding: .4rem .4rem;
}
.sorder .b3 dt span {
 float: right;
 color: #bdbdbd;
 margin-right: .4rem;
}
.sorder .b3 dt strong{
 font-weight: 400;
}
.sorder .b3 dd {
 max-height: 0;
 overflow: hidden;
 padding: 0 .4rem;
 font-size: 0.45rem;
 background: #f5f5f5;
 -webkit-transition: max-height .6s ease-in-out;
 transition: max-height .6s ease-in-out;
}
.sorder .b3 .dd-unfold {
 width: 100%;
 display: block;
 overflow: auto;
 max-height: 8rem;
}
.sorder .b3 .dd-title {
 color: #6a6a6a;
 line-height: 1.2rem;
}
.ui-radio-button li {
 float: left;
 margin-right: 0;
 margin-bottom: .1rem;
}
.b3 .shipment a {
 background: transparent;
 padding: 0;
 border: 0;
 color: #333;
}
.b3 .ui-radio-button a.on {
 border-color: #f60;
}
.b3 .gap-line {
 background: #eee;
 height: 1px;
 padding-bottom: 0;
}
.b3 .dd-part {
 padding-bottom: .7rem;
}
.ui-radio-button {
 overflow: hidden;
}
.ui-radio-button li {
 float: left;
 margin-right: .1rem;
 margin-bottom: .06rem;
}
.ui-radio-button li a {
 display: block;
 font-size: .24rem;
 border: 1px solid #f6f6f6;
 padding: .18rem .3rem;
 background: #FFF;
}
.ui-radio-button li a.on {
 border-color: #7188bd;
 color: #7188bd;
}
.ui-radio-button li a {
 color: #333;
 padding: .2rem;
 border-radius: 5px;
}
.b3 .ui-radio-button a {
 border: 1px solid #e0e0e0;
}
.b3 .ui-radio-button a.on {
 border-color: #7188bd;
}
.dd-part .mb20 {
 margin-bottom: .2rem;
}
.ui-box .ui-box-flex {
 -webkit-box-flex: 1;
 box-flex: 1;
}
.ui-input {
 overflow: hidden;
 font-size: .4rem;
 border: 1px solid #f6f6f6;
}
.b3 .ui-input {
 height: 1.2rem;
 position: relative;
 border-radius: 5px;
 border: 1px solid #e0e0e0;
}
.ui-input input {
 width: 100%;
 font-size: 0.45rem;
 border-radius: 5px;
 padding: .25rem .5rem;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 border: 0;
}
.b3 .gap-line {
 background: #eee;
 height: 1px;
 padding-bottom: 0;
}
.b3 .ui-input .rule {
 position: absolute;
 right: .2rem;
 top: 50%;
 transform: translateY(-50%);
}
.b3 .ui-input .rule img {
 width: .6rem;
 height: .6rem;
}

/*用户结算*/

/*会员须知----------------------------------------------------------------------------------*/
.logintwo .xzcontent{width: 94%; margin: 5% auto 0; line-height: .8rem; font-size: .5rem; color: #666; /*background-color: #fff;*/ color: #fff; padding: 4%; border: 1px dashed #00CC7D;}
.logintwo .login-btn a{font-size: .5rem;}


@media (max-width:420px) and (min-width: 361px) {
 body{
  font-size: 0.5rem;
 }
}

@media (max-width:360px) and (min-width: 320px) {
 .a1 .more {
  font-size: 0.4rem;
 }
}