@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; box-sizing: border-box;}
body{font-family:"微软雅黑"; max-width: 650px; margin: 0 auto;}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.row{display: flex; flex-wrap: wrap;}


#header{width:100%; padding: 0 10px; background: #fff; height: 68px; margin: 0 auto; justify-content: space-between; align-items: center;}
#logo{width: 60px; }
#logo img{width: 100%;}
#header-btn{ background: #597506; border-radius: 10px; font-size: 16px; line-height: 40px; color:#FFFFFF}
#header-btn a{padding: 0 10px; color: #fff;}

.index-series{}
.index-series-top{height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; background: #597506;}
.index-series-swiper{width: 95%; margin: 20px auto; position: relative; overflow: hidden;}
.index-series .swiper_shoes{width:100%; height:100%; padding: 0 10%;}
.index-series .swiper_shoes .swiper-slide{ box-sizing: border-box;}
.index-series-pic{height: 80px; display: flex; align-items: center;}
.index-series-pic img{width: 100%;}

.index-series  .swiper-button-prev{left: 0;}
.index-series  .swiper-button-next{right: 0;}
.index-series  .swiper-button-prev,
.index-series  .swiper-button-next{transform: scale(0.8); color:#597506; font-weight: bold;}


.index-atlas{width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.index-atlas .swiper_atlas{width:100%; height:100%;}
.index-atlas .swiper_atlas .swiper-slide{ box-sizing: border-box;}
.index-atlas  .swiper-button-prev{left: 10px;}
.index-atlas  .swiper-button-next{right: 10px;}
.index-atlas  .swiper-button-prev,
.index-atlas  .swiper-button-next{background: rgba(0, 0, 0, 0.3); width: 50px; height: 50px; border-radius: 100%; color: #fff;
text-align: center; transform: scale(1); padding: 5px; box-sizing: border-box;}
.index-atlas  .swiper-button-next:after,
.index-atlas  .swiper-button-prev:after{font-size: 22px;}

.index-atlas-info{background: #597506; padding: 20px;}
.index-atlas-info-tit{font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.index-atlas-info-txt{font-size: 18px; color: #fff;}
.index-atlas-info-txt b{font-weight: bold;}
.index-atlas-info-txt span{width: 20px; display: inline-block;}

.index-describe{}
.index-describe-tit{ font-size: 20px; text-align: center; color: #597506; font-weight: bold; margin: 20px;}
.index-describe-info img{width:100%}
.index-describe-b{background: #f5f5f5; padding: 20px;}
.index-describe-btn{width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; border-radius: 10px;
background: #597506;}
.index-describe-btn a{display: block; color: #fff;}

.index-brand{width: 95%; margin: 20px auto;}
.index-brand-tit{font-size: 22px; color: #000; text-align: center; margin-bottom: 10px;}
.index-brand-etit{font-size: 22px; color: #597506; text-align: center; text-transform: uppercase;}
.index-brand-txt{font-size: 16px; color: #333; line-height: 1.8; margin: 20px 0;}

.footer-box{position: relative; width: 100%; z-index: 999; height: 60px;}
.footer{position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; background: #fff; border-top: 1px solid #dedede;}
.footer .footer-li{width: 25%; text-align: center; padding: 6px 0 4px; }
.footer .footer-li-icon img{width: 22%; margin: 0 auto;}
.footer .footer-li-tit{font-size: 12px; color: #333; margin-top: 5px;}
.footer .footer-li-icon img:last-child{display: none;}
.footer .footer-li-icon.active img:first-child{display: none;}
.footer .footer-li-icon.active img:last-child{display: block;}

/*产品*/
.product-category{flex-wrap: wrap; width: 95%; margin: 20px auto;}
.product-category-li{width: 33%; text-align: center; margin-bottom: 20px;}
.product-category-li img{width: 45%;}
.product-category-li-tit{font-size: 16px; color: #333; margin-top: 5px;}

.product-content{ width: 100%; background: #f5f5f5; padding: 10px 20px;}
.product-content-li{width: 49%; margin-right: 2%; margin-bottom: 10px; border-radius: 10px; overflow: hidden; background: #fff;}
.product-content-li:nth-child(2n){margin-right: 0;}
.product-content-li-pic{height: 200px; overflow: hidden;}
.product-content-li-info{padding: 10px;}
.product-content-li-tit{font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-content-li-money{font-size: 14px; color: #222; margin: 10px 0;}
.product-content-li-money span{color: #597506; margin-left: 0px;}
.product-content-li-discount{font-size: 16px; color: #ce0f0f;}
.product-content-li-discount input{width: 100px; line-height: 35px; border: 1px solid #dedede; padding: 0 10px; font-size: 14px;}


/*登录*/
.logon-top{width: 95%; margin: 0 auto; justify-content: space-between; align-items: center; }
.logon-top-l{width: 50%; font-size: 18px; line-height: 60px;}
.logon-top-l img{margin-right: 10px; width: 8%;}
.logon-gray{height: 10px; background: #f5f5f5;}
.logon{width: 90%; margin: 30px auto; }
.logon-photo{width: 80px; height: 80px; border-radius: 100%; margin: 0 auto 15px;}
.logon-photo img{width: 100%; height: 100%;}
.logon-inp{ position: relative;}
.logon-inp input{width: 100%; height: 50px; line-height: 50px; margin-bottom: 15px; border: 1px solid #dedede;
border-radius: 5px; padding-left: 50px; font-size: 16px; outline: none;}
.logon-inp input.tel{background: url(../images/logon-inp1.png) no-repeat 15px 50%; background-size: 5%;}
.logon-inp input.password{background: url(../images/logon-inp2.png) no-repeat 15px 50%; background-size: 5%;}
.logon-inp .btn{position: absolute; right: 0px; top: 0px; width: 15%; height: 50px; display: flex;
align-items: center; justify-content: center;}
.logon-inp .btn img{width: 80%;}

.logon-password{display: flex; justify-content: space-between; font-size: 16px; color: #303030;
line-height: 40px;}
.logon-password-l{display: flex; justify-content: space-between; align-items: center;}
.logon-password input{width: 20px; height: 20px; display: block; margin-right: 8px;}
.logon-password a{color: #303030;}

.logon-btn{width: 100%; height: 50px; line-height: 50px; text-align: center; background: #597506; margin: 15px 0 50px; font-size: 18px;}
.logon-btn a{display: block; color: #fff;}

.logon-other{height: 40px; position: relative; }
.logon-other-line{height: 1px; background: #eaeaea; position: absolute; inset: 0; margin: auto;}
.logon-other-txt{position: absolute; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; text-align: center;
font-size: 16px; color: #999;}
.logon-other-txt span{background: #fff; padding: 0 15px;}

.logon-wechat{ text-align: center;}
.logon-wechat-pic{width: 12%; margin: 0 auto;}
.logon-wechat-pic img{width: 100%;}
.logon-wechat-txt{text-align: center; font-size: 16px; margin-top: 5px;}

/*待发货*/
.wait-green{line-height: 50px; padding: 15px 2.5%; background: #597506; font-size: 18px; color: #fff;}
.wait-address{width: 95%; margin: 15px auto; }
.wait-address-map{width: 10%;}
.wait-address-map img{width: 50%;}
.wait-address-info{width: 90%;}
.wait-address-info-tit{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.wait-address-info-txt{font-size: 16px; color: #666; line-height: 1.8;}

.wait{width: 95%; margin: 0 auto;}
.wait-content{margin: 10px 0;}
.wait-content-pic{width: 25%;}
.wait-content-pic img{width: 100%;}
.wait-content-info{width: 65%; padding: 0 15px;}
.wait-content-tit{font-size: 3.5vw; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wait-content-ymoney{font-size: 3.5vw; color: #999; margin: 8px 0;}
.wait-content-zmoney{font-size: 3.5vw; color: #e10505;}
.wait-content-num{width: 10%; text-align: right;}

.wait-hang{line-height: 50px; justify-content: space-between; border-bottom: 1px solid #dedede; font-size: 16px; color: #333;}
.wait-hang:last-child{border-bottom: none;}

.wait-Ordering{width: 95%; margin: 15px auto;}
.wait-Ordering-tit{font-size: 18px; color: #333; margin-bottom: 8px; font-weight: bold;}
.wait-Ordering-txt{font-size: 16px; color: #333; line-height: 2;}
.wait-Ordering-txt a{padding: 3px 8px; background: #eeeeee; border-radius: 5px; margin-left: 5px;}
/*待发货*/ 

/*待付款*/
.payment-green{line-height: 50px; padding: 15px 2.5%; background: #597506; color: #fff;
justify-content: space-between;}
.payment-green-tit{font-size: 18px;}
.payment-green-time{font-size: 16px;}

.payment-hang{line-height:50px; justify-content: space-between; font-size: 16px; color: #333;}
.payment-line{height: 1px; background: #dedede;}
.payment{width: 95%; margin: 0 auto;}
.payment-message{line-height: 50px; font-size: 16px; color: #333; font-size: 16px;}
.payment-message-l{margin-right: 10px;}
.payment-message-txt input{line-height: 50px; border: none; outline: none; font-size: 16px;}
.payment-total{font-size: 18px; color: #333; text-align: right; line-height: 50px;}

/*我的_VIP折扣价*/
.vip{width: 95%; margin: 0 auto; padding: 15px; }
.vip-txt{font-size: 16px; line-height: 1.8;}
.vip-line{height: 1px; background: #dedede; margin: 20px 0;}
.vip-tit{font-size: 20px; margin-bottom: 15px;}
.vip-inp input{width: 100%; height: 50px; line-height: 50px; border: 1px solid #dedede; background: #f8f8f8; border-radius: 5px;
margin-bottom: 15px; padding-left: 15px; font-size: 16px;}
.vip-btn{width: 100%; height: 60px; line-height: 60px; border: 1px solid #dedede; background: #597506; border-radius: 5px;
    margin-bottom: 15px; font-size: 16px; text-align: center;}
.vip-btn a{color: #fff;}

/*我的_VIP折扣价_验证成功*/
.vip-icon{ text-align: center; margin: 40px 0 ;}
.vip-icon img{width: 50%;}
.verify-tit{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 20px; text-align: center;}
.verify-txt{font-size: 16px; color: #666; text-align: center;}
.verify-line{height: 1px; background: #dedede; margin: 40px 0;}
.verify-illustrate{}
.verify-illustrate-tit{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 15px;}
.verify-illustrate-txt{font-size: 16px; line-height: 1.8; color: #666;}

/*我的_联系客服*/
.tel{margin-bottom: 40px;}
.tel-tit{ font-size: 18px; color: #333; font-weight: bold; margin-right: 30px;}
.tel-txt{ font-size: 18px; color: #666;  line-height: 2;}
.tel-wechat{ font-size: 16px;}
.tel-wechat img{width: 150px;}

/*我的_个人信息*/
.personal-gray{height: 10px; background: #f5f5f5;}
.personal{width: 95%; margin: 0 auto;}
.personal-li{border-bottom: 1px solid #dedede; justify-content: space-between; padding: 20px 0; align-items: center;}
.personal-li-tit{font-size: 18px; color: #333;}
    .personal-li-tit span {
    color:red;
    }
    .personal-li-info {
        width: 70%;
        align-items: center !important;
        justify-content: flex-end;
    }
.personal-li-head img{ width:  80px; height: 80px;}
.personal-li-arrow{margin-left: 10px;}
.personal-li-arrow img{width: 12px;}
.personal-li-txt{font-size: 18px; color: #999; line-height: 1.8; max-width: 90%;}
.noborder{border: none !important;}

/*我的_个人信息*/


/*我的*/
.me-bg{background: #f5f5f5;}
.me-top{width: 100%; background: #fff; padding: 5%; margin: 0 auto; align-items: center; justify-content: space-between;}
.me-top-l{width: 80%;}
.me-top .me-top-pic{width: 25%; margin-right: 15px;}
.me-top .me-top-pic img{width: 100%;}
.me-top-info{ color: #333;}
.me-top-info .me-top-tit{font-size: 20px; margin: 5px 0;}
.me-top-info .me-top-txt{font-size: 18px; }
.me-top-arrow{width: 8%;}
.me-top-arrow img{width: 15px;}


.me{width: 95%; margin: 15px auto; background: #fff; border-radius: 10px; padding: 0 15px;}
.me-order{line-height: 60px; justify-content: space-between; border-bottom: 1px solid #eeeeee;}
.me-order-l{font-size: 20px;}
.me-order-r{font-size: 16px;}
.me-order-r a{color: #666;}
.me-order-r img{width: 10px;}

.metab{padding: 20px 0;}
.metab-li{width: 25%; text-align: center;}
.metab-li-icon{position: relative; width: 35px; height: 35px; margin: 0 auto;}
.metab-li-icon img{width: 100%;}
.metab-li-icon .num{position: absolute; right: -6px; top: -6px; width: 18px; height: 18px; line-height: 18px; font-size: 12px; background: #e10505; 
    color: #fff; border-radius: 10px;}
.metab-li-tit{font-size: 16px; margin-top: 8px;}

.meservice-tit{font-size: 20px; line-height: 60px; border-bottom: 1px solid #eee;}
.meservice-li{width: 100%; line-height: 60px; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
.meservice-li-l{}
.meservice-li-icon{margin-right: 10px;}
.meservice-li-icon img{width: 18px;}
.meservice-li-tit{font-size: 18px;}
.meservice-li-r img{width: 10px;}

/*我的_收货地址*/
.address{width: 100%; margin: 0 auto;}
.address-li{border-bottom: 10px solid #eee; padding: 0 15px; cursor: pointer;}
.address-li-top{ line-height: 50px; font-size: 18px; align-items: center;}
.address-li-top img{margin-right: 8px;}
.address-li-name{width: 30%;}
.address-li-name img{width: 20px;}
.address-li-tel{width: 60%;}
.address-li-tel img{width: 16px;}
.address-li-txt{font-size: 16px; line-height: 1.8;}
.address-li-bottom{ justify-content: space-between; line-height: 50px;}
.address-li-default{font-size: 16px; width: 50%; color: #444; }
.address-li-btn{width: 30%;}
.address-li-btn div{width: 45%; text-align: right;}
.address-li-btn img{width: 20px;}
.address-li-bg{ border: #ec6625 solid 2px;}
/*我的_收货地址*/

/*确认订单*/
.confirm{width: 95%; margin: 0 auto;}
.confirm-address{padding: 20px 0; align-items: center;}
.confirm-address-info{width: 95%;}
.confirm-address-info-map{font-size: 18px; color: #222;}
.confirm-address-info-map span{font-size: 18px; background: #ec6625; color: #fff; padding: 0 5px; border-radius: 5px;}
.confirm-address-info-txt{font-size: 20px; font-weight: bold; line-height: 1.8; margin: 5px 0;}
.confirm-address-info-tit{font-size: 16px; color: #666;}
.confirm-address-arrow img{width: 15px;}
.confirm-address-line{height: 6px; background: url(../images/confirm-address-line.png) no-repeat center;}

.confirm-footer-box{position: relative; height: 60px;}
.confirm-footer{position: fixed; left: 0; bottom: 0; height: 60px; width: 100%; background: #fff; line-height: 60px;
justify-content: space-between; padding: 0 15px;}
.confirm-footer-txt{font-size: 18px; color: #222; font-weight: bold;}
.confirm-footer-txt span{color: #e10505;}
.confirm-footer-btn{align-items: center; }
.confirm-footer-btn a{display: block; background: #597506; line-height: 40px; font-size: 18px; color: #fff;
padding: 0 20px; border-radius: 20px; font-weight: bold;}

/*确认订单*/

/*我的_全部订单*/
.whole-tab{height: 60px; width: 95%; margin: 0 auto; align-items: center; justify-content: space-between;}
.whole-tab-li{line-height: 40px; text-align: center; padding: 0 12px; border-radius: 20px; position: relative;}
.whole-tab-li a{display: block;}
.whole-tab-li.active{background: #eeeeee;}
.whole-tab-li-num{position: absolute; right: -2px; top: -2px; border: 1px solid #e10505; width: 15px; height: 15px; line-height: 15px;
font-size: 12px; color: #e10505; border-radius: 100%;}

.whole{}
.whole-li{ border-bottom: 10px solid #eee;}
.whole-li-top{justify-content: space-between; line-height: 50px; font-size: 18px; padding: 0 15px;}
.whole-li-top-num{color: #666;}
.whole-li-top-tit.red{color: #e10505;}
.whole-li-content{background: #f5f5f5; padding: 15px;}
.whole-li-content-commodity{margin-bottom: 10px;}
.whole-li-content .whole-li-content-commodity:last-child{margin-bottom: 0;}
.whole-li-content-commodity-pic{width: 25%; margin-right: 20px;}
.whole-li-content-commodity-pic img{width: 100%; }
.whole-li-content-commodity-info{width: 65%;}
.whole-li-content-commodity-tit{font-size: 18px; color: #000;}
.whole-li-content-commodity-ymoney{font-size: 16px; color: #999999; margin: 6px 0;}
.whole-li-content-commodity-zmoney{font-size: 16px; color: #e10505;}
.whole-bottom{justify-content: flex-end; padding: 15px; text-align: right;}
.whole-bottom .btn{line-height: 40px; border: 1px solid #333; padding: 0 15px; margin-left: 15px; display: inline-block;
border-radius: 20px;}
.whole-bottom .btn a{display: block;}
.whole-bottom .btn.red{border-color:  #e10505; color: #e10505;}
.whole-bottom .btn.red a{color: #e10505;}


/*我的_全部订单*/


/*购物车*/
.No-products{padding: 100px 50px; text-align: center;}
.No-products img{width: 50%;}

.cart-prompt{line-height: 60px; padding: 0 15px; background: #f5f5f5; color: #222; font-size: 16px;}
.cart-li{align-items: center; padding: 15px; border-bottom: 10px solid #eee; position: relative;}
.cart-li:last-child{border-bottom: none;}
.cart-li-inp{width: 10%;}
.cart-li-inp input{width: 20px; height: 20px; border-radius: 50px; overflow: hidden; display: block;}

.cart-li-commodity{width: 90%; margin-bottom: 10px;}
.cart-li-commodity-pic{width: 25%; margin-right: 20px;}
.cart-li-commodity-pic img{width: 100%; }
.cart-li-commodity-info{width: 65%;}
.cart-li-commodity-tit{font-size: 18px; color: #000;  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.cart-li-commodity-ymoney{font-size: 16px; color: #999999; margin: 6px 0;}
.cart-li-commodity-zmoney{font-size: 16px; color: #e10505;}


.cart-quantity {
    position: absolute;
    bottom: 20px;
    right: 0;
    margin-right: 10px
}

.quantity .cart-plus-minus {
    position: relative;
    width: 110px;
    text-align: left;
    height: 35px;
    overflow: hidden;
    border-radius: 10px;
}

.quantity .cart-plus-minus>.cart-plus-minus-box {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #E8E8E8;
    height: 35px;
    text-align: center;
    width: 110px;
    background: #fff;
    font-size: 16px;
    font-weight: 600
}

.quantity .cart-plus-minus>.qtybutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
    width: 35px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    color: #212121;
    -webkit-transition: .3s;
    -o-transition: .3s;
    background-color: #597506;
    color: #fff;
    transition: .3s
}

.quantity .cart-plus-minus>.qtybutton:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #597506;
    color: #fff
}

.quantity .cart-plus-minus>.qtybutton.dec {
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border-right: 1px solid #E8E8E8
}

.quantity .cart-plus-minus>.qtybutton.inc {
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid #E8E8E8
}


.cart-footer-box{position: relative; height: 60px;}
.cart-footer{position: fixed; left: 0; bottom: 60px; height: 60px; width: 100%; background: #fff; 
justify-content: space-between; padding: 0 15px;}
.cart-footer-l{align-items: center;}
.cart-footer-inp{ margin-right: 20px;}
.cart-footer-inp input{width: 20px; height: 20px; margin-right: 8px;}
.cart-footer-txt{font-size: 18px; color: #222; font-weight: bold;}
.cart-footer-txt span{color: #e10505;}
.cart-footer-num{font-size: 14px;}
.cart-footer-btn{align-items: center; }
.cart-footer-btn a{display: block; background: #597506; line-height: 40px; font-size: 18px; color: #fff;
padding: 0 20px; border-radius: 20px; font-weight: bold;}

.cart-mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; z-index: 99999; display:none}
.cart-del{line-height: 50px; width: 95%; background: #fff; font-size: 18px; position: fixed; left: 2.5%; top: 48%; z-index: 999999;
text-align: center;display:none}

/*产品详情页*/
.swiper-pagination{width: 60px; left: auto; right: 20px; background: rgba(0, 0, 0, 0.3); border-radius: 10px; color: #fff;}

.productview{padding: 20px 15px; padding-bottom: 0; position:relative;}
.productview-btn{position:absolute; right:20px; top:10px; display:flex; align-items:center;}
.productview-btn-li{font-size:14px; margin:0 8px; display:flex; align-items:center; flex-direction:column; }
.productview-btn-li i{margin-bottom:3px}
.productview-btn-li .red{color:red;}
.productview-tit{font-size: 20px;}
.productview-money{font-size: 18px; margin: 15px 0;}
.productview-money span{color: #597506; margin-left: 20px;}
.productview-discount{font-size: 18px; margin-bottom: 20px;}
.productview-discount span{color: #ce0f0f;}
.productview-discount input{width: 50%; line-height: 40px; border: 1px solid #dedede; padding-left: 10px; font-size: 18px;}
.productview-size{height: 60px; align-items: center; justify-content: space-between; border-top: 1px solid #dedede;}
.productview-size-l{font-size: 18px; color: #666;}
.productview-size-l span{color: #333; margin-left: 15px;}
.productview-size-r img{width: 10px;}


.productview-footer-box{position: relative; height: 60px;}
.productview-footer{position: fixed; left: 0; bottom: 0; height: 60px; width: 100%; background: #fff;
justify-content: space-between; padding: 0 15px; border-top: 1px solid #dedede;}
.productview-footer-l{width: 15%; text-align: center; font-size: 18px; color: #222; font-weight: bold;}
.productview-footer-licon{margin-top: 4px;}
.productview-footer-licon img{width: 20px;}
.productview-footer-ltit{font-size: 16px;}
.productview-footer-r{align-items: center; }
.productview-footer-btn{display: block;; line-height: 40px; font-size: 18px; color: #fff;
padding: 0 20px; border-radius: 20px; margin-left: 10px;}
.productview-footer-btn a{color: #fff;}
.productview-footer-btn.join{ background: #5a7d93}
.productview-footer-btn.buy{ background: #597506}


.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed;top:20%;left:0%;z-index:9999;display:none;margin:0;width:100%;height:auto; background-color:#fff; 
    box-shadow:0 0 10px #666;}
.theme-poptit{position:absolute; right:15px; top:15px; transform:scale(2);}
.theme-box{ padding: 20px;}
.theme-content{}
.theme-content-pic{width: 25%; margin-right: 20px;}
.theme-content-pic img{width: 100%;}
.theme-content-info{}
.theme-content-ymoney{font-size: 16px; color: #999;}
.theme-content-zmoney{font-size: 18px; color: #e10505; margin: 8px 0;}
.theme-content-tit{font-size: 16px; color: #999;}
.theme-tit{font-size: 18px; margin: 15px 0;}
.theme-color{}
.theme-color-li{background: #f5f5f5; margin-bottom: 10px; color: #333; font-size: 16px; border-radius: 10px; line-height: 30px; margin-right: 15px;
    border:1px solid #f5f5f5;}
/*.theme-color-li.active,
.theme-color-li:hover{border:1px solid #597506;}*/

.theme-color-li1.on{border:1px solid #597506;}
.theme-color-li2.on{border:1px solid #597506;}

.theme-color-li a{display: block; padding: 0 12px;}
.theme-bottom{margin: 15px 0 0; align-items: center; justify-content: space-between;}
.theme-btn{width: 100%; line-height: 50px; height: 50px; background: #597506; text-align: center; font-size: 18px;}
.theme-btn a{color: #fff;}

/*注册*/
.register{width: 90%; margin: 0 auto;}
.register-head{width: 100px; height: 100px; margin: 30px auto;}
.register-head img{width: 100%;}
.register-inp{width: 100%; height: 50px; border: 1px solid #c2c4ca; align-items: center; overflow: hidden; margin-bottom: 15px;}
.register-inp .register-icon{width: 15%; text-align: center;}
.register-inp .register-icon img{transform: scale(0.8);}
.register-e{width: 80%;}
.register-s{width: 70%;}
.register-inp input{width: 100%; height: 50px; line-height: 50px; border: none; outline: none; font-size: 16px;}

.register-code{width: 100%; justify-content: space-between;}
.register-code-inp{width: 65%; align-items: center; height: 50px; border: 1px solid #c2c4ca; align-items: center; overflow: hidden; 
    margin-bottom: 15px;}
.register-code-inp .register-icon{width: 23%; text-align: center;}
.register-code-inp .register-icon img{transform: scale(0.8);}
.register-code-inp input{width: 100%; height: 50px; line-height: 50px; border: none; outline: none; font-size: 16px;}
.register-code-btn{width: 30%; height: 50px; line-height: 50px; background: #597506; text-align: center; font-size: 16px;}
.register-code-btn a{color: #fff; display: block;}

.register-btn{width: 100%; height: 50px; line-height: 50px; background: #597506; text-align: center; font-size: 18px;}
.register-btn a{color: #fff; display: block;}

.register-logon{font-size: 16px; text-align: center; margin-top: 30px;}
.register-logon span{color: #597506;}

.index-series-tit{text-align:center; padding:5px 0}

.personal-li input,select{border:0; text-align:right;outline:none; font-size:18px}



.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:15px}
/*淘宝风格*/
.paginator { font: 18px "微软雅黑"; margin:0 auto; font-size:18px }
.paginator a {border:solid 1px #ffc1cc;color:#000;cursor:pointer;text-decoration:none; background-color:#597506;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #597506; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #597506;color:#FFF;background-color:#597506; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #597506;color:#fff;text-decoration:none; background:#597506; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:18px;font-family:微软雅黑;padding:5px 10px; display:inline-block;}