/* layout */
body{
  background-color:#fff;
  padding-bottom: 40px;
}
.container {
  width: 9.5rem;
  margin: 0 auto;
}

.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.table {
  display: table;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
}
span,img,input,a,p,li{
  vertical-align: middle;
}
.pointer{
  cursor: pointer;
}
.goToCart{
  display: block;
  z-index: 9999;
  width: 0.866rem;
  height: 0.866rem;
  background-image: url(../images/goToCart.png);
  background-repeat: no-repeat;
  background-color:#fff;
  background-size: 100% 100%;
  position: absolute;
  right: 0.32rem;
  bottom: 2rem;
  border-radius: 50%;
  border:1.5px solid #f93;
}

.bottomNav{
  font-size: 0;
  height:40px;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 99999;
  width:100%;
  border-top:1px solid #ed712b;
  background-color:#ed712b;
  text-align: center;
}
.bottomNav a{
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  height:40px;
  background-image:url('../images/goToCart-white.png');
  background-repeat: no-repeat;
  background-size:20px 20px;
  background-position: left center;
  padding-left: 24px;
  color:#fff;
  text-align: center;

}
.bottomNav a:first-child{
  /* border-right: 1px solid #f93; */
}

.radio{
  width: 11px;
  height:11px;
  border:1px solid #333;
  border-radius: 50%;
  background-color:#fff;
  display: inline-block;
  box-sizing: content-box;
}
.radio.on{
  width:4px;
  height:4px;
  border:4.5px solid #f93;
  background-color:#fff;
}

/* 商品聚合广告 */
.reta-list .cnts .title{
  font-size: 0.36rem;
  line-height: 0.46rem;
  width:6.6rem;
}
.reta-list .cnts .title span.btn,
.reta-list .cnts .title span.btn span{
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #f93;
  padding: 0.05rem 0.2rem;
  border-radius: 4px;
}
.reta-list .cnts .title span.btn span.icon{
  background-image:url(../images/cart_on.png);
  width:0.36rem;
  height:0.36rem;
  vertical-align: middle;
  background-size: cover;
}
.reta-list .cnts .title span.btn span{
  padding:0;
}

.reta-list .cnts .title .color{
  padding:0;
}
.adbox{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 9999999;
  background-color:rgba(0,0,0,0.2);
}
.adbox .cell{
  vertical-align: middle;
  width:100%;
  height:100%;
  text-align: center;
}
.adbox .ad{
  position: relative;
  margin:0 auto;
  display: inline-block;
}
.adbox .ad img{
  width:100%;
}
.adbox .ad .close{
  position: absolute;
  color:#fff;
  display: block;
  width:30px;
  height:30px;
  line-height: 30px;
  font-size: 30px;
  top:-30px; 
  right:0;
  cursor: pointer;
}

/* 购物车 */
#cart .submit-order{
  /* position: fixed; */
  bottom:0;left:0;width:100%;padding-bottom: 0;padding-top:10px;}
