@charset "utf-8";
html {
  font-size:100px;
}

@media (max-width:1440px) {
  html{font-size:calc(100 / 1440 * 100vw)!important;}
}
@media (max-width:1366px) {
  html{font-size:calc(100 / 1366 * 100vw)!important;}
}
@media (max-width:1024px) {
  html{font-size:calc(100 / 1024 * 100vw)!important;}
}
body,input,pre,select,th,td,textarea{
  font-size:0.16rem;
}

select.select-css {
  background-position:right 0.1rem center;
  padding-right:0.2rem;
  padding-left:0.1rem;
}

/*******************************
open-search
********************************/
.top-search{padding-right: 0.5rem;}
.top-search[rel="absolute"]{max-width: 3.2rem;}
.top-search .text{height: 0.44rem; line-height: 0.44rem;padding: 0 0.1rem;}
.top-search .btn{ width: 0.5rem;}

/*******************************
open-menu
********************************/
@media(max-width:1024px){
.open-menu{width: 0.4rem; height:  0.4rem;}
.open-menu i{height:3px; margin-top:-1.5px;}
.open-menu:not(.on) i:nth-child(1){margin-top:-0.11rem;}
.open-menu:not(.on) i:nth-child(3){margin-top:0.08rem;}
}
@media(max-width:640px){
.open-menu i{height:2px; margin-top:-1px;}
}

/*************************************
whir_menu.2.0
**************************************/
@media(max-width:1024px){
.has-multi aside,
.has-sub span{padding-right:0.4rem;}
.has-multi aside .op-multi,
.has-sub span .op{width:0.4rem;}
}

[type="Vertical"] .sub dl{padding: 0.1rem;}
[type="Vertical"] .sub dt{line-height:calc(24 / 14 * 1em); padding: 0.05rem 0; text-align: center;}
@media(min-width:1025px){
[rel="li-relative"] .sub{left:50%;}
}

@media(min-width:1025px){
[type="Vertical-hierarchy"] .hierarchy{ padding: 0.1rem 0;}
}

/*局部根元素大小*/
.root-100{font-size: 1rem;}
@media (max-width:1024px) {
.root-sz-16{font-size: 0.16rem;}
}