/*样式重置*/
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0;}
em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
img{ border:none; vertical-align:top;}
table{ border-collapse:collapse;}
input,textarea,select,button{ outline:none;}
textarea{ resize:none; overflow:auto;}
body{ font-size:14px; font-family:"Microsoft YaHei";max-width: 2544px;overflow-x:hidden;padding-top: 85px;}
.center{width: 1200px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.hide{display: none;}
.register-success .layui-layer-title,.register-error .layui-layer-title,.pay-success .layui-layer-title,.pay-error .layui-layer-title,.add-card .layui-layer-title,.submit-card .layui-layer-title,.del-address .layui-layer-title,.edit-address .layui-layer-title{height: 80px;color: #fff;font-size: 30px; line-height: 80px;border-radius:0;padding:0;}
.register-error .layui-layer-setwin,.pay-success .layui-layer-setwin,.pay-error .layui-layer-setwin,.add-card .layui-layer-setwin,.submit-card .layui-layer-setwin,.del-address .layui-layer-setwin,.edit-address .layui-layer-setwin{top:25px;right: 20px;}
.register-error .layui-layer-setwin .layui-layer-ico,.pay-success .layui-layer-setwin .layui-layer-ico,.pay-error .layui-layer-setwin .layui-layer-ico,.add-card .layui-layer-setwin .layui-layer-ico,.submit-card .layui-layer-setwin .layui-layer-ico,.del-address .layui-layer-setwin .layui-layer-ico,.edit-address .layui-layer-setwin .layui-layer-ico{width: 25px;height: 25px;background: url(../images/close.png) no-repeat center;}

/* 分页 */
.page {text-align: center}
.pagination p{
    margin:0;
    cursor:pointer
}
.pagination{
    display: inline-block;
    height:40px;
    padding:20px 0px;
    margin: 0 auto;
    list-style: none;
}
.pagination li{
    display:block;
    float:left;
    margin-right:10px;
    padding:2px 12px;
    height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:24px;
}
.pagination li:hover{
    color: #009688;
    background: white;
    border:1px #009688 solid;
}
.pagination li.active{
    background:#009688;
    color:#fff;
    border: 1px #009688 solid;
}
.pagination li.disabled{
    float:left;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination span.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}

/* 首页 */
.header{width: 100%;height: 85px;background: #141414;position: fixed;top: 0;z-index: 99}
.header .center{position: relative;}
.header .logo{float: left;}
.header .nav{float: left;margin-left: 130px;}
.header .nav>ul>li{float: left; padding: 0 55px;}
.header .nav>ul>li>a{color: #d6d5d4;display: block;height: 66px;border-bottom: 3px solid #141414;padding-top: 16px;}
.header .nav>ul>li.active>a,.header .nav li:hover>a{color: #f9da86;border-bottom: 3px solid #f9da86}
.header .nav>ul>li>a p{line-height: 25px;}
.header .nav>ul>li>a p:first-child{font-size: 16px;}
.header .nav .nav-wrap{width: 1920px;height: 85px;background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); position: absolute;z-index: 99;left: 50%;margin-left: -960px;display: none;}
.header .nav .nav-wrap .center{width:910px;  padding-left: 270px;}
.header .nav .nav-wrap .center>div{line-height:40px;margin-right: 50px;display: block;width: 75px;text-align: center;margin-top: 25px;border-radius:10px;float: left; }
.header .nav .nav-wrap .center>div:hover{background: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.header .nav .nav-wrap .center>div>a{color: #d6d5d4;}
.header .nav .nav-wrap .center>div>div{display: none;}
.header .nav .nav-wrap .center>div>div>a{color: #fff;display: block;text-align: center;width: 75px;line-height: 30px;}
.header .nav .nav-wrap .center>div.active>a{color: #f9da86}
.header .nav .nav-wrap .center a:hover{color: #f9da86}

.header .topright{position: absolute;right: 0;top: 25px}
.header .topright a.user-txt{font-size: 16px;color: #d6d5d4;margin-left: 18px;}
.header .topright a.active{color: #f9da86}
.header .topright .icon{display: block;width: 29px;height: 28px;float: left;margin: 0 8px;}
.header .topright .search{background: url(../images/search_icon.png) no-repeat center;}
.header .topright .user{background: url(../images/user_icon.png) no-repeat 0 -28px;}
.header .topright .user:hover,.header .topright .on{background: url(../images/user_icon.png) no-repeat 0 0;}
.header .topright .search-box{width: 196px;height: 40px;background: #686767;border-radius: 10px;float: left;position: relative;top: -5px;left: 100px;opacity: 0;}
.header .topright .search-box input{height: 40px;line-height: 40px;border:none;padding:0 8px;box-sizing: border-box;background: none;color:#d6d5d4;float: left; width: 165px;}
.header .topright .search-box button{background: url(../images/search.png) no-repeat center;width: 29px;height: 40px;border:none;cursor: pointer;}

.banner{height: 900px;position: relative;overflow: hidden;left: 50%;margin-left: -960px;}
.banner ul.img{width: 1920px;}
.banner ul.img li{float: left;}
.banner .banner-pager,.banner .icon{position: absolute;width: 1200px;left: 50%;margin-left: -600px;z-index: 21;}
.banner .banner-pager{top:384px;height: 143px;}
.banner .banner-pager a{display: block;width: 94px;height: 143px;border-radius: 5px;}
.banner .banner-pager a.prev{background: url(../images/btn_left.png) no-repeat center}
.banner .banner-pager a.next{background: url(../images/btn_right.png) no-repeat center}
.banner .banner-pager a.prev:hover{background: url(../images/btn_left_on.png) no-repeat center;}
.banner .banner-pager a.next:hover{background: url(../images/btn_right_on.png) no-repeat}
.banner .icon{position: absolute;bottom: 108px;height: 15px;text-align: center;}
.banner .icon span{display: inline-block;width: 15px;height: 15px;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 8px;cursor: pointer;behavior: url(ie-css3.htc);}
.banner .icon span.active{background: #FE9E02;box-shadow: -2px 0 3px #fd9801,0px -2px 3px #fd9801,2px 0px 3px #fd9801,0px 2px 3px #fd9801}

.wrap{height: 365px;background: url(../images/bg.jpg);overflow: hidden;}
.wrap ul{margin-top: 40px;overflow: hidden;padding-top: 28px;background: url(../images/pro_top_bg.jpg) no-repeat left top;}
.wrap ul li{float: left;margin-left: 30px;position: relative;overflow: hidden;z-index: 0}
.wrap ul li:first-child{margin-left: 0}
.wrap ul li div{position: absolute;top: 0;height: 85px;background: rgba(80,38,21,0.8);width: 100%;z-index: 1;text-align: center;}
.wrap ul li div h3{color: #fff;font-size: 18px;font-weight: normal;font-family: "SimHei";margin-top: 20px;}
.wrap ul li div p{color: #fff}
.wrap ul li img{width: 379px;height: 270px;transition: all 1s}
.wrap ul li:hover img{transform: scale(1.2);}

.footer{width: 100%; height: 150px;background: #0b0b0b;}
.footer .center{overflow: inherit;}
.footer .foot-top{height: 29px;border-bottom: 1px solid #888484;position: relative;}
.footer .foot-top .toTop{width: 48px;height: 37px;position: absolute;background: url(../images/top.png) no-repeat center;bottom: 0;right: 65px;}
.footer .foot-nav{height: 18px;line-height: 18px;text-align: center;margin:35px 0;}
.footer .foot-nav li{display: inline-block; height: 18px;border-left: 1px solid #fff;position: relative;}
.footer .foot-nav li:first-child{border-left: none;}
.footer .foot-nav li a{color: #bbbaba;padding:0  20px;}
.footer .foot-nav li div{position: absolute;background: #fff;padding: 10px;border-radius: 10px;top: -160px;left: -20px;display:none;}
.footer .foot-nav li div:before{display:block;position: absolute;background: #fff;content: '';width: 20px;height: 20px;transform: rotate(45deg);bottom:-8px;left: 62px;}
.footer .foot-nav li:hover div{display:block;}
.footer .foot-nav li div img{width: 125px;height: 125px;}
.footer .foot{color: #bbbaba;font-size: 12px;text-align: center;}


/* 用户登录 */
.user-login{background: url(../images/bg.jpg) center;overflow: hidden;}
.user-login .main{padding: 168px 400px 280px;}
.user-login .main .login-title{width: 100%;text-align: center;color: #f9da86;font-size: 36px;margin-bottom: 50px;}
.user-login .main .login-input{overflow: hidden;}
.user-login .main .login-input input{width: 350px;height: 60px;border:none;margin-top: 20px;font-size: 18px;padding: 0 25px;float: left}
.user-login .main .login-input input[type='submit']{width: 400px;font-size: 24px;color: #fff;background: rgba(1,1,1,0.5);cursor: pointer;transition: all 0.3s;}
.user-login .main .login-input input[type='submit']:hover{background: rgba(249,218,134,0.5);}
.user-login .main .login-bot{margin-top:20px;}
.user-login .main .login-bot p{line-height: 60px;color: #fff;font-size: 18px;}
.user-login .main .login-bot p a{color: #f9da86}
.user-login .main .login-bot p:first-child a{color: #fff;}


/* 用户注册 */
.user-login .main .login-input input.verify{width: 170px;}
.user-login .main .login-input a.getcode{display:inline-block;width: 160px;height: 60px;margin:20px 0 0 20px;float:left;line-height: 60px;text-align: center;background: rgba(0,0,0,0.5);color: #fff;font-size: 18px;transition: all 0.3s;}
.user-login .main .login-input a.getcode:hover{background: rgba(249,218,134,0.5);}

.register-success,.register-error{text-align:center;}
.register-success .layui-layer-title{background: url(../images/reg_success.png) no-repeat 550px center #000;}
.register-success .layui-layer-content{height: 220px;background: #fff;}
.register-success .layui-layer-content h3{font-size: 48px;font-weight: normal;padding-top: 50px;}
.register-success .layui-layer-content p{font-size: 18px;margin-top: 20px;}
.register-success .layui-layer-content p a{color: #f9da86}
.register-error .layui-layer-title{background: #000}
.register-error .layui-layer-content p{margin:45px 0;font-size: 16px;}



/* 会员信息 */
.user-info{background: url(../images/bg.jpg);overflow: hidden;}
.user-info .menu{width: 100%; height: 100px;background: rgba(1,1,1,0.5)}
.user-info .menu li{float: left;line-height: 100px;margin:0 35px;}
.user-info .menu li a{color:#bbbaba ;font-size: 16px;}
.user-info .menu li.active a{color: #c3b091}
.user-info .pos{width: 100%;height: 100px;background: #010101;color: #f9da86;font-size: 30px;line-height: 100px;text-align: center;overflow: hidden;}
.user-info .main{margin:18px 0;}
.user-info .main,.user-info .main .tr{overflow: hidden;}
.user-info .main .tr{margin:15px 0;line-height: 40px;}
.user-info .main .tr:first-child{line-height: 150px;}
.user-info .main .tr .left{text-align: right;width: 400px;font-size: 18px;color: #bbbaba}
.user-info .main .tr .right{text-align: left;width: 780px;padding-left: 20px}
.user-info .main .tr .right img{width: 150px;height:150px;border:1px solid #f9da86;margin-left: 40px;}
.user-info .main .tr .right .file-button{position: relative;width: 120px;height: 34px;background: rgba(249,218,134,0.5);font-size: 16px;color: #fff;display:inline-block;text-align: center;line-height: 34px;overflow: hidden;margin-left: 50px;cursor: pointer;}
.user-info .main .tr .right .file-button input{position:absolute;right: 0px;top:0px;opacity: 0;-ms-filter: 'alpha(opacity=0)';width: 100%;height: 100%;}
.user-info .main .tr .right input[type='text']{width: 223px;height: 36px;background: #fff;border:2px solid #fff;padding: 0 10px;border-radius: 20px;}
.user-info .main .tr .right input[type='date']{width: 223px;height: 36px;background: #fff;border:2px solid #fff;padding: 0 10px;border-radius: 20px;}
.user-info .main .tr .right input[type='text']:focus{border:2px solid #F9DA86;}
.user-info .main .tr .right input[type='date']:focus{border:2px solid #F9DA86;}
.user-info .main .tr .right input[type='radio']{display: none;}
.user-info .main .tr .sex,.user-info .main .tr .date{color: #bbbaba;font-size: 18px;}
.user-info .main .tr .sex label{display:inline-block;width: 24px;height: 24px;position: relative;transition: all 0.1s; border:3px solid #BBBABA;border-radius: 50%;cursor: pointer; vertical-align: middle;}
.user-info .main .tr .sex label:before{transition: all 0.1s;display:block;position: absolute;width: 10px;height: 10px;background: none;border-radius: 50%;content: '';top: 9px;left:9px;}
.user-info .main .tr .sex span{margin:0 48px 0 15px;}
.user-info .main .tr .sex input:checked+label{border:3px solid #F9DA86;}
.user-info .main .tr .sex input:checked+label::before{display:block;position: absolute;width: 18px;height: 18px;background: #F9DA86;border-radius: 50%;content: '';top: 3px;left:3px;}
.user-info .main .tr .date input[type='text']{width: 104px;}
.user-info .main .tr .date span{margin:0 35px 0 10px;}
.user-info .main .form-btn input[type='submit']{width: 160px;height: 50px;background: rgba(249,218,134,0.5);font-size: 18px;color: #fff;border:none;cursor: pointer;margin:20px 0 20px 520px;}


/* 确认订单 */
.container{background: url(../images/bg.jpg);overflow: hidden;}
.container .set-order{position: relative;padding-bottom: 250px;}
.container .order-pos{color: #fff;font-size: 18px;margin:10px 0;}
.container .order-pos span{display:inline-block;width: 216px;height: 36px;line-height: 36px;text-align: center;}
.container .order-pos span:first-child{background: url(../images/pos_bg1.png) no-repeat center;}
.container .order-pos span:first-child+span{background: url(../images/pos_bg2.png) no-repeat center;margin-left: -18px;}
.container .order-pos span:first-child+span+span{background: url(../images/pos_bg3.png) no-repeat center;margin-left: -18px;}
.container .order-pos span:first-child.active{background: url(../images/pos_on_bg1.png) no-repeat center;}
.container .order-pos span:first-child+span.active{background: url(../images/pos_on_bg2.png) no-repeat center;}
.container .order-pos span:first-child+span+span.active{background: url(../images/pos_on_bg3.png) no-repeat center;}
.container .public-title,.user-info .public-title{height: 48px;border-top:1px solid #F9DA86;border-bottom:1px solid #F9DA86;line-height: 48px;margin-top:15px;font-size: 24px;color: #f9da86}
.container .public-title a,.user-info .public-title a{color: #bbbaba;font-size: 18px;}
.container .set-order .order-ads-list{background: rgba(1,1,1,0.5);margin-top: 4px;}
.container .set-order .order-ads-list li{height: 42px;border: 1px solid transparent;border-color: transparent;border-color: rgba(0,0,0,0);line-height: 42px;color: #bbbaba;font-size: 16px;cursor: pointer;}
.container .set-order .order-ads-list li.active{color: #f9da86;border: 1px solid #f9da86; }
.container .set-order .order-ads-list li a{color: #bbbaba;display:none;margin-right: 3px;}
.container .set-order .order-ads-list li span{display:inline-block;}
.container .set-order .order-ads-list li .i{background: url(../images/ads.png) no-repeat 7px center;padding-left: 40px;opacity: 0}
.container .set-order .order-ads-list li .ads{position: relative;padding-left: 35px;margin-left: 15px}
.container .set-order .order-ads-list li .ads::before{display: block;position: absolute;content: '';width: 18px;height: 18px;border-radius: 50%;border:2px solid #BBBABA;left:0;top:10px;}
.container .set-order .order-ads-list li.active .ads::before{border:2px solid #f9da86;}
.container .set-order .order-ads-list li.active .ads::after{display: block;position: absolute;content: '';width: 12px;height: 12px;border-radius: 50%;background: #f9da86;left:5px;top:15px;}
.container .set-order .order-ads-list li.active .i{opacity: 1}
.container .set-order .order-ads-list li.active a{display:block;}
.container .set-order .order-ads-add{margin:10px 0;padding-left: 102px;}
.container .set-order .order-ads-add a{display:block;width: 150px;height: 34px;text-align: center;color: #fff;font-size: 16px;background: rgba(249,218,134,0.5);line-height: 34px;}

.container .set-order .order-list{margin-bottom: 180px;}
.container .set-order .order-list tr.order-list-title{color:#f9da86;font-size: 16px;height: 50px;line-height: 50px;background: rgba(1,1,1,0.5);border-bottom: none;}
.container .set-order .order-list tr.list{height: 153px;line-height: 150px;border-bottom: 1px solid #BBBABA;color: #fff;text-align: center;}
.container .set-order .order-list tr.list td:first-child{background: rgba(1,1,1,0.5);padding: 1px;}
.container .set-order .order-list tr.list td:first-child a{display:block;float: left;width: 188px;line-height: 30px;padding: 0 10px;margin-top: 20px;font-size: 18px;color: #fff;text-align: left}
.container .set-order .order-list tr.list img{width: 150px;height: 150px;float: left}
.container .set-order .order-list tr.list td.goods-num{padding-left: 60px;}
.container .set-order .order-list tr.list td.goods-num input{border:none;float: left;height: 30px;text-align: center;font-size: 18px;}
.container .set-order .order-list tr.list td.goods-num input.num{width: 40px;}
.container .set-order .order-list tr.list td.goods-num input.min,.container .set-order .order-list tr.list td.goods-num input.add{width: 20px;background: #bbbaba;cursor: pointer;color: #090909}
.container .set-order .order-list tr.list td.goods-num input.min:hover,.container .set-order .order-list tr.list td.goods-num input.add:hover{background: #020202;color: #fff}
.container .set-order .order-msg p:first-child{height: 50px;line-height: 50px;font-size: 24px;color: #f9da86}
.container .set-order .order-msg p input{width: 634px;height: 36px;line-height: 36px;padding: 0 8px;border:none;}
.container .set-order .order-info{position: absolute;width: 502px;bottom: 15px;right: 35px;color: #bbbaba}
.container .set-order .order-info .order-tip{padding-left: 164px;line-height: 30px}
.container .set-order .order-info .order-tip span{color: #f9da86}
.container .set-order .order-info .order-total{font-size: 24px;color: #f9da86;text-align: right;}
.container .set-order .order-info .order-total span{font-weight:bold;font-size:30px;}
.container .set-order .order-info .order-payment{border:1px solid #f9da86;padding:15px;margin-top:15px;}
.container .set-order .order-info .order-payment p{color: #bbbaba;font-size: 18px;font-weight: bold;text-align: right;line-height: 32px;}
.container .set-order .order-info .order-payment p span{font-weight: normal;font-size:14px;}
.container .set-order .order-info .order-payment p:first-child{color: #f9da86;font-size: 24px;}
.container .set-order .order-info .order-payment p:first-child span{font-size: 30px;font-weight: bold;}
.container .set-order .order-info .order-submit input{width: 148px;height: 58px;color: #fff;float: right;font-size: 18px;line-height: 58px;border:none;background: rgba(249,218,134,0.5);cursor: pointer;}

/* 付款 */
.container .pay .pay-list{margin-top: 6px;position: relative;padding-bottom: 24px;overflow: hidden;} 
.container .pay .pay-list li{position: relative;cursor: pointer;margin-right: 28px;background: rgba(1,1,1,0.5); float: left;width: 168px;height: 158px; color: #fff;font-size: 16px;text-align: center;border: 1px solid transparent;border-color: transparent;border-color: rgba(0,0,0,0);}
.container .pay .pay-list li::before{display: block;position: absolute;width: 20px;height: 20px;border:2px solid #BBBABA;content: '';border-radius: 50%;top: 6px;right: 6px;}
.container .pay .pay-list li.active{border:1px solid #85754B;}
.container .pay .pay-list li.active::before{border:2px solid #F9DA86;}
.container .pay .pay-list li.active::after{display: block;position: absolute;width: 12px;height: 12px;background:#F9DA86;content: '';border-radius: 50%;top: 12px;right: 12px;}
.container .pay .pay-list li img{vertical-align: middle;margin-top: 35px;}
.container .pay .pay-list li p{line-height: 33px;}
.container .pay .pay-list>a{position: absolute;width: 196px;height: 34px;line-height: 34px;text-align: center;color: #fff;background: rgba(249,218,134,0.5);font-size: 16px;top:140px;right: 28px;}
.container .pay .public-title b{font-size: 30px;}
.container .pay .pay-content>div{display: none;}
.container .pay .pay-content>div:first-child{display: block;}
.container .pay .pay-content .code{padding: 126px 0 200px;}
.container .pay .pay-content .code p{text-align: center;width: 346px;margin:0 auto;color: #f9da86;font-size: 30px;margin-bottom: 25px;}
.container .pay .pay-content .code p:first-child{height: 346px;line-height: 346px;background: #fff;border-radius: 20px;}
.container .pay .pay-content .code p img{width: 275px;height: 275px;vertical-align: middle;}

.container .pay .pay-content .onlinepay ul{height: 240px;overflow: hidden;}
.container .pay .pay-content .onlinepay li{height: 56px; background:#010101;margin-top: 20px;border:2px solid #010101;padding: 20px 0 20px 90px;position: relative;cursor: pointer;font-size: 18px;color: #bbbaba;line-height: 56px;}
.container .pay .pay-content .onlinepay li::before{display: block;position: absolute;width: 20px;height: 20px;border:2px solid #BBBABA;content: '';border-radius: 50%;top: 35px;left: 20px;}
.container .pay .pay-content .onlinepay li img{float: left;}
.container .pay .pay-content .onlinepay li p{float: left;margin-left: 50px;}
.container .pay .pay-content .onlinepay li p.right{float: right;margin-right: 20px;display: none;}
.container .pay .pay-content .onlinepay li p.right span{font-size: 24px;font-weight: bold;}
.container .pay .pay-content .onlinepay li.active{border:2px solid #F9DA86;color: #f9da86}
.container .pay .pay-content .onlinepay li.active::before{border:2px solid #f9da86;}
.container .pay .pay-content .onlinepay li.active::after{display: block;position: absolute;width: 12px;height: 12px;content: '';border-radius: 50%;top: 41px;left: 26px;background: #f9da86}
.container .pay .pay-content .onlinepay li.active p.right{display: block;}
.container .pay .pay-content .onlinepay .more{width: 196px;height: 34px;display: block;float: right; background: rgba(249,218,134,0.5);font-size: 16px;color: #fff;line-height: 34px;text-align: center;margin: 20px 0 65px 0;}
.container .pay .pay-content .onlinepay .pass{float: left;margin:100px 0 150px 0;}
.container .pay .pay-content .onlinepay .pass .pass-tit{font-size: 24px;color: #f9da86}
.container .pay .pay-content .onlinepay .pass .pass-input{overflow: hidden;margin: 10px 0}
.container .pay .pay-content .onlinepay .pass .pass-input input{float: left;margin-right: 5px; width: 46px;height: 46px;border:2px solid #bbbaba;text-align: center;font-size: 30px;border-radius: 5px;}
.container .pay .pay-content .onlinepay .pass .pass-input input:focus{border:2px solid #f9da86;}
.container .pay .pay-content .onlinepay .pass .pass-input a{float: left;font-size: 16px;color: #f9da86;line-height: 50px;margin-left: 15px;}
.container .pay .pay-content .onlinepay .pass .pass-tip{font-size: 16px;color: #bbbaba;margin-bottom: 10px;}
.container .pay .pay-content .onlinepay .pass .pass-btn button{width: 148px;height: 58px;border:none;background: rgba(249,218,134,0.5);color: #fff;line-height: 58px;text-align: center;font-size: 18px;cursor: pointer;}

.container .pay .pay-content .other{padding-bottom: 200px;}
.container .pay .pay-content .other .other-content{border: 1px solid #F9DA86;overflow: hidden;margin-top: 36px;padding: 10px 40px}
.container .pay .pay-content .other .other-content .other-tit{font-size: 24px;color: #f9da86}
.container .pay .pay-content .other .other-content .other-tit span{margin-left: 40px;}
.container .pay .pay-content .other .other-content .other-public{font-size: 16px;color: #bbbaba;width: 535px;float: left;line-height: 40px;}
.container .pay .pay-content .other .other-content .other-public span{display: inline-block;width: 115px;text-align: right;}
.container .pay .pay-content .other button{width: 200px;height: 60px;cursor: pointer; border:none;background: #000;font-size: 18px;color: #fff;float: right;margin: 25px 25px 0 0;}

.pay-success .layui-layer-title,.pay-error .layui-layer-title,.add-card .layui-layer-title,.submit-card .layui-layer-title{background: #000;padding: 0 20px;}
.pay-success .layui-layer-content{background: url(../images/pay_success_bg.jpg) no-repeat center 15px;padding: 170px 0 25px 0;}
.pay-success .layui-layer-content p{text-align: center;}
.pay-success .layui-layer-content p.tit{color:#119903;font-size: 36px; }
.pay-success .layui-layer-content p.con{color: #bbbaba;font-size: 18px;margin:5px 0 15px 0;}
.pay-success .layui-layer-content p.con span{color: #119903}
.pay-success .layui-layer-content a{display: block;text-align: center;width: 142px;height: 33px;color: #fff;font-size: 18px;background: #000;margin:0 auto;line-height: 33px;}

.pay-error .layui-layer-content{background: url(../images/pay_error_bg.jpg) no-repeat center 15px;padding: 170px 0 25px 0;}
.pay-error .layui-layer-content p{text-align: center;}
.pay-error .layui-layer-content p.tit{color:#ec0202;font-size: 36px; }
.pay-error .layui-layer-content p.con{color: #bbbaba;font-size: 18px;margin:5px 0 15px 0;}
.pay-error .layui-layer-content p.con a{color: #119903}

.add-card .layui-layer-content{padding: 58px 23px}
.add-card .layui-layer-content div.tit{overflow: hidden;}
.add-card .layui-layer-content div.tit p{font-size: 24px;color: #000;width: 546px;height: 56px;border:2px solid #000;float: left;line-height: 56px;padding-left: 15px;}
.add-card .layui-layer-content div.tit p input{height: 56px;border:none;float: right;width: 455px;font-size: 18px;}
.add-card .layui-layer-content div.tit span{font-size: 18px;line-height: 85px;margin-left: 25px}
.add-card .layui-layer-content p{margin:15px 0;}
.add-card .layui-layer-content button,.submit-card .layui-layer-content button{font-size: 18px;width: 140px;height: 50px;background: #000;color: #fff;border:none;cursor: pointer;}

.submit-card .layui-layer-content{padding: 0 40px 40px 40px;}
.submit-card .layui-layer-content p{border-bottom: 1px solid #BBBABA;font-size: 18px;color: #000;height: 58px;line-height: 58px;}
.submit-card .layui-layer-content p img{vertical-align: middle;margin:0 5px }
.submit-card .layui-layer-content p span{color: #fcb903}
.submit-card .layui-layer-content button{margin-top: 35px;}

/* 密码管理 */
.user-info .main .password-input{overflow: hidden;padding: 100px 300px 200px;}
.user-info .main .password-input li{height: 60px;line-height: 60px;margin-top: 20px;}
.user-info .main .password-input li input{width: 350px;height: 60px;border:none;font-size: 18px;padding: 0 25px;float: left}
.user-info .main .password-input li span{display: block;float: left;width: 120px;height: 60px;line-height: 60px;text-align: right;font-size: 18px;color: #bbbaba;margin-right: 10px;}
.user-info .main .password-input button{border:none; background: rgba(3,3,3,0.5);font-size: 24px;color: #fff;width: 400px;height: 60px;margin:20px 0 0 130px;cursor: pointer;transition:all 0.3s;}
.user-info .main .password-input button:hover{background: rgba(249,218,134,0.5);}

/* 收货地址 */
.user-info .address .address-info{font-size: 18px;text-align: center;}
.user-info .address .address-info p{color: #bbbaba;}
.user-info .address .address-info p span{color: #f9da86}
.user-info .address .address-info a.add{display: block;width: 260px;height: 50px;text-align: center;line-height: 50px;color: #fff;background: #000;margin:20px auto;}
.user-info .address .address-list{}
.user-info .address .address-list .other-content{border: 1px solid #F9DA86;overflow: hidden;margin-top: 10px;padding: 10px 40px;position: relative;}
.user-info .address .address-list .other-content .other-tit{font-size: 24px;color: #f9da86}
.user-info .address .address-list .other-content .other-tit span{margin-left: 40px;}
.user-info .address .address-list .other-content .other-public{font-size: 16px;color: #bbbaba;width: 535px;float: left;line-height: 40px;}
.user-info .address .address-list .other-content .other-public span{display: inline-block;width: 115px;text-align: right;}
.user-info .address .address-list .other-content .other-bot{position: absolute;bottom: 20px;right: 50px;}
.user-info .address .address-list .other-content .other-bot a{font-size: 16px;color: #f9da86;margin-left: 25px;}
.user-info .address .address-list .other-content .close{display: block;width: 15px;height: 17px;background: url(../images/address_close.png) no-repeat;position: absolute;top: 15px;right: 50px;}

.del-address .layui-layer-title{background: #000;padding: 0 20px;}
.del-address .layui-layer-content{background: url(../images/del_address_bg.jpg) no-repeat 95px 28px;padding:28px 95px 20px;height: 190px;}
.del-address .layui-layer-content p{font-size: 30px;color: #000;width: 215px;text-align: center;line-height: 48px;margin-left: 130px;}
.del-address .layui-layer-content button{width: 210px;height: 60px;border:none;background: #000;color: #fff;font-size: 24px;margin: 34px 0 0 64px;cursor: pointer;}


/* 购物车 */
.user-info .cart .public-title .right{font-size: 16px;color: #bbbaba;margin-right: 40px;}
.user-info .cart .public-title .right a{font-size: 16px;margin-right: 30px;}
.user-info .cart .public-title .right label,.user-info .cart .order-list tr.list td.checkbox label{display: inline-block;width: 24px;height: 24px;border-radius: 50%;border:2px solid #bbbaba;margin-top: 10px;float: right;cursor:pointer;position: relative;margin-left:10px }
.user-info .cart .public-title .right input,.user-info .cart .order-list tr.list td.checkbox input{display: none;}
.user-info .cart .public-title .right input:checked+label,.user-info .cart .order-list tr.list td.checkbox input:checked+label{border:2px solid #f5d784;}
.user-info .cart .public-title .right input:checked+label::before,.user-info .cart .order-list tr.list td.checkbox input:checked+label::before{width: 15px;height: 14px;display: block; content:'';position: absolute;background: url(../images/checkbox.png) no-repeat;top:5px;left: 4px}

.user-info .cart .order-list{font-size: 18px;}
.user-info .cart .order-list tr.order-list-title{color:#f9da86;font-size: 16px;height: 50px;line-height: 50px;background: rgba(1,1,1,0.5);border-bottom: none;}
.user-info .cart .order-list tr.list{height: 153px;line-height: 150px;border-bottom: 1px solid #BBBABA;color: #fff;text-align: center;}
.user-info .cart .order-list tr.list td{color:#bbbaba }
.user-info .cart .order-list tr.list td:first-child{background: rgba(1,1,1,0.5);padding: 1px;}
.user-info .cart .order-list tr.list td:first-child a{display:block;float: left;width: 188px;line-height: 30px;padding: 0 10px;margin-top: 20px;font-size: 18px;color: #fff;text-align: left}
.user-info .cart .order-list tr.list img{width: 150px;height: 150px;float: left}
.user-info .cart .order-list tr.list td.goods-num{padding-left: 60px;}
.user-info .cart .order-list tr.list td.goods-num input{border:none;float: left;height: 30px;text-align: center;font-size: 18px;}
.user-info .cart .order-list tr.list td.goods-num input.num{width: 40px;}
.user-info .cart .order-list tr.list td.goods-num input.min,.user-info .cart .order-list tr.list td.goods-num input.add{width: 20px;background: #bbbaba;cursor: pointer;color: #090909}
.user-info .cart .order-list tr.list td.goods-num input.min:hover,.user-info .cart .order-list tr.list td.goods-num input.add:hover{background: #020202;color: #fff}
.user-info .cart .order-list tr.list td.checkbox{padding:0 40px 6px 0;}
.user-info .cart .order-list tr.list td a{color: #bbbaba}
.user-info .cart .cart-bot{float: right;margin: 90px 0 70px 0 }
.user-info .cart .cart-bot p.price{font-size: 30px;color: #f9da86;text-align: right;margin-bottom: 40px}
.user-info .cart .cart-bot p.btn{font-size: 18px;color: #bbbaba;overflow: hidden;}
.user-info .cart .cart-bot p.btn span{display: inline-block;margin-top: 30px}
.user-info .cart .cart-bot p.btn span font{color:#f9da86; }
.user-info .cart .cart-bot p.btn button{width: 148px;height: 58px;line-height: 58px;float: right; text-align: center;color: #fff;cursor: pointer;font-size: 18px;background: #000;border:none;margin-left: 15px;} 
.user-info .cart .cart-bot p.tip{color: #bbbaba;font-size: 18px;max-width: 360px;}

/* 我的订单 */
.user-info .order{padding-bottom: 50px;}
.user-info .order .order-top{height: 66px;line-height: 66px;}
.user-info .order .order-top .order-menu li{float: left;margin-left: 38px;}
.user-info .order .order-top .order-menu li a{font-size: 18px;color: #bbbaba}
.user-info .order .order-top .order-menu li.active a{color: #f9da86;}
.user-info .order .order-top .order-search{border:1px solid #837349;width: 278px;height: 48px;margin:7px 52px 0 0}
.user-info .order .order-top .order-search input,.user-info .order .order-top .order-search button{line-height: 48px;color: #fff;float: left;font-size: 16px;}
.user-info .order .order-top .order-search input{width: 180px;height: 48px;padding: 0 10px;background: rgba(0,0,0,0.5);border:none;}
.user-info .order .order-top .order-search button{width: 78px;height: 48px;border:none;background: #000;cursor: pointer;}
.user-info .order .order-list .list .order-info{padding: 0 0 0 15px;}
.user-info .order .order-list .list .order-info p{line-height: 30px;text-align: left;}
.user-info .order .order-list .list .order-status span{line-height: 30px;display: block;}
.user-info .order .order-list .list .order-edit a{font-size: 24px;}
.user-info .order .order-list .list .order-edit a:hover{color: #f9da86}
.user-info .cart .order-bot{margin: 20px 0 0 0}
.user-info .cart .order-bot p.price{margin-bottom: 10px;}
.user-info .cart .order-bot p.tip{line-height: 30px;margin-bottom: 10px;}
.user-info .cart .order-bot p.btn span{margin-left: 100px;}
.user-info .cart .order-bot p.i{text-align: right;color: #bbbaba;font-size: 18px;}

.edit-address .layui-layer-title{background: #000;padding: 0 20px;}
.edit-address .layui-layer-content{padding: 0 35px 20px}
.edit-address .layui-layer-content p{height: 48px;line-height: 48px;color: #5a5a5a;font-size: 18px;}
.edit-address .layui-layer-content input,.edit-address .layui-layer-content select{height: 40px;line-height: 40px;border:1px solid #5A5A5A;padding: 0 8px;font-size: 16px;}
.edit-address .layui-layer-content input{width: 280px;}
.edit-address .layui-layer-content input.address{width: 760px;}
.edit-address .layui-layer-content input.email{width: 440px;}
.edit-address .layui-layer-content select{margin-right: 24px;}
.edit-address .layui-layer-content select option:hover{background: #000;color: #fff}
.edit-address .layui-layer-content button{display: block;cursor: pointer; width: 300px;height: 60px;margin:24px auto 0;font-size: 18px;color: #fff;text-align: center;border: none;background: #000}

/* 产品 */
.product{background: url(../images/bg.jpg);overflow: hidden;}
.product .center{width: 1400px;}
.product .section1{height: 500px;line-height: 500px;text-align: center;}
.product .section1 img{vertical-align: middle;}
.product .section2,.product .section3,.product .section4,.product .section5,.product .section6,.product .section7{height: 900px;position: relative;width: 1920px;left: 50%;margin-left: -960px;line-height: 900px;}
.product .section2 img,.product .section3 img,.product .section5 img,.product .section6 img,.product .section7 img{vertical-align: middle;}
.product .section3,.product .section4{text-align: center;}
.product .section4{background: url(../images/product_bg_4.jpg) repeat-x;}
.product .section4 img{margin-top: 200px;}

.product .section4 .right{position: relative;width: 526px;height: 488px;background: url(../images/product4_bg.png) no-repeat;margin-top: 215px;}
.product .section4 .right .pro-info{line-height: 40px;text-align:left;padding: 40px 40px 20px 40px;}
.product .section4 .right .pro-info p{background: linear-gradient(to right, #846E43, #F6D784,#846E43);-webkit-background-clip: text;color: transparent;overflow: hidden;}
.product .section4 .right .pro-info p span{display: block;float: left;width: 223px;}
.product .section4 .right .pro-info .tit,.product .section4 .right .pro-info .pri{font-size: 24px;}
.product .section4 .right .pro-info .tit{margin-bottom: 20px;}
.product .section4 .right .pro-info .pri{color: #F5D683;margin:15px 0 10px 0;}
.product .section4 .right .btn{height: 54px;padding-left: 40px;}
.product .section4 .right .btn a{width: 180px;height: 55px;border:none;margin-right: 20px;cursor: pointer;display: block;float: left;transition: all 0.3s;}
.product .section4 .right .btn a.buy{background: url(../images/buy_btn.png) no-repeat;}
.product .section4 .right .btn a.cart{background: url(../images/cart_btn.png) no-repeat;}
.product .section4 .right .btn a.buy:hover{background: url(../images/buy_btn_on.png) no-repeat;}
.product .section4 .right .btn a.cart:hover{background: url(../images/cart_btn_on.png) no-repeat;}


.product .section5,.product .section7{text-align: right;}
.product .section6{text-align: left;}
.product .section8{height: 480px;line-height:480px;text-align: center;}
.product .section8 img{vertical-align: middle;}
.product .section9{background: rgba(2,2,2,0.8);color: #edcf80}
.product .section9 .center{width: 1200px;padding: 20px 0;line-height: 25px;}


/* 售后服务 */
.service .service-top{height: 140px;text-align: center;padding-top: 10px;}
.service .service-top p{color: #bbbaba;font-size: 18px;line-height: 30px;}
.service .service-top a{display:block;width: 260px;height: 48px;background: #000;color: #fff;line-height: 48px;text-align: center;margin: 15px auto 0;font-size: 18px;}
.service .service-bot p{font-size: 24px;color: #f9da86;margin:70px 0 15px 0;}
.service .service-bot textarea{width: 860px;height: 130px;border:none;padding: 10px;}
.service .service-bot span{color: #bbbaba}
.service .service-bot button{float: right;background:#000;font-size: 18px;color: #fff;text-align: center; width:148px;height: 48px;line-height: 48px;border:none;margin:40px 40px 0 0;cursor: pointer;}
.service .order-list .refund a{background: #000;color: #fff;padding: 8px 20px;}


/* 历史视频 */
.video{background: url(../images/bg.jpg);overflow: hidden;}
.video .video-top{height: 215px;text-align: center;}
.video .video-top img{margin-top:115px;}
.video .video-menu{width: 170px;z-index: 1; background: rgba(48,46,46,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F302e2e,endColorstr=#7F302e2e);padding: 10px 0;position: fixed;top: 300px;right: 20px;}
.video .video-menu li{height: 40px;line-height: 40px;text-align: center;}
.video .video-menu li a{color: #bbbaba;display:block;}
.video .video-menu li a:hover,.video .video-menu li.active a{color: #c3b091}
.video .video-list{max-width: 1920px;position: relative;left:50%;margin-left: -960px;z-index: 0}
.video .video-list h3{text-align: center;height: 300px;line-height: 300px;}
.video .video-list h3 img{vertical-align: middle;}
.video .video-list li div.v{background: #000;height: 900px;position: relative;}
.video .video-list li video{width: 100%;height: 100%}
.video .video-list li div.thumb{position: absolute;top: 0;}
.video .video-list li div.play{position: absolute;background: url(../images/play.png) no-repeat center;width: 100%;height: 100%;top: 0;left:0;cursor: pointer;}
.video .video-list li div.play:hover{background: url(../images/play_on.png) no-repeat center;}

/* 品牌介绍 */
.about{background: url(../images/bg.jpg);overflow: hidden;}
.about .center{width: 1400px;}
.about .section1,.about .section5{height: 500px;line-height: 500px;text-align: center;}
.about .section1 img{vertical-align: middle;}
.about .section5 img,.about .section5{vertical-align: middle;}
.about .section2,.about .section3,.about .section4,.about .section6,.about .section7{height: 900px;position: relative;width: 1920px;left: 50%;margin-left: -960px;line-height: 900px;}
.about .section2 img,.about .section3 img,.about .section4 img,.about .section6 img,.about .section7 img{vertical-align: middle;}
.about .section3{text-align: right;}
.about .section6{background: #0c0c0c}
.about .section7{background: #030303}
.about .section8{text-align: center;}
.about .section8 img:first-child{margin:50px 0;}
.about .section8 img:first-child+img{margin-bottom: 50px}
.about .section9,.about .section10,.about .section11,.about .section12{text-align: center;}
.about .section9>img,.about .section10>img,.about .section11>img,.about .section12>img{margin:30px 0;}
.about .section9 .d,.about .section10 .d,.about .section11 .d,.about .section12 .d{background: #030303;height: 900px;line-height: 900px;text-align: right;}
.about .section9 .d .center .left img,.about .section10 .d .center .right img,.about .section11 .d .center .left img{vertical-align: middle;margin-right:10px; }
.about .section9 .d .center>img,.about .section10 .d .center>img,.about .section11 .d .center>img,.about .section12 .d .center>img{vertical-align: middle;}
.about .section10 .d{text-align: left;}
.about .section10 .d .center .right img{margin-right: 0;margin-left: 10px;}
.about .section12 .d{background: #030303;text-align: left;}
.about .section12 .d video{width: 1000px;height: 760px;background: #3e3b3b;float: right;margin-top: 70px;}


/* 商城 */
.shop-wrap{background: #f0ebd5;padding-bottom:45px;}
.shop-wrap .center{width: 1400px;}
.shop-wrap .shop-menu{padding: 0 100px;width: 1200px;height: 85px;line-height: 85px;}
.shop-wrap .shop-menu li{float: left;font-size: 16px;margin: 0 35px;height: 85px;}
.shop-wrap .shop-menu li.right{float: right;}
.shop-wrap .shop-menu li a{color: #000;}
.shop-wrap .shop-menu li.active a,.shop-wrap .shop-menu li a:hover{font-weight: bold;} 
.shop-cart{background: url(../images/shop_cart.png) no-repeat center;display: block;width: 32px;height: 85px;}
.shop-wrap .shop-banner{position: relative;overflow: hidden;height: 750px;}
.shop-wrap .shop-banner ul.carousel{position: absolute;top: 0;left: 0;width:5600px; }
.shop-wrap .shop-banner ul.carousel li{float: left;width: 1400px;}
.shop-wrap .shop-banner ul.carousel li a{display: block;}
.shop-wrap .shop-banner ul.img-icon{position: absolute;bottom: 63px;z-index: 1;text-align:center;width: 100%}
.shop-wrap .shop-banner ul.img-icon li{display: inline-block;width: 30px;height: 16px;background: url(../images/shop_icon.png) no-repeat;cursor: pointer;margin:0 13px;}
.shop-wrap .shop-banner ul.img-icon li.active{background: url(../images/shop_icon_on.png) no-repeat;}

.shop-wrap .shop-mid{overflow: hidden;margin:30px 0;}
.shop-wrap .shop-hot-list{overflow: hidden;}
.shop-wrap .shop-mid ul li,.shop-wrap .shop-hot-list ul li.h1{width: 348px;height: 300px;float: left;background: #414141;margin-left: 2.6px;text-align:center;transition: all 0.3s; }
.shop-wrap .shop-mid ul li:hover,.shop-wrap .shop-hot-list ul li.h1:hover{background: #d62118}
.shop-wrap .shop-mid ul li:first-child,.shop-wrap .shop-hot-list ul li.h1:first-child{margin-left: 0;}
.shop-wrap .shop-mid ul li h3,.shop-wrap .shop-hot-list ul li.h1 h3{margin-top:30px;}
.shop-wrap .shop-mid ul li h3,.shop-wrap .shop-mid ul li p,.shop-wrap .shop-hot-list ul li.h1 h3,.shop-wrap .shop-hot-list ul li.h1 p{color: #f2e6b1;line-height: 30px;font-size: 18px;}
.shop-wrap .shop-mid ul li img,.shop-wrap .shop-hot-list ul li.h1 img{margin-top:20px;}
.shop-wrap .shop-title{color: #f2e6b1;height: 64px;text-align:center;line-height: 60px;background: url(../images/shop_title_border.png) repeat-x;font-weight: bold;font-size: 24px; }
.shop-wrap .shop-hot .shop-hot-pro{width: 1400px;height: 686px;}
.shop-wrap .shop-hot .shop-hot-pro img{width: 100%;height: 100%;}

.shop-wrap .shop-brand{margin:30px 0;}
.shop-wrap .shop-brand-pro{height: 687px;}
.shop-wrap .shop-brand-pro ul li{float: left;background: #414141;text-align:center;height: 687px;width: 348px;margin-left: 2px;}
.shop-wrap .shop-brand-pro ul li h3,.shop-wrap .shop-brand-pro ul li p{color: #f2e6b1}
.shop-wrap .shop-brand-pro ul li h3{font-size: 24px;}
.shop-wrap .shop-brand-pro ul li p{font-size: 18px;}
.shop-wrap .shop-brand-pro ul li p.price{font-size: 24px;color: #fe6d00}
.shop-wrap .shop-brand-pro ul li.one{width: 700px;margin-left:0;}
.shop-wrap .shop-brand-pro ul li.one a{border-top:37px solid #f0ebd5;}
.shop-wrap .shop-brand-pro ul li.one a img{position: relative;top:-37px;}
.shop-wrap .shop-brand-pro ul li.one .left,.shop-wrap .shop-brand-pro ul li.one .right{position: relative;top: -15px}
.shop-wrap .shop-brand-pro ul li.one .left{padding-left: 12px;}
.shop-wrap .shop-brand-pro ul li.one .right{padding-right: 12px;}
.shop-wrap .shop-brand-pro ul li.one h3,.shop-wrap .shop-brand-pro ul li.one p{text-align:left;}
.shop-wrap .shop-brand-pro ul li.one h3,.shop-wrap .shop-brand-pro ul li.one p.price{margin-bottom: 10px}
.shop-wrap .shop-brand-pro ul li.one p.des{font-size: 16px;}
.shop-wrap .shop-brand-pro ul li.one p.buy{width: 150px;height: 40px;background: url(../images/shop_brand_buy.jpg) no-repeat;float: right}
.shop-wrap .shop-brand-pro ul li.one p.price{text-align:right;}
.shop-wrap .shop-brand-pro ul li.two{background: url(../images/logo.png) no-repeat #414141 center 80px;padding-top: 220px;height: 467px;}
.shop-wrap .shop-brand-pro ul li.two h3{margin:30px 0 20px;}
.shop-wrap .shop-brand-pro ul li.two p.price{margin-top:10px;}
.shop-wrap .shop-brand-pro ul li.three{height: 342px;}
.shop-wrap .shop-brand-pro ul li.three h3{margin:20px 0 10px;}
.shop-wrap .shop-brand-pro ul li.three p.des{margin-bottom:10px;}
.shop-wrap .shop-brand-pro ul li.three p.price{margin-top:10px;}
.shop-wrap .shop-brand-pro ul li.more{height:123px;margin-top:2px;background: url(../images/shop_more.png) no-repeat #414141 center 50px;padding-top: 220px;}
.shop-wrap .shop-brand-pro ul li.more p:first-child{font-size: 18px;}
.shop-wrap .shop-brand-pro ul li.more p:first-child+p{font-size: 24px;font-weight: bold;margin-top:5px;}
.shop-wrap .shop-brand-pro ul li a{display: block;}

.shop-wrap .shop-ad img{position: relative;left: 50%;margin-left: -960px;}
.shop-wrap .shop-adv{margin:30px 0;}
.shop-wrap .shop-adv img{width: 100%;height:100%}

.shop-wrap .shop-bot,.shop-wrap .shop-list{background: #fff;overflow: hidden;}
.shop-wrap .shop-bot{padding: 25px 0}
.shop-wrap .shop-bot ul li,.shop-wrap .shop-list ul li{width: 444px;height: 440px;float: left;background: url(../images/logo.png) no-repeat center 40px #494949;margin-left: 3px;text-align:center;padding-top:160px;transition: all 0.3s;}
.shop-wrap .shop-bot ul li:hover,.shop-wrap .shop-list ul li:hover{background: url(../images/logo.png) no-repeat center 40px #d62118;}
.shop-wrap .shop-bot ul li:first-child,.shop-wrap .shop-list ul li.ml{margin-left: 0}
.shop-wrap .shop-bot ul li:first-child+li,.shop-wrap .shop-list ul li.wd{width: 506px;}
.shop-wrap .shop-bot ul li h3,.shop-wrap .shop-list ul li h3{font-size: 24px;color: #f2e6b1;font-weight: normal;margin:15px 0;}
.shop-wrap .shop-bot ul li p.des,.shop-wrap .shop-list ul li p.des{color: #f2e6b1;font-size: 18px;}
.shop-wrap .shop-bot ul li p.price,.shop-wrap .shop-list ul li p.price{color: #fe6d00;font-size: 24px;margin-top:15px;}
.shop-wrap .shop-list ul li{margin-bottom:20px;}

.shop-wrap .shop-hot-list ul li.h2{float: left;width: 348px;margin-left: 2.6px;margin-top:2px;text-align:center;background: url(../images/logo.png) no-repeat #414141 center 80px;padding-top: 220px;height: 467px;transition: all 0.3s;}
.shop-wrap .shop-hot-list ul li.h2:nth-child(5){margin-left:0;}
.shop-wrap .shop-hot-list ul li.h2:hover{background: url(../images/logo.png) no-repeat #d62118 center 80px;}
.shop-wrap .shop-hot-list ul li.h2 h3{margin:30px 0 20px;color: #f2e6b1;font-size: 24px;font-weight: normal}
.shop-wrap .shop-hot-list ul li.h2 p{margin-top:10px;color: #f2e6b1;font-size: 18px;}
.shop-wrap .shop-hot-list ul li.h2 p.buy{height: 40px;background: url(../images/shop_brand_buy.jpg) no-repeat center;}
.shop-wrap .shop-hot-list ul li.h2 p.price{font-size: 24px;color: #fe6d00}

.shop-wrap .shop-info{background: #fff;padding:25px;}

.preview{width:550px; height:700px;float: left;}
/* smallImg */
.smallImg{position:relative; height:100px; margin-top:20px; width:534px; overflow:hidden;float:left;border:1px solid #BFBFBF;padding: 15px 8px}
.scrollbutton{width:14px; height:100px; overflow:hidden; position:relative; float:left; cursor:pointer;display: none; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{ margin-left:375px; margin-top:-50px;}
#imageMenu {height:100px; width:550px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:100px; width:100px; overflow:hidden; float:left; text-align:center;margin-left:8px;}
#imageMenu li:first-child{margin-left:0;}
#imageMenu li img{width:98px; height:98px;cursor:pointer;border:1px solid #414141;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:98px; height:98px; border:1px solid #DC271E;}
/* bigImg */
.bigImg{position:relative; float:left; width:550px; height:550px; overflow:hidden;}
.bigImg #midimg{width:550px; height:550px;}
.bigImg #winSelector{width:300px; height:300px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;top: 100px;}

.shop-wrap .shop-info{overflow: hidden;}
.shop-wrap .shop-info .info{float: right;width: 773px;border:1px solid #BFBFBF;}
.shop-wrap .shop-info .info h2{height: 78px;line-height: 78px;text-align:center;font-size: 30px;color: #414141;border-bottom: 1px solid #BFBFBF}
.shop-wrap .shop-info .info .summary{width: 678px;height:68px;border:1px solid #bfbfbf; margin:11px auto;padding: 25px 35px;}
.shop-wrap .shop-info .info .summary .left .price{color: #db261d;font-size: 24px;font-weight: bold;}
.shop-wrap .shop-info .info .summary .left .des{color: #414141;font-size: 18px;margin-top:10px;}
.shop-wrap .shop-info .info .summary .right{line-height: 68px;}
.shop-wrap .shop-info .info .summary .right span{float: left;font-size: 18px;color: #414141;margin-right:10px;}
.shop-wrap .shop-info .info .summary .right input{float: left;margin-top:13px;}
.shop-wrap .shop-info .info .summary .right input.min,.shop-wrap .shop-info .info .summary .right input.add{width: 50px;height: 40px;border:none;color: #fff;font-size: 24px;cursor: pointer;}
.shop-wrap .shop-info .info .summary .right input.min{background: #414141}
.shop-wrap .shop-info .info .summary .right input.add{background: #da251c}
.shop-wrap .shop-info .info .summary .right input.num{width: 58px;height: 38px;border:1px solid #414141;font-size: 18px;color: #414141;text-align:center;margin:13px 1px 0;}
.shop-wrap .shop-info .info .tips{width: 680px;height: 120px;background: #f0ebd5;border-radius: 10px;margin:0 10px;padding: 0 35px;}
.shop-wrap .shop-info .info .tips .left p{font-size: 18px;color: #414141;line-height: 36px;}
.shop-wrap .shop-info .info .tips .left p:first-child{font-weight:bold;margin-top:25px;}
.shop-wrap .shop-info .info .tips .right img{width: 100px;height: 100px;margin-top:10px;}
.shop-wrap .shop-info .info .shop-btn{overflow: hidden;}
.shop-wrap .shop-info .info .shop-btn .btn{padding-right:13px;margin:15px 0;float: right;}
.shop-wrap .shop-info .info .shop-btn button{cursor: pointer;width: 160px;height: 60px;line-height: 60px;font-size: 18px;float: left;}
.shop-wrap .shop-info .info .shop-btn button.cart{border:1px solid #BFBFBF;background:url(../images/shop_cart_d.jpg) no-repeat 15px center #fff;color: #414141;padding-left:40px;}
.shop-wrap .shop-info .info .shop-btn button.buy{color: #fff;background: #da251c;border:none;margin-left:15px;}
.shop-wrap .shop-info .shop-param{width: 750px;height: 250px; border:1px solid #BFBFBF;margin:0 auto 15px;}
.shop-wrap .shop-info .shop-param p{color: #414141;font-size: 18px;}
.shop-wrap .shop-info .shop-param .left{width: 519px;height: 232px; border-right: 1px solid #bfbfbf;padding: 10px 25px;line-height: 38px;}
.shop-wrap .shop-info .shop-param .left .lf{width: 196px;float: left;}
.shop-wrap .shop-info .shop-param .left .rg{width:320px ;float: right;}
.shop-wrap .shop-info .shop-param .right{width: 180px;height: 130px;text-align:center;padding: 60px 0}
.shop-wrap .shop-info .shop-param .right img{margin:20px 0;}

.shop-wrap .shop-recom{margin:30px 0;}
.shop-wrap .shop-recom .shop-title{height: 60px;margin-bottom:2px;font-weight:normal;}
.shop-wrap .shop-detail .shop-item{height: 50px;background: #414141}
.shop-wrap .shop-detail .shop-item ul li{height: 50px;width: 150px;float: left;line-height: 50px;text-align:center;cursor: pointer;font-size:16px;color: #f2e6b1}
.shop-wrap .shop-detail .shop-item ul li.active{background: url(../images/shop_item.png) no-repeat;}
.shop-wrap .shop-detail .shop-item ul li span{color: #fcb702;margin-left: 8px;}
.shop-wrap .shop-detail .shop-content>div{display: none;}
.shop-wrap .shop-detail .shop-content>div.active{display: block;}
.shop-wrap .shop-detail .shop-content .title{background: #fff;border:1px solid #BFBFBF;color: #414141;font-size:16px;height: 48px;line-height: 48px;padding: 0 40px;margin-bottom:2px;}
.shop-wrap .shop-detail .shop-content .detail .content{background: #fff;width: 1400px;}
.shop-wrap .shop-detail .shop-content .detail .content img{width: 100%;}
.shop-wrap .shop-detail .shop-content .comment .title p{float: left;margin-right:30px;}
.shop-wrap .shop-detail .shop-content .comment .title p input{display: none;}
.shop-wrap .shop-detail .shop-content .comment .title p label{position: relative;padding-left:25px;cursor: pointer;}
.shop-wrap .shop-detail .shop-content .comment .title p label::before{display: block;content:'';width: 20px;height: 20px;border-radius: 50%;border:1px solid #454545;position: absolute;top: 0}
.shop-wrap .shop-detail .shop-content .comment .title p input:checked+label::after{display: block;content:'';width: 12px;height: 12px;border-radius: 50%;position: absolute;top: 5px;background: #454545;left: 5px}
.shop-wrap .shop-detail .shop-content .comment .content{overflow: hidden;}
.shop-wrap .shop-detail .shop-content .comment .content .content-list{background: #fff;padding-bottom:40px;}
.shop-wrap .shop-detail .shop-content .comment .content .content-list li{padding: 20px 100px;overflow: hidden;border-bottom:1px solid #BFBFBF;color: #414141;align-items:center; display: -webkit-flex;}
.shop-wrap .shop-detail .shop-content .comment .content .content-list li p{line-height: 30px;width: 618px;}
.shop-wrap .shop-detail .shop-content .comment .content .content-list li p.date{color: #bfbfbf}
.shop-wrap .shop-detail .shop-content .comment .content .content-list li p.imgs{margin-top:10px;}
.shop-wrap .shop-detail .shop-content .comment .content .content-list li p.imgs img{width: 78px;height: 78px;margin-right:5px;border:1px solid #414141;cursor: pointer;}
.shop-wrap .shop-detail .shop-content .comment .content .content-list li .right{width: 580px;text-align:right;}


.shop-wrap .shop-detail .shop-content .comment .content .content-page{text-align:center;height: 48px;line-height: 48px;margin-top:55px;}
.shop-wrap .shop-detail .shop-content .comment .content .content-page a,.shop-wrap .shop-detail .shop-content .comment .content .content-page span{width: 48px;height: 46px;border:1px solid #414141;display: inline-block;font-size:16px;color: #414141;margin:0 4px;}
.shop-wrap .shop-detail .shop-content .comment .content .content-page a.prev,.shop-wrap .shop-detail .shop-content .comment .content .content-page a.next{width: 98px;}
.shop-wrap .shop-detail .shop-content .comment .content .content-page a.prev:hover,.shop-wrap .shop-detail .shop-content .comment .content .content-page a.next:hover{color: #fff;background: #414141}
.shop-wrap .shop-detail .shop-content .comment .content .content-page span.active{color: #DC261D;border:1px solid #DC261D}
.shop-wrap .shop-detail .shop-content .comment .content .content-page span.more{border:none;}


.shop-wrap .shop-detail .shop-content .comment .content .pagination{text-align:center;height: 48px;line-height: 48px;margin-top:55px;}
.shop-wrap .shop-detail .shop-content .comment .content .pagination li{ height: 46px;border:1px solid #414141;display: inline-block;font-size:16px;color: #414141;margin:0 4px;vertical-align:top;}
.shop-wrap .shop-detail .shop-content .comment .content .pagination li a,.shop-wrap .shop-detail .shop-content .comment .content .pagination li span{display:block;padding: 0 15px;}
.shop-wrap .shop-detail .shop-content .comment .content .pagination li.active{color: #DC261D;border:1px solid #DC261D}
.shop-wrap .shop-detail .shop-content .comment .content .pagination li a:hover{color: #fff;background: #414141}
.shop-wrap .shop-detail .shop-content .comment .content .pagination li.disabled{}


.user-info .comment .com-top{height: 555px;background: #fff;padding-top:15px;}
.user-info .comment .com-top textarea{border:1px solid #000;width: 1156px;height: 340px;margin:0 auto;display: block;font-size:18px;padding: 10px;line-height: 30px;}
.user-info .comment .com-top .upload{padding: 35px 12px;overflow: hidden;box-sizing: border-box;}
.user-info .comment .com-top .upload .left{margin-top: 28px}
.user-info .comment .com-top .upload .left input{display:none;}
.user-info .comment .com-top .upload .left span.upload-btn{display:inline-block;background: url(../images/upload.jpg) no-repeat left;height: 60px;padding-left: 70px;line-height: 60px;font-size: 24px;color: #414141}
.user-info .comment .com-top .upload .left span.upload-tips{height: 60px;line-height: 60px;font-size: 18px;color: #a9a6a6}
.user-info .comment .com-top .upload .right{border:1px solid #000;padding: 2px 8px}
.user-info .comment .com-top .upload .right ul li{width: 114px;height: 114px;position: relative;float: left;margin-left: 25px;transition: all 0.3s;}
.user-info .comment .com-top .upload .right ul li:first-child{margin-left: 0;}
.user-info .comment .com-top .upload .right ul li img{width: 112px;height: 112px;border:1px solid #414141;}
.user-info .comment .com-top .upload .right ul li i{display: none;position: absolute;width: 114px;height: 114px;top: 0;left:0;background: url(../images/del_img.png) no-repeat center rgba(65,65,65,0.6);cursor: pointer;}
.user-info .comment .com-top .upload .right ul li:hover i{display:block;}
.user-info .comment .com-bot{margin:30px 0;overflow: hidden;}
.user-info .comment .com-bot p{float: right}
.user-info .comment .com-bot p button{width: 250px;height: 80px;background: #000;color: #fafafa;font-size:24px;border:none;cursor: pointer;}

.user-info .shop-info{background: #fff;padding: 10px 10px 15px 10px;border-bottom: 1px solid #000}
.user-info .shop-info .thumb{float: left}
.user-info .shop-info{overflow: hidden;}
.user-info .shop-info .info{float: right;width: 625px;border:1px solid #BFBFBF;}
.user-info .shop-info .info h2{height: 78px;line-height: 78px;text-align:center;font-size: 24px;color: #414141;border-bottom: 1px solid #BFBFBF}
.user-info .shop-info .info .summary{width: 542px;height:68px;border:1px solid #bfbfbf; margin:11px auto;padding: 25px 30px;}
.user-info .shop-info .info .summary .left .price{color: #db261d;font-size: 24px;font-weight: bold;}
.user-info .shop-info .info .summary .left .des{color: #414141;font-size: 18px;margin-top:10px;}
.user-info .shop-info .info .summary .right{line-height: 68px;}
.user-info .shop-info .info .summary .right span{float: left;font-size: 18px;color: #414141;margin-right:10px;}
.user-info .shop-info .info .summary .right input{float: left;margin-top:13px;}
.user-info .shop-info .info .summary .right input.min,.shop-wrap .shop-info .info .summary .right input.add{width: 50px;height: 40px;border:none;color: #fff;font-size: 24px;cursor: pointer;}
.user-info .shop-info .info .summary .right input.min{background: #414141}
.user-info .shop-info .info .summary .right input.add{background: #da251c}
.user-info .shop-info .info .summary .right input.num{width: 58px;height: 38px;border:1px solid #414141;font-size: 18px;color: #414141;text-align:center;margin:13px 1px 0;}
.user-info .shop-info .info .tips{width: 542px;height: 120px;background: #f0ebd5;border-radius: 10px;margin:0 10px;padding: 0 30px;}
.user-info .shop-info .info .tips .left p{font-size: 15px;color: #414141;line-height: 36px;}
.user-info .shop-info .info .tips .left p:first-child{font-weight:bold;margin-top:25px;}
.user-info .shop-info .info .tips .right img{width: 82px;height: 82px;margin-top:20px;}
.user-info .shop-info .shop-param{width: 600px;height: 147px; margin:45px auto 15px;}
.user-info .shop-info .shop-param p{background: url(../images/look.png) no-repeat left center;padding-left: 60px;height: 50px;font-size: 16px;color: #414141;width: 255px;line-height: 24px}
.user-info .review{float: left; width: 1156px;height: 314px;border:1px solid #000;background: #f0ebd5;position: relative;margin:10px auto 0;overflow: hidden;padding: 10px;line-height: 30px;font-size: 18px;color: #414141}
.user-info .review i{position: absolute;bottom: 5px;left:10px;font-style:normal;font-size: 18px;color: #9d9c9c}

/* 修改 */
.user-t{width: 100px;float: right;height: 60px;}
.user-t:hover .logout{display:block;}
.logout{position: absolute;display:block;width: 80px;height: 50px;background: #141414;right:0;top: 58px;line-height: 50px;text-align: center;color: #c3b091;font-size: 16px;display:none;}
.video-list ul li iframe,.pro-video iframe{width: 1200px;margin:0 auto;display:block;}
.img-list{ width: 1920px;position: relative;left: 50%;margin-left: -960px;overflow: hidden;}
.img-list ul li{width: 1920px;text-align: center;position: relative;}
.img-list ul li a.buy-btn{position: absolute;display:block;width: 300px;height: 153px;background:url(../images/buy_pro_btn.png) no-repeat;left: 0;bottom: 20px;right: 0;margin:auto;}
.pro-video{height: 800px;background: #000}
.user-info .cart .order-list tr.list td.refund{position: relative;}
.service .order-list .refund a.return{background: rgba(187,186,186,0.5);color: #bbbaba;position: absolute;width: 83px;height: 40px;top: 96px;right:59px;padding: 0;line-height: 40px;display:none;}
.service .order-list .refund span:hover a.return{display:block;}

.search-tit{font-size: 36px;color: #f9da86;text-align: center;padding: 118px 0 25px;overflow: hidden;}
.search-form{overflow: hidden;border-bottom: 1px solid #F9DA86;padding-bottom: 32px;}
.search-form>div{width: 400px;margin:0 auto;}
.search-form input{width: 280px;height: 58px;line-height: 58px; border:none;padding: 0 10px;font-size: 18px;color: #020202;float: left;background: #fff}
.search-form button{width: 100px;height: 58px;float: left;text-align: center;line-height: 58px;color: #fff;background: #030303;font-size: 18px;border:none;cursor: pointer;}
.search-tip{height: 30px;text-align: center;background: #030303;color: #fff;line-height: 30px;margin-top:10px;}
.search-tip span{color: #f9da86}
.search-list{padding: 25px 0;min-height: 300px;}
.search-list ul li{height: 50px;line-height: 50px;color: #f9da86}
.search-list ul li span{margin-right:10px;border-bottom: 1px solid #F9DA86}
.search-list ul li a{color:#f9da86;border-bottom: 1px solid #F9DA86 }

.user-info .new-comment .com-top{padding-top: 0;margin-bottom:16px;}
.user-info .new-comment .com-top textarea{height: 200px;}
.user-info .new-comment .com-top .goods-info{height: 152px;border-bottom: 1px solid #141414;margin-bottom:14px;padding: 4px 0}
.user-info .new-comment .com-top .goods-info .goods-img{border:1px solid #7f7f7f;float: left;}
.user-info .new-comment .com-top .goods-info .goods-img img{width: 150px;height: 150px;}
.user-info .new-comment .com-top .goods-info .goods-text{background: #7f7f7f;color: #fff;float: left;width: 180px;height: 112px;padding: 20px 15px;font-size: 18px;}
.user-info .new-comment .com-top .goods-info .goods-order{padding: 10px 20px;float: left;width: 250px;line-height: 30px;color: #3f3f3f;font-size: 16px;}
.user-info .new-comment .com-top .goods-info .goods-num{height: 152px;line-height: 152px;float: left;width: 140px;text-align: center;font-size: 18px;color: #141414}
.user-info .new-comment .com-top .goods-info .goods-price{height: 152px;line-height: 152px;float: left;width: 150px;text-align: center;font-size: 18px;color: #141414}

/* 文章 */
.article{background: url(../images/bg.jpg);overflow: hidden;}
.article .pos{width: 100%;height: 100px;background: #010101;color: #f9da86;font-size: 30px;line-height: 100px;text-align: center;overflow: hidden;}
.article .title{border-bottom: 1px solid whitesmoke;height: 80px;}
.article .title .left{width: 200px;height: 81px;background: #010101;color: #f9da86;font-size: 24px;line-height: 100px;text-align: center;overflow: hidden;}
.article .title .right{color: whitesmoke;position: relative;bottom: -58px;}
.article .main{}
.article .main .content{margin-left: 216px;}
.article .main .content .intro{height: 75px;padding: 36px 0 0 0;margin: 0 0 32px 0;line-height: 25px;overflow: hidden;}
.article .main .list li{border-bottom: 1px solid #c0c0c0;height: 210px;padding-top:10px;}
.article .main h1{color: #c0c0c0;left: 209px;top: -191px;}
.article .main p{color: #c0c0c0;left: 209px;top: -191px;font-size:16px;}
.article .main span{color: #c0c0c0;left: 209px;top: -191px;}
.article .main a{color: #c0c0c0;}
.article .content-title .left{width: 155px;height: 45px;background: #010101;color: #f9da86;font-size: 20px;line-height: 46px;text-align: center;overflow: hidden;}
.article .content-title{height: 80px;}
.article .content-title a{color: #f9da86;}
.article .content-main h1{color: #f9da86;}
.article .content-main p{color: #c0c0c0;padding: 15px 0 15px 0;}
.article .content-main .content{color: #c0c0c0;}
.article .content-main .thumb{text-align: center;max-width: 1200px;overflow:hidden;}
.article .next{color: #c0c0c0;padding-bottom: 45px;font-size: 18px;clear: both;padding-top: 45px;}
.article .next a{color: #c0c0c0;}
.article a:hover{color: #f9da86;}
.article .pagination{text-align:center;height: 48px;margin-top:55px;}
.article .pagination li{ height: 38px;line-height: 38px;border:1px solid #414141;display: inline-block;font-size:16px;color: #414141;margin:0 4px;vertical-align:top;background-color: #c0c0c0;}
.article .pagination li:first-child{display: none}
.article .pagination li a,.article .pagination li span{display:block;padding: 0 15px;color:black;}
.article .pagination li.active{background-color: #f9da86;border:1px solid #f9da86}
.article .pagination li a:hover{color: #black;background: #f9da86}
.article .pagination li.disabled{}