@charset "utf-8";
/* ====================公共样式========================= */
/* 头部 */
.Header-wrapper{width: 100%;max-width: 750px;position: fixed;z-index: 99999;top: 0;background:#fff;user-select: none;transition:background-color .4s ease;box-shadow: 0px 4px 10px 0px rgba(38, 38, 39, 0.07)}
.Header-wrapper .contain{width: 100%;}
.Header-logo img.s{display: block;}
.Header-logo img.h{display: none;}

.Header-logo{float: left;height: .9rem;display: flex;align-items: center;position: relative;z-index: 999;margin-left: 4%;}
.Header-logo img{height: 0.6rem;}

.Header-lang{float: right;position: relative;z-index: 999;margin: 0 0.24rem 0 0.3rem;}
.Header-lang-menu{display: flex;align-items: center;height: .9rem;}
.Header-lang-menu span{display: block;font-size: 0.28rem;color: #000;line-height: 1;letter-spacing: .02em;padding-bottom: 0.06rem;border-bottom: 0.02rem solid #000;transition: color .4s ease,border-bottom-color .4s ease}
.Header-lang.active .Header-lang-menu span{color: #ff2828;}
/* 多个语言 */
.Header-lang-more{display: none;z-index: 9;width: 2.4rem;box-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top: .9rem;left: 50%;margin-left: -.9rem;transition: color .4s ease}
.Header-lang-more:before{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 0.16rem 0.16rem;border-color: transparent transparent #efefef transparent;position: absolute;top: -0.16rem;left: 50%;margin-left: -0.16rem;}
.Header-lang-more a{display: block;font-size: 0.32rem;color: #666;text-align: center;padding: 0.12rem 0;}
.Header-lang-more a span{display: inline-block;}
.Header-lang-more a:hover {color: #fff;background: #ff2828;}
.Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(0.4rem);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}

.Header-search{float: right;}
.Header-search-click{width: 0.44rem;overflow: hidden;height: .9rem;cursor: pointer;background: url('/static/m_index/svg/search.svg') no-repeat center /0.52rem auto;position: relative;z-index: 999;}
.Header-search-click.active{background: url('../images/common/close.svg') no-repeat center/0.38rem auto;}
.Header-search-item{display: none;position: absolute;width: 100%;height: 0.9rem;top: .9rem;left: 0;background: #fff;z-index: 99;text-align: right;border-bottom: 0.02rem solid rgba(0, 0, 0, 0.1);}
.Header-search-item.active{display: block;}
.Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;}
.Header-search-item input[type="text"]{width: 100%;height: 0.88rem;font-size: 0.32rem;color: #666;font-size: 0.32rem;padding: 0 1.1rem 0 4%;background: transparent;}
.Header-search-item button{position: absolute;right: 0;top: 0;width: 0.88rem;height: 0.92rem;top: -0.02rem;background: #ff2828 url('/static/m_index/svg/searchW.svg') no-repeat center /0.52rem auto;z-index: 2;}

.Header-navbar{height:100vh;z-index:9999;position:absolute;left:0;top:0;background-color:#fff;width:100%;padding:.4rem 0;display:none}
.Header-navbar .heading{padding:0 4% 0 8%;display:flex;align-items:center;justify-content:space-between}
.Header-navbar .search-btn{font-size:.29rem;line-height:1;color:#000;display:inline-flex;align-items:center}
.Header-close{display:block;background:url(/static/m_index/svg/close.svg) no-repeat center/100%;width:.38rem;height:.38rem}
.Header-navbar .search-btn i{display:block;background:url(/static/m_index/svg/search.svg) no-repeat center/100%;width:.5rem;height:.5rem}
.navbarScroll{margin-top:.8rem}
.Header-navbar li{padding:0 4% 0 8%}
.Header-navbar li+li{margin-top:.6rem}
.Header-menu{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.32rem;color:#131313;line-height:1;border-bottom:.03rem solid #eaeaea;padding-bottom:.22rem}
.Header-arrow{display:block;background:url(/static/m_index/svg/arrR.svg) no-repeat center/100%;width:.36rem;height:.36rem}
.Header-drop{left:0;top:0;position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:2;padding:.4rem 4% 0 8%;display:none}
.Header-drop-close{display:block;background:url(/static/m_index/svg/closeW.svg) no-repeat center/100%;width:.38rem;height:.38rem;margin-left:auto}
.Header-drop .top{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.35rem;line-height:1;margin-top:.9rem}
.Header-drop .more-btn{display:flex;color:#fff;transition:color .4s ease;font-size:.24rem}
.Header-drop .more-btn span{display:block;line-height:1;font-weight:300;padding-bottom:.04rem;position:relative;letter-spacing:1px}
.Header-drop .more-btn span:after{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all .4s ease}
.Header-drop .more-btn span:before{content:'';width:100%;height:100%;position:absolute;bottom:6px;left:0;transition:all .4s ease}
.Header-drop .more-btn svg{width:.3rem;height:.3rem}
.Header-drop .list{margin-top:.8rem;display:flex;flex-wrap:wrap}
.Header-drop .list a{display:block;width:100%;font-size:.29rem;color:#fff;font-weight:500;margin-top:.6rem;line-height:1}
.Header-drop .list .in{width:31.33%}
.Header-drop .list .in+.in{margin-left:2%}
.Header-navclick{user-select:none;float:right;height:.9rem;align-items:center;display:flex;margin-right:4%}
.Header-navclick span,.Header-navclick span:after,.Header-navclick span:before{display:inline-block;height:2px;width:.44rem;background:#333;transition:top .2s linear,background-color .4s ease}
.Header-navclick span{position:relative}
.Header-navclick span:after,.Header-navclick span:before{position:absolute;left:0;content:'';transform-origin:50% 50%;transition:top .2s .4s ease,transform .4s ease,background-color .4s ease;height:2px}
.Header-navclick span:before{top:.14rem}
.Header-navclick span:after{top:-.13rem}
.Header-navclick.active span{transition:all .2s 0s ease;background:0 0!important}
.Header-navclick.active span:after,.Header-navclick.active span:before{transition:top .2s ease,transform .2s .3s ease;top:0;width:.46rem}
.Header-navclick.active span:before{transform:rotate3d(0,0,1,45deg)}
.Header-navclick.active span:after{transform:rotate3d(0,0,1,-45deg)}
.Header-search{position:absolute;width:100%;left:0;top:0;display:none;z-index:9999}
.Header-search .bg{width:100vw;height:100vh;background-color:rgba(17,17,17,.2);z-index:9999;position:absolute;left:0;top:0}
.Header-search .form{width:100%;background:#fff;z-index:10000;position:relative;height:.9rem;padding:0 4%;display:flex;align-items:center;justify-content:space-between}
.Header-search input{width:80%;font-size:.2rem;height:100%;margin-left:.4rem}
.Header-search input::placeholder{font-size:14px;font-weight:700}
#searchSubmit{display:block;background:url(/static/m_index/svg/search.svg) no-repeat center/100%;width:.4rem;height:.4rem}
.Header-search .close{display:block;background:url(/static/m_index/svg/close.svg) no-repeat center/100%;width:.3rem;height:.3rem;margin-left:.1rem}

/* 透明 */
body.NoGap .Container-wrapper{margin-top: 0;}
body.Lucency .Header-wrapper{background: transparent;box-shadow: none}
body.Lucency .Header-logo img.s{display: none;}
body.Lucency .Header-logo img.h{display:block}
body.Lucency li.active .Header-menu,body li.active .Header-menu{font-weight: bold}
body.Lucency .Header-menu::before{background: #fff}
body.Lucency .Header-search-click{background-image: url('/static/m_index/svg/searchW.svg');}
body.Lucency .Header-lang-menu span{color: #fff;border-color:#fff}
body.Lucency .Header-wrapper::after{background: transparent}
body.Lucency .Header-navclick span,body.Lucency .Header-navclick span:before,body.Lucency .Header-navclick span:after{background: #fff}

/* 底部 */
.Footer-wrapper{width:100%;background:#000;position:relative;z-index:9}
.Footer-items{width:100%;padding:.54rem 0 .4rem}
.Footer-items .contain{width:100%}
.Footer-navbar{width:100%;overflow:hidden;user-select:none;padding:0 4%}
.Footer-navbar ul{display:flex;justify-content:space-between}
.Footer-menu{font-size:.24rem;color:#fff;font-weight:500;display:block;position:relative}
.Footer-menu.active::after{transform:rotate(180deg)}
.Footer-copyright{width:100%;border-top:.02rem solid rgba(255,255,255,.1);padding:.1rem 4% 1.2rem;text-align:center}
.Footer-copyright h6,.Footer-copyright p{color:#bebebe;width:100%;font-size:.13rem}
.Footer-info{margin-top:.5rem;width:100%;padding:0 4%}
.Footer-info .text{color:#e0e0e0;font-size:.18rem}
.Footer-info .text+.text{margin-top:.05rem}


/* 置顶 */
.backTop {display: none;right: calc((100vw - 7.2rem)/2 + 0.2rem);border-radius: 0.08rem;bottom:1.4rem;width: 0.7rem;height: 0.7rem;position: fixed;cursor: pointer;z-index: 9999; background: #ff2828 url('/static/m_index/svg/top.svg') no-repeat center/0.3rem auto;}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: .9rem;}
.contain{width: 92%;margin: 0 auto;}

/* 底部 */
.foot-sidebar{position:fixed;bottom:0;left:0;width:100%;z-index:9999;background-color:#111;padding:.16rem 0}
.foot-sidebar .contain{display:flex;justify-content:space-between}
.foot-sidebar a{height:.72rem;background-color:#fff;color:#1e1e1e;display:flex;align-items:center;justify-content:center;width:47%;border-radius:3px;font-size:.22rem}
.foot-sidebar a:hover{background-color:#e1eefa}
