/********************* 通用 /*********************/
html,body{min-width: 1200px;width: 100%;}
a,button {cursor: pointer;}
input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
}


input[type=checkbox] {display: none;}
input[type=checkbox] + label {display: inline-block;cursor: pointer;position: relative;padding-left: 40px;margin-left:20px;}
input[type=checkbox] + label:before {content: "";display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;top:-15px;background:url(/static/mall/images/notchecked.png) center center no-repeat}
input[type=checkbox]:checked + label:before {background: url("/static/mall/images/ischecked.png") center center no-repeat;}


/* input[type="checkbox"]{width: 20px;height: 20px;border: none;background:url(/static/mall/images/notchecked.png) center center no-repeat;appearance:none; -moz-appearance:none; -webkit-appearance:none;} */
/* input[type=checkbox]:checked + label{background: url("/static/mall/images/ischecked.png") center center no-repeat;border: none;} */

/******** 6位密码输入框 ********/

#payPassword_container{*zoom:1;float:left;}
#sixDigitPassword{width: 270px;height: 45px;color: transparent;font-size: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: initial;outline: 'none';position: absolute;z-index: 999;opacity:0;filter:alpha(opacity=0);caret-color: transparent;}
#sixDigitPassword-box{cursor:text;background: #fff;outline: none;position: relative;height: 45px;width:272px;border: 1px solid #909399;box-sizing: border-box;}
#sixDigitPassword-box i{float: left;width:45px;height: 100%;box-sizing: border-box;border-left: 1px solid #d5d5d5;}
#sixDigitPassword-box i:first-child{border: none;}
#sixDigitPassword-box .active{background: url('/static/mall/images/password-blink.gif') no-repeat center center;}
#sixDigitPassword-box b{display: block;width: 100%;height: 100%;box-sizing: border-box;visibility:hidden;background: url('/static/mall/images/passeord-dot.png') center center no-repeat;}
#sixDigitPassword-box span{position: absolute;display: block; box-sizing:border-box;left: 0;top: 0px;height: 43px;border: 1px solid rgba(82, 168, 236, .8);visibility: hidden;-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.75), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
#six-password{position: relative;height:45px;width:272px;vertical-align: middle;}
#cardwrap{width: 45px; left: 0px; visibility: hidden;}
#payPassword_container.err #sixDigitPassword-box{border-color: #f84343;}
#payPassword_container.err #sixDigitPassword-box i{border-color: #ff5959;}
#payPassword_container.err #sixDigitPassword-box b{background: url('/static/mall/images/passeord-dot-err.png') center center no-repeat;}


