/*公共*/
.header{position: fixed;top:0;left:0;width:100%;z-index: 998;transition: background .3s;}
.header #tip{color:#fff;font-size:16px;padding:15px 0 0 50px}
.header #tip img{width:16px;display:inline-block;height:16px}
.header #tip p{display:inline-block}
.header #tip span{margin:0 80px;display:inline-block}
.header .width{max-width: 1400px;display: flex;justify-content: space-between;align-items: center;}
.header .logo{width:81px;height:39px}
.header ul{padding-left: 9%;display: flex;flex:1}
.header li{position: relative;line-height:80px}
.header li>a{color:#fff;padding:0 20px;}
.header li>a.active{color:#af9b6e}
.header .child{display: none;position: absolute;width:max-content;top:100%;left:50%;transform: translateX(-50%);padding:10px 30px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);text-align: center;}
.header .child>a{line-height: 30px;}
.header .operate{display: flex;height:80px;align-items: center;}
.header .search{width:21px;height:100%;background: url(../images/seach-w.png) no-repeat center center/21px;cursor: pointer;position: relative;}
.header .search .popup{display: none;}
.header .search .popup>div{display: flex;position: absolute;top:100%;right:0}
.header .search .popup>div>input{width:250px;height:50px;background: #f2f2f2;}
.header .search .popup>div>p{width:50px;line-height: 50px;background: #af9b6e url(../images/seach-w.png) no-repeat center center/20px;transition: .3s;cursor: pointer;}
.header .lang{margin:0 20px;cursor: pointer;position: relative;color:#fff}
#translate{position: absolute;width:max-content;top:calc(100% + 30px);left:50%;z-index: 998;display: none;transform: translateX(-50%);}
#translate:after{content: "";width: 40px;height: 100%;background:#af9b6e url(../images/arrow-w.svg) no-repeat center center/16px;position: absolute;right: 0;top: 0;pointer-events: none;}
#translateSelectLanguage{border:1px #eee solid;height:40px;background: #fff;padding:0 20px 0 10px;color:#666;font-family:'ms'}
.header .country{margin-right:30px;color:#fff}
.header .menu{width:21px;height:100%;;background: url(../images/menu-w.svg) no-repeat center center/21px;display: none;margin-right:10px}
.header .user{width:21px;height:100%;background: url(../images/user-w.png) no-repeat center center/21px;cursor: pointer;}
.header.active{background: #fff;border-bottom: 1px #eee solid;}
.header.active #tip{color:#000}
.header.active li>a{color:#000}
.header.active li>a.active{color:#af9b6e}
.header.active .search{background-image: url(../images/search.png);}
.header.active .lang{color:#333;}
.header.active .country{color:#333;}
.header.active .menu{background-image: url(../images/menu.svg);}
.header.active .user{background-image: url(../images/user.png);}
.header-space{height:120px;display: none;}

.nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000}
.nav-m .info{display:flex;justify-content:space-between;align-items:center;height:70px}
.nav-m .logo{width:64px;height:30px}
.nav-m .close{width:22px;height:22px;background:url(../images/close.svg) no-repeat center center/22px}
.nav-m ul{border-top:1px solid rgba(0,0,0,.1);margin-top:10px}
.nav-m li{border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0;position:relative;font-size:16px}
.nav-m li::after{position:absolute;top:51%;right:0;transform:translateY(-50%);content:'';width:18px;height:18px;background:url(../images/arrow1.svg) no-repeat center center/18px;transition:.3s}
.nav-m li.rotate::after{transform:rotate(90deg);top:35%}
.nav-m li>a{display:inline-block;font-size:16px}
.nav-m li>a.block{display: block;}
.nav-m li.block::after{display: none;}
.nav-m li.block>a{display: block}
.nav-m .child{display:none;margin-left:15px;margin-bottom:20px}
.nav-m .child>a{padding:18px 0;border-bottom:1px rgba(0,0,0,.1) solid;font-size:16px}

.footer{background: #f8f8f8;padding:60px 0 40px}
.footer .width{max-width: 1400px;}
.footer1{display: flex;border-bottom: 1px #eee solid;padding-bottom: 40px;margin-bottom: 30px;}
.footer1 .info{width:20%}
.footer1 .img-div{width:102px;height:49px}
.footer1 .info ul{margin:25px 0 30px}
.footer1 .info li{margin-bottom: 20px;}
.footer1 .info li>p:nth-of-type(1){color:#999;margin-bottom: 10px;}
.footer1 .info li>p:nth-of-type(2){font-size: 20px;line-height: 30px;}
.footer1 .info>p{font-size: 16px;color:#af9b6e;border:1px solid #af9b6e;display: inline-block;transition: .3s;cursor: pointer;line-height: 48px;border-radius: 25px;background: url(../images/2.png) no-repeat 40px center/15px;padding:0 40px 0 70px;}
.footer1 .nav{display: flex;justify-content: space-between;flex:1}
.footer1 .nav li{margin-left:20px}
.footer1 .nav li>a{margin-bottom: 20px;}
.footer1 .child>a{font-size: 12px;color:#666;margin-bottom: 15px;}
.footer2{display: flex;align-items: center;}
.footer2>p{flex:1;padding-right:50px;display: flex;font-size: 12px;color:#666}
.footer2>p>a{margin-left:10px;color:#666}
.footer2 .outlink{flex:1;display: flex;justify-content: flex-end;}
.footer2 .outlink>a{width:70px;height:70px;  margin-right: 10px;transition: .3s;}
.footer2 .outlink>a:last-child{margin-right: 0;}
.footer2 .outlink>a>img{ }

.float{width:70px;height:220px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);position: fixed;top:50%;right:10px;margin-top:-110px;z-index: 998;padding:10px 20px;transition: .3s;}
.float.hide{right:-70px}
.float .img-div{height:50px;border-bottom: 1px solid #eee}
.float .img-div:last-child{border-bottom: 0;}
.float .img-div>img{max-width: 70%;max-height: 70%;}
.open-float{display:none;position: fixed;top:50%;right:0;width:40px;height:40px;z-index: 998;margin-top:-25px;box-shadow: 0 0 10px rgba(0,0,0,.1);background: #fff url(../images/arrow1.svg) no-repeat center center/18px;cursor: pointer;transform: rotate(180deg);}

.subscribe{background: rgba(0,0,0,.5);position: fixed;top:0;left: 0;width:100%;height:100%;z-index: 999;display: none;}
.subscribe .con{position: absolute;top:50%;left:50%;width:500px;height:400px;transform: translate(-50%,-50%);border-radius: 20px;background: #fff;padding:60px 50px 0}
.subscribe .close{width:38px;height:38px;border-radius: 50%;background: #f5f5f5 url(../images/close.svg) no-repeat center center/18px;position: absolute;right:25px;top:25px;cursor: pointer;transition: .3s;}
.subscribe .con>p:nth-of-type(1){font-size: 30px;text-align: center;}
.subscribe .con>p:nth-of-type(2){font-size: 12px;color:#666;margin:30px 0 20px}
.subscribe .con>input{height:50px;width:100%;background: #f5f5f5;padding:0 20px;border:1px solid #f5f5f5}
.subscribe .con>input:focus{border-color:#af9b6e}
.subscribe .con>input::placeholder{color:rgba(0,0,0,.3)}
.subscribe .con>p:nth-of-type(3){line-height: 50px;color:#fff;text-align: center;border-radius: 25px;background: #af9b6e;margin:20px 0 15px;cursor: pointer;transition: .3s;}
.subscribe .con>label{font-size: 12px;color:#999;cursor: pointer;}
.subscribe .con>label>input{margin-right: 10px;}
.subscribe .con>label>a{display: inline-block;text-decoration: underline;}

.crumb{border-bottom: 1px solid #eee;}
.crumb .width{display: flex;align-items:center;background: url(../images/6.png) no-repeat left center/17px;line-height:75px;padding-left: 30px;}
.crumb .width>em{font-style: normal;margin:0 5px}
.crumb .width>span{color:#999}

@media (max-width:1440px){
    .footer{padding:50px 0 30px}
    .footer1{padding-bottom: 30px;margin-bottom: 20px;}
    .footer1 .info ul{margin:20px 0 25px}
    .footer1 .info li{margin-bottom: 15px;}
    .footer1 .info li>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .footer1 .info>p{font-size: 14px;background-size: 14px;background-position: 30px center;padding:0 30px 0 60px;line-height: 40px;}

    .float{width:60px}
    .float .img-div>img{max-width: 90%;max-height:90%;}

    .crumb .width{line-height: 65px;}
}

@media (max-width:1279px){
    .header .logo{width:64px;height:30px}
    .header #tip{font-size:14px;padding:10px 0 0 20px}
    .header #tip img{width:16px;height:16px}
    .header #tip .span{margin:0 30px}
    .header ul{display: none}
    .header .operate{height:60px}
    .header .search .popup>div{position: fixed;top:94px;width:100%}
    .header .search .popup>div>input{width:calc(100% - 45px);height:45px;}
    .header .search .popup>div>p{width:45px;line-height: 45px;background-size:18px;}
    .header .lang{margin:0 10px;font-size: 12px;}
    .header .country{margin-right:10px;}
    .header .menu{display:block}
    #translate{position: fixed;width:100%;top:60px;right:0}
    .header-space{height:94px;}

    .footer{padding:50px 0 20px}
    .footer1{padding-bottom: 20px;margin-bottom: 20px;}
    .footer1 .info{width:100%;display: flex;flex-direction: column;align-items: center;}
    .footer1 .img-div{width:85px;height:40px}
    .footer1 .info ul{margin:25px 0 10px}
    .footer1 .info li{margin-bottom: 10px;text-align: center;}
    .footer1 .info li>p:nth-of-type(1){margin-bottom: 5px;}
    .footer1 .info li>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .footer1 .info>p{font-size: 14px;line-height: 40px;background-position:30px center;background-size:14px;padding:0 30px 0 60px;}
    .footer1 .nav{display: none}
    .footer2{display: block;}
    .footer2>p{padding-right:0;display: block;text-align: center;margin-bottom: 15px;}
    .footer2>p>a{margin:5px 0 0 0;}
    .footer2 .outlink{justify-content: center;}
    .footer2 .outlink>a{width:35px;height:35px;margin-right: 5px}

    .float{display: none;}

    .crumb .width{line-height:50px;white-space: nowrap;overflow-x: auto;}

    .subscribe .con{width:90%;height:auto;border-radius: 10px;padding:40px 25px}
    .subscribe .close{width:30px;height:30px;background-size:14px;right:20px;top:20px}
    .subscribe .con>p:nth-of-type(1){font-size: 22px}
    .subscribe .con>p:nth-of-type(2){margin:20px 0 10px}
    .subscribe .con>input{height:45px;font-size: 12px;}
    .subscribe .con>input::placeholder{font-size: 12px;}
    .subscribe .con>p:nth-of-type(3){line-height: 45px;margin:20px 0 15px}
    .subscribe .con>label>a{display: block;padding-left:30px}
}

@media (any-hover:hover){
    .header li:hover>a{color:#af9b6e}
    .header .child>a:hover{color:#af9b6e}
    .header .search .popup>div>p:hover{opacity: .8;}
    .header .lang:hover{color:#af9b6e}
    .header .country:hover{color:#af9b6e}

    .footer1 .info>p:hover{background-color: #af9b6e;color:#fff;background-image: url(../images/2-w.png);}
    .footer1 .nav li>a:hover{color:#af9b6e}
    .footer1 .child>a:hover{color:#af9b6e}
    .footer2>p>a:hover{color:#af9b6e}
    .footer2 .outlink>a:hover{border-color:#af9b6e}

    .subscribe .close:hover{background-color: #af9b6e;background-image: url(../images/close-w.svg);}
    .subscribe .con>p:nth-of-type(3):hover{opacity: .8;}
    .subscribe .con>label>a:hover{color:#af9b6e}

    .crumb .width>a:hover{color:#af9b6e}
}

/*首页*/
.index-page .width{max-width: 1400px;}

.index-page .banner .m{display:none}
.index-page .banner .img{height:100vh}
.index-page .banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.index-page .banner .width{position:absolute;top:25%;left:50%;transform:translateX(-50%);}
.index-page .banner .tag{display: flex;}
.index-page .banner .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.index-page .banner .new{background: #e00711;}
.index-page .banner .hot{background: #e05407;}
.index-page .banner .width>p{max-width:52%}
.index-page .banner .width>p:nth-of-type(1){font-size: 30px;line-height: 40px;margin:10px 0}
.index-page .banner .width>p:nth-of-type(2){font-size: 60px;line-height: 70px}
.index-page .banner .width>p:nth-of-type(3){line-height: 30px;margin:20px 0 70px;color:#666;text-align: justify;}
.index-page .banner .width>a{line-height: 58px;border:1px #af9b6e solid;border-radius: 30px;transition: .3s;display: inline-block;padding:0 40px;color:#af9b6e}
.index-page .banner .width.white>p{color:#fff !important;}
.index-page .banner .width.white>a{color:#fff;border-color:#fff}
.index-page .banner .swiper-pagination{bottom:40px}
.index-page .banner .swiper-pagination-bullet{background:#af9b6e;opacity: .3}
.index-page .banner .swiper-pagination-bullet-active{opacity: 1;}

.index-page .box1{padding:50px 0 40px}
.index-page .box1 .cate{display: flex;justify-content: center;margin-bottom: 30px;}
.index-page .box1 .cate>a{font-size: 18px;color:#999;padding:0 28px;line-height: 50px;border-radius: 25px;margin-right: 10px;transition: .3s;}
.index-page .box1 .cate>a:last-child{margin-right: 0;}
.index-page .box1 .cate>a.active{background: #af9b6e;color:#fff}
.index-page .box1 .con-box{display: none;}
.index-page .box1 .con{display: flex;justify-content: flex-end;position: relative;}
.index-page .box1 .swiper-container{margin:0}
.index-page .box1 .swiper-slide{width:450px;height:auto;background: #f8f8f8;padding:50px}
.index-page .box1 .name{font-size: 28px;line-height: 36px;height:72px}
.index-page .box1 .tag{display: flex;margin:25px 0 30px}
.index-page .box1 .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.index-page .box1 .new{background: #e00711;}
.index-page .box1 .hot{background: #e05407;}
.index-page .box1 .space{height:320px}
.index-page .box1 .img-div{height:300px;position:absolute;top:197px;left:50px;opacity:0;width:calc(100% - 100px);transition:.3s}
.index-page .box1 .img-div.show{opacity:1}
.index-page .box1 .price{display: flex;justify-content: space-between;align-items: center;}
.index-page .box1 .price>p{font-size: 20px;display:flex;align-items:center}
.index-page .box1 .price>p>span{margin-left:10px;font-size:14px;color:#999}
.index-page .box1 .price>div{width:70px;display: flex;z-index: 20;position: relative;}
.index-page .box1 .price>div>p{width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.index-page .box1 .collect{margin-right: 10px;background: #999 url(../images/collect.png) no-repeat center center/17px;}
.index-page .box1 .compare{background: #999 url(../images/compare.png) no-repeat center center/19px;}
.index-page .box1 .color{display:flex;margin-top:10px}
.index-page .box1 .color>p{width:30px;height:30px;border-radius:50%;margin-right:5px;position:relative;cursor:pointer;border:1px #ddd solid}
.index-page .box1 .color>p>span{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%}
.index-page .box1 .arrow{position: absolute;width:60px;height:60px;background: #eee url(../images/arrow1.svg) no-repeat center center/20px;border-radius: 50%;top:50%;right:50px;z-index: 2;transform: translateY(-50%);cursor: pointer;transition: .3s;}
.index-page .box1 .prev{right:auto;transform: translate(-100px,-50%) rotate(180deg);}

.index-page .box2{background: #f8f8f8;padding-top:85px;}
.index-page .box2 .swiper-slide{overflow: hidden;}
.index-page .box2 .width>p{text-align: center;}
.index-page .box2 .width>p:nth-of-type(1){font-size: 60px;line-height: 70px;}
.index-page .box2 .width>p:nth-of-type(2){font-size: 18px;line-height: 28px;color:#666;margin-bottom: 40px;}
.index-page .box2 .img-box{height:590px;position: relative;}
.index-page .box2 .img-div{z-index: 2;position: relative;height:100%;align-items: flex-end;}
.index-page .box2 .img-box>p{font-size: 250px;color:rgba(0,0,0,.05);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-page .box2 .btn{display: flex;justify-content: center;bottom:110px;position: absolute;width:100%;z-index: 2;}
.index-page .box2 .btn>a{background: #af9b6e;color:#fff;line-height: 60px;border-radius: 30px;padding:0 55px;transition: .3s;}
.index-page .box2 .btn .collect{margin-left: 10px;background: url(../images/collect-m.png) no-repeat 38px center/17px;color:#af9b6e;line-height: 58px;border:1px #af9b6e solid;padding:0 38px 0 65px}
.index-page .box2 .swiper-pagination{bottom:40px}
.index-page .box2 .swiper-pagination-bullet{background:#af9b6e;opacity: .3}
.index-page .box2 .swiper-pagination-bullet-active{opacity: 1;}

.index-page .box3{display: flex;padding:20px 0}
.index-page .box3 li{width:calc(50% - 10px);background: #f8f8f8;text-align: center;position: relative;}
.index-page .box3 li:nth-child(2n+1){margin-right: 20px;}
.index-page .box3 li>p{max-width:450px;}
.index-page .box3 li>p:nth-of-type(1){font-size: 48px;line-height: 58px;margin:90px auto 20px}
.index-page .box3 li>p:nth-of-type(2){color:#666;line-height: 24px;margin:0 auto}
.index-page .box3 li>p:nth-of-type(3){color:#af9b6e;line-height: 58px;border:1px solid #af9b6e;border-radius: 30px;display: inline-block;padding:0 35px;margin:25px 0 35px;transition: .3s;}
.index-page .box3 .img-div{height:460px;align-items: flex-end;}

@media (max-width:1600px){
    .index-page .box1 .prev{left:20px !important;transform: translate(0,-50%) rotate(180deg);}

    .index-page .box3 .img-div{height:350px}
}

@media (max-width:1440px){
    .index-page .banner .width>p:nth-of-type(1){font-size: 22px;line-height: 32px;}
    .index-page .banner .width>p:nth-of-type(2){font-size: 40px;line-height: 50px;}
    .index-page .banner .width>p:nth-of-type(3){margin:15px 0 40px}
    .index-page .banner .width>a{line-height: 48px;padding:0 30px}
    .index-page .banner .swiper-pagination{bottom:30px}

    .index-page .box1 .cate>a{font-size: 16px;line-height: 45px;}
    .index-page .box1 .swiper-slide{padding:40px}
    .index-page .box1 .name{font-size: 24px;line-height: 32px;height:64px}
    .index-page .box1 .tag{margin:20px 0 25px}
    .index-page .box1 .img-div{height:250px}

    .index-page .box2{padding-top:65px;}
    .index-page .box2 .width>p:nth-of-type(1){font-size: 50px;line-height: 60px;}
    .index-page .box2 .img-box{height:500px}
    .index-page .box2 .img-box>p{font-size: 180px;}
    .index-page .box2 .btn{bottom:90px}
    .index-page .box2 .btn>a{line-height: 55px;padding:0 45px}
    .index-page .box2 .btn .collect{line-height: 53px;background-position: 33px center;padding:0 33px 0 60px}

    .index-page .box3 li>p:nth-of-type(1){font-size: 38px;line-height: 48px;margin:70px auto 10px}
    .index-page .box3 li>p:nth-of-type(3){line-height: 48px;padding:0 30px;margin:20px 0 30px}
    .index-page .box3 .img-div{height:300px}
}

@media (max-width:1279px){
    .index-page .banner .width{top:150px}
    .index-page .banner .width>p{max-width:100%}
    .index-page .banner .width>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:10px 0 5px}
    .index-page .banner .width>p:nth-of-type(2){font-size: 22px;line-height: 32px}
    .index-page .banner .width>p:nth-of-type(3){line-height: 24px;margin:10px 0 20px;max-width:100%}
    .index-page .banner .width>a{line-height: 40px;padding:0 25px}
    .index-page .banner .swiper-pagination{bottom:20px}

    .index-page .box1{padding:30px 0}
    .index-page .box1 .cate{margin-bottom: 20px;}
    .index-page .box1 .cate>a{font-size: 14px;padding:0 20px;line-height: 40px;margin-right: 0}
    .index-page .box1 .con{width:calc(100% - 40px);margin:0 auto}
    .index-page .box1 .swiper-slide{width:100%;padding:30px 25px 50px}
    .index-page .box1 .name{font-size: 18px;line-height: 26px;height:auto}
    .index-page .box1 .tag{margin:15px 0 30px}
    .index-page .box1 .space{height:220px}
    .index-page .box1 .img-div{height:200px;top:121px;left:20px;width:calc(100% - 40px)}
    .index-page .box1 .price>p{font-size: 16px;}
    .index-page .box1 .color>p{width:25px;height:25px}
    .index-page .box1 .color>p>span{;width:15px;height:15px}
    .index-page .box1 .arrow{display: none;}
    .index-page .box1 .swiper-pagination-bullet-active{background: #af9b6e;}

    .index-page .box2{padding-top:40px;}
    .index-page .box2 .width>p:nth-of-type(1){font-size: 22px;line-height: 32px;}
    .index-page .box2 .width>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-bottom: 30px;}
    .index-page .box2 .img-box{height:300px}
    .index-page .box2 .img-box>p{font-size: 80px}
    .index-page .box2 .btn{bottom:60px;flex-direction: column;align-items: center;}
    .index-page .box2 .btn>a{line-height: 40px;padding:0 25px}
    .index-page .box2 .btn .collect{background: none;line-height: 38px;padding:0 25px;margin-left: 0;margin-top:10px}
    .index-page .box2 .swiper-pagination{bottom:20px}

    .index-page .box3{display: block;padding:30px 0;width:calc(100% - 40px);margin:0 auto}
    .index-page .box3 li{width:100%;padding:30px 25px 0;margin-bottom:20px}
    .index-page .box3 li:nth-child(2n+1){margin-right: 0;}
    .index-page .box3 li>p{max-width:100%;}
    .index-page .box3 li>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin:0 0 5px}
    .index-page .box3 li>p:nth-of-type(3){line-height: 45px;padding:0 25px;margin:20px 0}
    .index-page .box3 .img-div{height:150px}
}

@media (max-width:750px){
    .index-page .banner video{display:none}
    .index-page .banner .pc{display:none}
    .index-page .banner .m{display:block}
}

@media (any-hover:hover){
    .index-page .banner .width>a:hover{background: #af9b6e;color:#fff;border-color:#af9b6e}

    .index-page .box1 .cate>a:hover{background: #af9b6e;color:#fff}
    .index-page .box1 .swiper-slide:hover .name{color:#af9b6e}
    .index-page .box1 .price>div>p:hover{background-color:#af9b6e;}
    .index-page .box1 .arrow:hover{background-color: #af9b6e;background-image: url(../images/arrow1-w.svg);}

    .index-page .box2 .btn>a:hover{opacity: .8;}
    .index-page .box2 .btn .collect:hover{opacity: 1;background-color: #af9b6e;background-image: url(../images/collect.png);color:#fff}

    .index-page .box3 li:hover>p:nth-of-type(3){background: #af9b6e;color:#fff}
}

/* 产品 */
.goods-page.list .banner{position: relative;}
.goods-page.list .banner .m{display: none;}
.goods-page.list .banner .img{padding-bottom: 26.04%;}
.goods-page.list .banner>p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 48px;line-height: 58px;color:#fff;text-align: center;}

.goods-page.list .cate{display: flex;justify-content: center;padding:25px 0 40px}
.goods-page.list .cate>a{color:#666;padding:0 28px;line-height: 50px;border-radius: 25px;margin-right: 10px;transition: .3s;}
.goods-page.list .cate>a:last-child{margin-right: 0;}
.goods-page.list .cate>a.active{background: #af9b6e;color:#fff}

.goods-page.list .con{padding-bottom:45px}
.goods-page.list .con ul{display: flex;flex-wrap: wrap;}
.goods-page.list .con li{margin-bottom: 30px;width:calc(25% - 20.25px);margin-right: 27px;background: #f8f8f8;padding:30px 30px 35px;position:relative;}
.goods-page.list .con li:nth-child(4n){margin-right: 0;}
.goods-page.list .tag-box{display: flex;justify-content: space-between;align-items: center;}
.goods-page.list .tag{display: flex}
.goods-page.list .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.goods-page.list .new{background: #e00711;}
.goods-page.list .hot{background: #e05407;}
.goods-page.list .operate{width:70px;display: flex;z-index: 20;position: relative;}
.goods-page.list .operate>p{width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.goods-page.list .collect{margin-right: 10px;background: #999 url(../images/collect.png) no-repeat center center/17px;}
.goods-page.list .compare{background: #999 url(../images/compare.png) no-repeat center center/19px;}
.goods-page.list .con .space{height:250px}
.goods-page.list .con .img-div{height:200px;position:absolute;top:85px;left:30px;opacity:0;width:calc(100% - 60px);transition:.3s}
.goods-page.list .con .img-div.show{opacity:1}
.goods-page.list .con .color{display:flex}
.goods-page.list .con .color>p{width:30px;height:30px;border-radius:50%;margin-right:5px;position:relative;cursor:pointer;border:1px #ddd solid}
.goods-page.list .con .color>p>span{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%}
.goods-page.list .con li>p:nth-of-type(1){font-size: 20px;margin-bottom:10px;display:flex;align-items:center}
.goods-page.list .con li>p:nth-of-type(1)>span{margin-left:10px;font-size:14px;color:#999}
.goods-page.list .con .name{margin:10px 0 5px;line-height: 20px;}
.goods-page.list .con li>p:nth-of-type(2){font-size: 12px;color:#666;line-height:18px}
.goods-page.list .page{padding:20px 0 30px}

.goods-page.detail{padding-bottom:100px}
.goods-page.detail .tit{border-bottom: 1px #eee solid;margin-bottom: 30px;}
.goods-page.detail .tit>span{position: relative;font-size: 18px;padding-bottom: 15px;display: inline-block;}
.goods-page.detail .tit>span::after{content:'';width:100%;left:0;bottom:-1px;height:3px;background: #000;position: absolute;}

.goods-page.detail .box1{display: flex;margin-top:50px}
.goods-page.detail .box1 .pic{width: 53.12%;position: relative;}
.goods-page.detail .box1 .big{position:relative;margin-bottom:20px}
.goods-page.detail .box1 .big .swiper-container{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.goods-page.detail .box1 .big .swiper-slide .img{padding-bottom: 88.23%;cursor: zoom-in;}
.goods-page.detail .box1 .big video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.goods-page.detail .box1 .big .arrow{position: absolute;width: 50px;height: 50px;background: #af9b6e url(../images/arrow1-w.svg) no-repeat center center/16px;top: 50%;right:0;z-index: 3;cursor: pointer;transition: .3s;transform:translateY(-50%)}
.goods-page.detail .box1 .big .prev{right: auto;left: 0;transform: translateY(-50%) rotate(180deg);}
.goods-page.detail .box1 .preview{width: 40px;height: 40px;border-radius: 5px;background: #000 url(../images/15.png) no-repeat center center/21px;position: absolute;top: 10px;right: 10px;z-index: 2;cursor: pointer;transition: .3s;}
.goods-page.detail .box1 .thumb{padding-right:1px}
.goods-page.detail .box1 .thumb .swiper-slide{cursor: pointer;border: 1px solid #ccc;}
.goods-page.detail .box1 .thumb .swiper-slide.active{border-color: #af9b6e;}
.goods-page.detail .box1 .thumb .swiper-slide .img{padding-bottom: 88.23%;}
.goods-page.detail .box1 .thumb .swiper-slide>p{background:url(../images/17.png) no-repeat center center/100%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.goods-page.detail .box1 .popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#fff;display:none}
.goods-page.detail .box1 .popup .img{height:100%;background-size:auto 100%}
.goods-page.detail .box1 .popup video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.goods-page.detail .box1 .popup .arrow{position: absolute;width: 50px;height: 50px;background: #af9b6e url(../images/arrow1-w.svg) no-repeat center center/16px;top: 50%;right:50px;z-index: 2;cursor: pointer;transition: .3s;transform:translateY(-50%);z-index:2}
.goods-page.detail .box1 .popup .prev{right: auto;left: 50px;transform: translateY(-50%) rotate(180deg);}
.goods-page.detail .box1 .popup .close{width:40px;height:40px;right:40px;background:#fff url(../images/close.svg) no-repeat center center/20px;position:absolute;top:40px;z-index:3;cursor:pointer}
.goods-page.detail .box1 .con{flex:1;padding-left: 70px;}
.goods-page.detail .box1 .con>p:nth-of-type(1){font-size: 30px;line-height: 40px}
.goods-page.detail .box1 .con>p:nth-of-type(2){font-size: 16px;line-height: 26px;}
.goods-page.detail .box1 .con>p:nth-of-type(3){font-size: 20px;margin-top: 10px;display:flex;align-items:center;border-bottom: 1px #eee solid;padding-bottom: 15px;}
.goods-page.detail .box1 .con>p:nth-of-type(3)>span{margin-left:10px;font-size:14px;color:#999}
.goods-page.detail .box1 .con>p:nth-of-type(4){font-size: 20px;background:url(../images/16.png) no-repeat left 20px/20px;padding:20px 0 10px 30px;border-top: 1px #eee solid;margin-top: 20px;}
.goods-page.detail .box1 .color{margin-top: 20px;}
.goods-page.detail .box1 .color>p{font-size: 16px;margin-bottom: 10px;}
.goods-page.detail .box1 .color ul{display:flex}
.goods-page.detail .box1 .color li{width:30px;height:30px;border-radius:50%;margin-right:10px;position:relative;cursor:pointer;border:1px #ccc solid}
.goods-page.detail .box1 .color li>p{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%}
.goods-page.detail .box1 .size{margin-top: 15px;}
.goods-page.detail .box1 .size>p{font-size: 16px;margin-bottom: 10px}
.goods-page.detail .box1 .size ul{display:flex}
.goods-page.detail .box1 .size li{line-height:30px;border-radius:20px;margin-right:10px;background:#eee;padding:0 20px;cursor:pointer;transition:.3s}
.goods-page.detail .box1 .size li.active{background:#af9b6e;color:#fff}
.goods-page.detail .box1 .btn{display: flex;margin-top:20px;}
.goods-page.detail .box1 .btn>p{line-height: 40px;border:1px #af9b6e solid;border-radius: 25px;color:#fff;background: #af9b6e url(../images/collect.png) no-repeat 25px center/17px;padding:0 25px 0 50px;cursor: pointer;transition: .3s;}
.goods-page.detail .box1 .btn>p:last-child{margin-left: 10px;background: url(../images/compare-m.png) no-repeat 25px center/19px;color:#af9b6e;padding:0 25px 0 55px;}
.goods-page.detail .box1 .contents{max-height: 400px;overflow-y: hidden;}
.goods-page.detail .box1 .content p{line-height: 24px;color:#333}
.goods-page.detail .box1 .content span{text-wrap-mode:wrap !important}
.goods-page.detail .box1 .content img{max-width:100% !important;height:auto !important}
.goods-page.detail .box1 .content a{display: inline-block;}
.goods-page.detail .box1 .kit>p{font-size: 16px;padding-bottom: 15px;border-bottom:1px #eee solid;margin-bottom:15px}
.goods-page.detail .box1 .kit li{display:flex;align-items:center;margin-bottom:10px}
.goods-page.detail .box1 .kit li:last-child{margin-bottom:0}
.goods-page.detail .box1 .kit .img-div{width:60px;height:60px}
.goods-page.detail .box1 .kit li>p{color:#666;flex:1;padding-left:20px}
.goods-page.detail .box1 .mCS-myscroll.mCSB_scrollTools{width:3px}
.goods-page.detail .box1 .mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#af9b6e;width:3px}
.goods-page.detail .box1 .mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:#ddd;width:1px}

.goods-page.detail .box2{margin-top:60px;display:flex;flex-wrap:wrap;align-items:flex-start}
.goods-page.detail .box2>img{width:calc(100% / 3 - 20px);margin-bottom:30px;margin-right:30px}
.goods-page.detail .box2>img:nth-child(3n){margin-right:0}
.goods-page.detail .box2.one>img{width:100%}
.goods-page.detail .box2.two>img{width:calc(50% - 15px);}
.goods-page.detail .box2.two>img:nth-child(2n){margin-right:0}

.goods-page.detail .box3{margin-top:30px}
.goods-page.detail .box3 ul{display: flex;flex-wrap: wrap;border-top:1px solid #eee;border-left:1px solid #eee}
.goods-page.detail .box3 li{display: flex;align-items: stretch;width:50%;border-bottom:1px solid #eee;border-right:1px solid #eee}
.goods-page.detail .box3 li>p{padding:20px 30px;width:50%;color:#666;display: flex;align-items: center;}
.goods-page.detail .box3 li>p:first-child{background: #f7f7f7;border-right:1px solid #eee;color:#000}

.goods-page.detail .box4{margin-top:60px}
.goods-page.detail .box4 .swiper-slide{background: #f8f8f8;padding:30px 30px 35px;height:auto}
.goods-page.detail .box4 .tag-box{display: flex;justify-content: space-between;align-items: center;}
.goods-page.detail .box4 .tag{display: flex}
.goods-page.detail .box4 .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.goods-page.detail .box4 .new{background: #e00711;}
.goods-page.detail .box4 .hot{background: #e05407;}
.goods-page.detail .box4 .operate{width:70px;display: flex;z-index: 20;position: relative;}
.goods-page.detail .box4 .operate>p{width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.goods-page.detail .box4 .collect{margin-right: 10px;background: #999 url(../images/collect.png) no-repeat center center/17px;}
.goods-page.detail .box4 .compare{background: #999 url(../images/compare.png) no-repeat center center/19px;}
.goods-page.detail .box4 .img-div{height:200px;margin:30px 0 45px}
.goods-page.detail .box4 .swiper-slide>p:nth-of-type(1){font-size: 20px;display:flex;align-items:center}
.goods-page.detail .box4 .swiper-slide>p:nth-of-type(1)>span{margin-left:10px;font-size:14px;color:#999}
.goods-page.detail .box4 .swiper-slide>p:nth-of-type(2){margin: 5px 0;line-height:20px}
.goods-page.detail .box4 .swiper-slide>p:nth-of-type(3){font-size: 12px;color:#666;line-height:18px}
.goods-page.detail .box4 .arrow{width:40px;height: 40px;background: #eee url(../images/arrow1.svg) no-repeat center center/16px;position: absolute;top:160px;right:0;z-index: 2;cursor: pointer;transition: .3s;}
.goods-page.detail .box4 .prev{right:auto;left:0;transform: rotate(180deg);}

.goods-page.detail .box5{margin-top:60px}
.goods-page.detail .box5 ul{display: flex;flex-wrap: wrap;}
.goods-page.detail .box5 li{width:calc(100% / 3 - 20px);margin-right: 30px;margin-bottom: 30px;position: relative;cursor: pointer;}
.goods-page.detail .box5 li.no-video{cursor: auto;}
.goods-page.detail .box5 li:nth-child(3n){margin-right: 0;}
.goods-page.detail .box5 .img{padding-bottom: 73.17%;}
.goods-page.detail .box5 .play{position: absolute;width:50px;height:50px;background: url(../images/17.png) no-repeat center center/100%;top:40%;left: 50%;transform: translateX(-50%)}
.goods-page.detail .box5 li>p{position: absolute;bottom:20px;left: 0;width:100%;line-height: 18px;color:#fff;padding:0 20px;transition: .3s;}

.goods-page.detail .box6{margin-top:60px}
.goods-page.detail .box6 .tit{margin-bottom:10px}
.goods-page.detail .box6 li{border-bottom:1px #eee solid;padding:30px 50px 30px 35px;position:relative;font-size:16px;background:url(../images/9.png) no-repeat left 28px/20px;}
.goods-page.detail .box6 li::after{content:'';position:absolute;width:20px;height:16px;background:url(../images/10.png) no-repeat center center/100%;top:30px;right:0}

.goods-page.compare-box{padding:50px 0 80px}
.goods-page.compare-box .box1{display: flex;margin-bottom:35px}
.goods-page.compare-box .box1 .info{flex:1;padding-right:60px}
.goods-page.compare-box .box1 .info>p:nth-of-type(1){font-size: 30px;margin:35px 0 10px}
.goods-page.compare-box .box1 .info>p:nth-of-type(2){line-height: 24px;color:#666}
.goods-page.compare-box .box1 .clear{line-height: 48px;color:#af9b6e;border:1px #af9b6e solid;border-radius: 25px;padding:0 35px;display: inline-block;margin:60px 0 15px;transition: .3s;cursor: pointer;}
.goods-page.compare-box .box1 .info>p:nth-of-type(3){line-height: 20px;font-size:12px;color:#999}
.goods-page.compare-box .box1 .info>p:nth-of-type(3)>span{color:red;margin-right: 3px;}
.goods-page.compare-box .box1 ul{width:75%;border:1px #eee solid;display: flex;}
.goods-page.compare-box .box1 li{border-right:1px #eee solid;padding:30px 40px 35px;position: relative;}
.goods-page.compare-box .box1 li:last-child{border-right:0}
.goods-page.compare-box .box1 .tag-box{display: flex;justify-content: space-between;align-items: center;}
.goods-page.compare-box .box1 .tag{display: flex}
.goods-page.compare-box .box1 .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.goods-page.compare-box .box1 .new{background: #e00711;}
.goods-page.compare-box .box1 .hot{background: #e05407;}
.goods-page.compare-box .box1 .operate{width:70px;display: flex;z-index: 20;position: relative;}
.goods-page.compare-box .box1 .operate>p{width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.goods-page.compare-box .box1 .collect{margin-right: 10px;background: #999 url(../images/collect.png) no-repeat center center/17px;}
.goods-page.compare-box .box1 .del{background: #999 url(../images/del.png) no-repeat center center/15px;}
.goods-page.compare-box .box1 .img-div{height:200px;margin:30px 0 45px}
.goods-page.compare-box .box1 li>p:nth-of-type(1){font-size: 20px}
.goods-page.compare-box .box1 li>p:nth-of-type(2){margin: 15px 0 5px;}
.goods-page.compare-box .box1 li>p:nth-of-type(3){font-size: 12px;color:#666}
.goods-page.compare-box .box1 .swiper-container{display: none;}

.goods-page.compare-box .box2>p{border-bottom: 1px #eee solid;margin-bottom: 30px;}
.goods-page.compare-box .box2>p>span{position: relative;font-size: 18px;padding-bottom: 15px;display: inline-block;}
.goods-page.compare-box .box2>p>span::after{content:'';width:100%;left:0;bottom:-1px;height:3px;background: #000;position: absolute;}
.goods-page.compare-box .box2 table{border-spacing:0;width:100%;border-top:1px #eee solid;border-left:1px #eee solid}
.goods-page.compare-box .box2 table tr>td{border-bottom:1px #eee solid;border-right:1px #eee solid;color:#666;padding:18px 30px;line-height: 20px;}
.goods-page.compare-box .box2 table tr>td.b{background: #f7f7f7;color:#000;width:25% !important}

@media (max-width:1440px){
    .goods-page.list .banner>p{font-size: 38px;line-height: 48px;}
    .goods-page.list .cate{padding:25px 0 30px}
    .goods-page.list .cate>a{line-height: 45px;}

    .goods-page.compare-box{padding:40px 0 60px}
    .goods-page.compare-box .box1 .info{padding-right: 40px;}
    .goods-page.compare-box .box1 .info>p:nth-of-type(1){font-size: 28px;}
    .goods-page.compare-box .box1 .clear{line-height: 43px;padding:0 30px;margin:50px 0 15px}
    .goods-page.compare-box .box1 li{padding:30px 30px 35px}
    .goods-page.compare-box .box1 .img-div{height:180px;margin:25px 0 35px}
    .goods-page.compare-box .box1 li>p:nth-of-type(1){font-size: 18px;}
    .goods-page.compare-box .box1 li>p:nth-of-type(2){margin:10px 0 5px}

    .goods-page.compare-box .box2>p>span{font-size: 16px;}
    .goods-page.compare-box .box2 table tr>td{padding:18px 20px}
}

@media (max-width:1279px){
    .goods-page.list .banner .pc{display: none;}
    .goods-page.list .banner .m{display: block;}
    .goods-page.list .banner .img{padding-bottom: 66.66%;}
    .goods-page.list .banner>p{font-size: 25px;line-height: 35px}

    .goods-page.list .cate{justify-content: flex-start;padding:25px 0 0;white-space: nowrap;overflow-x: auto;margin-bottom: 30px;}
    .goods-page.list .cate>a{padding:0 20px;line-height: 40px;margin-right: 0}

    .goods-page.list .con{padding-bottom:20px}
    .goods-page.list .con ul{display: block}
    .goods-page.list .con li{width:100%;margin-right: 0;padding:30px 20px}
    .goods-page.list .con .space{height:240px}
    .goods-page.list .con .img-div{left:20px;width:calc(100% - 40px)}
    .goods-page.list .con .color>p{width:25px;height:25px}
    .goods-page.list .con .color>p>span{width:15px;height:15px}
    .goods-page.list .con li>p:nth-of-type(1){font-size: 18px}
    .goods-page.list .page{padding:0 0 30px}
    
    .goods-page.detail{padding-bottom:50px}
    .goods-page.detail .tit>span{font-size: 16px}
    .goods-page.detail .tit>span::after{height:2px}
    
    .goods-page.detail .box1{display: block;margin-top:30px}
    .goods-page.detail .box1 .pic{width: 100%}
    .goods-page.detail .box1 .big .swiper-container{box-shadow: 0 0 10px rgba(0,0,0,.2);}
    .goods-page.detail .box1 .big .arrow{width: 35px;height: 35px}
    .goods-page.detail .box1 .preview{width: 35px;height: 35px;background-size:18px}
    .goods-page.detail .box1 .thumb .swiper-slide>p{width:22px;height:22px}
    .goods-page.detail .box1 .popup .arrow{width: 35px;height: 35px;right:10px}
    .goods-page.detail .box1 .popup .prev{left: 10px}
    .goods-page.detail .box1 .popup .close{width:30px;height:30px;right:10px;position:absolute;top:20px;background-size:16px}
    .goods-page.detail .box1 .con{padding: 30px 0 0;}
    .goods-page.detail .box1 .con>p:nth-of-type(1){font-size: 20px;line-height: 30px}
    .goods-page.detail .box1 .con>p:nth-of-type(2){font-size: 14px;line-height: 24px;}
    .goods-page.detail .box1 .con>p:nth-of-type(3){font-size: 18px;}
    .goods-page.detail .box1 .con>p:nth-of-type(4){font-size: 20px;background-size:20px;padding:25px 0 20px 30px}
    .goods-page.detail .box1 .color{margin-top: 20px;}
    .goods-page.detail .box1 .color>p{margin-bottom: 10px;}
    .goods-page.detail .box1 .color li{width:25px;height:25px}
    .goods-page.detail .box1 .color li>p{width:15px;height:15px}
    .goods-page.detail .box1 .size>p{margin-bottom: 10px}
    .goods-page.detail .box1 .size li{line-height:30px}
    .goods-page.detail .box1 .btn>p{line-height: 40px;border-radius: 25px;background: #af9b6e;padding:0;text-align:center;flex:1}
    .goods-page.detail .box1 .btn>p:last-child{background: none;padding:0;}
    .goods-page.detail .box1 .contents{max-height: 400px}
    .goods-page.detail .box1 .kit .img-div{width:50px;height:50px}
    .goods-page.detail .box1 .kit li>p{padding-left:10px;font-size:12px}
    
    .goods-page.detail .box2{margin-top:50px;display:block}
    .goods-page.detail .box2>img{width:100%;margin-bottom:20px;margin-right:0}
    .goods-page.detail .box2.two>img{width:100%;}
    
    .goods-page.detail .box3{margin-top:50px}
    .goods-page.detail .box3 ul{display: block}
    .goods-page.detail .box3 li{width:100%;}
    .goods-page.detail .box3 li>p{padding:10px 20px;font-size:12px;line-height:18px}
    
    .goods-page.detail .box4{margin-top:50px}
    .goods-page.detail .box4 .swiper-slide{padding:30px 20px 40px}
    .goods-page.detail .box4 .img-div{margin:30px 0 20px}
    .goods-page.detail .box4 .swiper-slide>p:nth-of-type(1){font-size: 18px}
    .goods-page.detail .box4 .arrow{display:none}
    .goods-page.detail .box4 .swiper-pagination-bullet-active{background:#af9b6e}
    
    .goods-page.detail .box5{margin-top:50px}
    .goods-page.detail .box5 ul{display: block}
    .goods-page.detail .box5 li{width:100%;margin-right: 0;}
    .goods-page.detail .box5 .play{width:40px;height:40px;}
    
    .goods-page.detail .box6{margin-top:50px}
    .goods-page.detail .box6 .tit{margin-bottom:5px}
    .goods-page.detail .box6 li{padding:20px 50px 20px 35px;font-size:14px;background-position:left 20px;background-size:18px;}
    .goods-page.detail .box6 li::after{width:18px;top:20px}

    .goods-page.compare-box{padding:30px 0 50px}
    .goods-page.compare-box .box1{display: block;margin-bottom:30px}
    .goods-page.compare-box .box1 .info{padding-right:0;margin-bottom: 30px;}
    .goods-page.compare-box .box1 .info>p:nth-of-type(1){font-size: 22px;margin:0 0 5px}
    .goods-page.compare-box .box1 .clear{line-height: 40px;padding:0 25px;margin:15px 0 10px}
    .goods-page.compare-box .box1 ul{display: none;}
    .goods-page.compare-box .box1 .swiper-container{display: block;}
    .goods-page.compare-box .box1 .swiper-slide{padding:30px 25px 50px;position: relative;border:1px #eee solid}
    .goods-page.compare-box .box1 .img-div{margin:30px 0}
    .goods-page.compare-box .box1 .swiper-slide>p:nth-of-type(1){font-size: 16px}
    .goods-page.compare-box .box1 .swiper-slide>p:nth-of-type(2){margin: 10px 0 5px;}
    .goods-page.compare-box .box1 .swiper-slide>p:nth-of-type(3){font-size: 12px;color:#666}
    .goods-page.compare-box .box1 .swiper-pagination-bullet-active{background: #af9b6e;}

    .goods-page.compare-box .box2>p>span{font-size: 16px;}
    .goods-page.compare-box .box2 table{width:max-content;}
    .goods-page.compare-box .box2 table tr>td{padding:15px;font-size: 12px;}
    .goods-page.compare-box .box2 table tr>td.b{width:auto !important}
}

@media (max-width:750px){
    .goods-page.list .con ul{display: block}
    .goods-page.list .con li{width:100%;margin-right: 0;}
    .goods-page.list .con li:nth-child(3n){margin-right: 0;}
}

@media (any-hover:hover){
    .goods-page.list .cate>a:hover{background: #af9b6e;color:#fff}
    .goods-page.list .operate>p:hover{background-color:#af9b6e;}
    .goods-page.list .con li:hover .name{color:#af9b6e}
    
    .goods-page.detail .box1 .big .arrow:hover{opacity: .8;}
    .goods-page.detail .box1 .popup .arrow:hover{opacity: .8;}
    .goods-page.detail .box1 .preview:hover{background-color: #af9b6e;}
    .goods-page.detail .box4 .operate>p:hover{background-color:#af9b6e;}
    .goods-page.detail .box4 .swiper-slide:hover>p:nth-of-type(2){color:#af9b6e}
    .goods-page.detail .box4 .arrow:hover{background-color: #af9b6e;background-image: url(../images/arrow1-w.svg);}
    .goods-page.detail .box6 li:hover{background-image:url(../images/9-h.png);color:#af9b6e}
    .goods-page.detail .box6 li:hover::after{background-image:url(../images/10-h.png)}

    .goods-page.compare-box .box1 .clear:hover{background: #af9b6e;color:#fff}
    .goods-page.compare-box .box1 .operate>p:hover{background-color:#af9b6e;}
    .goods-page.compare-box .box1 li:hover>p:nth-of-type(2){color:#af9b6e}
}

/* 新闻 */
.news-page.list1 .best{padding-top:30px;max-width:1340px}
.news-page.list1 .best .swiper-container{padding:30px}
.news-page.list1 .best .swiper-slide{box-shadow: 0 0 30px rgba(0,0,0,.1);height:auto}
.news-page.list1 .best .img{padding-bottom: 35.15%;}
.news-page.list1 .best .info{padding:55px 60px 80px}
.news-page.list1 .best .info>p:nth-of-type(1){font-size: 16px;background: url(../images/time.png) no-repeat left center/17px;padding-left: 25px;color:#999}
.news-page.list1 .best .info>p:nth-of-type(2){font-size: 26px;margin:20px 0 15px}
.news-page.list1 .best .info>p:nth-of-type(3){font-size: 16px;color:#666}
.news-page.list1 .best .swiper-pagination{bottom:50px}
.news-page.list1 .best .swiper-pagination-bullet-active{background: #af9b6e;}

.news-page.list1 .con{padding-bottom: 100px;}
.news-page.list1 .con li{display: flex;align-items: center;border-bottom: 1px #eee solid;padding:40px 0;position: relative;}
.news-page.list1 .con .img-bg{width:23.43%}
.news-page.list1 .con .img{padding-bottom: 70%;}
.news-page.list1 .con .info{width:76.57%;padding-left: 40px;}
.news-page.list1 .con .info>p:nth-of-type(1){color:#999}
.news-page.list1 .con .info>p:nth-of-type(2){font-size: 18px;margin:10px 0}
.news-page.list1 .con .info>p:nth-of-type(3){color:#666}
.news-page.list1 .page{padding-top: 50px;}

.news-page.list2 .con{padding:50px 0 70px}
.news-page.list2 .con>p{font-size: 48px;text-align: center;margin-bottom: 35px;}
.news-page.list2 .con ul{display: flex;flex-wrap: wrap;}
.news-page.list2 .con li{width:calc(100% / 3 - 18px);margin-right: 27px;margin-bottom: 30px;position: relative;cursor: pointer;}
.news-page.list2 .con li.no-video{cursor: auto;}
.news-page.list2 .con li:nth-child(3n){margin-right: 0;}
.news-page.list2 .con .img{padding-bottom: 73.17%;}
.news-page.list2 .con .play{position: absolute;width:58px;height:40px;background: url(../images/8.png) no-repeat center center/58px;top:40%;left: 50%;transform: translateX(-50%)}
.news-page.list2 .con li>p{position: absolute;bottom:20px;left: 0;width:100%;line-height: 18px;color:#fff;padding:0 20px;transition: .3s;}
.news-page.list2 .page{padding: 10px 0 30px;}

.news-page.list3 .banner.m{display: none;}
.news-page.list3 .banner{padding-bottom: 31.25%;}

.news-page.list3 .best{max-width:1340px}
.news-page.list3 .best .swiper-container{padding:30px}
.news-page.list3 .best .swiper-slide{box-shadow: 0 0 30px rgba(0,0,0,.1);padding:55px 60px 70px;background: #fff;height: auto;}
.news-page.list3 .best .swiper-slide>p:nth-of-type(1){font-size: 16px;background: url(../images/time.png) no-repeat left center/17px;padding-left: 25px;color:#999;margin-bottom: 20px;}
.news-page.list3 .best .swiper-slide>p:nth-of-type(2){font-size: 30px;line-height: 40px;}
.news-page.list3 .best .swiper-pagination{bottom:50px}
.news-page.list3 .best .swiper-pagination-bullet-active{background: #af9b6e;}

.news-page.list3 .con{padding:60px 0 100px}
.news-page.list3 .con>p{font-size: 48px;text-align: center;}
.news-page.list3 .con li{display: flex;align-items: center;border-bottom: 1px #eee solid;padding:40px 0;position: relative;}
.news-page.list3 .con .img-bg{width:23.43%}
.news-page.list3 .con .img{padding-bottom: 70%;}
.news-page.list3 .con .info{width:76.57%;padding-left: 40px;}
.news-page.list3 .con .info>p:nth-of-type(1){color:#999}
.news-page.list3 .con .info>p:nth-of-type(2){font-size: 18px;margin:10px 0}
.news-page.list3 .con .info>p:nth-of-type(3){color:#666}
.news-page.list3 .page{padding-top: 50px;}

.news-page.detail .con{box-shadow: 0 0 30px rgba(0,0,0,.1);padding:70px 80px 80px;margin:60px auto 100px}
.news-page.detail .con>p:nth-of-type(1){font-size: 30px;line-height: 40px;text-align: center;}
.news-page.detail .con>p:nth-of-type(2){color:#999;background: url(../images/time.png) no-repeat left center/17px;padding-left: 25px;width:205px;margin:20px auto 35px;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding:40px 0 50px;margin-bottom: 40px;}
.news-page.detail .content p{line-height: 30px;color:#666;text-align: justify;}
.news-page.detail .content img{max-width: 100%;display: block;margin:0 auto;height:auto !important}
.news-page.detail .content a{display: inline-block;}
.news-page.detail .jump{display: flex;align-items: center;}
.news-page.detail .info{width:calc(100% - 200px);padding-right: 50px;}
.news-page.detail .info>a{color:#666}
.news-page.detail .info>a:first-child{margin-bottom: 15px;}
.news-page.detail .btn{width:200px;display: flex;justify-content: flex-end;}
.news-page.detail .btn>a{line-height: 55px;background: #af9b6e;color:#fff;font-size: 16px;border-radius: 28px;padding:0 40px;transition: .3s;}

@media (max-width:1440px){
    .news-page.list1 .best{padding-top:10px;width:calc(100% - 40px)}
    .news-page.list1 .best .info{padding:45px 50px 70px}
    .news-page.list1 .best .info>p:nth-of-type(2){font-size: 24px;margin:15px 0 10px}
    .news-page.list1 .con{padding-bottom: 80px;}
    .news-page.list1 .con li{padding:30px 0}

    .news-page.list2 .con{padding:40px 0 50px}
    .news-page.list2 .con>p{font-size: 38px;}
    .news-page.list2 .con .play{width:53px;height:37px;background-size: 53px;}

    .news-page.list3 .best{width:calc(100% - 40px)}
    .news-page.list3 .best .swiper-slide{padding:45px 50px 60px}
    .news-page.list3 .best .swiper-slide>p:nth-of-type(1){margin-bottom: 10px;}
    .news-page.list3 .best .swiper-slide>p:nth-of-type(2){font-size: 25px;line-height: 35px;}
    .news-page.list3 .con{padding:40px 0 80px}
    .news-page.list3 .con>p{font-size: 38px;}
    .news-page.list3 .con li{padding:30px 0}

    .news-page.detail .con{padding:60px 70px 70px;margin:50px auto 80px}
    .news-page.detail .con>p:nth-of-type(1){font-size: 25px;line-height: 35px;}
    .news-page.detail .con>p:nth-of-type(2){margin:15px auto 25px}
    .news-page.detail .content{padding:30px 0 40px;margin-bottom: 30px;}
    .news-page.detail .btn>a{line-height: 50px;font-size: 14px;padding:0 35px}
}

@media (max-width:1279px){
    .news-page.list1 .best{width:calc(100% - 20px);padding-top:20px}
    .news-page.list1 .best .swiper-container{padding:10px;}
    .news-page.list1 .best .swiper-slide{box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .news-page.list1 .best .info{padding:30px 25px 50px}
    .news-page.list1 .best .img{padding-bottom:50%}
    .news-page.list1 .best .info>p:nth-of-type(1){font-size: 14px}
    .news-page.list1 .best .info>p:nth-of-type(2){font-size: 18px;margin:10px 0}
    .news-page.list1 .best .info>p:nth-of-type(3){font-size: 14px}
    .news-page.list1 .best .swiper-pagination{bottom:20px}

    .news-page.list1 .con{padding-bottom: 50px;}
    .news-page.list1 .con li{display: block;padding:30px 0;}
    .news-page.list1 .con .img-bg{width:100%}
    .news-page.list1 .con .info{width:100%;padding: 20px 0 0;}
    .news-page.list1 .con .info>p:nth-of-type(2){font-size: 16px}
    .news-page.list1 .page{padding-top: 30px;}

    .news-page.list2 .con{padding:30px 0 20px}
    .news-page.list2 .con>p{font-size: 22px;margin-bottom: 30px;}
    .news-page.list2 .con ul{display: block}
    .news-page.list2 .con li{width:100%;margin-right: 0}
    .news-page.list2 .con .play{width:48px;height:33px;background-size:48px}
    .news-page.list2 .page{padding: 0 0 30px;}

    .news-page.list3 .banner.pc{display: none;}
    .news-page.list3 .banner.m{display: block;}
    .news-page.list3 .banner{padding-bottom: 66.66%;}

    .news-page.list3 .best{width:calc(100% - 20px)}
    .news-page.list3 .best .swiper-container{padding:10px}
    .news-page.list3 .best .swiper-slide{box-shadow: 0 0 10px rgba(0,0,0,.1);padding:30px 25px 50px}
    .news-page.list3 .best .swiper-slide>p:nth-of-type(1){font-size: 14px;margin-bottom: 10px;}
    .news-page.list3 .best .swiper-slide>p:nth-of-type(2){font-size: 18px;line-height: 28px;}
    .news-page.list3 .best .swiper-pagination{bottom:20px}

    .news-page.list3 .con{padding:40px 0 50px}
    .news-page.list3 .con>p{font-size: 22px}
    .news-page.list3 .con li{display: block;padding:30px 0}
    .news-page.list3 .con .img-bg{width:100%}
    .news-page.list3 .con .info{width:100%;padding:20px 0 0;}
    .news-page.list3 .con .info>p:nth-of-type(2){font-size: 16px}
    .news-page.list3 .page{padding-top: 30px;}

    .news-page.detail .con{box-shadow: 0 0 10px rgba(0,0,0,.1);padding:30px 25px 40px;margin:30px auto 50px}
    .news-page.detail .con>p:nth-of-type(1){font-size: 20px;line-height: 30px}
    .news-page.detail .con>p:nth-of-type(2){margin:10px auto 20px;}
    .news-page.detail .content{padding:20px 0 30px;margin-bottom: 30px;}
    .news-page.detail .content p{line-height: 26px}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{width:100%;padding-right: 0;margin-bottom: 20px;}
    .news-page.detail .info>a:first-child{margin-bottom: 10px;}
    .news-page.detail .btn{width:100%;display: block}
    .news-page.detail .btn>a{line-height: 40px;font-size: 14px;padding:0 25px;display: inline-block;}
}

@media (any-hover:hover){
    .news-page.list1 .best .swiper-slide:hover .img{transform: scale(1.1);}
    .news-page.list1 .best .swiper-slide:hover .info>p:nth-of-type(2){color:#af9b6e}
    .news-page.list1 .con li:hover .img{transform: scale(1.1);}
    .news-page.list1 .con li:hover .info>p:nth-of-type(2){color:#af9b6e}

    .news-page.list2 .con li:hover>p{transform: translateY(-5px);}

    .news-page.list3 .con li:hover .img{transform: scale(1.1);}
    .news-page.list3 .con li:hover .info>p:nth-of-type(2){color:#af9b6e}

    .news-page.detail .info>a:hover{color:#af9b6e}
    .news-page.detail .btn>a:hover{opacity: .8;}
}

/* 关于 */
.about-page{padding-bottom: 100px;}
.about-page .con{max-width:1400px;padding:60px 0 90px}
.about-page .con .img{padding-bottom: 40%;}
.about-page .con .info{max-width: 1080px;margin:-180px auto 0;background: #fff;text-align: center;position: relative;z-index: 2;padding:70px 20px 0}
.about-page .con .info>p{font-size: 48px;line-height: 58px;padding-bottom:20px}
.about-page .content p{line-height: 24px;color:#666}
.about-page .content img{max-width:100%;margin:0 auto}
.about-page .content a{display:inline}
.about-page .swiper-slide{width:960px}
.about-page .swiper-slide .img{padding-bottom: 56.25%;}

@media (max-width:1440px){
    .about-page{padding-bottom: 80px;}
    .about-page .con{padding:50px 0 70px}
    .about-page .con .info{padding:50px 20px 0}
    .about-page .con .info>p{font-size: 38px;line-height: 48px;padding-bottom:15px}
    .about-page .swiper-slide{width:850px}
}

@media (max-width:1279px){
    .about-page{padding-bottom: 50px;}
    .about-page .con{padding:30px 0}
    .about-page .con .info{padding:30px 0 0;margin:0 auto}
    .about-page .con .info>p{font-size: 22px;line-height: 32px;padding-bottom:10px}
    .about-page .swiper-slide{width:960px}
    .about-page .swiper-slide .img{padding-bottom: 56.25%;}
}

/* 联系 */
.contact-page .con{display: flex;padding-bottom: 100px;}
.contact-page .left>p:nth-of-type(1){font-size: 48px;padding-top:45px}
.contact-page .left .tip{position: relative;margin:40px 0 50px;padding:45px 50px 50px 0}
.contact-page .left .tip::after{content:'';position: absolute;right:0;top:0;width:200%;height:100%;background: #f6f6f6;}
.contact-page .left .tip>p{position: relative;z-index: 2;max-width: 900px;}
.contact-page .left .tip>p:nth-of-type(1){font-size: 30px;margin-bottom: 15px;}
.contact-page .left .tip>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666}
.contact-page .left .form{display: flex;flex-wrap: wrap;padding-right: 80px;}
.contact-page .left .item{width:calc(50% - 15px);margin-bottom: 30px;}
.contact-page .left .item:nth-child(2n+1){margin-right: 30px;}
.contact-page .left .item.large{width:100%;margin-right:0;}
.contact-page .left .item>p{margin-bottom: 15px;}
.contact-page .left .item>p>span{color:red;margin-right: 5px;}
.contact-page .left .item>input{background: #f9f9f9;border:1px solid #eee;height:50px;width:100%}
.contact-page .left .item>input:focus{border-color:#af9b6e}
.contact-page .left .item>textarea{background: #f9f9f9;border:1px solid #eee;height:240px;width:100%}
.contact-page .left .item>textarea:focus{border-color:#af9b6e}
.contact-page .left>p:nth-of-type(2){line-height: 50px;color:#fff;background: #af9b6e;border-radius: 25px;padding: 0 55px;cursor: pointer;transition: .3s;display: inline-block;}

.contact-page .right{border-left:1px solid #eee;width:30%;padding:45px 45px 0}
.contact-page .right>p{font-size: 24px;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 35px;}
.contact-page .right .tit{font-size: 18px;margin-bottom: 25px;}
.contact-page .right .box1>p{line-height: 24px;color:#999;text-decoration: underline;margin-bottom: 15px;}
.contact-page .right .box2{padding: 15px 0 25px;}
.contact-page .right .box2 .outlink{display: flex;flex-wrap: wrap;}
.contact-page .right .box2 .outlink>a{width:40px;height:40px;border:1px #ddd solid;border-radius: 50%;margin-right: 10px;transition: .3s;margin-bottom: 10px;}
.contact-page .right .box2 .outlink>a>img{max-width: 50%;max-height: 50%;}
.contact-page .right .box3 li{margin-bottom: 30px;position: relative;cursor: pointer;}
.contact-page .right .box3 li.no-video{cursor: auto;}
.contact-page .right .box3 .img{padding-bottom: 73.17%;}
.contact-page .right .box3 .play{position: absolute;width:58px;height:40px;background: url(../images/8.png) no-repeat center center/58px;top:40%;left: 50%;transform: translateX(-50%)}
.contact-page .right .box3 li>p{position: absolute;bottom:20px;left: 0;width:100%;line-height: 18px;color:#fff;padding:0 20px;transition: .3s;}

@media (max-width:1600px){
    .contact-page .right .box3 .play{width:48px;height:33px;background-size: 48px;top:35%}
    .contact-page .right .box3 li>p{bottom:15px;padding:0 15px}
}

@media (max-width:1440px){
    .contact-page .con{padding-bottom: 80px;}
    .contact-page .left>p:nth-of-type(1){font-size: 40px;padding-top: 35px;}
    .contact-page .left .tip{margin:30px 0 40px;padding:40px 40px 40px 0}
    .contact-page .left .tip>p:nth-of-type(1){font-size: 25px;}
    .contact-page .left .form{padding-right:50px}
    .contact-page .left .item>textarea{height:200px}
    .contact-page .left>p:nth-of-type(2){line-height: 45px;padding:0 45px}

    .contact-page .right{padding: 35px 35px 0;}
    .contact-page .right>p{font-size: 22px;padding-bottom: 15px;margin-bottom: 25px;}
    .contact-page .right .tit{font-size: 16px;margin-bottom: 15px;}
    .contact-page .right .box1>p{margin-bottom: 10px;}
    .contact-page .right .box2 .outlink>a{width:35px;height:35px;margin-right:5px}
    .contact-page .right .box3 .play{width:38px;height:26px;background-size: 38px}
}

@media (max-width:1279px){
    .contact-page .con{display: block;padding-bottom:20px;}
    .contact-page .left>p:nth-of-type(1){font-size: 22px;padding:30px 20px 0}
    .contact-page .left .tip{margin:20px 0 30px;padding:30px 20px}
    .contact-page .left .tip>p:nth-of-type(1){font-size: 20px;margin-bottom: 10px;}
    .contact-page .left .tip>p:nth-of-type(2){font-size: 14px;line-height: 24px}
    .contact-page .left .form{display: block;padding: 0 20px;}
    .contact-page .left .item{width:100%;margin-bottom: 20px;}
    .contact-page .left .item:nth-child(2n+1){margin-right: 0;}
    .contact-page .left .item>p{margin-bottom: 10px;}
    .contact-page .left .item>input{height:40px}
    .contact-page .left .item>textarea{height:150px}
    .contact-page .left>p:nth-of-type(2){line-height: 40px;padding: 0 25px;margin-left: 20px;}

    .contact-page .right{border-left:0;width:100%;padding:50px 20px 0}
    .contact-page .right>p{font-size: 20px;padding-bottom: 15px;margin-bottom: 20px;}
    .contact-page .right .tit{font-size: 16px;margin-bottom: 20px;}
    .contact-page .right .box1>p{margin-bottom: 10px;}
    .contact-page .right .box2 .outlink>a{width:40px;height:40px;margin-right: 10px}
    .contact-page .right .box3 .play{width:48px;height:33px;background-size:48px;top:40%}
    .contact-page .right .box3 li>p{bottom:20px;padding:0 20px}
}

@media (any-hover:hover){
    .contact-page .left>p:nth-of-type(2):hover{opacity: .8;}

    .contact-page .right .box2 .outlink>a:hover{border-color: #af9b6e;}
    .contact-page .right .box3 li:hover>p{transform: translateY(-5px);}
}

/* 单页面 */
.single-page .con{box-shadow: 0 0 30px rgba(0,0,0,.1);padding:70px 80px 100px;margin:60px auto 100px}
.single-page .con>p{font-size: 30px;line-height: 40px;text-align: center;border-bottom: 1px #eee solid;padding-bottom: 30px;margin-bottom: 30px;}
.single-page .content p{line-height: 30px;color:#666;text-align: justify;}
.single-page .content img{max-width: 100%;display: block;margin:0 auto;height:auto !important}
.single-page .content a{display: inline-block;}

@media (max-width:1440px){
    .single-page .con{padding:60px 60px 80px;margin:50px auto 80px}
    .single-page .con>p{font-size: 25px;line-height: 35px;padding-bottom: 20px;margin-bottom: 20px;}
}

@media (max-width:1279px){
    .single-page .con{box-shadow: 0 0 10px rgba(0,0,0,.1);padding:30px 25px 40px;margin:30px auto 50px}
    .single-page .con>p{font-size: 20px;line-height: 30px;padding-bottom: 20px;margin-bottom: 20px;}
    .single-page .content p{line-height: 26px;}
}

/* 搜索 */
.search-page .con{padding: 30px 0 100px;}
.search-page .con li{display: flex;align-items: center;border-bottom: 1px #eee solid;padding:40px 0;position: relative;}
.search-page .con .img-div{width:23.43%;height:200px}
.search-page .con .img-bg{width:23.43%;height:200px}
.search-page .con .img{height:100%}
.search-page .con .info{width:76.57%;padding-left: 40px;}
.search-page .con .info>p:nth-of-type(1){font-size: 18px;margin:10px 0}
.search-page .con .info>p:nth-of-type(2){color:#666}
.search-page .page{padding-top: 50px;}

@media (max-width:1440px){
    .search-page .con{padding:30px 0 80px}
    .search-page .con li{padding:30px 0}
    .search-page .con .img-div{height:180px}
    .search-page .con .img-bg{height:180px}
}

@media (max-width:1279px){
    .search-page .con{padding: 0 0 50px;}
    .search-page .con li{display: block;padding:30px 0}
    .search-page .con .img-div{width:100%;}
    .search-page .con .img-bg{width:100%;height:auto;}
    .search-page .con .img{height:auto;padding-bottom: 70%}
    .search-page .con .info{width:100%;padding: 20px 0 0;}
    .search-page .con .info>p:nth-of-type(1){font-size: 16px}
    .search-page .page{padding-top: 30px;}
}

@media (any-hover:hover){
    .search-page li:hover .img{transform: scale(1.1);}
    .search-page li:hover .info>p:nth-of-type(1){color:#af9b6e}
}

/* 登录 */
.login-page{margin:60px auto 100px;display: flex;align-items: center;background: #f8f8f8;}
.login-page .img-bg{width:50%}
.login-page .img{padding-bottom: 93.75%}
.login-page .con{flex:1;padding:0 9%}
.login-page .con>p:nth-of-type(1){font-size: 36px;text-align: center;}
.login-page ul{padding:30px 0 10px}
.login-page li{margin-bottom: 20px;position: relative;}
.login-page li>input{height:50px;width:100%;padding:0 20px;border:1px #eee solid}
.login-page li>input::placeholder{color:#999}
.login-page li>input:focus{border-color: #af9b6e;}
.login-page li:nth-of-type(2)>input{padding-right: 190px;}
.login-page li>a{position: absolute;top:50%;transform:translateY(-50%);right:20px}
.login-page .con>p:nth-of-type(2){font-size: 16px;text-align: center;line-height: 50px;background: #af9b6e;color:#fff;border-radius: 25px;margin-bottom: 15px;cursor: pointer;transition: .3s;}
.login-page .con>p:nth-of-type(3){line-height: 24px;color:#999}
.login-page .con>p:nth-of-type(3)>a{display: inline-block;color:#000}

@media (max-width:1440px){
    .login-page{margin:50px auto 80px}
    .login-page .con>p:nth-of-type(1){font-size: 30px;}
}

@media (max-width:1279px){
    .login-page{margin:30px auto 50px;display: block;}
    .login-page .img-bg{display: none;}
    .login-page .con{padding:30px 20px}
    .login-page .con>p:nth-of-type(1){font-size: 22px;}
    .login-page ul{padding:20px 0 0}
    .login-page li{margin-bottom: 15px;}
    .login-page li>input{height:45px;padding:0 15px;font-size: 12px;}
    .login-page li>input::placeholder{font-size: 12px;}
    .login-page li:nth-of-type(2)>input{padding-right: 160px;}
    .login-page li>a{right:10px;font-size:12px}
    .login-page .con>p:nth-of-type(2){font-size: 14px;line-height: 45px;}
}

@media (any-hover:hover){
    .login-page li>a:hover{color:#af9b6e}
    .login-page .con>p:nth-of-type(2):hover{opacity: .9;}
    .login-page .con>p:nth-of-type(3)>a:hover{color:#af9b6e}
}

/* 注册 */
.reg-page{margin:60px auto 100px;background: #f8f8f8;padding:60px 12% 70px}
.reg-page>p:nth-of-type(1){font-size: 36px;text-align: center;}
.reg-page ul{padding:30px 0 10px}
.reg-page li{margin-bottom: 20px;display: flex;position: relative}
.reg-page li>input{height:50px;width:calc(50% - 10px);padding:0 20px;border:1px #eee solid;}
.reg-page li>input:first-child{margin-right: 20px;}
.reg-page li:last-child>input{width:100%;margin-right:0;padding-right:150px}
.reg-page li>input::placeholder{color:#999}
.reg-page li>input:focus{border-color: #af9b6e;}
.reg-page .select{width:calc(50% - 10px)}
.reg-page .select>select{padding:0 20px;color:#999;border:1px #eee solid;height:50px;background: #fff;}
.reg-page .select>select:focus{border-color: #af9b6e;}
.reg-page li>p{position: absolute;top:50%;transform:translateY(-50%);right:20px;padding:0 30px;line-height: 34px;text-align: center;background: #af9b6e;color:#fff;border-radius: 17px;cursor: pointer;transition: .3s;}
.reg-page>p:nth-of-type(2){font-size: 16px;text-align: center;line-height: 50px;background: #af9b6e;color:#fff;border-radius: 25px;margin-bottom: 15px;cursor: pointer;transition: .3s;}
.reg-page>p:nth-of-type(3){line-height: 24px;color:#999;text-align: center;}
.reg-page>p:nth-of-type(3)>a{display: inline-block;color:#000}

@media (max-width:1440px){
    .reg-page{margin:50px auto 80px;padding:50px 12% 60px}
    .reg-page>p:nth-of-type(1){font-size: 30px;}
}

@media (max-width:1279px){
    .reg-page{margin:30px auto 50px;padding:30px 20px}
    .reg-page>p:nth-of-type(1){font-size: 22px}
    .reg-page ul{padding:20px 0 0}
    .reg-page li{margin-bottom: 0;display: block}
    .reg-page li>input{height:45px;width:100%;padding:0 15px;font-size: 12px;margin-bottom: 15px;}
    .reg-page li>input:first-child{margin-right: 0;}
    .reg-page li:last-child>input{padding-right: 100px;}
    .reg-page li>input::placeholder{font-size: 12px}
    .reg-page .select{width:100%;margin-bottom: 15px}
    .reg-page .select>select{padding:0 15px;font-size: 12px;height:45px;}
    .reg-page li>p{right:10px;padding:0 15px;line-height: 28px;font-size: 12px;top:22px}
    .reg-page>p:nth-of-type(2){font-size: 14px;line-height: 45px;}
}

@media (any-hover:hover){
    .reg-page li>p:hover{opacity: .9;}
    .reg-page>p:nth-of-type(2):hover{opacity: .9;}
    .reg-page>p:nth-of-type(3)>a:hover{color:#af9b6e}
}

/* 找回密码 */
.forget-page{margin:60px auto 100px;display: flex;align-items: center;background: #f8f8f8;}
.forget-page .img-bg{width:50%}
.forget-page .img{padding-bottom: 93.75%}
.forget-page .con{flex:1;padding:0 9%}
.forget-page .con>p:nth-of-type(1){font-size: 36px;text-align: center;}
.forget-page ul{padding:30px 0 10px}
.forget-page li{margin-bottom: 20px;position: relative;}
.forget-page li>input{height:50px;width:100%;padding:0 20px;border:1px #eee solid}
.forget-page li>input::placeholder{color:#999}
.forget-page li>input:focus{border-color: #af9b6e;}
.forget-page li:nth-of-type(2)>input{padding-right: 160px;}
.forget-page li>p{position: absolute;top:50%;transform:translateY(-50%);right:20px;padding:0 30px;line-height: 34px;text-align: center;background: #af9b6e;color:#fff;border-radius: 17px;cursor: pointer;transition: .3s;}
.forget-page .con>p:nth-of-type(2){font-size: 16px;text-align: center;line-height: 50px;background: #af9b6e;color:#fff;border-radius: 25px;margin-bottom: 15px;cursor: pointer;transition: .3s;}
.forget-page .con>p:nth-of-type(3){line-height: 24px;color:#999}
.forget-page .con>p:nth-of-type(3)>a{display: inline-block;color:#000}

@media (max-width:1440px){
    .forget-page{margin:50px auto 80px}
    .forget-page .con>p:nth-of-type(1){font-size: 30px;}
}

@media (max-width:1279px){
    .forget-page{margin:30px auto 50px;display: block}
    .forget-page .img-bg{display: none;}
    .forget-page .con{padding:30px 20px}
    .forget-page .con>p:nth-of-type(1){font-size: 22px;}
    .forget-page ul{padding:20px 0 0}
    .forget-page li{margin-bottom: 0}
    .forget-page li>input{height:45px;padding:0 15px;margin-bottom: 15px;font-size: 12px;}
    .forget-page li>input::placeholder{font-size: 12px}
    .forget-page li:nth-of-type(2)>input{padding-right: 100px;}
    .forget-page li>p{top:22px;right:10px;padding:0 15px;line-height: 28px}
    .forget-page .con>p:nth-of-type(2){font-size: 14px;line-height: 45px}
}

@media (any-hover:hover){
    .forget-page li>p:hover{opacity: .9;}
    .forget-page .con>p:nth-of-type(2):hover{opacity: .9;}
    .forget-page .con>p:nth-of-type(3)>a:hover{color:#af9b6e}
}

/* 个人中心 */
.user-page{padding:60px 0 100px;display: flex;justify-content: space-between;align-items: flex-start;}
.user-page .menu{width:19.53%;background: #f6f7f9;padding:15px 30px 80px}
.user-page .menu li>a{font-size: 12px;line-height: 44px;color:#666;background: url(../images/arrow2.png) no-repeat right center/5px;border-bottom: 1px #eee solid;}
.user-page .menu li>a.active{font-family: 'ms-b';color:#af9b6e;background-image: url(../images/arrow2-m.png);}
.user-page .menu-icon{display: none;}
.user-page .menu-mask{display: none;}

.user-page .con{width:78.9%;background: #f6f7f9;padding:30px 40px 40px}
.user-page .con .tit{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 30px;}
.user-page .con .tit>p{color: #af9b6e;position: relative;display: inline-block;}
.user-page .con .tit>p::after{content:'';position: absolute;left:0;bottom:-21px;width:100%;height:2px;background: #af9b6e;}

.user-page .form .item{display: flex;align-items: center;margin-bottom: 20px;}
.user-page .form .item>p:nth-of-type(1){width:125px;text-align: right;margin-right: 35px;}
.user-page .form .item>p:nth-of-type(1).large{width:140px}
.user-page .form .item>p:nth-of-type(2){color:#999;padding-left: 20px;flex:1;line-height: 50px;}
.user-page .form .item>input{max-width:420px;flex:1;height:50px;background: #fff;border:1px solid #eee;padding:0 20px}
.user-page .form .item>input:focus{border-color:#af9b6e}
.user-page .form .item>input::placeholder{color:#999}
.user-page .form .btn{width:160px;line-height: 50px;text-align: center;border-radius: 25px;font-size: 16px;background: #af9b6e;color:#fff;cursor: pointer;transition: .3s;margin-top:10px}

.user-page .collect-box ul{display: flex;flex-wrap: wrap;}
.user-page .collect-box li{margin-bottom: 30px;width:calc(100% / 3 - 20px);margin-right: 30px;position: relative;background: #fff;padding:30px 30px 35px}
.user-page .collect-box li:nth-child(3n){margin-right: 0;}
.user-page .collect-box .tag-box{display: flex;justify-content: space-between;align-items: center;}
.user-page .collect-box .tag{display: flex}
.user-page .collect-box .tag>p{line-height: 20px;font-size: 12px;color:#fff;border-radius: 10px;padding:0 10px;margin-right: 5px;}
.user-page .collect-box .new{background: #e00711;}
.user-page .collect-box .hot{background: #e05407;}
.user-page .collect-box .operate{width:70px;display: flex;z-index: 20;position: relative;}
.user-page .collect-box .operate>p{width:30px;height:30px;border-radius: 50%;cursor: pointer;transition: .3s;}
.user-page .collect-box .del{margin-right: 10px;background: #999 url(../images/del.png) no-repeat center center/15px;}
.user-page .collect-box .compare{background: #999 url(../images/compare.png) no-repeat center center/19px;}
.user-page .collect-box .img-div{height:200px;margin:30px 0 45px}
.user-page .collect-box li>p:nth-of-type(1){font-size: 20px}
.user-page .collect-box li>p:nth-of-type(2){margin: 15px 0 5px;}
.user-page .collect-box li>p:nth-of-type(3){font-size: 12px;color:#666}
.user-page .collect-box .page{padding:10px 0 20px}

@media (max-width:1440px){
    .user-page{padding:50px 0 80px}
    .user-page .collect-box .img-div{height:180px;margin:25px 0 35px}
    .user-page .collect-box li>p:nth-of-type(1){font-size: 18px}
    .user-page .collect-box li>p:nth-of-type(2){margin: 10px 0 5px;}
}

@media (max-width:1279px){
    .user-page{padding:70px 0 50px;display: block;position: relative;}
    .user-page .menu{width:250px;padding:30px 30px 50px;position: fixed;left:-250px;top:140px;transition: .8s;z-index: 999;}
    .user-page .menu-icon{display: block;position: absolute;left:0;top:25px;line-height:20px;background: url(../images/menu1.svg) no-repeat left center/20px;padding-left:30px;color:#666}
    .user-page .menu-mask{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.3);z-index: 998;}
    .user-page .menu-mask .close{position: absolute;top:20px;right:20px;background: #fff url(../images/close.svg) no-repeat center center/16px;border-radius: 50%;width:35px;height:35px}

    .user-page .con{width:100%;padding:30px 20px}
    .user-page .con .tit{padding-bottom: 15px;margin-bottom: 20px;}
    .user-page .con .tit>p::after{bottom:-16px}

    .user-page .form .item{display: block;margin-bottom: 20px;}
    .user-page .form .item>p:nth-of-type(1){width:100%;text-align: left;margin-right: 0;}
    .user-page .form .item>p:nth-of-type(1).large{width:100%}
    .user-page .form .item.flex{display: flex;flex-wrap: wrap;}
    .user-page .form .item.flex>p:nth-of-type(1){width:50px;}
    .user-page .form .item.flex>p:nth-of-type(2){padding-left: 5px;line-height: 24px;}
    .user-page .form .item>input{max-width:100%;width:100%;height:45px;padding:0 15px;margin-top:10px;font-size: 12px;}
    .user-page .form .item>input::placeholder{font-size: 12px;}
    .user-page .form .btn{width:100%;line-height: 45px;font-size: 14px}

    .user-page .collect-box ul{display: block}
    .user-page .collect-box li{width:100%;margin-right: 0;padding:30px 25px}
    .user-page .collect-box .img-div{margin:30px 0}
    .user-page .collect-box li>p:nth-of-type(1){font-size: 16px}
    .user-page .collect-box li>p:nth-of-type(2){margin: 10px 0 5px;}
    .user-page .collect-box .page{padding:0 0 20px}
}

@media (any-hover:hover){
    .user-page .menu li>a:hover{font-family: 'ms-b';color:#af9b6e;background-image: url(../images/arrow2-m.png)}

    .user-page .form .btn:hover{opacity: .9;}

    .user-page .collect-box .operate>p:hover{background-color:#af9b6e;}
    .user-page .collect-box li:hover>p:nth-of-type(2){color:#af9b6e}
}

/* 订阅 */
.subscribe-page{padding:50px 0 100px}
.subscribe-page>p{font-size: 32px;line-height: 42px;text-align: center}
.subscribe-page .content{border-top:1px #eee solid;padding-top:30px;margin-top: 30px;}
.subscribe-page .content p{line-height: 28px;color:#666;text-align: justify;}
.subscribe-page .content img{max-width: 100%;margin:0 auto;display: block;height:auto !important}
.subscribe-page .content a{display: inline-block;}

.subscribe-page .cancel>p{font-size: 16px;line-height: 32px;}
.subscribe-page .cancel>p:nth-of-type(1){font-size: 24px;border-bottom: 1px #eee solid;padding-bottom: 20px;margin-bottom: 20px;}
.subscribe-page .cancel>span{width: 140px;line-height: 50px;color: #fff;border-radius: 25px;text-align: center;background: #af9b6e;display:block;margin-top:20px;cursor: pointer;transition: .3s;}

@media (max-width:1440px){
    .subscribe-page{padding:40px 0 80px}
    .subscribe-page>p{font-size: 28px;line-height: 38px;}
    .subscribe-page .cancel>p:nth-of-type(1){font-size: 22px;}
}

@media (max-width:1279px){
    .subscribe-page{padding:30px 0 50px}
    .subscribe-page>p{font-size: 20px;line-height: 30px}
    .subscribe-page .content{padding-top:20px;margin-top: 20px;}
    .subscribe-page .content p{line-height: 26px;}

    .subscribe-page .cancel>p{font-size: 14px;line-height: 26px;}
    .subscribe-page .cancel>p:nth-of-type(1){font-size: 20px;padding-bottom: 15px;margin-bottom: 15px;}
    .subscribe-page .cancel>span{line-height: 45px}
}

@media (any-hover:hover){
    .subscribe-page .cancel>span:hover{opacity: .9;}
}

/* 国家 */
.country-page{padding:75px 0 60px}
.country-page>p:nth-of-type(1){font-size: 30px;color:#000;}
.country-page>p:nth-of-type(2){line-height: 30px;color:#666;margin:20px 0 50px}
.country-page ul{display: flex;flex-wrap: wrap;}
.country-page ul:nth-of-type(1){border-bottom:1px #e5e5e5 solid;margin-bottom:45px}
.country-page li{width:calc(100% / 6);padding-right: 20px;display: flex;align-items: center;margin-bottom: 40px;position: relative;}
.country-page li:nth-child(6n){padding-right: 0;}
.country-page li .img-div{width:26px;height:18px}
.country-page li>p{width:calc(100% - 26px);padding-left: 10px;}
.country-page .popup{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);z-index: 999;display: none;}
.country-page .popup .con{position: relative;background: #f8f8f8;width:960px;padding:60px 70px 90px;margin:50px auto}
.country-page .popup .close{width:30px;height:30px;background: url(../images/close.svg) no-repeat center center/30px;position: absolute;top:30px;right:30px;cursor: pointer;}
.country-page .popup .con>p{font-size: 36px;color:#000;text-align: center;margin-bottom: 40px;}
.country-page .popup .content p{line-height: 30px;color:#666;text-align: justify;font-size: 16px;}
.country-page .popup .content img{max-width: 100%;display: block;margin:0 auto;height:auto !important}
.country-page .popup .content a{display: inline-block;}
.country-page .comment-popup{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);z-index: 999;display: none;}
.country-page .comment-popup .con{position: relative;background: #f8f8f8;width:880px;padding:60px 70px;margin:5% auto}
.country-page .comment-popup .close{width:30px;height:30px;background: url(../images/close.svg) no-repeat center center/30px;position: absolute;top:30px;right:30px;cursor: pointer;}
.country-page .comment-popup .con>p:nth-of-type(1){font-size:32px;text-align:center;color:#000;margin-bottom:35px}
.country-page .comment-popup .con>p:nth-of-type(2){font-size:12px;margin-bottom:25px}
.country-page .comment-popup .items{display:flex;flex-wrap:wrap}
.country-page .comment-popup .item{width: calc(50% - 9px);margin-bottom:25px}
.country-page .comment-popup .item:last-child{margin-bottom:10px}
.country-page .comment-popup .item:nth-child(2n+1){margin-right:18px}
.country-page .comment-popup .item.w100{width:100%;margin-right:0}
.country-page .comment-popup .item>p{font-size: 12px;margin-bottom:10px}
.country-page .comment-popup .item>input{width:100%;height:45px;border:1px #eee solid;font-size:12px;padding:0 15px}
.country-page .comment-popup .item>input::placeholder{font-size:12px}
.country-page .comment-popup .item>input:focus{border-color:#af9b6e}
.country-page .comment-popup .item>textarea{width:100%;height:120px;border:1px #eee solid;font-size:12px;padding:15px}
.country-page .comment-popup .item>textarea::placeholder{font-size:12px}
.country-page .comment-popup .item>textarea:focus{border-color:#af9b6e}
.country-page .comment-popup .btn{text-align:center;background:#af9b6e;border-radius:25px;line-height:45px;transition:.3s;cursor:pointer;color:#fff}

@media (max-width:1440px){
    .country-page{padding:55px 0 40px}
    .country-page>p:nth-of-type(1){font-size: 26px}
    .country-page>p:nth-of-type(2){margin:10px 0 40px}
    .country-page li{margin-bottom: 30px;}
    .country-page .popup .con{padding:50px 60px 70px;width:900px}
    .country-page .popup .con>p{font-size: 30px;margin-bottom: 30px;}
}

@media (max-width:1279px){
    .country-page{padding:30px 0}
    .country-page>p:nth-of-type(1){font-size: 20px;line-height: 30px;}
    .country-page>p:nth-of-type(2){line-height: 26px;margin:10px 0 30px}
    .country-page ul{display: flex;flex-wrap: wrap;}
    .country-page ul:nth-of-type(1){margin-bottom:25px}
    .country-page li{width:50%;margin-bottom: 20px}
    .country-page li:nth-child(6n){padding-right: 20px;}
    .country-page li:nth-child(2n){padding-right: 0;}
    .country-page .popup .con{width:90%;padding:50px 20px 30px;margin:30px auto}
    .country-page .popup .close{width:22px;height:22px;background-size:22px;top:20px;right:20px}
    .country-page .popup .con>p{font-size: 20px;margin-bottom: 20px;}
    .country-page .popup .content p{line-height: 24px;font-size: 14px;}
    .country-page .comment-popup .con{width:90%;padding:50px 20px 30px;margin:30px auto}
    .country-page .comment-popup .close{width:22px;height:22px;background-size:22px;top:20px;right:20px}
    .country-page .comment-popup .con>p:nth-of-type(1){font-size: 20px;margin-bottom:20px}
    .country-page .comment-popup .con>p:nth-of-type(2){margin-bottom:15px}
    .country-page .comment-popup .items{display:block}
    .country-page .comment-popup .item{width: 100%;margin-bottom:20px}
    .country-page .comment-popup .item:nth-child(2n+1){margin-right:0}
    .country-page .comment-popup .item>input{height:40px}
    .country-page .comment-popup .item>textarea{height:200px}
    .country-page .comment-popup .btn{border-radius:30px;line-height:40px}
}

@media (any-hover:hover){
    .country-page li:hover>p{color:#af9b6e}
    .country-page .comment-popup .btn:hover{opacity:.8;}
}