.empHeader .navbar-brand {color: #00ae68; margin-right: 20px; padding-top: 15px!important;}
.empHeader .navbar-brand img{width: 110px; float: left; position: relative; top: -5px;}
.empHeader .divider{height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
/* @media (min-width: 768px) and (max-width: 991px){
    .empHeader .nav>li>a{padding-left: 6px; padding-right: 6px; font-size: 12px;}
} */
.empHeader .empAdmin{cursor: pointer; position: relative;}
.empHeader .empAdmin .empAdminRed{transform: scale(0.8); border-radius: 8px; min-width: 16px; text-align: center; height: 16px; line-height: 16px; display: inline-block; background: #c00; color: #fff!important; font-size: 12px; position: absolute; top: 14px; right: 16px; padding: 0 3px;}
.empHeader .dropdown-toggle{padding: 15px 15px 14px; display: inline-block; color: #054b7b!important;}
@media screen and (max-width: 991px){/**/
    .empHeader .navbar{background: transparent;}
    .empHeader .navbar>.container{background: rgba(0, 0, 0, .3);}
    .empHeader .nav>li>a{padding-left: 20px; padding-right: 20px; color: #333;}
    .empHeader .container>.navbar-header{background: #fff; margin-left: -6px; margin-right: -6px; border-bottom: 1px solid #e5e5e5;}
    .empHeader .container>.navbar-collapse{padding-bottom: 5em; max-height: none; height: calc(100vh - 51px)!important; width: 70%; border-top: none; border-right: 1px solid #e5e5e5; background: #fff;}
    .empHeader .navbar-toggle{float: left; border: none; margin-right: 0; background: #fff!important;}
    .empHeader .navbar-brand{padding-left: 5px; font-size: 14px;}
    .empHeader .navbar-brand img{width: 90px; margin-top: -2px;}
    .empHeader .empAdmin{float: right;}
    .empHeader .empAdmin .employerIcon{width: 45px; padding: 10px 15px 0 0; display: inline-block;}
    .empHeader .dropdown-menu{right: 0; left: inherit;}
    .empHeader .dropdown-toggle{padding: 14px 15px 12px 10px;}
    .empHeader .dropdown-toggle .username{display:inline-block; max-width: 72px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;vertical-align:middle;text-align: right;padding-right: 0px;}
    .navBot{font-size: 12px;}
    .empHeader .nav>li.navBot>a{padding-top: 0; padding-right: 10px;}
    .navBot>a>span{display: block;}
}
@media screen and (max-width: 360px){
    .empHeader .navbar-brand{padding-left: 5px; padding-right: 0; font-size: 12px;}
    .empHeader .navbar-brand img{width: 80px; margin-top: -1px;}
    .dropdown-toggle .username{max-width: 72px;}
}
@media (min-width: 992px){/**/
    .navbar-nav>li>a.lang{margin: 10px 5px; padding: 5px 10px; border-radius: 4px; color: #fff!important;
    background: #444;
    background: -webkit-linear-gradient(#aaa, #000);
    background: -o-linear-gradient(#aaa, #000);
    background: -moz-linear-gradient(#aaa, #000);
    background: linear-gradient(#aaa, #000);}
    .navbar-nav>li>a.lang:hover{color: #fff!important;background: #444;
    background: -webkit-linear-gradient(#888,#000);
    background: -o-linear-gradient(#888,#000);
    background: -moz-linear-gradient(#888,#000);
    background: linear-gradient(#888,#000);}
    .empHeader .navbar-brand,.empHeader .navbar-nav>li>a{padding-top: 22px; padding-bottom: 22px;}
    .empHeader .dropdown-toggle{padding-top: 22px; padding-bottom: 21px;}
    .navbar-nav>li>a.lang{padding-top: 5px; padding-bottom: 5px; margin-top: 17px; margin-bottom: 17px;}
 }
@media (max-width: 1199px) and (min-width: 992px){
    /*.empHeader .navbar-brand,.empHeader .navbar-nav>li>a{padding-left: 6px; padding-right: 6px;}*/
}
 .empHeader .navbar-nav>li>a{color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
 .empHeader .navbar-nav>li>a:focus, .empHeader .navbar-nav>li>a:hover{color: #000; background-color: #f2f2f2;}
 .empHeader .navbar-nav>.active>a, .empHeader .navbar-nav>.active>a:focus, .empHeader .navbar-nav>.active>a:hover{color: #333;}
 .empHeader .navHeight{height: 74px;}
 .mainfff,.mainEmp,.empMain{margin-top: -14px;}
 @media screen and (max-width: 991px){/**/.mainfff,.mainEmp,.empMain{margin-top: -9px;} .empHeader .navHeight{height: 60px;}}

.empFooter{background-color: #eee; color: #666; margin: 0;}
.empFooter a{color: #666;}
.empFooter a:hover{color: #333;}
.empFooter .publicfoot_sharecon{text-align: left; padding: 1em 0;}
.empFooter .publicfoot_sharecon h4{opacity: 1;}
.empFooter .publicfoot_sharecon ul li a{color: #666;}
.empFooter .footLink{padding-bottom: 1em;}
.empFooter .footLink li{display: inline-block;}
.empFooter .footLink li a{}
.empFooter .footLink li i{padding: 0 5px; color: #ccc;}
.empFooter .footCr{padding-bottom: 1em;}
.empFooter .footCr1{text-align: center; padding: 1em 0;}
.empFooter .qrCode{padding: 1.5em 0 1em; text-align: right;}
.empFooter .qrCode1,.empFooter .qrCode2{display: inline-block; text-align: center; margin-left: 2em;}
.empFooter .qrCode img{width: 88px;}
.empFooter .qrCode2 img{width: 88px; padding: 5px; background: #fff;}
.empFooter .qrCode p{margin: 5px 0 0; font-size: 12px;}
@media screen and (min-width: 1200px){
    .empFooter .publicfoot_sharecon{padding-top: 1.5em;}
    .footCr{white-space:nowrap;}
}
@media screen and (max-width: 991px){/**/
    .empFooter .qrCode{text-align: center; padding-top: 0.5em;}
    .empFooter .qrCode1,.empFooter .qrCode2{margin: 0 1em;}
    .empFooter .footCr1{font-size: 12px;}
}

@media screen and (max-width: 991px){/**/
    body{background-color: #fff;}
}

/* nav */
.nav2{border-bottom: 1px solid #e7e7e7; margin-bottom: 12px; margin-top: -9px; background: #fff;}
.nav2 .menu_ul label{margin-bottom: 0;}
.nav22height{position: relative;}
.nav22height:before{content: ''; display: inline-block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -8px; top: -8px; vertical-align: middle; border-bottom: 8px dashed #eee; border-top: 8px dashed #eee\9; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.nav2 .menu_ul label:after{content: '';}
.nav2 .nav22{background: #f2f2f2;}
.nav2 .nav22height{height: 1px;}
.nav2 .nav22 li:last-child{display: inline-block;}
@media screen and (max-width: 1200px){
    .nav2 li a i.fa{margin-right: -5px;}
}


/**pad**/
@media (min-width: 768px) and (max-width: 991px){
    .empHeader>.navbar>.container{width: auto;}
    .empHeader>.navbar>.container>.navbar-header{float: none;}
    .empHeader .navbar-toggle{display: block;}
    .empHeader .navbar>.container .navbar-brand,.empHeader .navbar>.container-fluid .navbar-brand{margin-left: 0;}
    .empHeader .container-fluid>.navbar-collapse,.empHeader .container>.navbar-collapse{margin-left: -15px; margin-right: -15px;}
    .empHeader .navbar-fixed-bottom .navbar-collapse,.empHeader .navbar-fixed-top .navbar-collapse,.empHeader .navbar-static-top .navbar-collapse{padding-left: 15px; padding-right: 15px;}
    .empHeader .navbar-collapse.collapse{display: none!important;}
    .empHeader .navbar-collapse.collapse.in{display: block!important;}
    .empHeader .navbar-right{float: none!important;}
    .empHeader .navbar-nav{float: none; margin: 7.5px -15px;}
    .empHeader .navbar-nav>li{float: none;}
    .empHeader .navbar-nav>li>a{padding-top: 10px; padding-bottom: 10px;}
}
.ecc-main{flex: 1;}

.navbar-default,.addLinkNav{background:#fff;}
.addLinkNav{box-shadow: rgb(0 0 0 / 6%) 0px 3px 6px; margin: -10px 0 15px; position: fixed; z-index: 111; top: 75px; width: 100%;}
.addLinkNav ul{display: flex; padding-left: 150px;}
.addLinkNav li a{display: block; padding: 10px 12px; color: #333; font-size: 14px; margin-right: 1.7em;}
.addLinkNav li a:hover,.addLinkNav li a.active{color: #18b;}
.addLinkNav li a i{margin-right: 4px;}
@media (max-width: 991px){
    .addLinkNav{top: 61px;}
    .addLinkNav ul{padding-left: 6px;}
    .addLinkNav li a{margin-right: 1em;}
}
@media (max-width: 767px){
    .addLinkNav ul{justify-content: space-between;}
    .addLinkNav li{text-align: center;}
    .addLinkNav li a{margin-right: 0; padding-left: 8px; padding-right: 8px;}
    .addLinkNav li a i{margin-right: 0;}
    .addLinkNav li a span{display: block; font-size: 12px;}
}

@media (max-width: 1199px) {
    .addLinkNavEn li a {margin-right: 0.5em; padding: 12px 10px; font-size: 13px;}
}
@media (max-width: 767px){
    .addLinkNav li a{margin-right: 0; padding: 8px;}
    .addLinkNav li a i{margin: 5px 0; font-size: 16px;}
    .addLinkNav li a span{display: block; font-size: 10px;}
}
.addLinkNavHeight{height: 46px;}
@media screen and (max-width: 991px){.addLinkNavHeight{height: 40px;}}
@media screen and (max-width: 767px){.addLinkNav li a span{line-height: 1.2;} .addLinkNavEn li a{padding-left: 10px; padding-right: 10px;}.addLinkNavHeight{height: 56px;}.addLinkNavHeightEn{height: 70px;}}
.companyHeaderSubMenuDefaultHide{display: none;}

/**/
.empAdmin2022{cursor: default; width: 340px; padding: 20px; font-size: 12px; line-height: 1.2; position: absolute; right: 0; top: 50px; background-color: #fff;}
.empAdmin2022 a:hover,.ea2Con li a:hover div{color: #054b7b;}
.ea2Top{border-bottom: 1px solid #f2f2f2; background-image: linear-gradient(140deg,#effaff 0%,#f4f3ff 66%,#f2fcf8 66%,#effaff 100%); background-color: #effaff; margin: -20px -20px 20px; padding: 25px 20px 20px; display: flex; justify-content: space-between;}
.ea2Top dl{margin: 0; display: flex;}
.ea2Top dt{margin-right: 10px;}
.ea2Top dd{position: relative;}
.ea2Top dd strong{display: inline-block; font-size: 14px; margin-bottom: 3px;}
.ea2Top dd:hover strong{color: #054b7b;}
.ea2Top dd p{margin: 3px 0 0;}
.ea2Top dd p span{margin-right: 3px;}
.ea2Top dd p a{margin-right: 3px; background-image: linear-gradient(90deg, #494ee5, #8366dd); padding: 1px 5px;}
.ea2Top dd p a:hover{color: #fff; background-image: linear-gradient(-90deg, #494ee5, #8366dd);}
.ea2Vip{margin-left: 3px; background: linear-gradient(45deg,#696969,#404040);
    border-radius: 6px 0;
    color: #fff;
    font-size: 10px;
    overflow: hidden;
    padding: 1px 2px 0; display: inline;}
.ea2Vip span{-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-linear-gradient(-45deg,#ffe0ba,#e7bc79);
    display: inline-block;
    font-weight: bold;
    color: #ffe0ba;}
.ea2Vip0{background: #e6e6e6;}
.ea2Vip0 span{background-image: -webkit-linear-gradient(-45deg,#888,#444);}
.ea2Con{display: flex; justify-content: space-between;}
.ea2Con li{width: 100%; text-align: center; padding: 0 5px;}
.ea2Con li i{font-size: 1.6em; margin-bottom: 10px; background: #effaff; color: #054b7b; border-radius: 50%; width: 2em; text-align: center; height: 2em; line-height: 2em;}
.ea2Con li div{color: #666;}
.ea2Bot{margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; display: flex; justify-content: space-between;}
.ea2Bot a:hover{color: #054b7b;}