html {
  font-size: 50px;
  font-family: 'PingFang','\82F9\65B9','STHeitiSC-Light','MicrosoftYaHei','\5FAE\8F6F\96C5\9ED1';
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
  min-height: 100vh;
  background-color: #060F5C;
  background-image: url(../images/bg.jpg);
  background-size: 7.5rem auto;
  background-position: top center;
  background-repeat: no-repeat;
}
#header {
  position: relative;
  width: 7.5rem;
  height: 6rem;
  margin: 0 auto;
}
#header .logo {
  position: absolute;
  top: .2rem;
  right: .55rem;
  width: 1.6rem;
  height: .7rem;
}
#header .logo img {
  width: 100%;
}
#header .zuqiubao {
  position: absolute;
  top: 4.6rem;
  left: .5rem;
  width: 1.5rem;
  height: .6rem;
}
#header .zuqiubao img {
  width: 100%;
}
#header .title {
  position: absolute;
  top: 1.25rem;
  width: 100%;
  height: auto;
  text-align: center;
}
#header .title img {
  width: 7.5rem;
  height: auto;
}
#header .menus {
  position: absolute;
  top: 5.4rem;
  width: 6.8rem;
  padding: 0 .35rem;
  display: flex;
  justify-content: space-between;
}
#header .menus .menu {
  display: inline-block;
  font-size: .32rem;
  font-weight: bold;
  color: #FFF;
  background-color: #00B4AE;
  text-decoration: none;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  padding: .075rem .2rem .1rem;
  border: 1.5px solid #FFF;
  border-radius: .5rem;
  line-height: .3rem;
}
#header .menus .menu.on {
  color: #00B4AE;
  background-color: #FAE664;
  border: 1.5px solid #FAE664;
}
#main {
  width: 7.5rem;
  background-color: transparent;
  margin: -.1rem auto 0;
  border-radius: 20px;
  text-align: center;
}
#main img {
  width: 100%;
}
#footer {
  margin-top: .5rem;
  width: 100%;
}
#footer img {
  width: 100%;
}