/********************* 通用 /*********************/
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{padding: 60px 20px;overflow: hidden;}
#addAdderssModal .title,#cardModal .title,#rulesModal .title,#zqModal .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{margin-top: 20px;font-size: 14px;line-height: 24px;}
#addAdderssModal .content .subtitle{font-size: 14px;line-height: 24px;}
#addAdderssModal .content .subtitle span{color: #ff6633;margin-right: 3px;}
#addAdderssModal .content 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{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{margin: 5px 0 10px 0;}

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

/* 分页器 */
#myPage{display: table;margin: 0 auto;width: 1200px;
    height: 80px;
    background: #FFFFFF;
    text-align: center;padding-top: 10px;}
.layui-laypage a {
    text-decoration: none;
    margin: 0px 12px !important;
    width: 40px !important;
    height: 40px !important;
    background: #FFE9E2 !important;
    border-radius: 3px !important;
    padding: 0 0 !important;
    line-height: 40px !important;
    border: none !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    width: 40px !important;
    border: none !important;
    height: 40px !important;
    border-radius: 3px !important;
    padding: 0 0 !important;
    line-height: 40px !important;
    top: -5px !important;
}
.layui-laypage>a:last-child, .layui-laypage>a:last-child em{
    border: none !important;
    background: #fff !important;
}
.layui-laypage>:first-child {
    border: none !important;
    background: #fff !important;
}
/********************* header *********************/
.left{float: left;}
.right{float: right;}
header {
    height: 100px;
    background-color: #ffffff;
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:999;
    border-bottom: 1px solid #F3F3F3;
}
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/images/logo.png) center center no-repeat;
    overflow: hidden;
    margin-top: 20px;
}
.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: 60px;
    line-height: 100px;
}
.nav a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #606266;
    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 li a:hover, .nav li.active a {
    color: #ff6633;
}
.search-box{
    margin-top: 13px;float: left;width: 300px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 23px;
}
.search-input{
    outline: medium;width: 230px;float:left;height: 46px;padding-left: 30px;border-radius: 15px 0 0 15px;border: none;
}
.search-btn{
    outline: medium;width: 60px;height: 46px;border-radius: 0 15px 15px 0;border: none;background: url(/static/mall/images/top_nav_search.png) center center no-repeat;
}
.cart{
    width: 100px;
    height: 46px;
    background: #f6f6f6;
    float: left;
    margin-top: 25px;
    border-radius: 15px;
    border: 1px solid #ededed;
    line-height: 46px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 20px;
}
.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;}

