/*固定头部*/
.header_fix{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    /*background: #000;*/
}
.mobile .header_fix{overflow: hidden;}

.header_fix_placeholder{width: 100%; height: 108px;}
.mobile .header_fix_placeholder{width: 100%;  height: 42px;}
/*pc*/
.menu-more {display: none;}
.Login_text{
    white-space: nowrap;
    text-align: revert;
    color: #fff;
    font-weight: 700;
    /*display: flex;*/
    /*justify-content: flex-end;*/
    margin-left: 5px !important;
    right: 122px;
    position: absolute;
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    cursor:pointer; height: 30px;  align-items: center;
    display:none;
    line-height: 30px;
}
.Login_text::after{content:"";height:calc(25px * .7);position:absolute;right:-15px;width:1px;background:#ccc;top:50%;transform:translateY(-50%);}
.Login_text .login_out{ transition: .3s;padding: 0 5px;color: #e4af40; -webkit-transition:.3s;}
.Login_text .login_out:hover{color: #ffb500; }
.login_icons{
    display: inline-flex;
    vertical-align: middle;
}
.login_icons >span{position: relative; overflow: hidden;font-size: 18px;}
.login_icons >span .abcRioButton{height:36px;width:120px;position: absolute;left: 0;top: 0;opacity: 0;}
.forgetPassword{float: left; cursor: pointer;}
.forgetPassword a{color: #ccc;}
/*移动端*/
.mobile .forgetPassword{float: left !important;}
.mobile .Login_text{ right: calc(108px + .9rem); display: none;}
.mobile .hdTop .Login_text{ right: calc(108px + .9rem); display: none !important;}
.mobile .Login_text::after{display: none;}

.mobile .header .hdTop .container .logo{width: 100%;}
/*.mobile .header .hdTop .container .logo a{width: 100%; position: relative; height: 100%;}*/
.mobile .header .hTop .container .logo img{left:50%; transform: translateY(-50%) translateX(-50%);}
.mobile .header .other_box{width: 100%; background: #242424; height: 40px; position: relative;display: none;}
.mobile .header .other_box .language{z-index: 9; position: absolute; width: auto; left: calc( 50% - 35px); top: 50%; transform: translateY(-50%) translateX(-50%);}
.mobile .header .other_box .language::after{content:"";height:calc(25px * .7);position:absolute;right:-20px;width:1px;background:#ccc;top:50%;transform:translateY(-50%);}
/*.mobile .header .other_box .language_bar{bottom: 0; top: auto;}*/
/*.mobile .header .other_box .language_bar li{border-bottom: 0 !important;}*/
.mobile .header .other_box .language_bar::before{
    top: -14px;
    left: 55px;
    transform: rotate(90deg);
}
.mobile .header .Search_Box{width: 100%;background: #242424;height: 53px;position: relative;padding: 0 15px;display: flex;align-items: center;}
.mobile .header .Search_Box input{/* width:calc(100% - 90px); */line-height: 2.11765em;position: relative;/* top: 50%; *//* left: 15px; *//* transform: translateY(-50%); */background: rgba(168, 168, 170, .1);border-radius: 5px;color: #ffffff;text-indent:30px;flex: 1;flex: 1;}
.mobile .header .Search_Box button{color: #097BBD;/* position: absolute; *//* right: 15px; *//* transform: translateY(-50%); *//* top: 50%; */padding: 0 0 0 15px;}
.mobile .header .Search_Box::before{content: "\e672"; font-family: iconfont;  color: #ffffff; font-size: 15px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.mobile .header .language{ left: 15px;}
.mobile .header .hdTop .language{ left: 15px; display: none}
/*.mobile .header .hdTop .container{background: #ffffff;}*/
.mobile .header .hdTop .container .search-box{display: none; right: calc(77px + .6rem);
    transition: .3s;
    -webkit-transition:.3s;
}
.mobile .header .hdTop .container .search-box::after{display: none;}
.mobile .header .hdTop .container .search-box::before{content:"";height:calc(25px * .7);position:absolute;left:-.15rem;width:1px;background:#ccc;top:calc(50% + 1px);transform:translateY(-50%);}
.mobile .header .Login{ right: calc(108px + .9rem); display: none;}
.mobile .header .other_box .Login{ right:calc( 50% - 35px); display: flex; align-items: center;; justify-content: center;
    position: absolute; top: 50%; transform: translateY(-50%);}
.mobile .header .other_box .Login_text{ left:calc( 50% + 11px);}
.mobile .header .Login::after{display: none;}
.mobile .header .Login::before{display: none;}
.mobile .header .gouwuchekong{ right: 15px;}
/*.mobile .header .gouwuchekong::before{content:"";height:calc(25px * .7);position:absolute;left:-.15rem;width:1px;background:#ccc;top:50%;transform:translateY(-50%);}*/
.mobile .header .menu-more { /*width: 18px; height: 18px; */right: 15px; /*display: block;*/

    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 15px;

}
/*.mobile .header .menu-more::before{content:"";height:calc(25px * .7);position:absolute;left:-.15rem;width:1px;background:#ccc;top:50%;transform:translateY(-50%);}*/
.mobile .header .menu-more .bar1{width: 18px; height:2px; box-sizing: content-box; border-radius: 2px; background: #ffffff; display: block;-webkit-transition:.3s;transition:.3s}
.mobile .header .menu-more .bar1:nth-of-type(1){margin-top: 2px;}
.mobile .header .menu-more .bar1:nth-of-type(2){margin-top: 4px;}
.mobile .header .menu-more .bar1:nth-of-type(3){margin-top: 4px;}
.mobile .header .menu-more.active .bar1:nth-of-type(1){transform: rotate(45deg); width:19px;
;margin-left: -3px;}
.mobile .header .menu-more.active .bar1:nth-of-type(2){transform: rotate(45deg); width:19px; margin-top: -2px; opacity: 0;
    transition: opacity .25s ease .3s;
    -webkit-transition: opacity .25s ease .3s;
    margin-left: -3px;
}
.mobile .header .menu-more.active .bar1:nth-of-type(3){transform: rotate(-45deg); width:19px; margin-top: -2px
;margin-left: -3px;}

.mobile .header .hdTop .container .search-box.sb-search-open{
    width: 100%;
    z-index: 9;
    right: 15px;
}

.mobile .header .hdTop .container .search-box.sb-search-open .sb-search{
    width: 100%;
}
.mobile .header .hdTop .container .search-box.sb-search-open .sb-search .sb-search-input{
    width: calc(100% - 30px);
}
/*.mobile .header .search-box .sb-search-input{width:2rem;padding:0 30px 0 10px}*/


.mobile .nav{height: 0; position: relative;}
.mobile .header .nav .nav-more{display: none}
.mobile .nav .container{float: left; display: none; width: 100%; height: calc(100vh - 42px); padding: 0; background: #242424;}
.mobile .nav>.container>ul.clearfix {
    background: #242424;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 .3rem;
    height: 100%;
    border-top:1px solid #2b2c30;
    /*border-top: 1px solid #f0f0f0;*/
    position: relative;
}
.mobile .nav>.container>ul.clearfix li{
    border-left: 0;
    border-bottom:1px solid #3b3c3f;
    line-height:initial;
    height: auto;
    /*padding: 0.2rem 0;*/
    text-align: center;
    position: relative;
}
.mobile .nav>.container>ul.clearfix li:last-of-type{
    border-bottom: 0;
}
.mobile .nav>.container>ul.clearfix li a {
    color: #ffffff;
    padding: 0;
    line-height: 50px;
    height: 50px;
}

/*登录*/
.mobile .login_Fix{ padding: 0.2rem 0.4rem;}
.mobile .login_Fix .inner{width: 90%}
.mobile .login_close{
    font-size: 0.28rem;
}
.mobile .login_logo{
    margin-bottom: 0.45rem;
}


.wapLogo{
    display: none;
}

/*.mobile .wapLogo{*/
/*    background: #000000cc;*/
/*    text-align: center;*/
/*    display: block;*/
/*}*/

.mobile .wapLogo a{
    width: 2.7rem;
    display: block;
    margin: auto;
    padding: 0.1rem 0;
}

.header .hdTop .contact {
    position: absolute; top: 50%; transform: translateY(-50%); right: 180px
}
.header .hdTop .contact span{display: none;}
.mobile .header .hdTop .contact {
   display: flex;
   right: 20px
}
.mobile .header .hdTop .contact span{
    margin-left: 10px;
    display: flex;
    align-items: center;
}

#MenuMore{width: auto;}
.mobile #MenuMore{width: 100%;}
.nav{position: relative;}
.nav>.container>ul.clearfix .seceon-itme {cursor:pointer;}
.nav>.container>ul.clearfix {margin:0;}
.nav>.container>ul.clearfix .secondary-menu-box {position:absolute;width:100%;top:100%;left:0;background-color:#222;display: none;}
.nav>.container>ul.clearfix .secondary-menu-box::before{content: '';height: 80px;display: block;}
.nav>.container>ul.clearfix .secondary-menu-box > ul {position:absolute;top: 0;width:100%;height:80px;line-height:80px;text-align:center;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.1);}
.nav>.container>ul.clearfix .secondary-menu-box > ul > li {border:0;}
.nav>.container>ul.clearfix .secondary-menu-box > ul > li {float:none;display:inline-block;margin-right:0;padding:0 15px;line-height:80px;}
.nav>.container>ul.clearfix .secondary-menu li{ border: 0;float:none;height: initial;line-height: initial;}
.nav>.container>ul.clearfix .secondary-menu > li > a {line-height:80px;height:80px;color:#999;font-size:14px;display:block;cursor:pointer}
.nav>.container>ul.clearfix .secondary-menu > li > a:hover,.nav>.container>ul.clearfix .secondary-menu > li.active .seceon-itme {color:#fff;}
.nav>.container>ul.clearfix .secondary-menu > li .three-menu-box {display:none;overflow:hidden;overflow-x: scroll;width:100%;position:absolute;left:0;background-color:#222;}
.nav>.container>ul.clearfix .secondary-menu > li.active .three-menu-box {display:block;}
.nav>.container>ul.clearfix .secondary-menu > li.active .three-menu-box .three-menu{display: flex;justify-content: center;flex-wrap: wrap;padding: 15px 0;width: max-content;margin: auto;}
.nav>.container>ul.clearfix .secondary-menu > li.active .three-menu-box .three-menu li{position: relative;padding: 0;}
.nav>.container>ul.clearfix .secondary-menu > li.active .three-menu-box .three-menu li a{display: flex;flex-flow: column;}
.nav>.container>ul.clearfix .secondary-menu > li.active .three-menu-box .three-menu li:hover a strong{color: #fff;}
.nav>.container>ul.clearfix .secondary-menu > li.active .three-menu li a {line-height:1.5;color:#999!important;}
.three-menu li a:hover {color:#fff!important}
.three-menu li i {display:block;width:130px;height:130px;margin:0 auto 5px;overflow: hidden;position: relative;}
.three-menu li img {position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.three-menu li strong {display:block;text-align:center;font-size:12px;}
/* 定义滚动条整体部分 */
.three-menu-box::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/* 定义滚动条轨道 */
.three-menu-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    border-radius: 10px;
}
/* 定义滚动条的滑块部分 */
.three-menu-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(255,255,255,0.3);
}
/* 鼠标悬停在滑块上时的样式 */
.three-menu-box::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.5);
}
.nav_name .icon-down {display:none;}

.mobile .nav>.container>ul.clearfix .secondary-menu-box,
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu-box,
.mobile .nav>.container>ul.clearfix .secondary-menu-box > ul{height: auto;position: static;line-height: normal;border-bottom: 0;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu-box .three-menu{width:100%;}
.mobile .nav>.container>ul.clearfix .secondary-menu-box > ul > li,
.mobile .nav>.container>ul.clearfix .secondary-menu > li > a{display: block;line-height: 45px;text-align: left;}
.mobile .nav>.container>ul.clearfix .secondary-menu-box::before{content:none}
.mobile .nav>.container>ul.clearfix li {overflow:visible;}
.mobile .nav>.container>ul.clearfix {overflow-y:scroll;height:calc(100vh - 150px);}
.mobile .nav_name .icon-down {display:block;position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;font-size:14px;}
.mobile .nav>.container>ul.clearfix .secondary-menu-box > ul > li {position:relative;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li > a {line-height:50px;height:50px;text-align:left;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu-box .three-menu {display: flex;justify-content:space-between;flex-flow: wrap;padding-bottom:10px;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu li a {height:auto;display: block;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu li {position:relative;padding:0;background:rgba(255,255,255,0.05);margin-top:15px;width:48%;}
.mobile .three-menu li strong {padding-bottom:15px;line-height: normal;}
.mobile .nav>.container>ul.clearfix .icon-down.is-open {transform:rotate(180deg)}
.mobile .nav>.container>ul.clearfix .secondary-menu > li > a:hover,.mobile .nav>.container>ul.clearfix .secondary-menu > li .seceon-itme{color: #999;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu-box{background: none;}
.mobile .nav>.container>ul.clearfix .secondary-menu-box{background: #2f2f2f;}
.mobile .nav>.container>ul.clearfix .secondary-menu > li .three-menu-box{display: none;}
.mobile .nav>.container>ul.clearfix .secondary-menu li{border: 0;border-bottom: 1px solid #3b3c3f;}