/* 弹窗 */
.mall-modal{width: 100%;height: 100%;padding: 50px 60px;display: none;position: relative;}
.mall-modal img{margin: 0 20px 0 50px;}
.mall-modal .content{font-size: 20px;color: #444444;margin-bottom: 10px;}
.mall-modal button{width: 180px;height: 45px;text-align: center;font-size: 14px;margin-top: 20px;}
.mall-modal button.btn-cancel{background-color: #f6f6f6;color:#606266;border: 1px solid #ececec;float: left;}
.mall-modal button.btn-confirm{background-color: #ff6633;color:#ffffff;border: none;float: right;}
.layui-layer-close2{right: 0 !important;top: 0 !important;background: url(/static/mall/images/pop-up_close.png) center center no-repeat !important;}
.a_modal .layui-layer-close2{right: 0 !important;top: 0 !important;background: url(/static/mall/images/pop-up_close.png) center center no-repeat !important;}
#addAdderssModal,#cardModal,#rulesModal,#zqModal,#materialAddressModal{padding: 60px 20px;overflow: hidden;}
#addAdderssModal .title,#cardModal .title,#rulesModal .title,#zqModal .title,#materialAddressModal .title{position: absolute;width: 100%; height:60px; background: #f6f6f6; top: 0; left: 0;line-height:40px;padding: 10px;font-size: 18px;color: #444444;}
#addAdderssModal .content,#cardModal .content,#rulesModal .content,#zqModal .content,#materialAddressModal .content{margin-top: 20px;font-size: 14px;line-height: 24px;}
#addAdderssModal .content .subtitle,#materialAddressModal .content .subtitle{font-size: 14px;line-height: 24px;}
#addAdderssModal .content .subtitle span,#materialAddressModal .content .subtitle span{color: #ff6633;margin-right: 3px;}
#addAdderssModal .content input,#materialAddressModal input{width: 100%;height: 46px;border: 1px solid #ececec;padding-left: 10px;font-size: 14px;color: #606266;margin: 5px 0 10px 0;}

#addAdderssModal .content select,#materialAddressModal .content select{box-sizing: border-box;width: 137px;height: 46px;border: 1px solid #ececec;padding-left: 10px;font-size: 14px;color: #606266;margin: 5px 20px 10px 0;appearance: none;-webkit-appearance: none; -moz-appearance: none; background:url('/static/mall/images/pulldownmenu_pulldown.png') no-repeat 95% center transparent;}
select::-ms-expand { display: none; }
#addAdderssModal .content select:last-child,#materialAddressModal .content select:last-child{margin: 5px 0 10px 0;}

#addAdderssModal .content textarea,#materialAddressModal .content textarea{width: 460px;height: 92px;font-size: 14px;padding: 10px;color: #606266;resize: none;border: 1px solid #ececec;}

/* 分页器 */
#myPage{display: table;margin: 20px auto;}


/********************* header *********************/
.left{float: left;}
.right{float: right;}
header {
    height: 120px;
    background-color: #ffffff;
    text-align: center;
    box-shadow:0px 2px 9px 0px rgba(15, 16, 16, 0.1);
    min-width: 1200px;
}
header .top{
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
    color: #909399;
    background: #f6f6f6;
    text-align: left;
}
header .top a{color: #909399;position: relative;padding: 0 10px;display: inline-block;}
header .top a:after{content: "";position: absolute;width: 1px;height: 10px;background: #909399;right: 0;top: 16px;}
header .top a:last-child::after{width: 0;padding-right: 0}
header .top a:first-child{padding-left: 0}
header .top a:hover{
    color:#ff6633;
}
.logo{
    float: left;
    width: 233px;
    height: 56px;
    background: url(/static/mall/service_images/logo.png) center center no-repeat;
    overflow: hidden;
    margin-top: 12px;
}
.logo.logo-user{
    background: url(/static/mall/service_images/logo-1.png) center center no-repeat;
}
.user_nav a{color: #656565;font-size: 18px;line-height: 80px;margin-left: 30px;}
.user_nav a:hover{color: #f53434;}
.logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.logo h1 {
    color: transparent;
    text-indent: -9999px;
}
.nav {
    font-size: 16px;
    margin-left: 50px;
    float: left;
}
.nav li {
    float: left;
    margin-left: 5px;
    line-height: 80px;
    padding: 0 15px;
    position: relative;
}
.nav a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #7d93a1;
    position: relative;
}
.nav a .free{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 54px;
    height: 26px;
    background: url("/static/mall/images/gif_mianfei.gif") center center no-repeat;
}
.nav .sub:after{position: absolute;content:'\25BC';font-size: 10px;right: 0;top: 0;color: #7d93a1;}
.nav .sub:hover:after{content:'\25B2';}
.nav .sublist{position: absolute;top:80px;left: 0;background: #fff;width:100%;z-index: 99999;line-height: 48px;display: none;}
.nav li.sub:hover .sublist{display: block;}
.nav li:hover:after,.nav li:hover>a, .nav .sub.active:after,.nav li.active>a{
    color: #f53434;
}
.nav .sublist a{color: #7d93a1;}
.nav .sublist a:hover{color: #f53434;}
.search-box{
    margin-top: 25px;float: left;width:280px;height: 30px;position: relative;border-radius: 15px;overflow: hidden;
}
.search-input{
    outline: medium;width: 280px;height: 30px;padding-left: 50px;padding-right: 30px;border-radius: 15px 0 0 15px;border: none;background-color: #f6f6f6;
}
.search-icon{
    position: absolute;width: 50px;height: 30px;left: 0;top: 0;
    background: url(/static/mall/images/top_nav_search.png) center center no-repeat;
}
.search-btn{
    width: 60px;height: 30px;position: absolute;right: 0;top: 0;background: #eb433d;color: #fff;text-align: center;line-height: 30px;font-size: 14px;cursor: pointer;
}
.cart{
    width: 30px;
    height: 30px;
    background: #f6f6f6;
    float: left;
    margin-top: 25px;
    border-radius: 15px;
    line-height: 30px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 20px;
    background-color: #f6f6f6;
    background-image: url(/static/mall/images/top_nav_shoppingc.png);
    background-position: center center;
    background-repeat: no-repeat;
}
/* .cart:hover{border: 1px solid #f6f6f6;}
.cart a{color: #ff6633;}
.cart a:hover{color: #ff6633;}
.cart i{width: 18px;height: 18px;background: url(/static/mall/images/top_nav_shoppingc.png) center center no-repeat;display: inline-block;vertical-align: middle;margin-top: -5px;} */
#pageTitle{font-size: 24px;color: #444444;float: left;line-height: 80px;margin-left: 30px;}

/******************* 首页 *********************/

body{font-family: '微软雅黑';}

.main-page{overflow: hidden;padding: 20px 0;}
.main-page .carousel{width: 1200px;height:400px;margin-bottom: 40px;}
.main-page .trades{width: 100%;height:70px;display:inline-block;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.09);line-height: 30px;padding: 15px 30px;}
.main-page .trades .icon{float: left;margin-right:80px;margin-top:5px;width: 156px;height: 29px;background: url(/static/mall/service_images/1-jykb.png) center center no-repeat;background-size: contain;}
.main-page .trades .msg{float: left;width: 240px;height: 40px;text-align: center;color: #7f93a1;font-size: 14px;position: relative;}
.main-page .trades .msg:after{content:'';position: absolute;width: 1px;right: 0;height: 40px;background: #ebedef;top:0;}
.main-page .trades .msg span{font-size: 30px;margin: 0 5px;font-weight: bold;color: #383838;}
.main-page .trades .record{float: left;margin-left: 30px;height:40px;line-height: 40px;color: #7f93a1;}
.main-page .trades .record .list{width: 320px;height: 40px;overflow: hidden;}
.main-page .trades .record .list ul li{width:320px;height:40px;color: #7f93a1;list-style: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-page .trades .record .list ul li span{color: #eb433d;margin:0 8px;}

.main-page .c1{text-align: center;}
.main-page .c1 .title{font-size: 30px;line-height: 36px;color: #505050;margin: 60px 0 40px 0;}

.main-page .c1 .tabs .tab{display: inline-block;width: 120px;height: 40px;background: #ffedec;border-radius: 20px;color: #ff5b55;line-height: 40px;cursor: pointer;margin: 0 10px;}
.main-page .c1 .tabs .tab.active{background: #ff5b55;color: #ffffff;}
.main-page .c1 .lists{margin-top: 30px;width: 1230px;min-height: 334px;}
.main-page .c1 .lists .list{display: none;}
.main-page .c1 .lists .list.active{display: block;}
.main-page .c1 .web{width: 380px;height: 300px;margin-right: 30px;margin-bottom: 30px;border-radius: 5px 5px 0 0;float: left;}
.main-page .c1 .web .top{position: relative;width: 100%;height: 240px;background-image: url(/static/mall/service_images/2-bg.png);background-repeat: no-repeat;padding-top: 30px;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.1);overflow: hidden;}
.main-page .c1 .web .top .shade{display: none;width: 100%;height: 240px;position: absolute;top:0;left:0;background: #000;opacity: 0.15;}
.main-page .c1 .web .top .img{width: 100%;height: 210px;}
.main-page .c1 .web .top .img img{max-height: 210px;max-width: 380px;height: 210px;}
.main-page .c1 .web .top .btns{width: 100%;height: 60px;text-align:center;display: none;background: #ffffff;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.1);}
.main-page .c1 .web .top .btn{width: 170px;height: 40px;display: inline-block;margin: 10px 5px;border:1px solid #ff5b55;border-radius: 5px;font-size: 14px;line-height: 40px;}
.main-page .c1 .web .top .btn1{background: #ff5b55;color: #ffffff;}
.main-page .c1 .web .top .btn2{background: #ffffff;color: #ff5b55;}
.main-page .c1 .web .bot {width: 100%;height: 60px;line-height: 60px;color: #8c9fab;font-size: 18px;}
.main-page .c1 .web:hover .top{height: 300px;}
.main-page .c1 .web:hover .top .shade{display: block;}
.main-page .c1 .web:hover .top .btns{display: block;}
.main-page .c1 .web:hover .bot{display: none;}
.main-page .c1 .more{width: 300px;height: 50px;background: #ff5b55;border-radius: 25px;color: #ffffff;line-height: 50px;margin: 0 auto;font-size: 18px;}

.main-page .c2{width: 1200px;height: 479px;margin-top: 80px;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.1);border-radius: 10px 10px 0 0;overflow: hidden;text-align: center;}
.main-page .c2 .head{color: #ffffff;width: 100%;height: 70px;padding: 10px 30px;background: linear-gradient(90deg,#ff5b55 0%, #ff9f75 100%);;}
.main-page .c2 .head .name{font-size:30px;line-height: 50px;margin:0 40px 0 10px}
.main-page .c2 .head li{float: left;height: 36px;margin: 7px 10px 0 0;padding: 0px 20px;line-height: 36px;font-size: 16px;cursor: pointer;}
.main-page .c2 .head li.active{background: #ffffff;color: #ff6158;border-radius: 18px;}
.main-page .c2 .head .more{font-size: 18px;line-height: 50px;color: #ffffff;}

.main-page .c2 .content .goods{width: 1200px;height: 410px;display: none;}
.main-page .c2 .content .goods.active{display: block;}
.main-page .c2 .content .good{width: 300px; height: 410px;float: left;padding: 20px 30px;border-right: 1px solid #e6e6e6;}
.main-page .c2 .content a:last-child .good{border-right: 0px;}
.main-page .c2 .content .good:hover{box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.09);border-right: 0;}
.main-page .c2 .content .good .img{width: 100%;height: 240px;overflow: hidden;}
.main-page .c2 .content .good .img img{height: 240px;max-width: 240px;max-height: 240px;}
.main-page .c2 .content .good .icons{width: 100%;margin:20px 0 10px 0;}
.main-page .c2 .content .good .icons i{padding: 0 10px;color: #ffffff;border-radius:3px;font-style: normal;font-size: 12px;height: 19px;line-height: 19px;}
.main-page .c2 .content .good .icons i.gf{background: #eb433d;}
.main-page .c2 .content .good .icons i.jf{background: #ff974a;}
.main-page .c2 .content .good .name{padding:0 20px;color: #7d93a1;height: 40px;margin-bottom: 10px;line-height: 20px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.main-page .c2 .content .good .price{font-size: 14px;color: #eb433d;}
.main-page .c2 .content .good .price span{font-size: 20px;margin-left: 5px;}

.main-page .c3{margin-top: 80px;text-align: center;}
.main-page .c3 .title{font-size:30px;color: #505050;margin-bottom: 40px;}
.main-page .c3 .sev{width: 380px;height: 400px;float: left;margin-right: 30px;margin-bottom: 50px;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.09);border-radius: 5px;padding: 40px 50px;}
.main-page .c3 .sev:last-child{margin-right: 0;}
.main-page .c3 .sev1{background: url(/static/mall/service_images/6-bg1.png);}
.main-page .c3 .sev2{background: url(/static/mall/service_images/6-bg2.png);}
.main-page .c3 .sev3{background: url(/static/mall/service_images/6-bg3.png);}
.main-page .c3 .sev .name{font-size: 24px;line-height: 48px;color: #3f3f3f;}
.main-page .c3 .sev .desc{font-size: 14px;color: #7d93a1;height: 48px;line-height: 24px;margin: 10px 0 25px 0;overflow: hidden;}
.main-page .c3 .sev .btn{width: 120px;height: 40px;margin: 0 auto;border-radius: 20px;line-height: 40px;color: #ffffff;}
.main-page .c3 .sev1 .btn{background: linear-gradient(0deg, #ff5a5a 0%, #ff8d8d 100%);}
.main-page .c3 .sev2 .btn{background: linear-gradient(0deg, #ffb14c 0%, #ffe69b 100%);}
.main-page .c3 .sev3 .btn{background: linear-gradient(0deg, #3fd373 0%, #89e6a0 100%);}

.webService-page .c1{height: 60px;line-height: 60px;}
.webService-page .c1 .name{float: left;color: #333333;font-size: 24px;margin-right: 20px;}
.webService-page .c1 .desc{float: left;color: #7d93a1;font-size: 14px;}
.webService-page .c1 .serv{float: right;width:120px;height: 36px;margin-top: 12px;border-radius: 18px;background: #386efd;color: #ffffff;line-height: 36px;text-align: center;}
.webService-page .c1 .tabs{float: right;margin-right: 20px;}
.webService-page .c1 .tabs li{float: left;padding: 0 10px;position: relative;cursor: pointer;}
.webService-page .c1 .tabs li:hover{color: #ff5b55;}
.webService-page .c1 .tabs li:not(:last-child):after{position: absolute;width: 1px;height: 16px; top:22px; right:0; background: #7f93a1;content: "";}
.webService-page .c2{height: 450px;width: 100%;background: url(/static/mall/service_images/1-0-banner.png) center center no-repeat;position: relative;}
.webService-page .c2 .w1200{position: relative;height:450px}
.webService-page .c2 .content{position: absolute;text-align: center;width: 1200px;height: 150px;bottom: -75px;left: 0;box-shadow: 0px 3px 9px 0px rgba(15, 16, 16, 0.1);background: #fff;}
.webService-page .c2 .content .info{display: inline-block;padding: 30px 80px;position: relative;}
.webService-page .c2 .content .info:not(:last-child):after{position: absolute;width: 1px;height: 100px;content:'';background:#ebebeb;right: 0;top:25px;}
.webService-page .c2 .content .info h1{color: #386efd;font-size: 48px;}
.webService-page .c2 .content .info h5{color: #343434;font-size: 30x;}
.webService-page .c2 .btn{width: 160px;height: 40px;position: absolute;left: 50px;top:261px}
.webService-page .c3{height: 540px;width:100%;padding-top: 120px;background: url(/static/mall/service_images/1-1-bg.png) center center no-repeat;}
.webService-page .c_title{text-align: center;font-size: 36px;color: #386efd;padding-bottom: 20px;margin-bottom: 40px;position: relative;}
.webService-page .c_title:after{position: absolute;width: 50px;height: 3px;background: #a9c1ff;content: "";left: 50%;;transform: translateX(-50%);bottom: 0;}
.webService-page .c3 .content{text-align:center;text-align: center;}
.webService-page .c3 .content .info{display: inline-block;margin: 0 40px;}
.webService-page .c3 .content .info .name{color:#2c5ee1;font-size: 24px;margin: 20px 0 10px 0;}
.webService-page .c3 .content .info .desc{color:#9a9a9a;font-size: 16px;}
.webService-page .c4{height: 644px;width:100%;padding-top: 80px;background: #fff;}
.webService-page .c4 .btns{text-align: center;}
.webService-page .c4 .link{display: inline-block;}
.webService-page .c4 .link a{color: #386efd;font-size: 20px;text-decoration: underline;margin-right: 20px;}
.webService-page .c4 .btn{width: 160px;height: 40px;display: inline-block;background: #386efd;border-radius: 20px;line-height: 40px;color: #fff;}
.webService-page .c4 .carousel{width: 1200px;height:300px;margin: 20px auto;}
.webService-page .c4 .carousel .cases{text-align: center;}
.webService-page .c4 .carousel .cases .case{width: 380px;height: 300px;float: left;margin-right: 30px;}
.webService-page .c4 .carousel .cases a:last-child .case{margin-right: 0;}
.webService-page .c4 .carousel .cases .case .img{width: 380px;height: 240px;overflow: hidden;padding: 10px;background: #ebedef;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.1);border-radius: 5px;margin-bottom: 10px;}
.webService-page .c4 .carousel .cases .case p{color: #8c9fab;font-size: 18px;line-height: 36px;}
.webService-page .c4 .carousel #lunbo{background:transparent !important;}
.webService-page .c4 .carousel .layui-carousel>[carousel-item]>*{background:transparent !important;}
.webService-page .c4 .layui-carousel-ind{top: 20px;}
.webService-page .c4 .layui-carousel-ind li{background: #b1c6ff !important;margin: 0 5px !important;}
.webService-page .c4 .layui-carousel-ind li.layui-this{background: #386efd !important;opacity: 1 !important;}


.webService-page .c5{height: 425px;width:100%;padding-top: 50px;background: url(/static/mall/service_images/1-2-bg.png) center center no-repeat;}
.webService-page .c5 .c_title{color: #fff;}
.webService-page .c5 .content{text-align: center;}
.webService-page .c5 .info{display: inline-block;margin: 0 50px;color: #fff;font-size:24px;line-height: 72px;}
.webService-page .c6{height: 376px;width:100%;padding-top: 50px;text-align: center;}

.xcxService-page .c1{height: 60px;line-height: 60px;}
.xcxService-page .c1 .name{float: left;color: #333333;font-size: 24px;margin-right: 20px;}
.xcxService-page .c1 .desc{float: left;color: #7d93a1;font-size: 14px;}
.xcxService-page .c1 .serv{float: right;width:120px;height: 36px;margin-top: 12px;border-radius: 18px;background: #43da73;color: #ffffff;line-height: 36px;text-align: center;}
.xcxService-page .c1 .tabs{float: right;margin-right: 20px;}
.xcxService-page .c1 .tabs li{float: left;padding: 0 10px;position: relative;cursor: pointer;}
.xcxService-page .c1 .tabs li:hover{color: #ff5b55;}
.xcxService-page .c1 .tabs li:not(:last-child):after{position: absolute;width: 1px;height: 16px; top:22px; right:0; background: #7f93a1;content: "";}
.xcxService-page .c2{height: 400px;width: 100%;background: url(/static/mall/service_images/3-0-banner.png) center center no-repeat;position: relative;}
.xcxService-page .c2 .w1200{position: relative;height:400px}
.xcxService-page .c2 .btn{width: 160px;height: 40px;position: absolute;left: 50px;top:261px}
.xcxService-page .c3{height: 495px;width:100%;padding-top: 60px;background: url(/static/mall/service_images/3-1-bg.png) center center no-repeat;}
.xcxService-page .c_title{text-align: center;font-size: 36px;color: #33be58;padding-bottom: 20px;margin-bottom: 60px;position: relative;}
.xcxService-page .c_title:after{position: absolute;width: 50px;height: 3px;background: #7ee69f;content: "";left: 50%;;transform: translateX(-50%);bottom: 0;}
.xcxService-page .c3 .content{text-align:center;text-align: center;}
.xcxService-page .c3 .content .info{display: inline-block;margin: 0 40px;}
.xcxService-page .c3 .content .info .name{color:#33be58;font-size: 24px;margin: 20px 0 10px 0;}
.xcxService-page .c3 .content .info .desc{color:#9a9a9a;font-size: 16px;}
.xcxService-page .c4{height: 638px;width:100%;padding-top: 80px;background: #fff;position: relative;}
.xcxService-page .c4 .content{text-align: center;margin-bottom: 40px;margin-top: -20px;}
.xcxService-page .c4 .content .info{display: inline-block;margin: 0 60px;}
.xcxService-page .c4 .content .info .name{color:#33be58;font-size: 24px;margin: 20px 0 10px 0;}
.xcxService-page .c4 .content .info .desc{color:#9a9a9a;font-size: 16px;}
.xcxService-page .c4 .btn{width: 160px;height: 40px;background: #43da73;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;position: absolute;bottom:70px;left: 50%;transform: translateX(-50%);}
.xcxService-page .c5{height: 608px;width:100%;padding-top: 50px;background: url(/static/mall/service_images/3-3-bg.png) center center no-repeat;}
.xcxService-page .c5 .c_title{color: #fff;}
.xcxService-page .c5 .content{text-align: center;margin-bottom: 60px;}
.xcxService-page .c5 .info{display: inline-block;margin: 0 50px;width: 220px;color: #fff;font-size:24px;line-height: 72px;}
.xcxService-page .c6{height: 376px;width:100%;padding-top: 50px;text-align: center;}


.h5Service-page .c1{height: 60px;line-height: 60px;}
.h5Service-page .c1 .name{float: left;color: #333333;font-size: 24px;margin-right: 20px;}
.h5Service-page .c1 .desc{float: left;color: #7d93a1;font-size: 14px;}
.h5Service-page .c1 .serv{float: right;width:120px;height: 36px;margin-top: 12px;border-radius: 18px;background: #ff795c;color: #ffffff;line-height: 36px;text-align: center;}
.h5Service-page .c1 .tabs{float: right;margin-right: 20px;}
.h5Service-page .c1 .tabs li{float: left;padding: 0 10px;position: relative;cursor: pointer;}
.h5Service-page .c1 .tabs li:hover{color: #ff5b55;}
.h5Service-page .c1 .tabs li:not(:last-child):after{position: absolute;width: 1px;height: 16px; top:22px; right:0; background: #7f93a1;content: "";}
.h5Service-page .c2{height: 400px;width: 100%;background: url(/static/mall/service_images/2-0-banner.png) center center no-repeat;position: relative;}
.h5Service-page .c2 .w1200{position: relative;height:400px}
.h5Service-page .c2 .btn{width: 160px;height: 40px;position: absolute;left: 50px;top:261px}
.h5Service-page .c3{height: 554px;width:100%;padding-top: 60px;}
.h5Service-page .c_title{text-align: center;font-size: 36px;color: #ff7063;padding-bottom: 20px;margin-bottom: 60px;position: relative;}
.h5Service-page .c_title:after{position: absolute;width: 50px;height: 3px;background: #ffcfc5;content: "";left: 50%;;transform: translateX(-50%);bottom: 0;}
.h5Service-page .c3 .left{float: left;width: 600px;height: 360px;background: url(/static/mall/service_images/2-1-bg.png);padding: 25px 50px;text-align: right;color: #353535;}
.h5Service-page .c3 .right{float: right;width: 600px;height: 360px;background: linear-gradient(0deg, #ff745e 0%, #ff955b 100%);padding: 25px 50px;color: #fff;}
.h5Service-page .c3 .content{line-height: 48px;padding: 20px 50px;width: 500px;height: 310px;}
.h5Service-page .c3 .left .content{background: #ffffffad;}
.h5Service-page .c3 .content h1{font-size: 24px;margin-bottom:25px}
.h5Service-page .c3 .content h3{font-size: 16px;}


.h5Service-page .c4{height: 615px;width:100%;padding-top: 80px;background: #fff;position: relative;}
.h5Service-page .c4 .content{text-align: center;margin-bottom: 40px;margin-top: -20px;}
.h5Service-page .c4 .content .info{display: inline-block;margin: 0 30px;}
.h5Service-page .c4 .content .info .name{color:#ff7063;font-size: 24px;margin: 20px 0 10px 0;}
.h5Service-page .c4 .content .info .desc{color:#9a9a9a;font-size: 16px;width: 255px;line-height: 30px;}
.h5Service-page .c4 .btn{width: 160px;height: 40px;background: #fa5d46;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;position: absolute;bottom:70px;left: 50%;transform: translateX(-50%);}
.h5Service-page .c5{height: 608px;width:100%;padding-top: 50px;background: url(/static/mall/service_images/2-3-bg.png) center center no-repeat;}
.h5Service-page .c5 .c_title{color: #fff;}
.h5Service-page .c5 .content{text-align: center;margin-bottom: 60px;}
.h5Service-page .c5 .info{display: inline-block;margin: 0 50px;width: 220px;color: #fff;font-size:24px;line-height: 72px;}
.h5Service-page .c6{height: 376px;width:100%;padding-top: 50px;text-align: center;}



.webSale-page{background: #f5f5f5;}
.webSale-page .c1{height:40px;color: #7d93a1;font-size: 14px;line-height: 40px;}
.webSale-page .c2{height: 205px;margin-bottom: 30px;user-select: none;}
.webSale-page .c2 .icon{width: 285px;height: 205px;background: url(/static/mall/service_images/type_list2.png);padding-top: 25px;color: #fff;text-align: center;border-radius: 3px;}
.webSale-page .c2 .icon .name{font-size: 24px;line-height: 48px;font-weight: bold;margin-bottom: 10px;}
.webSale-page .c2 .icon .desc{font-size: 14px;margin-bottom: 50px;}
.webSale-page .c2 .icon .btn{background: #fff;margin: 0 auto;color: #ff6c5c;width: 103px;height: 30px;line-height: 30px;border-radius: 3px;cursor: pointer;}
.webSale-page .c2 .menu{width: 895px;height: 100%;background: #ffffff;padding: 20px 28px;}
.webSale-page .c2 .menu>div{width: 100%;height: 55px;line-height: 55px;color: #7d93a1;}
.webSale-page .c2 .menu>div:not(:last-child){border-bottom: 1px solid #e4e4e4;}
.webSale-page .c2 .menu .type{float: left;;width: 70px;position: relative;;text-align: justify;text-align-last: justify;margin-right: 20px;padding-right: 10px;}
.webSale-page .c2 .menu .type:after{position: absolute;right: 0;content: '\FF1A';width: 10px;height: 55px;}
.webSale-page .c2 .menu .list{float: left;}
.webSale-page .c2 .menu .list li{padding: 0 20px;height: 24px;margin-top:15px;float: left;margin-right: 10px;cursor: pointer;line-height: 24px;}
.webSale-page .c2 .menu .list li.active{background: #ff5b55;border-radius: 12px;color: #fff;}
.webSale-page .c2.type_3{height: 150px;}
.webSale-page .c2.type_3 .icon{height: 150px;background: url(/static/mall/service_images/type_list3.png);padding-top: 20px;}
.webSale-page .c2.type_3 .icon .name{margin-bottom: 0;}
.webSale-page .c2.type_3 .icon .desc{margin-bottom: 20px;}
.webSale-page .c2.type_3 .icon .btn{color: #44c5ff;}
.webSale-page .c2.type_4{height: 150px;}
.webSale-page .c2.type_4 .icon{height: 150px;background: url(/static/mall/service_images/type_list4.png);padding-top: 20px;}
.webSale-page .c2.type_4 .icon .name{margin-bottom: 0;}
.webSale-page .c2.type_4 .icon .desc{margin-bottom: 20px;}
.webSale-page .c2.type_4 .icon .btn{color: #ff914e;}

.webSale-page .c3{min-height: 200px;padding-bottom: 30px;}
.webSale-page .c3 .w1200{overflow-x: hidden;}
.webSale-page .c3 .lists{width: 1220px;display: inline-block;}
.webSale-page .c3 .good{width: 285px; height: 410px;float: left;padding: 20px 17px;margin-right: 20px;margin-bottom:20px;background: #ffffff;text-align: center;}
.webSale-page .c3 .good .img{width: 240px;height: 240px;margin: 0 auto;overflow: hidden;background: #f4f4f4;}
.webSale-page .c3 .good .img img{height: 240px;max-width: 240px;max-height: 240px;}
.webSale-page .c3 .good .icons{width: 100%;margin:20px 0 10px 0;}
.webSale-page .c3 .good .icons i{padding: 2px 5px;color: #ffffff;margin:0 5px;border-radius:3px;font-style: normal;font-size: 12px;height: 19px;line-height: 19px;}
.webSale-page .c3 .good .icons i.gf{background: #eb433d;}
.webSale-page .c3 .good .icons i.jf{background: #ff974a;}
.webSale-page .c3 .good .icons i.qz{background: #1eb4f7;}
.webSale-page .c3 .good .name{padding:0 20px;color: #7d93a1;height: 40px;margin-bottom: 10px;line-height: 20px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.webSale-page .c3 .good .price{font-size: 14px;color: #eb433d;}
.webSale-page .c3 .good .price span{font-size: 20px;margin-left: 5px;}
.webSale-page .c3 .empty{background: url(/static/mall/images/goods_empty.png) center center no-repeat;width: 100%;height: 400px;padding-top: 300px;text-align: center;font-size: 24px;color: #909399;}

.measureService-page{padding-bottom: 30px;}
.measureService-page .page-title{font-size: 30px;color: #505050;margin: 50px;text-align: center;}
.measureService-page .tabs{text-align: center;user-select: none;}
.measureService-page .tabs li{width: 120px;display: inline-block;background: #ffedec;border-radius: 20px;height: 40px;line-height: 40px;text-align: center;margin: 0 10px;color: #ff5b55;cursor: pointer;}
.measureService-page .tabs li.active{color: #ffffff;background: #ff5b55;}

.measureService-page .webs{margin-top:50px;width: 1230px;display: inline-block;text-align: center;}
.measureService-page .webs .web{width: 380px;height: 300px;margin-right: 30px;margin-bottom: 30px;border-radius: 5px 5px 0 0;float: left;}
.measureService-page .webs .web .top{position: relative;width: 100%;height: 240px;background-image: url(/static/mall/service_images/2-bg.png);background-repeat: no-repeat;padding-top: 30px;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.1);overflow: hidden;}
.measureService-page .webs .web .top .shade{display: none;width: 100%;height: 240px;position: absolute;top:0;left:0;background: #000;opacity: 0.15;}
.measureService-page .webs .web .top .img{width: 100%;height: 210px;}
.measureService-page .webs .web .top .img img{max-height: 210px;max-width: 380px;height: 210px;}
.measureService-page .webs .web .top .btns{width: 100%;height: 60px;text-align:center;display: none;background: #ffffff;box-shadow: 0px 2px 9px 0px rgba(15, 16, 16, 0.1);}
.measureService-page .webs .web .top .btn{width: 170px;height: 40px;display: inline-block;margin: 10px 5px;border:1px solid #ff5b55;border-radius: 5px;font-size: 14px;line-height: 40px;}
.measureService-page .webs .web .top .btn1{background: #ff5b55;color: #ffffff;}
.measureService-page .webs .web .top .btn2{background: #ffffff;color: #ff5b55;}
.measureService-page .webs .web .bot {width: 100%;height: 60px;line-height: 60px;color: #8c9fab;font-size: 18px;}
.measureService-page .webs .web:hover .top{height: 300px;}
.measureService-page .webs .web:hover .top .shade{display: block;}
.measureService-page .webs .web:hover .top .btns{display: block;}
.measureService-page .webs .web:hover .bot{display: none;}
.measureService-page .webs .more{width: 300px;height: 50px;background: #ff5b55;border-radius: 25px;color: #ffffff;line-height: 50px;margin: 0 auto;font-size: 18px;}
.measureService-page .webs .empty{background: url(/static/mall/images/goods_empty.png) center center no-repeat;width: 100%;height: 400px;padding-top: 300px;text-align: center;font-size: 24px;color: #909399;}
.measureService-page .bot-ad{width: 100%;height: 100px;background: url(/static/mall/service_images/banner-x.png);}



/* .userinfo{padding: 30px;}
.avatar{text-align: center;width: 100%;}
.avatar img{width: 65px;height:65px;}
.btns{width: 100%;height: 36px;margin:15px 0;}
.btns button{width: 120px;height: 36px;float: left;font-size: 16px;box-sizing: border-box;background: #ffffff;border: 1px solid #ff6633;color: #ff6633;}
.btns #login{float: left;}
.btns #rgst{float: right;}
.welcome{width: 100%;height: 40px;margin-top: 10px;margin-bottom: 10px;text-align: center;line-height: 40px;font-size: 18px;}
.jifen{width: 100%;height: 36px;line-height: 36px;font-size: 16px;}
.jifen i{float: left;width: 18px;height: 18px;background: url(/static/mall/images/1_jifen.png) center center no-repeat;margin-right: 10px;margin-top: 9px;}
.jifen .jfn{font-size: 14px;color: #909399;margin-left: 30px;}
.jifen .jfs a{font-size: 18px;color: #ff6633;margin-left: 30px;}
.sign_in{width: 240px;height: 50px;margin: 15px auto;}
.sign_in .left{width: 160px;height: 50px;color: #ffffff;line-height: 50px;font-size: 18px;background-color: #ff6633;border-radius: 5px 0 0 5px;text-align: center;cursor: pointer;}
.sign_in .left i{width: 22px;height: 20px;background: url(/static/mall/images/sign_in.png) center center no-repeat;display: inline-block;vertical-align: middle;margin-top: -5px;margin-right: 5px;}
.sign_in .left span{display: inline-block}
.sign_in .left.signed{background: #ffa98c;}
.sign_in .right{width: 80px;height: 50px;text-align: center;font-size: 14px;border: 1px solid #ff6633;border-left:none;border-radius: 0 5px 5px 0;line-height: 16px;overflow: hidden;padding-top: 9px;}
.sign_in .right .day{color: #909399;}
.sign_in .right .jf{color: #ff6633;}

.devide{width: 100%;height: 1px;background-color: #f6f6f6;margin: 10px 0;} */
/* .userinfo{width:330px;height: 400px;border: 1px solid #f6f6f6;background-color: #ffffff;}
.notice-title{width: 100%;height: 36px;font-size: 16px;color: #606266;line-height: 36px;display: inline-block;}
.notice-title i{float: left;width: 18px;height: 18px;background: url(/static/mall/images/1_laba.png) center center no-repeat;margin-right: 10px;margin-top: 9px;}
.notice-title .more{font-size: 14px;line-height: 36px;cursor: pointer;}
.notice-list li{margin-left: 30px;font-size: 14px;line-height: 30px;position: relative;}
.notice-list li:after{content: "";background:#ff6633;width: 4px;height: 4px;position: absolute;left: -20px;top: 50%;margin-top: -2px;}
.notice-list li a{color: #606266;}
.notice-list li a:hover{color: #ff6633;}
.gray{font-size: 14px;color: #909399;}

.cards{margin-top: 20px;width: 100%;height: 150px;}
.cards li{float:left;width:285px;height: 150px;margin-right: 20px;position: relative;cursor: pointer;}
.cards li.pt{background: url(/static/mall/images/1_bg1.png) center center no-repeat;color:#ce2d5f;}
.cards li.gj{background: url(/static/mall/images/1_bg2.png) center center no-repeat;color:#c27f22;}
.cards li.hx{background: url(/static/mall/images/1_bg3.png) center center no-repeat;color: #4f5cbe;}
.cards li.zp{background: url(/static/mall/images/1_bg4.png) center center no-repeat;color: #d25228;margin-right: 0}
.cards li .remain{position: absolute;right: 10px;bottom: 5px;}


.hot_border{width:100%;height: 520px;padding-top:20px;margin:30px 0;padding-left:30px;background: url(/static/mall/images/hot-bg.png) center center no-repeat;box-shadow: 0px 2px 10px 0px rgba(102, 102, 102, 0.1);}
.title_hot{width: 294px;height: 80px;margin: 0 auto;background: url(/static/mall/images/title1.png) center center no-repeat}
.hot{margin: 20px 0;height: 164px;}
.hot .good{cursor: pointer;width:360px;height: 164px;background: #ffffff;border-radius: 2px;position: relative;float: left;margin-right: 30px;margin-bottom: 30px;}
.hot .goods-image{width: 184px;height: 164px;position: relative;margin-right: 15px;border-radius: 2px 0 0 2px;overflow: hidden;z-index: 2;}
.hot .goods-image img {max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.hot .good .title{font-size: 18px;color: #444444;line-height: 30px;height:60px;margin-bottom: 10px;width:150px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hot .good .title img{margin-right: 5px;}
.hot .good:hover .title{color: #ff6633;}
.hot .good .price{font-size: 14px;line-height:20px;color: #444444;}
.hot .good .price span{font-size: 18px;color: #ff6633;margin-right: 5px;}
.hot .good .count{font-size: 12px;color: #909399;line-height: 36px;}

.title_gifts{width: 100%;height: 60px;line-height: 60px;}
.describe{height: 140px;height: 24px;text-align: center;background-color: #fd924a;color: #fff;font-size: 14px;padding: 3px 5px;border-radius: 3px;margin-left: 10px;position: relative;}
.describe .triangle{position: absolute;display:block; width:0;height:0;border-width:5px 5px 5px 0;border-style:solid; border-color:transparent #fd924a transparent transparent;top:5px;left:-5px;}
.goods{width: 100%;margin-bottom: 20px;display: inline-block;}
.goods .recommend{width: 244px;display: inline-block;height: 640px;overflow: hidden;}
.goods ul li{cursor:pointer;float: left;width: 224px;height: 300px;margin:0 20px 20px 0;background: #ffffff;text-align: center;position: relative;}
.goods ul a:last-child li{margin-right: 0;}
.goods ul li.good_example{background:url(/static/mall/images/tj_empty.jpg) center center no-repeat; }
.goods ul li.good_example img{width: 100%;height: 100%; }
.goods ul li .max_jf{position: absolute;top:0;left: 50%;transform: translateX(-50%);width: 140px;height: 20px;line-height: 20px;background: #fd924a;border-radius: 0 0 5px 5px;color: #fff8e8;text-align: center;z-index:99;}
.goods ul li .goods-img{width: 100%;height: 200px;background-color: #ffffff;position: relative;}
.goods ul li .goods-img img{max-width:100%;max-height: 200px;position: absolute;top:50%; left:50%;transform: translate(-50%,-50%);}
.goods ul li .goods-name{margin-top: 15px;color: #444444;font-size: 14px;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.goods ul li .goods-sub{margin-top: 5px;color: #909399;font-size: 12px;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.goods ul li .goods-price{margin-top: 10px;color: #ff6633;font-size: 14px;}
.goods ul li:hover .goods-name{color:#ff6633;}
.goods ul li:hover{box-shadow: 0px 2px 10px 0px rgba(102, 102, 102, 0.1);}


.goods .goods_none{background: url(/static/mall/images/goods_none.png) center center no-repeat;}


.ads1{width: 100%;height: 120px;background: url(/static/mall/images/ads1.png) center center no-repeat;margin-bottom: 20px;}
.ads2{width: 100%;height: 120px;background: url(/static/mall/images/ads1.png) center center no-repeat;margin-bottom: 40px;}
.questions{width: 100%;height: 100px;background-color: #ffffff;display: inline-block;margin-bottom: 30px;}
.questions .ques_title{float:left;width: 141px;height: 22px;background: url(/static/mall/images/title4.png) center center no-repeat;margin: 39px 60px 39px 30px;}
.questions ul{float: left;width: 350px;margin-right: 30px;height: 100%;vertical-align: middle;padding-top: 15px;}
.questions ul li a{font-size:14px;color: #444444;line-height: 24px;}
.questions ul li a:hover{color: #ff6633;}
.questions .more-ques{cursor: pointer;float:right;margin-top:30px;margin-right:20px;width: 130px;height: 40px;border: 1px solid #ff6633;color: #ff6633;text-align: center;line-height: 40px;}
 */

/* 首页轮播图样式 */
/* .layui-carousel-arrow[lay-type=add]{background: url(/static/mall/images/banner_right_hover.png) center center no-repeat;} */
.layui-carousel-arrow{width: 25px !important;height: 50px !important;font-size: 12px;}
.layui-carousel-arrow[lay-type=add]{right: 0 !important;border-radius: 25px 0 0 25px !important;padding-left: 5px;}
.layui-carousel-arrow[lay-type=sub]{left: 0 !important;border-radius: 0 25px 25px 0 !important;padding-right: 5px;}
.layui-carousel-ind ul{background: none !important}
.layui-carousel-ind li{position: relative !important;margin: 0 10px !important;background-color: #f6f6f6 !important;opacity: 0.7 !important;}
.layui-carousel-ind li.layui-this::after{content: "";width: 18px;height: 18px;opacity: 0.5;position: absolute;background-color: #f6f6f6;top: -4px;left: -4px;border-radius: 50%;}
#lunbo img{width: 100%;height: 100%;}


/*********************** 兑换商品页面 /***********************/
.router{width: 100%;height: 52px;background: #f6f6f6;line-height: 52px;color: #909399;box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1)}
.router a{color: #909399;}
.router a:hover{color: #ff6633;}
.filters{width:100%;height: 101px;}
.filters label{width: 50px;line-height: 50px;font-size: 14px;color: #909399;float: left;}
.filters ul{display: inline-block;}
.filters ul li{float: left;padding: 0 20px;line-height: 50px;font-size: 14px;color: #909399;cursor: pointer;}
.filters ul li.active,.filters ul li:hover{color: #ff6633;}
.filters .buy_type{border-bottom: 1px solid #ececec;height: 50px;}
.filters .sort{height: 50px;}
.goods-lists{background-color: #f6f6f6;padding-top: 30px;padding-bottom: 10px;}
.goods-lists .goods ul li:last-child{margin-right: 0;}
.goods_empty{margin: 50px 0;text-align:center;font-size:18px;text-align: center;color: #909399;}
.goods_empty button{width: 130px;height: 40px;line-height: 40px;background: #ffc7b5;font-size: 14px;color: #ffffff;margin-top: 20px;border: none;}

/* 商品详情页面 */
.goods-info-top{width: 100%; height:420px;background: #ffffff;}
.goods-info-top img{max-width: 403px;max-height: 306px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.goods-detail{margin-left: 40px;max-width: 750px;}
.goods-detail .name{font-size: 30px;color: #444444;line-height: 30px;margin-bottom: 15px;}
.goods-detail .keywords{font-size: 16px;color: #606266;margin-bottom:20px;padding-bottom: 15px;border-bottom: 1px solid #ececec;width:700px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.goods-detail label{font-size: 16px;color: #909399;line-height: 48px;float: left;}
.goods-detail .price-content{font-size: 30px;color: #ff6633;line-height: 48px;margin-left: 20px;display: inline-block;}
.goods-detail>div{display: inline-block;width: 100%;}
.goods-detail .max_jf{color: #fff8e8;font-size: 12px;background: #fd924a;padding:0 15px;height:20px;line-height: 20px;text-align:center;margin-left:20px;border-radius: 10px;display: inline-block;margin-top: 14px;}
.goods-detail .remain-content,.goods-detail .condition-content{font-size: 16px;color: #606266;line-height: 48px;margin-left: 20px;}
.goods-detail .count{float: left;width: 70px;height: 50px;margin-right: 20px;}
.goods-detail .count input{width: 45px;height: 45px;text-align: center;outline: medium;border: 1px solid #dddddd;float: left;margin-right: -1px;}
.goods-detail .count button{width: 23px;height: 23px;text-align: center;font-size: 16px;color: #606266;line-height: 16px;box-sizing: border-box;border: 1px solid #dddddd;background-color: #f6f6f6;outline: medium}
.goods-detail .count button:first-child{margin-bottom: -1px;}
.goods-detail .count button.disable{color:#dddddd;}
.goods-detail .btns .btn{width: 150px;height: 46px;float: left;border-radius: 5px;margin-right: 20px;line-height: 46px;font-size: 14px;text-align: center;cursor: pointer;color: #fff;}
.goods-detail .btns #addCart{background-color: #ff9946;}
.goods-detail .btns #buyNow{background-color: #ff5b55;}
.goods-detail .btns #preview{background-color: #ffdcdb;color: #ff5b55;}
.goods-info-bottom{padding: 30px 0;background-color: #ffffff;display: inline-block;width: 100%;}
.goods-info-bottom .info-title{font-size: 24px;font-family: '微软雅黑';color: #333333;padding-bottom:10px;padding-left: 20px;border-bottom: 1px solid #ebedef;position: relative;margin-bottom: 20px;line-height: 40px;}
.goods-info-bottom .info-title span{color: #ff5b55;font-weight: bold;margin-left: 15px;font-size: 16px;}
.goods-info-bottom .info-title:after{position: absolute;content:"\26AC";width: 20px;height: 50px;color: #ff5b55;bottom: 0px;left: 0;}
.goods-info-bottom .info{width:800px;margin-right: 50px;font-size: 16px;line-height: 30px;color: #606266;}
.goods-info-bottom .info .desc{margin-bottom: 30px; max-width: 100%;overflow: hidden;word-wrap:break-word}
.goods-info-bottom .info .desc img{max-width: 800px;margin-bottom: 10px;}
.goods-info-bottom .services{width: 350px;height: 250px;}
.goods-info-bottom .services .phone{font-size: 16px;color: #7d93a1;line-height: 30px;}
.goods-info-bottom .services .ol-ser{width: 350px;height:46px;margin-top: 20px;text-align: center;background: #ff5b55;border-radius: 5px;line-height: 46px;color: #fff;}
.goods-info-bottom .hots{width:350px;margin-top: 20px;}
.goods-info-bottom .hots .hots-goods .left:first-child{width: 140px;height: 120px;position: relative;margin-right: 20px;}
.goods-info-bottom .hots .hots-goods img{max-width: 140px;max-height: 120px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.goods-info-bottom .hots .hots-goods .hot-info .name{max-width:170px;font-size: 15px;color: #444444;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.goods-info-bottom .hots .hots-goods .hot-info .price{max-width:170px;font-size: 16px;color: #ff6633;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.goods-info-bottom .hots .hots-goods .hot-info .buy{width: 100px;height: 30px;border: 1px solid #ff6633;border-radius: 15px;color: #ff6633;text-align: center;line-height: 30px;cursor: pointer;}
.goods-info-bottom .hots .hots-goods{border-bottom: 1px solid #ececec;padding: 10px 0;height: 140px;}
.goods-info-bottom .hots .hots-goods:last-child{border-bottom: none;}
.goods-info-bottom .link{width: 350px;height: 350px;background: url(/static/mall/service_images/banner-y.png);border-radius: 5px;margin-top: 20px;position: relative;}
.goods-info-bottom .link .btn{position: absolute;width: 120px;height: 40px;bottom: 50px;left: 36px;}
/* 购物车页面 */
.cartPage{background: #f6f6f6;padding: 20px 0;box-shadow: inset 0px 2px 10px 0px rgba(102, 102, 102, 0.1);}
.cartPage .myCarts{background-color: #ffffff;font-size: 14px;color: #909399;}.cartPage .myCarts .cartsNav{width: 100%;height: 60px;border-bottom:1px solid #ececec; line-height: 60px;}
.cartPage .myCarts .cartsNav .allSelected{float:left;width: 20px;height: 20px;margin:20px 20px;}
.cartPage .myCarts .cartsNav div{float: left;}
.cartPage .myCarts .span1 {width:100px;margin-right: 40px;}
.cartPage .myCarts .span2 {width:300px;margin-right: 20px;}
.cartPage .myCarts .span3 {width:150px;margin-right: 20px;text-align: center;}
.cartPage .myCarts .span4 {width:200px;text-align: center;}
.cartPage .myCarts .span5 {width:180px;margin-right: 20px;text-align: center;}
.cartPage .myCarts .span6 {width:100px;text-align: center;}

.cartPage .lists{background: #ffffff;}
.cartPage .lists ul li{width: 100%;height: 125px;border-bottom: 1px solid #ececec;line-height: 125px;display: inline-block;}
.cartPage .lists ul li:last-child{border-bottom: none;}

/* .cartPage .lists li .isSelected{float:left;width: 20px;height: 20px;margin: 52px 20px;} */
.cartPage .lists li img{float:left;width: 100px;height: 89px;margin: 17px 40px 17px 0;}
.cartPage .lists li .name{float:left;font-size: 18px;color: #444444;width: 300px;margin-right: 20px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cartPage .lists li .uPrice{float:left;font-size:14px;color:#444444;width: 150px;height: 100%;margin-right: 20px;text-align: center;}
/* .cartPage .lists li .uPrice>div{line-height: 20px;} */
.cartPage .lists li .uPrice .max_price,.cartPage .lists li .tPrice .max_price{line-height: 24px;margin-top: 36px;}
.cartPage .lists li .uPrice .max_jf,.cartPage .lists li .tPrice .max_jf{line-height: 24px;color: #ff6633;background: #fff4f0;padding: 0 10px;border-radius: 10px;}
.cartPage .lists li .num{float:left;font-size:14px;color:#444444;width: 200px;}
.cartPage .lists li .num button{width: 40px;height: 40px;background-color: #f6f6f6;border: solid 1px #dddddd;float: left;margin-top: 41px;color: #606266;}
.cartPage .lists li .num input{width:70px;height: 40px;border: 1px solid #dddddd;background-color: #ffffff;float: left;text-align: center;margin:41px -1px 0 -1px;}
.cartPage .lists li .num button.numReduce{margin-left: 25px;}
.cartPage .lists li .num button.disable{color: #606266;}
.cartPage #allPrice1,.cartPage #allPrice2{font-size: 30px;}


.cartPage .lists li .tPrice{float:left;font-size:14px;color:#ff6633;width: 180px;margin-right: 20px;text-align: center;}
.cartPage .lists li .del{float:left;font-size:14px;width: 100px;text-align: center;}
.cartPage .lists li .del a{color: #909399;}
.cartPage .lists li .del a:hover{color: #ff6633;}

.cartPage .goods{height: 340px;}
.cartPage ul.hot-goods-list{height: 340px;}
.cartPage ul.hot-goods-list li:last-child{margin-right: 0;}
.cartPage ul.hot-goods-list li{height: 340px;}
/* .cartPage ul.hot-goods-list li:last-child{margin-right: 0;} */
.cartPage .payNow{width: 100%;height: 60px;background-color: #fff;line-height: 60px;color: #909399;font-size: 14px;margin-top: 20px;padding-left: 20px;}
.cartPage .payNow span{color: #ff6633;margin: 0 3px;}
.cartPage .payNow #pay{width: 200px;height: 60px;font-size: 16px;color: #fff;background-color: #ff6633;border: none;margin-left: 25px;}
.cartPage .subtitle{font-size: 18px;color: #444444;margin: 30px 0 20px 0;}
.cartPage .goods-img{padding:25px 22px 20px 22px !important;height: 200px !important;}
.cartPage .goods-name{margin-top: 20px !important;}
.cartPage .add{width: 100%;height: 36px;background: #ff6633;color: #fff;font-size: 14px;line-height: 36px;margin-top: 15px;display: none;}
.cartPage .goods ul li:hover .add{display: block;}
#delGoodsModal .content{text-align: center !important;margin-bottom: 40px !important;margin-top: 20px !important;}
.cart_empty{padding: 20px 0;text-align: center;overflow: hidden;font-size: 16px;color: #909399;}
.cart_empty a{margin: 0 3x;}

/* 确认订单页面 */
.orderPage{background: #f6f6f6;padding: 20px 0;box-shadow: inset 0px 2px 10px 0px rgba(102, 102, 102, 0.1);}
.address{width: 1200;height: 228px;background-color: #fff;padding: 20px;margin-bottom: 20px;}
.address .title{font-size: 18px;color: #444444;margin-bottom: 20px;}
.address .addressList{width: 100%;height: 150px;}
.address .addressList .addressTag{position: relative;;cursor: pointer;;width: 275px;height: 150px;margin-right:20px;padding:20px 20px 10px 20px;border: 1px solid #dddddd;float: left;}
.address .addressList .addressTag:last-child{margin-right: 0;}
.address .addressList .addressTag.active{border: 1px solid #ff6633;}
.address .addressList .addressTag.active .modify{display: block;}
.address .addressList .addressTag .user{font-size: 16px;color: #444444;margin-bottom: 10px;}
.address .addressList .addressTag .mphone,
.address .addressList .addressTag .content{font-size: 14px;color: #909399;line-height: 20px;}
.address .addressList .addressTag .delete{width: 11px;height: 11px;background: url(/static/mall/images/pop-up_close.png) center center no-repeat;position: absolute;right: 20px;top: 20px;display: none;}
.address .addressList .addressTag:hover .delete{display: block;}
.address .addressList .addressTag .modify{display: none;position: absolute;right:20px;bottom:10px;font-size: 14px;color: #909399;cursor: pointer;}
.address .addressList .addressTag .modify:hover{color: #ff6633;}
.address .addressList .addressTag.blank .addIcon{width: 36px;height: 36px;margin:20px auto;background: url(/static/mall/images/Add.png) center center no-repeat;}
.address .addressList .addressTag.blank .addContent{font-size: 14px;color: #909390;text-align: center;}
.address .addressList .addressTag.blank:hover{border: 1px solid #909399;}
.address .addressList .addressTag.blank:hover .addIcon{background: url(/static/mall/images/Add_hover.png) center center no-repeat;}

.orderPage .buyList ul li{width: 100%;padding:20px 20px 10px 20px;background-color: #ffffff;margin-bottom: 20px;display: inline-block;}
.orderPage .buyList ul li .top{width: 100%;height: 40px;line-height: 40px;}
.orderPage .buyList ul li .goods-icon{float:left;width: 22px;height: 20px;margin-right: 30px;}
.orderPage .buyList ul li .goods-icon img{width: 22px;height: 20px;}
.orderPage .buyList ul li .goods-name{float: left;;width:350px;font-size: 18px;color: #444444;overflow: hidden;}
.orderPage .buyList ul li .goods-price{text-align: center;float: left;;width:200px;font-size: 14px;color: #444444;}
.orderPage .buyList ul li .goods-num{text-align: right;float: right;font-size: 16px;color: #444444;}
.orderPage .buyList ul li .goods-cost{float: right;;width:550px;text-align:right;font-size: 14px;color: #ff6633;}
.orderPage .buyList ul li .goods-cost .max_jf{float: left;background:#fff4f0;text-align:center;height:20px;line-height: 20px;padding: 0 10px;margin-top:10px;border-radius: 5px;color: #ff6633;}
.orderPage .buyList ul li .goods-cost .jf_use{color: #909399;}
.orderPage .buyList ul li .goods-cost .jf_use input{width: 100px;margin: 0 10px;height: 30px;line-height: 30px;color: #ff6633;text-align: right;padding: 0 10px;border: 1px solid #dddddd;}
.orderPage .buyList ul li .middle{width: 100%;height: 50px;border-bottom: 1px solid #ececec;line-height: 40px;}
.orderPage .buyList ul li .express-type{margin-left: 52px;float: left;font-size: 14px;color:#444444;}
.orderPage .buyList ul li .express-type span{color:#909399;margin-left: 20px;}
.orderPage .buyList ul li .express-cost{float: right;color: #909399;}
.orderPage .buyList ul li .express-cost span{color: #ff6633;}
.orderPage .buyList ul li .bottom{width: 100%;line-height: 48px;}
.orderPage .buyList ul li .card-cost{float: right;text-align: right;width:250px;color: #ff6633;}
.orderPage .buyList ul li .total-cost{float: right;text-align: right;width:250px;color: #ff6633;}
.orderPage .buyList ul li .total-label{float: right;color: #909399;}

.orderPage .buyList ul li .useCard{font-size: 16px;color: #444444;line-height: 48px;cursor: pointer;}
.orderPage .buyList ul li .useCard i{background: url(/static/mall/images/usecard.png) center center no-repeat;width: 24px;height: 24px;float: left;margin: 12px 5px;}

.orderPage .total{width: 100%;background: #ffffff;padding: 10px 20px;position: relative;}
.orderPage .total .label{position: absolute;left: 20px;top: 20px;font-size: 18px;color: #444444;}
.orderPage .total>div{width: 100%;height: 48px;}
.orderPage .total>div>span{float: right;text-align: right;line-height: 40px;}
.orderPage .total>div>span:first-child{min-width: 250px;color: #ff6633;}
.orderPage .total>div>span:last-child{width: 200px;color: #909399;}
.orderPage .total>div span .num{font-size: 30px;margin: 0 5px;}

.orderPage .confirm{width: 100%;height: 85px;margin-top:20px;line-height:24px;padding: 20px;background: #ffffff;font-size: 14px;color: #909399;}
.orderPage .confirm .buy-btns button{width: 200px;height: 45px;margin-left:20px;font-size: 16px;border: none;}
.orderPage .confirm .buy-btns button#backCart{background: #f6f6f6;border: 1px solid #ececec;color: #606266;}
.orderPage .confirm .buy-btns button#payNow{background: #ff6633;color: #ffffff;}

/****** 订单支付页面 ******/
.payPage{background: #f6f6f6;min-height: 720px;padding: 20px 0;box-shadow: inset 0px 2px 10px 0px rgba(102, 102, 102, 0.1);}
.payPage .payMessage{width: 100%;background: #ffffff;padding: 30px 30px 20px 30px;display: inline-block;}
.payPage .payMessage .top{width: 100%;height: 80px;padding-bottom:20px;border-bottom: 1px solid #f6f6f6;}
.payPage .payMessage .top img{float: left;}
.payPage .payMessage .top .left span{width: 100%;height: 60px;font-size: 30px;color: #32d773;line-height: 60px;margin-left: 20px;}
.payPage .payMessage .top .right{line-height: 60px;font-size: 14px;color: #909399;}
.payPage .payMessage .top .right>span{color: #ff6633;}
.payPage .payMessage .top .right>span .num{font-size: 30px;margin: 0 3px;}
.payPage .payMessage .bottom{width:100%;height: 24px;margin-top: 20px;line-height: 24px;}
.payPage .payMessage .bottom .right{cursor: pointer;}
.payPage .payMessage .bottom .right i{width: 10px;height: 6px;float: right;background: url(/static/mall/images/breadcrumbs_you.png) center center no-repeat;margin-top: 9px;margin-left: 3px;transform:rotate(90deg);}
.payPage .payMessage .bottom .right.active i{transform:rotate(-90deg)}
.payPage .payMessage .detail{display:none;width:100%;line-height:24px;height: 24px;}
.payPage .payMessage .detail .order-msg{margin-left: 5px;}

.payPage .accountInfo{font-size: 14px;color: #909399;width: 100%;display: inline-block;background-color: #ffffff;margin: 20px 0;padding: 20px;}
.payPage .accountInfo .left span{font-size: 18px;color: #444444;margin-right: 20px;line-height: 40px;float: left;}
.payPage .accountInfo .pay_passwd{width:265px;height: 45px;border: 1px solid #909399;box-sizing: border-box;}
.payPage .accountInfo .pay_passwd_box{width:265px;height: 45px;position: absolute;top: 50%;left: 164px;box-sizing: border-box;transform: translateY(-50%)}
.payPage .accountInfo .pay_passwd_box li{width: 45px;height: 44px;box-sizing: border-box;border-right: 1px solid #d5d5d5;float: left;}
.payPage .accountInfo .error{display:none;margin-left: 30px;color: #ff5959 !important;font-size: 14px !important;line-height: 40px;}
.payPage .accountInfo .error i{background: #ff5959;color:#fff;border-radius: 50%;padding: 1px 7px;font-size: 12px;margin-right: 5px;}


.payPage .accountInfo .right span{color: #ff6633;margin:0 3px;}

.payPage .payBtns{width: 100%;height: 85px;background-color: #ffffff;padding: 20px;}
.payPage .payBtns button{float:right;margin-left:20px;width: 180px;height: 45px;border: none;font-size: 16px;}
.payPage .payBtns #pay{background-color: #d5d5d5;color: #ffffff;cursor: not-allowed;}
.payPage .payBtns #pay.active{background-color: #ff6633;color: #ffffff;cursor: pointer;}
.payPage .payBtns #charge{background: #fff;color: #ff6633;border: 1px solid #ff6633;}



/* 支付成功页面 */
.payPage .payMessage .success{width:420px;margin: 0 auto;}
.payPage .payMessage .success .success-top{font-size:30px;color:#32d773;width: 200px;margin: 0 auto;}
.payPage .payMessage .success .success-middle{display: inline-block;line-height: 24px;margin-top: 20px;}
.payPage .payMessage .success .success-middle .label{width: 80px;float: left;}
.payPage .payMessage .success .success-middle .content{float:left;width: 320px;float: left;}
.payPage .payMessage .success .success-bottom{margin: 30px 0 20px 0;}
.payPage .payMessage .success .success-bottom button{width:180px;height: 45px;font-size:16px;border: none;margin-right: 20px;}
.payPage .payMessage .success .success-bottom #home{background-color: #f6f6f6;color:#606266;border: 1px solid #ececec;}
.payPage .payMessage .success .success-bottom #order{background-color: #ff6633;color:#ffffff;}


/* 常见问题页面 */
.quesPage{background-color: #f6f6f6;width:100%;min-height:727px;display: inline-block;}
.quesPage .router{box-shadow: none;}
.quesPage .navs{width: 180px;background-color: #ffffff;display: inline-block;}
.quesPage .navs ul li{line-height: 55px;font-size: 16px;color: #444444;padding-left: 30px;cursor: pointer;}
.quesPage .navs ul li.active{color: #ff6633;}
.quesPage .navs ul li:first-child{border-bottom: 1px solid #ececec;}

.quesPage .contents{width: 1000px;min-height:600px;background-color: #ffffff;display: inline-block;padding: 20px;}
.quesPage .contents .title{font-size: 18px;color: #444444;border-bottom: 1px solid #ececec;padding-bottom: 20px;}
.quesPage .contents .content{margin: 20px 0;font-size: 16px;line-height: 24px;}
.quesPage .contents ul.active{display: block;}
.quesPage .contents ul li{margin: 20px 0;color: #606266;cursor: pointer;}
.quesPage .contents ul li:hover{color: #ff6633;}

/************************* 个人中心页面 /*************************/

/* 左边栏 */
.minePage{background-color: #f6f6f6;width: 100%;min-height: 727px;display: inline-block;padding-bottom: 20px;;}
.minePage .navs{background: #ffffff;font-size: 14px;color: #909399;line-height: 40px;padding-top:5px;width: 180px;height: 450px;text-align: left;}
.minePage .navs li{padding-left: 30px;}
.minePage .navs li a{cursor: pointer;width: 100%;height: 100%;display: inline-block;position: relative;color: #909399;}
.minePage .navs li.big{padding-top: 5px;font-size: 16px;color: #444444;}
.minePage .navs li:hover a,.minePage .navs li.active a{color: #ff6633 !important;}
.minePage .navs li.big a{font-size: 16px;color: #444444;}
.minePage .navs li.bottom{border-bottom: 1px solid #ececec;padding-bottom: 5px;}
.minePage .navs li.disable a{cursor: default;}
.minePage .navs #orderNum,.minePage .navs #orderNum2{position: absolute;padding:0 10px;top:10px;right:20px;background: #ff6633;color: #ffffff;border-radius: 10px;font-size: 12px;line-height: 20px;height: 20px;}
.minePage .navs #orderNum,.minePage .navs #cardNum,.minePage .navs #noticeNum,.minePage .navs #noticeNum2{position: absolute;padding:0 10px;top:10px;right:20px;background: #ff6633;color: #ffffff;border-radius: 10px;font-size: 12px;line-height: 20px;height: 20px;}

/* 我的账户页面 */
.minePage .acContent{width: 1000px;min-height: 800px;display: inline-block}
.minePage .acContent .top{width: 100%;height: 160px;background-color: #ffffff;}
.minePage .acContent .top .top_1{width: 334px;height: 160px;float: left;padding: 40px 50px;}
.minePage .top_1 .top_1_img{width: 80px;height: 80px;float: left;}
.minePage .top_1 .top_1_img img{max-width: 80px;max-height: 80px;}
.minePage .top_1 .top_1_content{margin-left: 20px;float: left;margin-top: 15px;line-height: 24px;}
.minePage .top_2{width: 222px;height: 160px;float: left;padding-top: 30px;text-align: center;font-size: 14px;color: #909399;line-height: 24px;}
.minePage .top_2 .num{color: #444444;font-size: 30px;margin: 10px 0;}
.minePage .top_2 .btn button{width: 80px;height: 30px;margin:10px auto;border: 1px solid #ededed;border-radius: 15px;color: #909399;line-height: 30px;background: #f6f6f6;}
.minePage .top_2 .btn button:hover{border: 1px solid #ff6633;border-radius: 15px;color: #ff6633;background: #ffffff;}

.minePage .acContent .bottom{width: 100%;margin-top: 20px;display: inline-block;}
.minePage .acContent .bottom .orders {width: 660px;min-height: 400px;}
.minePage .acContent .bottom .orders .title{background: #ffffff;font-size: 18px;line-height: 57px;padding:0 30px;color: #444444;border-bottom: 1px solid #ececec;}
.minePage .acContent .bottom .orders span{float: right;font-size: 14px;color: #909399;cursor: pointer;}
.minePage .acContent .bottom .orders .title span:hover{color: #ff6633;}
.minePage .acContent .m_navs{width: 100%;height:113px;border-bottom: 1px solid #ececec;padding-left: 30px;background: #ffffff;}
.minePage .acContent .m_navs li{position: relative;;width: 100px;height:100%;float: left;text-align: center;margin-top: 10px;cursor: pointer;margin-right: 20px;color: #909399;}
.minePage .acContent .m_navs li .count{background:#ff6633;color: #ffffff;width:20px;height:20px;position:absolute;top:5px;right: 20px;border-radius: 50%;display: inline-block;line-height: 20px;text-align: center;}
.minePage .acContent .m_navs li:hover,.minePage .acContent .bottom .orders .m_navs li.active{color: #ff6633;}

.minePage .acContent .m_lists{width: 100%;display: inline-block;background: #ffffff;}
.minePage .acContent .m_lists li{width: 100%;height:120px;border-bottom: 1px solid #ececec;padding: 20px 30px;}
.minePage .acContent .m_lists li:last-child{border: none;}
.minePage .acContent .m_lists li .m_img{width: 90px;height:80px;position:relative;float: left;}
.minePage .acContent .m_lists li .m_img img{max-width: 90px;max-height:80px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.minePage .acContent .m_lists li .m_name{float: left;width:120px;color: #909399;line-height: 80px;margin-left: 30px;}
.minePage .acContent .m_lists li .m_status{float: left;width:80px;color: #ff6633;line-height: 80px;}
.minePage .acContent .m_lists li .m_cost{float: left;width:180px;color: #444444;line-height: 80px;}
.minePage .acContent .m_lists li .m_btns{float: left;width:80px;color: #444444;line-height: 40px;text-align: center;}
.minePage .acContent .m_lists li .m_btns button{width: 80px;height: 30px;background: #ff6633;color: #ffffff;border: none;}
.minePage .acContent .m_empty{width: 100%;height:400px;text-align: center;padding-top: 50px;}

.minePage .acContent .m_ads{width: 100%;height: 150px;margin-top:20px;}
.minePage .acContent .m_ads1{background: url(/static/mall/images/banner2x.jpg) center center no-repeat;}
/* 默认 */
 .minePage .acContent .m_ads2{background: url(/static/mall/images/banner1x.jpg) center center no-repeat;}
/* 中秋活动 */
/* .minePage .acContent .m_ads2{background: url(/static/mall/images/zhongqiu/zhongqiu-banner.jpg) center center no-repeat;} */
/* 周年庆活动 */
/*.minePage .acContent .m_ads2{background: url(/static/mall/images/zhounianqing/bannerzq-grzx_660x150.jpg) center center no-repeat;}*/

.minePage .acContent .bottom .hots {width: 320px;padding: 0 30px;background: #ffffff;}
.minePage .acContent .bottom .hots .title{font-size: 18px;line-height: 57px;color: #444444;border-bottom: 1px solid #ececec;}
.minePage .acContent .bottom .hots li{width: 100%;height: 140px;padding: 20px 0;border-bottom: 1px solid #ececec;}
.minePage .acContent .bottom .hots li:last-child{border: none;}
.minePage .acContent .bottom .hots li .h_img{width: 100px;height: 100px;float: left;position: relative;margin-right: 20px;}
.minePage .acContent .bottom .hots li .h_img img{max-width: 100px;max-height: 100px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.minePage .acContent .bottom .hots li .h_name{color: #444444;font-size: 16px;width:140px;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.minePage .acContent .bottom .hots li .h_cost{color: #ff6633;font-size: 12px;width:140px;}
.minePage .acContent .bottom .hots li .h_cost span{font-size: 16px;margin-right: 5px;}
.minePage .acContent .bottom .hots li .h_btn{color: #ff6633;font-size: 14px;width:100px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #ff6633;border-radius: 15px;margin-top: 15px;}


/* 我的订单 */
.minePage .contents{background: #ffffff;padding: 20px 30px;display: inline-block;width: 1000px;}
.minePage .contents .title{font-size: 18px;color: #444444;padding-bottom:20px;border-bottom: 1px solid #ececec;}
.minePage .contents .content{padding-top: 10px;}
.minePage .contents .content .tabs ul{display: inline-block;}
.minePage .contents .content .tabs li{cursor: pointer;float: left;font-size: 14px;margin:5px 0;color: #909399;padding: 0 20px;border-right: 1px solid #ececec;}
.minePage .contents .content .tabs li:first-child{padding-left: 0;}
.minePage .contents .content .tabs li:last-child{border: none;}
.minePage .contents .content .tabs li.active{color: #ff6633;}
.minePage .contents .content .lists li{width:940px;height: 234px;border: 1px solid #909399;margin-top: 20px;}
.minePage .order-head{width:100%;height: 90px;border-bottom: 1px solid #ececec;padding: 20px;}
.minePage .order-head .order-state{font-size: 18px;margin-bottom:5px ;}
.minePage .order-head .left span{font-size: 14px;color: #606266;padding: 0 10px;border-left: 1px solid #ececec;}
.minePage .order-head .left span:first-child{padding-left: 0;border: none;}
.minePage .order-head .left a{display: inline-block;width: 100px;height: 25px;margin-left: 10px;;line-height: 25px;font-size: 14px;color: #ff6633;border: 1px solid #ff6633;border-radius: 12px;background: #ffffff;}
.minePage .order-head .left a i{width:14px;height: 14px;background: url(/static/mall/images/kefu.png) center center no-repeat; float:left;margin: 5px 5px 0 10px;}
.minePage .contents .content .lists li .order-head .right span{font-size: 24px;color: #444444;margin: 0 3px;}
.minePage .contents .content .lists li .order-body{padding: 20px;width: 100%;height: 144px;position: relative;display: inline-block;}
.minePage .contents .content .lists li .order-body .order-img{float: left;width: 100px;height: 104px;position: relative;margin-right: 20px;}
.minePage .contents .content .lists li .order-body .order-img img{max-width: 81px;max-height: 66px; position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);}
.minePage .contents .content .lists li.pay .order-head{background: #fff8f5;border-bottom: #ffd3c5;}
.minePage .contents .content .lists li:hover{border: 1px solid #ff6633;}
.minePage .contents .content .lists li.pay .order-state{color: #ff6633;}
.minePage .order-info{float: left;padding: 28px 0;line-height: 24px;}
.minePage .order-info span{margin-left: 30px;}
.minePage .order-btns{float: right;width: 120px;margin-top: 52px;transform: translateY(-50%);}
.minePage .order-btns button,.minePage .order-btns span{width: 120px;height: 30px;line-height: 30px;margin-bottom: 12px;text-align: center;font-size: 14px;display: inline-block;}
.minePage .order-btns span,.minePage .order-btns button:last-child{margin-bottom: 0;}
.minePage .order-btns button.confirm{background: #ff6633;color: #ffffff;border: none;}
.minePage .order-btns button.detail{background: #f6f6f6;color: #606266;border: 1px solid #ececec;}
.minePage .order-btns button.cancel{background: #ffffff;color: #606266;border: none;}
.minePage .order-btns button.cancel:hover{color: #ff6633;}
.minePage .order-btns button.pay{background: #ff6633;color: #ffffff;border: none;}

/* 订单详情 */
.minePage .detail .top{width: 100%;height:70px;display: inline-block;}
.minePage .detail .top .order_id{float: left;font-size: 18px;color: #444444;line-height: 70px;}
.minePage .detail .top .order_btns{float: right;font-size: 18px;color: #444444;line-height: 70px;}
.minePage .detail .top .order_btns button{width: 120px;height: 30px;margin-left: 20px;font-size: 14px;}
.minePage .detail .top .order_btns .cancel{background: #f6f6f6;border: 1px solid #ececec;color: #606266;}
.minePage .detail .top .order_btns .pay{background:#ff6633;color: #fff;border: none;}
.minePage .detail .status{border-bottom: 1px solid #ececec;}
.minePage .detail .status .order_status{font-size: 18px;line-height: 36px;color: #ff6633}

.minePage .detail .status .progress{width: 100%;padding: 50px 0 30px 0;}
.minePage .detail .status .progress .steps{ position: relative; width: 100%; height: 60px;}
.minePage .detail .status .progress .steps li span{ position: absolute;color:#606266; bottom: -10px;width: 100%;left:0;display:inline-block;text-align: center;}
.minePage .detail .status .progress .steps li {color: #606266;font-size: 14px; padding-bottom: 50px; text-align: center; width: 20%; position: relative; float: left;}
.minePage .detail .status .progress .steps li:before { display: block; content: ""; width: 20px; height: 20px; background-color: #ff6633; border-radius: 20px; margin: 0 auto -55px auto; }
.minePage .detail .status .progress .steps li:after {content: ''; width: 100%; height: 3px; background-color: #ff6633; position: absolute; left: 0; top: 10px; padding:0 10px;}
.minePage .detail .status .progress .steps li:first-child::after{width: 50%;left:50%;margin:0 10px;}
.minePage .detail .status .progress .steps li:last-child::after{width: 50%;margin-right:10px;}
.minePage .detail .status .progress .steps li.active{color: #ff6633;}
.minePage .detail .status .progress .steps li.active:before,.minePage .detail .status .progress .steps li.active:after {background-color: #ff6633;}
/* .minePage .detail .status .progress .steps.cancel li:after{background-color: #f6f6f6;} */
.minePage .detail .status .progress .steps li.active ~ li{color: #909399;} 
.minePage .detail .status .progress .steps li.active ~ li:before,.minePage .detail .status .progress .steps li.active ~ li:after {background-color: #f6f6f6;}

.minePage .detail .express{border-bottom: 1px solid #ececec;padding: 20px 0;}
.minePage .detail .express_status{font-size: 18px;line-height: 36px;}
.minePage .detail .express_info{font-size: 14px;line-height: 24px;color: #909399;}
.minePage .detail .express_info span{color: #606266;margin-left: 10px;}

.minePage .detail .order_goods{border-bottom: 1px solid #ececec;padding: 20px 0;}
.minePage .detail .goods_status{font-size: 18px;line-height: 36px;}
.minePage .detail .goods_status button{width: 100px;height: 25px;margin-left: 20px;font-size: 14px;text-align: center;background: #fff;color: #ff6633;border: 1px solid #ff6633;border-radius: 12px;}
.minePage .detail .goods_status button i{width:14px;height: 14px;background: url(/static/mall/images/kefu.png) center center no-repeat; float:left;margin: 3px -5px 0 10px;}
.minePage .detail .goods_info{padding: 30px 5px;} 
.minePage .detail .goods_info img{max-width: 81px;max-height: 66px;}
.minePage .detail .goods_info span{margin-left: 100px;}

.minePage .detail .order_user{border-bottom: 1px solid #ececec;padding: 20px 0;}
.minePage .detail .order_user .user_status{font-size: 18px;line-height: 36px;}
.minePage .detail .order_user .user_info{font-size: 14px;line-height: 24px;color: #606266;}
.minePage .detail .order_user .user_info span{width:80px;color: #909399;}

.minePage .detail .order_cost{padding-top: 20px;}
.minePage .detail .order_cost>div{text-align: right;font-size: 14px;margin-bottom: 5px;}
.minePage .detail .order_cost>div>span{color: #ff6633;width: 300px;display: inline-block;line-height: 24px;}
.minePage .detail .order_cost>div span .num{font-size: 24px;}

/* 我的积分页面 */
.minePage .mintegral {width: 1000px;}
.minePage .mintegral .top{background: #ffffff;padding: 20px;}
.minePage .mintegral .top .title{font-size: 18px;color: #444444;padding-bottom:20px;border-bottom: 1px solid #ececec;}
.minePage .mintegral .content {width: 100%;display: inline-block;text-align: center;margin-top: 20px;}
.minePage .mintegral .jfs{width: 100%;height: 120px;background-color: #f6f6f6;}
.minePage .mintegral .gjfs{width: 460px;height: 120px;background-color: #f6f6f6;}
.minePage .mintegral .content .num{font-size: 36px;color: #ff6633;margin-top: 35px;}
.minePage .mintegral .content .label{font-size: 14px;color: #909399;}
.minePage .mintegral .content .label span{color:#ff6633;}
.minePage .mintegral .stitle{font-size: 18px;color: #444444;margin: 20px 0;}

.minePage .mintegral .hot_goods{width: 100%;display: inline-block;margin-bottom: 20px;}
.minePage .mintegral .hot_goods li{float: left;background: #ffffff;width: 235px;height: 80px;margin-right: 20px;padding: 0 10px;}
.minePage .mintegral .hot_goods li:last-child{margin-right: 0;}
.minePage .mintegral .hot_goods li .left{width: 80px;height: 80px;position: relative;margin-right: 10px;}
.minePage .mintegral .hot_goods li .right{width: 125px;height: 80px;padding: 20px 0;font-size:14px;}
.minePage .mintegral .hot_goods li .right .price{color: #ff6633;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.minePage .mintegral .hot_goods li .right .name{color: #444444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.minePage .mintegral .hot_goods li img{max-width: 80px;max-height: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.minePage .mintegral .mfilters{width: 100%;height: 30px;;}
.minePage .mintegral .mfilters li{float: left;padding: 0 20px;cursor: pointer;border-left: 1px solid #ececec;}
.minePage .mintegral .mfilters li:first-child{padding-left: 0;border:none;}
.minePage .mintegral .mfilters li:hover, .minePage .mintegral .mfilters li.active{color: #ff6633;}

/* 我的卡券页面 */
.minePage .mcards{width: 100%;min-height: 400px;}
.minePage .mcards .card_empty{width: 100%;height:400px;}
.minePage .mcards ul{display: inline-block;width: 100%;margin-top: 20px}
.minePage .mcards li{width: 460px;box-shadow: 0px 2px 10px 0px rgba(102, 102, 102, 0.1);background: #ffffff;float: left;;margin-right:20px;}
.minePage .mcards li:last-child{margin-right: 0;}
.minePage .mcards li .top{width: 100%;height: 135px;background: url(/static/mall/images/card_1.png) center center no-repeat;padding: 20px;color: #ffffff;}
.minePage .mcards li.used .top{background: url(/static/mall/images/card_2.png) center center no-repeat;}
.minePage .mcards li .top .count{font-size: 18px;line-height: 95px;width: 100px;text-align: center;}
.minePage .mcards li .top .count span{font-size:36px;padding: 0 3px;font-weight: 700;}
.minePage .mcards li .top .count span{font-size:36px;padding: 0 3px;font-weight: 700;}
/*.minePage .mcards li .top .infos{margin-left: 30px;}*/
.minePage .mcards li .top .infos .mcard_name{font-size: 17px;margin-bottom: 10px;white-space: nowrap; overflow: hidden; }
.minePage .mcards li .top .infos .mcard_limit{font-size: 14px;margin-bottom: 15px;}
.minePage .mcards li .top .infos .muse{width: 100px;height: 30px;line-height: 30px;cursor:pointer;border: 1px solid #ffffff;color: #ffffff;background:transparent;text-align: center;border-radius: 15px;}
.minePage .mcards li .top .infos .muse:hover{background: #ffffff;color:#ff6633;}
.minePage .mcards li.used .top .infos .muse:hover{background: #ffffff;color:#ff6633;}

.minePage .mcards li .rules{position: relative;;width: 100%;line-height: 24px;font-size: 14px;color: #606266;padding: 10px 40px 5px 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.minePage .mcards li .rules i{width: 10px;height: 6px;background: url(/static/mall/images/up.png) center center no-repeat;position: absolute;display: inline-block;right: 0;top: 0;cursor: pointer;padding: 23px 20px;}
.minePage .mcards li .rules i.active{background: url(/static/mall/images/down.png) center center no-repeat;}

/* 我的余额页面 */
.minePage .remains .title{position: relative;}
.minePage .remains #charge{position: absolute;width: 80px;height: 30px;color: #ffffff;background: #ff6633;line-height: 30px;border: none;font-size: 14px;right: 20px;}
.minePage .remains .mcontent{margin-top: 20px;padding: 30px 0;background: #f6f6f6;text-align: center;}
.minePage .remains .num{font-size: 36px;color: #ff6633;}
.minePage .remains .label{font-size: 14px;color: #909399;}
.minePage .remains .mtips {font-size: 14px;color: #909399;text-align: left;margin-bottom: 10px;}
.minePage .remains .mtips a{font-size: 14px;color: #ff6633;padding: 0 3px;}

/* 消息通知页面 */
/* 消息详情 */
.minePage .msg_title{width: 100%;padding: 10px 20px;font-size: 14px;color: #909399;background: #f6f6f6;}
.minePage .msg_title span{color: #606266;margin: 0 20px 0 5px;}
.minePage .msg_content{margin-top: 40px;color: #606266;min-height: 400px;}
.minePage .msg_content .msgtitle{font-size: 16px;text-align: center;width: 100%;margin:30px 0;}
.minePage .msg_content .msgcontent{text-indent: 32px;line-height: 24px;}


/* 我的地址页面 */
.minePage .address{padding: 30px 0 0 10px !important;}
.minePage .addressTag{width:290px !important;height:180px !important;margin-bottom: 20px;}
.minePage .addressTag.exist:hover{border: 1px solid #909399;}
.minePage .addressTag .mdelete{position: absolute;right: 60px;bottom: 10px;color: #909399;}
.minePage .addressTag .mdelete:hover{color: #ff6633;}


/******************* footer *********************/
.footer{height: 165px;padding: 30px 0;background: #282828;}
.links{display: inline-block;}
.links li{float: left;font-size: 16px;line-height: 60px;margin-right: 50px;}
.links li a{color: #ffffff;}
.links li a:hover{color: #ff6633;}
.copyright{font-size: 14px;color: #898989;}
.phone{font-size: 36px;line-height: 60px;;color: #e33535;}
.time{font-size: 16px;color: #ffffff;text-align:right;}

/******************* 侧边 *********************/
/* 在线QQ */
.online-qq {display: block;position: fixed;right: 10px;bottom: 370px;}
.online-qq img {width: 100%;}
.sidebars{position: fixed;width: 60px;height: 280px;right: 30px;bottom: 100px;box-shadow: 0px 2px 10px 0px rgba(102, 102, 102, 0.1)}
.sidebars li{width: 60px;height: 70px;text-align: center;background: #ffffff;cursor: pointer;}
.sidebars li i{width: 30px;height: 30px;margin: 0 auto;display: inline-block;margin-top: 10px;}
.sidebars li span{display: inline-block;font-size: 14px;color: #909399;}
#my i{background: url(/static/mall/images/right_icon1.png) center center no-repeat;}
#my:hover i{background: url(/static/mall/images/right_icon1_hover.png) center center no-repeat;}
#cart i{background: url(/static/mall/images/right_icon2.png) center center no-repeat;}
#cart:hover i{background: url(/static/mall/images/right_icon2_hover.png) center center no-repeat;}
#service i{background: url(/static/mall/images/right_icon3.png) center center no-repeat;}
#service:hover i{background: url(/static/mall/images/right_icon3_hover.png) center center no-repeat;}
#backTop{height: 60px;margin-top:10px;}
#backTop i{background: url(/static/mall/images/right_icon4.png) center center no-repeat;margin-bottom:5px;width: 30px;height: 10px;}
#backTop:hover i{background: url(/static/mall/images/right_icon4_hover.png) center center no-repeat;}
.sidebars li:hover span{color: #ff6633;}