/* html{font-size:calc(25px + 3.90625vw)} */
@media screen and (max-width:1600px){html {font-size:90px;}
}
@media screen and (max-width:1366px){html {font-size:85px;}
}
html.phone {font-size:13.33vw;}
html.phone.landscape {font-size:5.33vw;}
button{border:0;outline:0;background-color:transparent;color:inherit;font-size:1em;}
a{text-decoration:none;color:inherit;}
/* 头部 */
.header-top{position:fixed;top:0;left:0;right:0;z-index:4;font-size:.18rem;background-color:#ffffff;box-shadow:0px 5px 8px 0px rgba(0,0,0,0.07);}
.header-top-inner{width:100%;padding:.12rem;display:flex;align-items:center;transition: all .3s ease-out;}
/* 头部-导航 */
.header-logo{width:4.85rem;max-width:50%;height:.47rem;background:url(../images/public/logo-color.png) no-repeat left center/contain;}
/* 头部-导航 */
.header-nav{flex:1;text-align:right;}
.header-nav>a{margin:0 1%}
.header-nav>a.active{color:#010a1d;}
/* 头部-登录 */
.header-login{padding:.2em 1em;font-size:.78em;border-radius:0.14rem;border:1px solid #333;}
/* 头部-搜索 */
.header-search{position:relative;margin:0 1%;overflow:hidden;transition:all .3s ease-out;}
/* 头部-搜索折叠 */
.header-search-expand{position:absolute;top:-1.3rem;right:0;bottom:0;left:5rem;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:.1rem;transition:all .3s ease-out;}
.header-search-expand>input{width:4rem;height:.47rem;padding:.1rem;background-color:#fff;border:1px solid #333;border-right:0;border-radius:.14rem 0 0 .14rem;outline:0;}
.header-search-submit{width:.47rem;height:.47rem;color:#fff;background-color:#010a1d;border-radius:0 .14rem .14rem 0;}
.header-top.bg-color1 .header-search-submit{box-shadow:inset 0 0 0 1px #8e8e8e;}
.header-search-close{display:block;padding:.3em;margin-left:1%;cursor:pointer;border-radius:50%;transition:all .3s ease-out;border:1px solid #333;}
.header-search-close:hover{color:#010a1d;border-color:#010a1d;}
.header-top-inner.is-search>div{visibility:hidden;}
.header-top-inner.is-search .header-search{position:static;visibility:visible;overflow:visible;}
.header-top-inner.is-search .header-search-expand{top:0;}
/* 头部样式变化 */
.header-top.bg-color1{color:#dadada;background-color:rgba(3,23,42,.7);}
.header-top.bg-color1 .header-logo{background-image:url(../images/public/logo.png)}
.header-top-inner.is-search .header-search-open:hover,
.header-top.bg-color1 .header-nav>a.active{color:#fff;cursor:pointer;}
.header-top.bg-color1 .header-search-close,
.header-top.bg-color1 .header-login{border-color:#dadada;}
.header-top.bg-color1 .header-login:hover{color:#fff;border-color:#fff;}
.header-top.bg-color1 .header-search-close:hover{color:#2199f6;border-color:#2199f6;}
/* 登录后 */
.header-logined{position:relative;padding:.1rem 0;}
.header-logined-dropdown{position:absolute;right:0;width: 7em;height:0;font-size:.88em;overflow:hidden;color:#333;transform:translateY(.2rem);background-color:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.6);transition:all .3s ease-out;}
/* 三角样式 */
.header-logined-dropdown::before{content:'';position:absolute;top:-.15rem;right:.2rem;width:0;height:0;border:.1rem solid transparent;border-bottom-color:#fff;}
.header-logined:hover .header-logined-dropdown{padding:.1rem 0 0;height:auto;overflow:visible;transform:translateY(.1rem);}
.header-logined-dropdown .header-logined-dropdown-link{display:block;width:100%;padding: .5em 1em;text-align: left;}
.header-logined-dropdown .header-logined-dropdown-link+.header-logined-dropdown-link{border-top:1px dashed #5583ba}
.header-logined-dropdown .header-logined-dropdown-link:hover{cursor:pointer;color:#010a1d;}

/* 小尺寸头部 */
.header-menu,
.top-small{display:none;}

@media screen and (max-width:1027px){
  .header-search{margin:0 1em 0 auto;}
  /* 导航 */
  .header-nav{position:absolute;top:100%;left:0;width:100%;height:0;text-align:center;color:#fff;background-color:rgba(0,0,0,0.6);overflow:hidden;transition:all .3s ease-out;}
  html.phone .header-top{font-size:.24rem}
  .header-top-inner.is-nav .header-nav{height:18em;overflow:auto;}
  .header-nav>a{display:block;padding:0.5em 0;margin:.5em 0;}
  /* 搜索 */
  .header-top-inner .header-search .header-search-expand{left:0;top:100%;height:0;overflow:hidden;}
  .header-top-inner.is-search .header-search-expand{top:100%;height:200%;justify-content:center;background-color:rgba(0,0,0,0.6);}
  .header-menu{display:block;margin-left:1em;}
}

/* 脚部 */
.footer{position:relative;background:#004674;padding:0.5rem 0 0 0;display:block;overflow:hidden;transition: all .3s ease-out;}
html.pc .footer{min-height:1.4rem;}
.footer .footer-box{width:15rem;max-width:96%;margin:auto;}
.footer-top{text-align:center;}
.footer-top .footer-school-info{display:inline-flex;padding:0 0.25rem 0.3rem;text-align:left;vertical-align:middle;}
.footer-top > li > h3{-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.footer-school-info > h3 > img{max-width:100%;max-height:0.55rem;object-fit:contain;}
.footer-top > li > p{color:#ffffff;font-size:0.14rem;line-height:0.3rem;}
.footer-top > li > p+p{margin-left:0.25rem;}
.footer-top > li > p>span{display:block}
.footer-top > li > p>span:before{margin-right:.3em}
/* 二維碼盒子 */
.footer-code-box{text-align:center;}
.footer-code-box img,
.footer-code-box .footer-code{display:inline-block;width:1.4rem;height:1.4rem;margin:0;}
.footer-code-list{width:2.4rem;margin-right:0;}
/* 移动端不展示二维码 */
html.phone .footer-code-list{display:none;}
.footer-code-box p{text-align:center;color:#4c4c4c;font-size:0.14rem;}
.footer-bottom p{color:#ffffff;font-size:0.14rem;text-align:center;padding:0.2rem 0;}
.footer-bottom{background:#022d49;border-top:0.01rem solid rgba(255,255,255,.1)}
@media only screen and (max-width:780px){
  .footer{padding:0;}
  .footer-top > li{width:100%;height:auto;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;overflow:hidden;}
  .footer-top .footer-school-info{padding:0.1rem 0;}
  .footer-top > li > p{font-size:0.13rem;}
  .footer-top .footer-code-box{margin:0.1rem 0 0 0rem;}
  /* 二维码盒子 */
  .footer-code-box{display:inline-block;width:1.2rem;height:1.2rem;margin:0;}
  /* 二维码 */
  .footer-code-box > img,
  .footer-code-box .footer-code{width:100%;height:100%;}
  /*  */
  .footer-bottom{margin-top:0.05rem;background:#fff;}
  .footer-bottom p{color:#808080;font-size:0.12rem;text-align:center;padding:0.1rem;}
  .footer-code-list{width:100% !important;margin-right:0 !important;}
  .footer-top ul li div{margin:0.3rem 0.1rem 0;}
}
@media only screen and (max-width:680px){.footer-top .footer-school-info{display:block}
  .footer-top > li > p+p{margin-left:0}
  .footer-bottom p{font-size:0.1rem}
}