html{font-size: 62.5%;background: #fff;}
body{background: #fff;height:auto;}
/* background-size: cover;
    background-image: url(https://gss0.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/6a600c338744ebf894c9e667dff9d72a6059a72a.jpg); */
.layui-container{width:100%;max-width:1024px;background: #fff;}
.header{padding-top: 2px;margin-bottom:10px}
.header .logo a{color:#1E9FFF;font-size:2.4rem;line-height:55px;}
.header .menu {padding:15px 5px 0 0;text-align:right}
.header .menu img{max-width:100%;max-height:60px}
.header .menu span{display:none;text-align:right}
.header .menu span i{font-size:1.2rem;line-height:35px;color:#1E9FFF;cursor:pointer}
.nav{background-color:#1E9FFF;}
.nav .layui-nav{background-color:#1E9FFF;padding:0}
.nav .layui-nav li{line-height:40px}
.nav .layui-nav li.active{background-color:#0072C6}
.nav .layui-nav a{color:#fff;font-size:1rem}
@media screen and (min-width: 800px) {
    .header{margin-bottom:30px}
}

.layui-elem-field{margin-bottom:30px;min-height: 30px}
.layui-elem-field legend{font-size:1.6rem}
.layui-field-box{padding:10px 8px 10px 8px;}
legend i{cursor:pointer}

#hidden_form{display:none}

#products li{margin-bottom:20px;padding-top:10px;border-bottom: 1px solid #eee;}
#products li:after{    content: ''; display: block; clear: both;}
#products li:last-child{margin-bottom:0;border-bottom: none;}
#products .img{float:left;width:15%;margin-bottom: 5px;}
#products .img img{width:100%;padding-top:3px}


#products .content{float:left;width:83%;margin-left:2%;}
#products li:last-child .content{border-bottom:none}
#products .content .title{padding-bottom:10px;font-size:1.4rem;font-weight:500}
#products .content .desctags{padding-bottom:10px}
#products .content .desctags span{position: relative; display: inline-block; padding: 0 6px; font-size: 1.2rem; text-align: center;color: #ffb800;border: 1px solid #ffb800;border-radius: 2px;height: 18px; line-height: 18px;}
#products .content .skus{width:90%;float:left}
#products .content .skus .sku{padding-bottom:10px}
#products .content .skus .sku button{margin-left: 3px;padding: 0 10px;font-size: 12px;height: 22px;line-height: 22px;}
#products .content .skus .sku button.active{border-color: #1e9fff!important;color: #1e9fff!important;}

#products .content .skus .sku button{margin-bottom: 3px;}
#products .content .skus .sku span{color: #666;}
#products .skus_data{display:none}
#products .content .price{width:45%;float:right;text-align:left;color:#FF5722;line-height:2;margin-bottom:5px}

#products .content .quantity{width:45%;float:right;text-align:center}
#products .content .quantity i{cursor:pointer}
#products .content .quantity input{display:inline-block;width:50%;height:28px;text-align:center;padding-left:0;-moz-appearance: textfield;}
#products .content .quantity input::-webkit-inner-spin-button,#products .content .quantity input::-webkit-outer-spin-button {-webkit-appearance: none; }

@media screen and (min-width: 800px) {
    #products li{padding:10px 10px 10px 15px;}
    #products .img{width:10%;}
    #products .content{border-bottom:none;width:85%;}
    #products .content .skus{width:60%}
    #products .content .price{width:20%;text-align:left;}
    #products .content .quantity{width:18%;margin-left:1%}
    #products .content .quantity input{width:60px;}
}

/* @media screen and (min-width: 500px) {
    #products .content .skus{width:100%;}
    #products .content .price{width:50%;}
    #products .content .quantity{width:48%;margin-left:1%}
} */

#address .layui-field-box111111111111111111111{max-height:220px;overflow-y: auto;}
#address ul li{ margin-top:35px}
#address ul li button{ margin-left:2%;margin-right:2%;width:18%;overflow:hidden;text-overflow: ellipsis;}
#address ul li button i{ display:none;margin-left:-1rem}
#address ul li button.cms-btn i{ display:initial}
#address ul li span{width:75%;display: inline-block; color:#666;font-size:1.2rem;margin-top:10px}
#address .address_new{margin:25px 0;}
#address_add{ margin-left:2%;margin-right:2%;width:18%;overflow:hidden;text-overflow: ellipsis;vertical-align: top}
#address .address_new span{display: inline-block; color:#666;font-size:1.2rem;margin-top:10px;width:100%}
#address .address_new input{height: 30px;display:inline-block;margin-bottom:10px}
#address .address_new input.address_new_detail{width:250px}
#address .address_new input.address_new_name{width:120px}
#address .address_new input.address_new_mobile{width:140px}
#address .address_new .address_new_save{height: 30px;width:60px;vertical-align:top;margin:0 10px}
#address .address_new .address_new_cancel{height: 30px;width:45px;vertical-align:top}
#address .address_new .layui-form-select .layui-edge{top:40%}
#areacity_city_select .layui-form-select .layui-input{padding-right:0;}
#areacity_city_select>.layui-inline{margin-right:5px}
@media screen and (min-width: 800px) {
    #address ul li{ margin-top:15px}
    #address .address_new span{width:75%;margin-top:0px;}
}


#coupon_code{margin-bottom:20px;}
#coupon_code input{width:160px;display:inline-block;height:31px}
#user_points{margin-bottom:20px;}
#user_points input{width:120px;display:inline-block;height:31px}
#user_points span{color:#ccc}

#coupon_list:before{    content: ''; display: block; clear: both;}
#coupon_list li {margin-bottom:10px;margin-right: 20px;}
@media screen and (min-width: 800px) {
    #coupon_list li {float:left}
    #coupon_code{float:left;width:50%}
    #user_points{float:left;width:50%}
}
#coupon_list li>.layui-icon-tips{cursor:pointer;}
#coupon_list li textarea{display:none}

#bottom{text-align:center;margin-top:120px;padding-bottom:75px}


.total-container{
    position: fixed;
    bottom: 0px;
    padding: 5px;
    right:0;
    left:0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    z-index:999999;
}
.total{text-align:right;font-size: 1.6rem;}
@media screen and (min-width: 800px) {
    .total{padding-right:30px;}
}
#price_total_span,#price_free_span{display:none}