html,body{font-family:'微软雅黑';color:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
html{-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;font-size:14px}
::selection{color:#fff;background:#8d6945}
::-moz-selection{color:#fff;background:#8d6945}
input,select,textarea{font-size:100%}
input:-webkit-autofill{background-color:transparent !important}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img{border:none}
iframe{display:block}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:800}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
a{color:inherit;text-decoration:none}
ins,a,a:hover{text-decoration:none;color:inherit}
a:focus,*:focus{outline:none;text-decoration:none}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}
.hide{display:none}
.block{display:block}
.fl,.fr{display:inline}
.fl{float:left}
.fr{float:right}
.container{margin:0 auto;width:84%}
.mode-title{padding-top:80px;text-align:center}
.mode-title .b-t{font-size:32px;line-height:48px;color:#333333;font-weight:lighter}
.mode-title .s-t{font-size:13px;line-height:32px;text-transform:uppercase;color:#666666}
.mode-title .desc{padding:10px;font-size:14px;color:#262624;line-height:24px}
.mode-title .infos span{margin:0 20px;font-size:14px;line-height:50px;color:#666666}
.mode-title .infos span:hover{text-decoration:underline}
@media (max-width:1200px){.container{width:970px}
}
@media (max-width:992px){.container{width:750px}
}
@media (max-width:768px){.container{width:calc(100vw - 30px)}
.mode-title{padding-top:40px}
.mode-title .b-t{font-size:20px;line-height:34px}
.mode-title .s-t{font-size:12px;line-height:25px}
.mode-title .desc{font-size:12px}
}
header{position:fixed;width:100%;height:150px;left:0;top:0;z-index:999;background-color:#f3efe7;transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1)}
header .navbar{position:relative;margin:0 auto;width:84%;height:auto}

header .navbar .logo-chanel{position:absolute;z-index:9;left:0;text-align:center;padding:35px 0 10px;width:220px;margin:0 auto;line-height:0;transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1)}
header .navbar .logo-chanel.opacity{opacity:0}
header .navbar .logo-chanel.translatehide{transform:translateY(-15%);width:200px;padding:10px 0 10px;}
header .navbar .logo-chanel img{width: 100%;}

header .navbar .search-btns{position:absolute;left:0;width:calc(100% - 110px);top:30px;height:46px;display:flex;align-items:center;transition:width 0.3s cubic-bezier(0.215,0.61,0.355,1)}
header .navbar .search-btns span{position:relative;color:#999999;z-index:5}
header .navbar .search-btns span:hover{color:#8d6945}
header .navbar .search-btns .search-form{position:relative;margin-left:15px;width:216px;height:36px;z-index:2;transition:width 0.35s}
header .navbar .search-btns .search-form .search-ipt{padding:0 45px 0 14px;width:100%;height:36px;box-sizing:border-box;border-radius:18px;border:none;font-size:13px;color:#999}
header .navbar .search-btns .search-form .search-ipt::-webkit-input-placeholder{color:#999}
header .navbar .search-btns .search-form .search-icon-box{position:absolute;right:0;top:0;width:45px;height:36px;display:flex;align-items:center;cursor:pointer}
header .navbar .search-btns .search-form .search-icon-box img{margin-left:8px}
header .navbar .search-btns .search-form.open{width:calc(100% - 90px)}

header .navbar .navbar-btns{position:absolute;right:0;top:55px;height:46px;display:flex;align-items:center;z-index:2;transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1)}
header .navbar .navbar-btns span{margin-left:20px;color:#999999}
header .navbar .navbar-btns span a:hover{color:#8d6945}
header .navbar .navbar-btns span.personal{position:relative}
header .navbar .navbar-btns span.personal a{display:flex}
header .navbar .navbar-btns span.personal ul{position:absolute;padding:20px 0 10px;width:80px;top:22px;left:50%;margin-left:-40px;border-radius:4px;transform:translateY(10px);transition:all 0.35s;opacity:0;visibility:hidden;z-index:-5}
header .navbar .navbar-btns span.personal ul li{text-align:center}
header .navbar .navbar-btns span.personal ul li a{display:block}
@media (hover:hover){header .navbar .navbar-btns span.personal:hover ul{transform:translateY(0);opacity:1;visibility:visible;z-index:5}
}
header .navbar.fixed{position:absolute;left:calc((100vw - 91.6667%) / 2);overflow: hidden;}
header .navbar.fixed .search-btns{top:0;height:64px}
header .navbar.fixed .navbar-btns{top:0;height:64px}
header .navigation-menu{position:relative;width:100%;box-shadow:0 8px 16px rgba(217,207,196,0.15)}
header .navigation-menu .menu-toggle-btn{display:none}
header .navigation-menu .nav-list{display:flex;justify-content:center}
header .navigation-menu .menu-item{margin:0 24px}
header .navigation-menu .menu-item.on{color:#8d6945}
header .navigation-menu .menu-item .item-title{line-height:60px;margin-bottom:40px;}
header.fixed .navigation-menu .menu-item .item-title{margin-bottom:0px;}
header .navigation-menu .menu-item .item-title a{padding:0 10px}
header .navigation-menu .menu-item .item-title .toggle-btn{display:none}
header .navigation-menu .menu-item .drop-down{position:absolute;left:0;height:0;width:100vw;text-align:center;background-color:#8d6945;color:#f8f7f6;line-height:60px;overflow:hidden;transition:all 0.35s}
header .navigation-menu .menu-item .drop-down a{margin:0 20px}
header .navigation-menu .menu-item.menu-item-m{display:none}
@media (hover:hover){header .navigation-menu .menu-item:hover .drop-down{height:60px}
}
header.fixed{height:64px}
@media (max-width:1200px){header .navigation-menu .menu-item{margin:0 10px}
header .navbar .search-btns .search-form{width:150px}
}
@media (max-width:992px){header{height:64px}
header .navbar{display:flex;align-items:center;justify-content:space-between;height:100%}
header .navbar .search-btns{width:45px;left:30px;top:0;height:36px}
header .navbar .search-btns span{display:none}
header .navbar .search-btns .search-form{margin-left:0;width:0}
header .navbar .search-btns .search-form .search-ipt{padding:0}
header .navbar .search-btns .search-form .search-icon-box{left:0;top:14px}
header .navbar .search-btns .search-form.open{width:100%}
header .navbar .search-btns .search-form.open .search-ipt{padding:0 14px 0 45px;border-radius:10px}
header .navbar .search-btns .search-form.open .search-icon-box{top:0}
header .navbar .search-btns.mopen{position:absolute;width:calc(100% + 2px);left:-1px;top:14px;z-index:5}
header .navbar .logo-chanel{position:relative;margin:0;padding:0;height:25px;width:auto;z-index:2}
header .navbar .logo-chanel img{width:auto;height:20px}
header .navbar .logo-chanel.translatehide{opacity:1;transform:translateY(0);padding:0px}
header .navbar .navbar-btns{position:absolute;top:9px}
header .navbar .navbar-btns span{margin-left:10px;font-size:12px}
header .navbar .navbar-btns span.other-site{display:none}
header .navigation-menu{position:fixed;padding-top:64px;left:0;top:0;height:0;width:100%;background-color:transparent;overflow:hidden;transition:all 0.2s}
header .navigation-menu .menu-toggle-btn{display:block;position:absolute;left:calc((100% - 91.6667%) / 2);top:24px;padding:0 5px;width:28px;height:16px;box-sizing:border-box;cursor:pointer}
header .navigation-menu .menu-toggle-btn span{position:absolute;left:0;width:100%;height:1px;background-color:#999999;transform-origin:left center}
header .navigation-menu .menu-toggle-btn span:nth-child(1){top:0;transition:all 0.35s}
header .navigation-menu .menu-toggle-btn span:nth-child(2){top:50%}
header .navigation-menu .menu-toggle-btn span:last-child{bottom:0;transition:all 0.35s}
header .navigation-menu.active{height:100%;background-color:#fff;z-index:999}
header .navigation-menu.active .menu-toggle-btn span:nth-child(1){top:-2px;transform:rotateZ(45deg)}
header .navigation-menu.active .menu-toggle-btn span:nth-child(2){display:none}
header .navigation-menu.active .menu-toggle-btn span:last-child{bottom:-3px;transform:rotateZ(-45deg)}
header .navigation-menu .nav-list{flex-direction:column;justify-content:start;height:calc(100vh - 64px);overflow-y:auto}
header .navigation-menu .menu-item{margin:0}
header .navigation-menu .menu-item .item-title{position:relative;line-height:50px;border-bottom:1px solid #f3efe7;margin-bottom:0px;}
header .navigation-menu .menu-item .item-title a{display:block;padding:0 calc((100vw - 91.6667%) / 2)}
header .navigation-menu .menu-item .item-title.hasdrop a{width:calc(91.6667% - 80px)}
header .navigation-menu .menu-item .item-title.hasdrop .toggle-btn{width:50px;height:100%;display:block;position:absolute;right:0;top:0}
header .navigation-menu .menu-item .item-title.hasdrop .toggle-btn:after,header .navigation-menu .menu-item .item-title.hasdrop .toggle-btn:before{position:absolute;content:'';background-color:#999999;transition:all 0.35s}
header .navigation-menu .menu-item .item-title.hasdrop .toggle-btn:after{width:1px;height:20px;top:50%;margin-top:-9.5px;right:24.5px}
header .navigation-menu .menu-item .item-title.hasdrop .toggle-btn:before{width:20px;height:1px;right:15px;top:50%;margin-top:-0.5px}
header .navigation-menu .menu-item .item-title.hasdrop .toggle-btn.open:after{transform:rotateZ(90deg);opacity:0}
header .navigation-menu .menu-item.menu-item-m{display:block}
header .navigation-menu .menu-item .drop-down{position:relative;display:none;height:auto;overflow:hidden;background-color:#fff;color:#000;text-align:left}
header .navigation-menu .menu-item .drop-down a{display:block;padding:0 calc((100vw - 91.6667%) / 2 + 10px);margin:0;box-sizing:border-box;border-bottom:1px solid #f3efe7;line-height:40px}
}
@media (max-width:992px) and (hover:hover){header .navigation-menu .menu-item:hover .drop-down{height:auto}
}
footer{padding-top:62px;width:100%;background-color:#fcfbf5}
footer .footer-nav{padding-bottom:130px;margin:0 auto;width:61.46%;display:flex;justify-content:space-between}
footer .footer-nav .nav-list{display:flex;width:76%}
footer .footer-nav .nav-list .list-item{margin-right:8.4%}
footer .footer-nav .qr-list{display:flex}
footer .footer-nav .qr-list .list-item{margin-left:25px}
footer .footer-nav .list-item .title{line-height:30px;color:#333333;text-align:center}
footer .footer-nav .list-item .item-link{line-height:30px;color:#666666;text-align:center}
footer .footer-nav .list-item .item-link:hover{color:#8d6945}
footer .footer-copy{background-color:#8d6945}
footer .footer-copy p{padding:20px 15px;margin:0;font-size:12px;line-height:20px;text-align:center;color:#333333}
@media (max-width:1400px){footer .footer-nav{width:80%}
}
@media (max-width:992px){footer .footer-nav{flex-wrap:wrap;justify-content:center}
footer .footer-nav .nav-list{width:100%;justify-content:space-between}
footer .footer-nav .nav-list .list-item{margin-right:0;margin-bottom:10px}
footer .footer-nav .qr-list .list-item{margin:0 10px}
}
@media (max-width:768px){footer .footer-nav{padding-bottom:70px;flex-wrap:wrap;justify-content:center}
footer .footer-nav .nav-list{width:100%;justify-content:flex-start;flex-wrap:wrap;margin-bottom:20px;}
footer .footer-nav .nav-list .list-item{margin:0 13px;margin-bottom:10px}
}
.main{padding-top:150px}
@media (max-width:992px){.main{padding-top:80px}
}
.slide-cart{position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,0.4);z-index:-1;opacity:0;visibility:hidden;transition:all 0.35s}
.slide-cart .slide-cart-close{position:fixed;width:20px;height:20px;right:30px;top:20px;z-index:10;cursor:pointer}
.slide-cart .pop-up-box{position:absolute;right:0;width:530px;height:100%;background-color:#fff;overflow-y:auto}
.slide-cart .pop-up-box .dlgw{position:absolute;right:0;width:100%;height:100%}
.slide-cart .pop-up-box .dlgw .centent .product{position:relative;margin:0 auto;width:300px;height:110px;border-bottom:1px solid #d2d2d2;display:flex;align-items:center;overflow:hidden}
.slide-cart .pop-up-box .dlgw .centent .product .product_img{position:relative;padding:10px;display:flex;align-items:center;justify-content:center;width:40%;box-sizing:border-box}
.slide-cart .pop-up-box .dlgw .centent .product .product_img img{width:100%}
.slide-cart .pop-up-box .dlgw .centent .product .product_text{width:60%;line-height:1.5;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.slide-cart .pop-up-box .dlgw .centent .product .stock{position:absolute;display:block;height:20px;right:10px;bottom:5px;text-align:center;line-height:20px;font-size:12px}
.slide-cart .pop-up-box .dlgw .centent .product:last-of-type{border:none;border-bottom:none}
.slide-cart .pop-up-box .dlgw .gdtx{margin:0 auto;width:300px;text-align:center;display:flex}
.slide-cart .pop-up-box .dlgw .gdtx span{width:33.3%;font-size:12px}
.slide-cart .pop-up-box .dlgw .gdtx .xian{position:relative}
.slide-cart .pop-up-box .dlgw .gdtx .xian span{position:absolute;top:8px;left:0;display:inline-block;width:100%;height:1px;background-color:#d2d2d2}
.slide-cart .pop-up-box .dlgw .button{margin:0 auto;margin-top:28px;line-height:45px;width:300px;text-align:center;background:#8d6945;color:#fff;border-radius:6px}
.slide-cart .pop-up-box .dlgw .button a{display:block}
.slide-cart .pop-up-box .dlgw .jumpList{margin:0 auto;width:300px}
.slide-cart .pop-up-box .dlgw .jumpList .nape{border-bottom:1px solid #d2d2d2}
.slide-cart .pop-up-box .dlgw .jumpList .nape a{display:block}
.slide-cart .pop-up-box .dlgw .jumpList .nape a.loginLink{display:inline}
.slide-cart .pop-up-box .dlgw .jumpList .nape img{display:inline-block;vertical-align:middle}
.slide-cart .pop-up-box .dlgw .jumpList .nape span{color:#967658;line-height:58px;margin-left:22px}
.slide-cart .pop-up-box .dlgw .jumpList .nape span i{font-style:initial}
.slide-cart.slideShow{opacity:1;visibility:visible;z-index:9999}
@media (max-width:1500px){.slide-cart .pop-up-box{width:400px}
}
@media (max-width:992px){.slide-cart{width:100%}
.slide-cart .pop-up-box{width:100%}
.slide-cart .pop-up-box .dlgw{width:100%}
}
.loginAlert{width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;background-color:rgba(0,0,0,0.6);display:none}
.loginAlert .login-box{width:450px;padding-top:30px;height:470px;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1111;background-color:#fff}
.loginAlert .login-box .title{font-size:28px;text-align:center;line-height:2;border-bottom:1px solid #dedede}
.loginAlert .login-box .closeBtn{width:20px;height:20px;background:url(../images/product_cd_close.png) no-repeat;position:absolute;right:15px;top:15px;cursor:pointer}
.loginAlert .login-box .login-alert-inner{width:90%;margin:0 auto}
.loginAlert .login-box .login-alert-inner .noCode{padding:10px 0;font-size:16px;line-height:2;font-weight:200}
.loginAlert .login-box .login-alert-inner .noCode .registerBtn{padding:5px 10px;font-size:14px;color:#8d6945}
.loginAlert .login-box .login-alert-inner label{display:block;margin-top:20px;font-size:16px;line-height:1;margin-bottom:0;font-weight:200}
.loginAlert .login-box .login-alert-inner input{padding:0 10px;width:100%;line-height:40px;height:40px;margin-top:10px;box-sizing:border-box;border:1px solid #dedede;border-radius:5px}
.loginAlert .login-box .login-alert-inner input::-webkit-input-placeholder{color:#666}
.loginAlert .login-box .login-alert-inner .forgetPwd{display:block;padding:10px 0;text-align:right;line-height:1.5}
.loginAlert .login-box .login-alert-inner .loginBtn{margin:0 auto;margin-top:18px;height:40px;line-height:40px;width:300px;text-align:center;background-color:#8d6945;border-radius:5px;color:#fff;cursor:pointer}
@media (max-width:768px){.loginAlert .login-box{padding:25px 15px;width:90%}
.loginAlert .login-box .login-alert-inner .title{font-size:24px}
.loginAlert .login-box .login-alert-inner .loginBtn{width:100%}
}
.fixed-cart{position:fixed;right:15px;bottom:130px;cursor:pointer;z-index:50}
.fixed-cart .productCount{position:absolute;right:-5px;bottom:-5px;height:15px;width:15px;font-size:12px;text-align:center;border-radius:50%;color:#fff;line-height:15px;background-color:#8d6945}
.wap{display:none;}
.animated{visibility:hidden;}
@media (max-width:768px){
    .wap{display:block;}
    .pc{display:none;}
}