/******************* 首页 *********************/
.top-area{background: #fff;overflow: hidden;padding: 20px 0;margin-bottom: 30px;position: relative; z-index: 20;}
/* .userinfo{padding: 30px;} */
.avatar{display: inline-block;margin-bottom: 20px;}
.avatar img{width: 65px;height:65px;}
.btns{height: 36px;margin:15px 0;float: right;}
.btns button{width: 80px;height: 36px;background: rgba(255,255,255,0.28); border: 1px solid #FF6D3B; border-radius: 18px;margin-left: 10px;}
/* .btns #login{float: left;} */
/* .btns #rgst{float: right;} */
.welcome{width: 190px;height: 40px;margin-bottom: 10px;font-size: 16px;margin-left: 10px;float: right;font-family: Microsoft YaHei;font-weight: 400;color: #333333;padding-top: 15px;}
.jifen{width: 100%;line-height: 40px;font-size: 16px;height: 40px;background: rgba(255,255,255,0.45);border-radius: 20px;padding:0 24px;}
.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;margin: 10px 0;}
.usermsg{width: 100%;height: 400px;}
.carousel{width: 850px;height:400px;margin-right: 20px;}
.userinfo{width:330px;height: 400px;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;}

.trade_report{margin: 30px 0 10px 0;width: 100%;height:26px;display:inline-block;}
.trade_report .trade_title{float: left;margin-right:20px;width: 163px;height: 26px;background: url(/static/mall/images/trade_title.png) center center no-repeat;}
.trade_report .trade_msg{float: left;width: 240px;text-align: center;color: #606266;font-size: 14px;position: relative;}
.trade_report .trade_msg:after{content:'';position: absolute;width: 1px;right: 0;height: 14px;background: #e2e2e2;bottom:6px;}
.trade_report .trade_msg>span{font-size: 24px;margin: 0 5px;display: inline-block;font-weight: bold;}
.trade_report .trade_news{float: left;margin-left: 30px;height: 100%;}
.trade_report .trade_news .trade_news_title{float: left;margin-top:5px;color: #606266;}
.trade_report .trade_news .trade_news_list{float: left;margin-top:1px;color: #828282;width: 440px;height: 29px;overflow: hidden;}
.trade_report .trade_news .trade_news_list .content{float: left;line-height: 26px;width: 440px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.trade_report .trade_news .trade_news_list .content span{color: #ff6633;margin: 0 10px;}
.trade_report .trade_news .trade_news_list ul{display: inline-block;}
.trade_report .trade_news .trade_news_list ul li{display: inline-block;width:440px;height:29px;list-style: none;}

.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%;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: 20px;color: #444444;font-size: 14px;padding: 0 45px;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;font-family: Microsoft YaHei;font-weight: bold;}
.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;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;}
.router a{color: #909399;}
.router a:hover{color: #ff6633;}
.filters{width:100%;height: 101px;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index:999
}
.filters label{width: 80px;line-height: 35px;font-size: 14px;color: #909399;float: left;}
.filters ul{display: inline-block;}
.filters ul li{float: left;padding: 0 20px;line-height: 35px;font-size: 14px;color: #909399;cursor: pointer;}
.filters ul li.active,.filters ul li:hover{color: #ff6633;}
.filters .buy_type{height: 35px;}
.filters .sort{height: 35px;}
.goods-lists{background-color: #f6f6f6;padding-top: 30px;padding-bottom: 35px;}
.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 #addCart{width: 180px;height: 45px;background-color: #ff6633;color: #fff;font-size: 16px;color: #fefefe;border: none;margin-right: 20px;}
.goods-detail .btns #buyNow{width: 180px;height: 45px;background-color: #e3454b;color: #fff;font-size: 16px;color: #fefefe;border: none;}
.goods-info-bottom{padding: 30px 0;background-color: #f6f6f6;display: inline-block;width: 100%;}
.goods-info-bottom .info-title{font-size: 18px;color: #444444;padding-bottom:10px;border-bottom: 1px solid #ececec;position: relative;margin-bottom: 20px;}
.goods-info-bottom .info-title:after{position: absolute;content:"";width: 73px;height: 1px;background: #ff6633;bottom: -1px;left: 0;}
.goods-info-bottom .info{width:860px;padding:20px 30px;background-color: #fff;font-size: 16px;line-height: 30px;color: #606266;}
.goods-info-bottom .info img{max-width: 800px;margin-bottom: 10px;}
.goods-info-bottom .services{width: 320px;height: 250px;background-color: #fff;padding:20px 30px;}
.goods-info-bottom .services .phone{font-size: 16px;color: #606266;line-height: 30px;}
.goods-info-bottom .services .ol-ser{width: 260px;height:40px;border: 1px solid #ff6633;margin-top: 20px;text-align: center;}
.goods-info-bottom .services .ol-ser i{width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-right: 5px;background: url(/static/mall/images/customerservice.png) center center no-repeat;}
.goods-info-bottom .services .ol-ser a{color: #ff6633;line-height: 40px;width: 100%;display:inline-block;}
.goods-info-bottom .hots{width:320px;background-color: #fff;padding:20px 30px 0 30px;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:100px;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:100px;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-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: 110px;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: 460px;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: 18px;margin-bottom: 10px;}
.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: 110px;padding: 25px 0;background: #FFFFFF;}
.links{display: inline-block;}
.links li{float: left;font-size: 16px;line-height: 40px;margin-right: 50px;}
.links li a{color: #444444;}
.links li a:hover{color: #ff6633;}
.copyright{font-size: 12px;color: #909399;}
.phone{font-size: 24px;line-height: 40px;;color: #ff6633;}
.time{font-size: 14px;color: #909399;}

/******************* 侧边 *********************/
.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;}

.w1200 .gonggao{width: 600px;height: 46px;background: linear-gradient(90deg, #FFFEFC 0%, #FFFAF9 100%);border: 1px solid #FFFFFF;border-radius: 23px;margin-top: 13px;
    line-height: 46px;padding-left: 20px;color: #FF5E1E;font-weight: 400;white-space: nowrap;overflow: hidden;float: left;}