#cart .top .pointer{display: inline-block;padding-left:10px;}
#cart .cart {padding-bottom: 71px;}
#cart .cart .unit{border-bottom: 1px solid #797979;padding-top:10px;}
#cart .cart .unit:last-child{border-bottom: none;}
#cart .cart .table{width:100%;}
#cart .cart .table .cell{vertical-align: middle;}
#cart .cart .table .check.cell{width:1rem;}
#cart .cart .table .check span{background-image: url(../images/checkbox.png);background-size: cover;width:20px;height:20px;display: inline-block;}
#cart .cart .table .check.on span{background-image: url(../images/checkbox-active.png);}
#cart .cart .table .check input{display: none;}
#cart .cart .img{width:3rem;}
#cart .cart .img img{width:2.4rem;}
#cart .cart .info{width:5.5rem;padding-left:0.3rem;text-align: left;font-size: 12px;line-height: 18px;}
#cart .cart .info .symbol{color:#f93;padding-right: 5px;}
#cart .cart .pricebox{padding-top:5px;}
#cart .cart .calc{font-size: 0;}
#cart .cart .calc .btn{font-size: 12px;line-height: 16px;vertical-align: middle;display: inline-block;height:18px;width:18px;text-align: center;color:#fff;background-color:#f93;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#cart .cart .calc .num{width:20px;text-align: center;border-top:1px solid #f93;border-bottom: 1px solid #f93;font-size: 12px;line-height: 18px;height:18px;}
#cart .cart .fun{font-size: 0;text-align: right;margin:5px 0 10px;}
#cart .cart .fun a{font-size: 10px;line-height: 18px;display: inline-block;padding:0 15px;border-radius: 12px;border:1px solid #797979;margin-left:5px;}
/* 个人中心 */
#uc .item{font-size: 14px;line-height: 40px;padding:0 10px;text-align: left;}
#uc .item li{border-bottom: 1px solid #797979; padding:0 10px;}
#uc .item li a{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#uc .content{height:100%;width:100%;position: fixed;top:0;left:10rem;z-index: 11;background-color:#fff; overflow-y: scroll;}
#uc .content .unit{display: none;width:9.5rem;margin:0 auto;padding-bottom: 40px;}
#uc .content .unit.on{display: block;}
#uc .content .topbar{font-size: 14px;line-height: 30px;border-bottom: 1px solid #ccc;padding-left:10px;text-align: left;margin-bottom: 10px;}
#uc .content .topbar a{font-size: 14px;line-height: 30px;display: inline-block;}
#uc .content .title{font-size: 14px;line-height: 40px;}
#uc .content .title img{width:20px;height:20px;}
#uc .content .basic .body li,
#uc .content .mod .body li,
#uc .addr .newaddr .line,
#uc .invoice .line{text-align: left;font-size: 0px;line-height: 30px;border-bottom: 1px solid #797979;margin-bottom: 10px;}
#uc .addr .newaddr .line.area{
  display: none;
}
#uc .content .basic .body .val input,
#uc .content .mod .body .val input,
#uc .addr .newaddr input,
#uc .addr .newaddr select,
#uc .invoice .line input{display: inline-block;width:6.5rem;font-size: 12px;line-height: 30px;height:30px;}
#uc .content .mod .val input.verify{width:3.5rem;vertical-align: middle;}
#uc .content .mod .val .getVerify{display:inline-block;width:2rem;font-size: 12px;line-height: 30px;color:#f93;text-align: center;vertical-align: middle;}
#uc .content .basic .body .val,
#uc .content .mod .body .val{display: inline-block;width:6.5rem;font-size: 12px;line-height: 30px;}
#uc .content .basic .body .key,
#uc .content .mod .body .key,
#uc .addr .newaddr .key,
#uc .invoice .line .key{display:inline-block;width:3rem;font-size: 12px;line-height: 30px; padding-left:5px;}
#uc .content .basic .body li.done a.sure,
#uc .content .mod .body li.done a.sure,
#uc .addr .newaddr a.sure,
#uc .invoice .done a.sure,
#uc .invoice .done a.doAddInvo,
#uc .addr .done a.doAdd{font-size: 14px;line-height: 30px;padding:0 10px;color:#f93;}
#uc .content .basic .body li.done,
#uc .content .mod .body li.done,
#uc .addr .newaddr .done,
#uc .invoice .done{border-bottom: 0;text-align: right;padding-top:30px;}
#uc .content .history .o-info .sum{background-color:#f1f1f1;}
#uc .content .history .o-info .name {font-size: 0;}
#uc .content .history .o-info .name li{padding:10px 0;border-bottom: 1px solid #797979;}
#uc .content .history .o-info .name img{width:2.4rem;margin-left: 0.1rem;display: inline-block;vertical-align: middle;}
#uc .content .history .o-info .name .nameinfo{font-size: 12px;line-height: 24px;display: inline-block;width:5rem;vertical-align: middle;padding-left:0.7rem;}
#uc .content .history .o-info .name .num{
  width:2rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
}
#uc .content .history .o-info .nameinfo span{text-align: left;display: block;}
#uc .content .history .o-info .addr{font-size: 12px;line-height: 24px;text-align: left;padding:0 5px;}
#uc .content .history .o-info .price{font-size: 12px;line-height: 24px;text-align: left;padding:0 5px;}
#uc .content .history .o-info .price .symbol{color:#f93;}
#uc .content .history .o-info .fun{font-size: 0;text-align: right;margin:5px 0 10px; background-color: #fff;padding-top:10px;}
#uc .content .history .o-info .fun a{font-size: 10px;line-height: 18px;display: inline-block;padding:0 5px;border-radius: 12px;border:1px solid #797979;margin-left:5px;}
#uc .content .history .intro{font-size: 12px;line-height: 30px;padding-left:0.1rem;}
#uc .content .history .intro a{display: inline-block;font-size: 10px;line-height: 30px;color:#333;}
#uc .content .history .intro .cancel{padding-left: 5px;}
#uc .addr .addrlist{font-size: 12px;line-height: 18px;border-spacing: 0 10px;}
#uc .addr .addrlist .check{
  display: none;
}
#uc .addr .addrlist .detail{padding:0 5px;text-align: justify;text-align-last: left;}
#uc .addr .addrlist .fun,
#uc .invoice .list .fun{width:80px;color:#f93;
  /* border-bottom:1px solid #ccc; */
}
#uc .invoice .list .check{display: none;}
#uc .invoice .list .detail{text-align: left;padding:0 5px;border-bottom:1px solid #ccc;padding:10px 0; }
#uc .invoice .list .detail div{ display: block;font-size: 12px;line-height: 18px;}
#uc .invoice .list{font-size: 12px;line-height: 18px;}
#uc .invoice .typeGroup{text-align: left;font-size: 0;}
#uc .invoice .typeGroup label,
#uc .invoice .typeGroup input{font-size: 12px;line-height: 30px;vertical-align: middle;padding-left:5px;padding-right: 20px;}
/* 结算 */
.sec{background-color:#fff;}
.sec .top{font-size: 14px;line-height: 40px;border-bottom: 1px solid #f93;padding:0 5px;margin-bottom: 10px;}
.sec .top span,.sec .top a{display: inline-block;font-size-adjust: 16px;line-height: 40px;vertical-align: middle;}
.sec .top label{
  font-size: 12px;
}
.sec .top img{vertical-align: middle;width:20px;height: 20px}
.submit-order{background-color:#fff;font-size: 14px;line-height: 30px;padding-top: 20px;border-top:1px solid #797979;padding-bottom:30px;margin-top:10px;}
.submit-order .return{width:2rem;}
.submit-order .line .return{width:100%;}
.submit-order .return img{width:20px;height:20px;}
.submit-order .price{width:5rem;text-align: right;}
.submit-order .line.price{width:100%;text-align: right;}
.submit-order .price .symbol{color:#f93;border-right: 5px;}
.submit-order .hint{font-size: 10px;text-align:right;color:#f93;}
.submit-order .line.hint{font-size: 10px;text-align:right;color:#333;line-height: 14px;text-align: justify;text-align-last: left;padding-top:5px;}
.submit-order .doSubmit{width:2.5rem;text-align: right;}
.submit-order .doSubmit a{display: inline-block;font-size: 14px;line-height: 30px;color:#fff;background-color: #f93;padding:0 5px;}
.submit-order a.doSubmit{display: inline-block;font-size: 14px;line-height: 30px;color:#fff;background-color: #f93;padding:0 5px;width:1.4rem;text-align: center;border-radius: 4px;}
.alertbox{width:100%;height:100%;position: fixed;top:0;left:0;z-index: 11;font-size: 14px;line-height: 30px;color:#282828;vertical-align: middle;padding-bottom: 40px;}
.alertbox .cell{vertical-align: middle;text-align: center;}
.alertbox .unit{display: none;background-color:#fff;border-radius: 4px;border:1px solid #797979;width:9rem;margin:0 auto;padding:22px 10px;position: relative;overflow-y: scroll;max-height: 100%;}
.alertbox .unit.on{display: block;}
.alertbox .close{width:20px;height:20px;display: block;position: absolute;top:2px;right:5px;}
.alertbox .close img{width:20px;height:20px;}
.alertbox .addAddr .line{font-size: 0;width:8.4rem;margin:0 auto;}
.alertbox .addAddr .line .key,
.alertbox .addAddr .line .val{display: inline-block;width:6.4rem;font-size: 12px;vertical-align: middle;}
.alertbox .addAddr .line .key{width:2rem;text-align-last: justify;padding-right: 0.2rem;}
.alertbox .modAddr input,
.alertbox .addAddr input{display: block;font-size: 12px;line-height: 30px;height:30px;border-bottom: 1px solid #797979;width:100%;padding:0 5px;}
.alertbox .modAddr .fun,
.alertbox .fun{font-size: 12px;line-height: 30px;padding:10px 5px 0;}
.alertbox .fun::after{content:'';display: table;clear: both;}
.alertbox .fun a,
.alertbox .fun a{color:#f93;}
.alertbox .addInvo .line{font-size: 12px;line-height: 30px;text-align: left;}
.alertbox .addInvo .key{line-height: 24px;display: block;color:#1e90ff;}
.alertbox .addInvo .val{border-bottom: 1px solid #797979;width:100%;display: block;font-size: 12px;line-height: 30px;margin-bottom: 5px;padding:0 5px;}
.alertbox .success{color:#f93;padding:50px 0;}
.alertbox .success .hint{
  display: block;
}
.alertbox .success .done{
  width:80px;
  text-align: center;
  display: block;
  margin:0 auto;
  border:1px solid #f93;
  border-radius: 2px;
}
.alertbox .prompt.unit{text-align: center; color:#f93; font-size: 14px; line-height: 40px; }
.alertbox .prompt.unit .choice{ margin-top:0.4rem; padding:0 0.4rem; }
.alertbox .prompt.unit .choice span{ font-size: 14px; line-height: 30px;  color:#333; }
/* 订单详情 */
#o-details .addr .body,
#o-details .invoice-addr .body{font-size: 12px;line-height: 24px;text-align: justify;text-align-last: left;}
#o-details .invoice-info .line{text-align: left;font-size: 0;padding:5px 0;
  /* border-bottom: 1px solid #797979; */
}
#o-details .invoice-info .line .key{font-size: 12px;line-height: 20px;display: inline-block;width:1.6rem;text-align-last: justify;vertical-align: top;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}
#o-details .invoice-info .line .val{font-size: 12px;line-height: 20px;display: inline-block;width:7rem;padding-left: 0.2rem;vertical-align: top;}
/* #o-details .invoice-info .line:last-child{border-bottom: none;} */
#o-details .order-info .info_detail{text-align: left;}
#o-details .order-info .oid{padding-right: 10px;}
#o-details .order-info .table{width:9.5rem;font-size: 12px;line-height: 24px;text-align: left;background-color: #f1f1f1;margin-top:10px;}
#o-details .order-info .img{width:3.3rem;padding:0.3rem;padding-right: 0;
  padding-left:0;
}
#o-details .order-info .img img{width:3rem;height:3rem;}
#o-details .order-info .table .cell{vertical-align: middle;}
#o-details .order-info .table .info{width:6.2rem;padding:0.3rem;}
#o-details .order-info .table .price .symbol{color:#f93;padding-right: 5px;}
#o-details .order-info .fun{font-size: 0;text-align: right;margin:5px 0 10px;}
#o-details .order-info .fun span,
#o-details .order-info .fun a{font-size: 10px;line-height: 18px;display: inline-block;padding:0 5px;border-radius: 12px;border:1px solid #797979;margin-left:5px;}
/* 结算 */
#clearing .addr .cell{vertical-align: middle;border-bottom: 1px solid #ccc;padding-bottom: 10px; }
#clearing .addr .cell.fun{width:100px;}
#clearing .addr .table{border-spacing: 0 10px;}
#clearing .addr .cell.addr_info{padding-left:10px;text-align: justify;text-align-last:left;font-size: 12px;padding-right: 10px;}
#clearing .addr .cell.fun a{font-size: 12px;}
#clearing .pay .body{font-size: 0;line-height: 24px;text-align: left;padding:10px 0;}
#clearing .pay .body input,#clearing .pay .body label{display:inline-block;font-size: 12px;vertical-align: middle;padding-right: 5px;}
#clearing .pay .body label{padding-right: 20px;padding-left:5px;}
#clearing .pay .account{text-align: left;display: none;}
#clearing .account { display: block; text-align: left; padding-left: 16px; position: relative; border-bottom: 1px solid #797979; border-radius: 4px; }

#clearing .account span { display: inline-block; font-size: 12px; line-height: 30px; padding: 0px; }
#clearing .account span.key{ width:3rem; text-align: left; text-align-last: left; }

#clearing .account::after { content: ''; display: block; border: 7px solid transparent; border-bottom: 7px solid #2c2c2c; position: absolute; top: -18px; left: 25px; }
/* #clearing .pay .account span{display: inline-block; position: relative; font-size: 12px; line-height: 20px; border: 1px solid #797979; padding: 0 10px;border-radius: 4px;}
#clearing .pay .account span::after{content: ''; display: block; border: 6px solid transparent; border-bottom: 6px solid #797979; position: absolute; top: -15px; left: 25px;} */
#clearing .order .table{border-spacing: 0 10px;width:100%;}
#clearing .order .table .clearfix::after{display: block;}
#clearing .order .table .row{background-color:#f1f1f1;width:100%;}
#clearing .order .cell{vertical-align: middle;}
#clearing .order .image{width:3rem;padding:0.3rem;padding-right: 0;}
#clearing .order .image img{width:3rem;height:3rem;}
#clearing .order .info{width:6.2rem;padding:0.3rem;}
#clearing .order .info span{font-size: 12px;line-height: 24px;display:inline-block;text-align: left;vertical-align: middle;}
#clearing .order .info div{width:5.6rem;font-size: 12px;line-height: 24px;text-align: left;}
#clearing .order .info .price .symbol{color:#f93;padding-right: 5px;}
#clearing .invoice .line{ text-align: left;padding-bottom: 10px; font-size: 0;}
#clearing .invoice .top{margin-bottom: 16px;}
#clearing .invoice .line .key{width:1.5rem;}
#clearing .invoice .line label,#clearing .invoice .line input,
#clearing .invoice .line select{display: inline-block;vertical-align: middle; font-size: 12px;line-height: 24px;}
#clearing .invoice .line .radio{margin-right: 5px;margin-left:5px;vertical-align: middle;}
#clearing .invoice .line select{border:1px solid #282828;height:24px;}
#clearing .invoice .select{
  display: inline-block;vertical-align: middle; font-size: 12px;line-height: 24px;
  width:8rem;
  border:1px solid #282828;height:24px;
  border-radius: 4px;line-height: 24px;
  box-sizing: border-box;
  padding:0 5px;
  position: relative;
}
#clearing .invoice .select .title{
  line-height: 22px;
  background-image: url('../images/down.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: right center;
}
#clearing .invoice .select .title.on{
  background-image: url('../images/up.png');
}
#clearing .invoice .select ul{
  display: none;
  background-color:#fff;max-height:400px;width:8rem;
  overflow-y: scroll;
  position: absolute;
  top:24px;
  left:0;
  border:1px solid #282828;
  box-sizing: border-box;
  border-radius: 4px;
}
#clearing .invoice .select ul.on{
  display: block;
}
#clearing .invoice .select ul li.selectoption{
  color:#fff;
  background-color:#1e90ff;
  padding: 0 5px;
}
#clearing .invoice .select ul li.selectoption.on .isSelect{
  color:#fff;
}
#clearing .invoice .select ul li.selectoption .isSelect{
  color:#1e90ff;
}
#clearing .invoice .select ul li.selectoption a{
  display: none;
}
#clearing .invoice .select ul li.selectoption .isSelect{
  display: inline-block;
  width:10px;
  text-align: center;
}
#clearing .invoice .select .line{
  padding-bottom: 0px;
  padding: 0 5px;
}
#clearing .invoice .select .show .key,
#clearing .invoice .select .show .val{
  font-size: 10px;
  line-height: 16px;
}
#clearing .invoice-addr .top{margin-bottom:16px; }
#clearing .invoice-addr .body .addr-list{font-size: 12px;line-height: 18px;border-bottom: 1px solid #797979;}
#clearing .invoice-addr .body .addr-list:last-child{border-bottom: none;}
#clearing .invoice-addr .body .addr-list .fl.radio{
  width: 11px;
  height:11px;
  border:1px solid #333;
  border-radius: 50%;
  background-color:#fff;
  display: inline-block;
  box-sizing: content-box;
  padding-right: 0;
  margin-top: 4px;
  margin-right: 6px;
}
#clearing .invoice-addr .body .addr-list .fl.radio.on{
  width:4px;
  height:4px;
  border:4.5px solid #f93;
  background-color:#fff;
}
}
#clearing .invoice-addr .body .addr-list .clearbr{
  clear:both;
}
#clearing .invoice-addr .body .addr-list .fl{width:6rem;padding-right: 0.3rem;text-align: justify;text-align-last: left;}
#clearing .invoice-addr .body .addr-list .fr{width:2rem;text-align: right;}

.order-c.invoice-addr .body span.line{
  display: block;
}
.order-c.invoice-addr .body span.line .key{
  width:1.6rem;
  display: inline-block;
  text-align-last: justify;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
}