@font-face { font-family: iconfont; src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPcAAsAAAAACEAAAAOQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDVIMaATYCJAMUCwwABCAFhG0HUhswBxEVnPHIfiZkcgn7O+8oo66bEbK2OpSJxjfBA+X1vslMtll8iBW0KuzdSry1J/JGpwASAA0EaO7O95urXT4WOkKV5Nojj7b4hwrpy2SO/v97p78xLfvYuvYslzWHLex8DDAOpEDHnGQljg3TC+cUPEjbIQAHqRRD1GvQzI2BgvQTgBjYr083jJQNVcMRGEZbyVSVKhajY2hztCvAIv178YYywgANXUJ2atW7fk9qmZi1ZMCSjnILC8fbDUAHJFAMUCCGl/oGIm2uGBKHP1RRC3BgoKGZmLxVUbOWZcWqHRkc9A8PBBKFBsIGKXUBUAvlFZhwBAGmhiDBLIqgwKyVRwPuKwAOWAjCWUxL9mpIWOWKcikVmuwiF0+49sx9/bnn5gvfDdO/at6eQHTP5dHLd8Z6V67btSPG061Q523w0S5OzYETx4QbT9zXbnmuP/bdvOsL9lwR2D031utePndvMM7nXRncNy/G4xvlEveE69fc4Tdu+AbcnOdxa4E98/bFyZV75+5WxGRRnfY0cEulpaqbVCzNtxTEU1P1m2J4tFGwJ7VcytpevcrWOXd44oCjAyZu3DXRvQxryi09PV2/BcVQIlRxZPWvAFhMXkb1qQ3bHPFvOVXxWI1TjTLPFjtT5smFsAtxVqK82CcvekwcsbMOHDh4wOBxYw4eZI+NVR+A6Vmx4bGz1ZI0XFw1r0mlXm20lW5RpWd+s0u/ijYZwarmHJsZVi+tXKjMlU2rm186Hlk6tFxaPfwAWLPk3380K2u4Qm6xtmaprTL4b/dj0Nu/F+qwat8MpwLgzvpfdbSsPbbVBj9Ijy//kxa1tAb7qAqUxK4rT8490qpVpxGATiESBDT4aTX/LxTJg3H0MbPIZMAgJgaNIqSAxCCbpGjFQMdJObBhUBMcFKXhbCdRDEcilB0oZAYAQTiHQCOU4yAJ5ypJ0e6DTizvwEa4kODAK6KWdJIrLP1uHgWtYqDuj3zPi2GOvTHlb7BpaiWp1NwvSPRJKrMiW3zFAhljRPy2laohIzzTC9gN08S0Cgf0mjnV9ZLnpuxDWc/z5oZHQasYqPsj3/NiZGO9yX3/DTZNrdQQ+qJfkOjbpzIrWpBedUsrwrXcEr9tpWrICM/0AjyYaI5pLe8U0GvmemTWS47qmba6bH7D/IybAAdkZV1oQgoldGHjYViCYPl3WKxb86g+On/sE/+kc/CLtS1vNg==") format("woff2"); }
.iconfont { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; }
.icon-querenzhengque::before { content: ""; }
.icon-tishi::before { content: ""; }
.icon-cuowu::before { content: ""; }
.icon-jinggao::before { content: ""; }
* { box-sizing: border-box; margin: 0px; padding: 0px; font-weight: 300; }
body, body ::-webkit-input-placeholder { font-family: "Source Sans Pro", sans-serif; color: rgb(255, 255, 255); font-weight: 300; }
a { text-decoration: none; }
.wrapper { background: linear-gradient(to right bottom, rgb(1, 169, 130) 0px, rgb(96, 174, 128) 100%); overflow: hidden; position: relative; left: 0px; width: 100%; min-height: 100vh; }
.bg-bubbles { position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; z-index: 1; }
.bg-bubbles li { position: absolute; list-style: none; display: block; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.15); bottom: -160px; animation: 25s ease 0s infinite normal none running square; transition-timing-function: linear; }
.bg-bubbles li:nth-child(1) { left: 10%; }
.bg-bubbles li:nth-child(2) { left: 20%; width: 80px; height: 80px; animation-delay: 2s; animation-duration: 17s; }
.bg-bubbles li:nth-child(3) { left: 25%; animation-delay: 4s; }
.bg-bubbles li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-duration: 22s; background-color: rgba(255, 255, 255, 0.25); }
.bg-bubbles li:nth-child(5) { left: 70%; }
.bg-bubbles li:nth-child(6) { left: 80%; width: 120px; height: 120px; animation-delay: 3s; background-color: rgba(255, 255, 255, 0.2); }
.bg-bubbles li:nth-child(7) { left: 32%; width: 160px; height: 160px; animation-delay: 7s; }
.bg-bubbles li:nth-child(8) { left: 55%; width: 20px; height: 20px; animation-delay: 15s; animation-duration: 40s; }
.bg-bubbles li:nth-child(9) { left: 25%; width: 10px; height: 10px; animation-delay: 2s; animation-duration: 40s; background-color: rgba(255, 255, 255, 0.3); }
.bg-bubbles li:nth-child(10) { left: 90%; width: 160px; height: 160px; animation-delay: 11s; }
@keyframes square { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-700px) rotate(600deg); }
}
.main { padding: 50px 0px; z-index: 999; position: relative; }
.main h1 { font-size: 40px; text-align: center; color: rgb(255, 255, 255); margin-bottom: 30px; text-transform: uppercase; }
.content { margin: 0px auto; width: 28%; background: rgb(255, 255, 255); border-radius: 5px; }
p.footer { font-size: 16px; text-align: center; color: rgb(255, 255, 255); font-weight: 500; margin-top: 30px; }
p.footer a { color: rgb(85, 172, 238); }
p.footer a:hover { color: rgb(0, 0, 0); transition: 0.5s; }
.content-top h2 { font-size: 22px; color: rgb(255, 255, 255); text-align: center; background: rgb(2, 169, 130); padding: 12px 0px; border-radius: 5px; font-weight: bold; }
.content-top p { text-align: center; font-size: 16px; color: rgb(0, 0, 0); margin-top: 15px; }
.content-top ul li { display: block; font-size: 15px; color: rgb(0, 0, 0); line-height: 1.8em; padding: 1em 0px 1em 1em; border-bottom: 1px solid rgb(226, 224, 222); }
.content-top ul li a { color: rgb(0, 0, 0); font-weight: 400; }
.content-top ul li a i { color: rgb(2, 169, 130); font-style: normal; display: block; margin: 2px 0px; }
.content-top ul li span { display: block; color: rgb(153, 153, 153); }
.content-top { padding: 1.5em; }
.content-top p a { color: rgb(85, 172, 238); margin-left: 5px; }
.jump-section { text-align: center; margin-top: 1em; }
.jump-button { display: block; background: linear-gradient(135deg, rgb(2, 169, 130) 0%, rgb(1, 169, 130) 100%); color: rgb(255, 255, 255); padding: 15px 40px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; transition: 0.3s; box-shadow: rgba(2, 169, 130, 0.3) 0px 4px 15px; cursor: pointer; width: 100%; margin: 0px auto; letter-spacing: 0.5px; }
.jump-button:hover { background: linear-gradient(135deg, rgb(1, 169, 130) 0%, rgb(1, 143, 117) 100%); transform: translateY(-3px); box-shadow: rgba(2, 169, 130, 0.4) 0px 6px 20px; }
.jump-button:active { transform: translateY(-1px); box-shadow: rgba(2, 169, 130, 0.3) 0px 3px 10px; }
.jump-button #countdown-timer { font-weight: 700; color: rgb(255, 255, 255); }
.tips { padding: 1em; background: rgb(249, 249, 249); border-radius: 3px; margin-top: 1em; font-size: 14px; color: rgb(102, 102, 102); line-height: 1.6em; }
@media (max-width: 1366px) {
  .content { width: 31%; }
}
@media (max-width: 1280px) {
  .content { width: 32%; }
}
@media (max-width: 1080px) {
  .content { width: 38%; }
  .main h1 { font-size: 36px; }
  .content-top h2 { font-size: 20px; padding: 10px 0px; }
  .content-top p, .content-top ul li, p.footer { font-size: 14px; }
}
@media (max-width: 800px) {
  .main h1 { font-size: 34px; }
  .content { width: 46%; }
}
@media (max-width: 768px) {
  .main { padding: 90px 0px; }
  .main h1 { margin-bottom: 55px; }
  p.footer { margin-top: 75px; }
}
@media (max-width: 736px) {
  .main { padding: 70px 0px; }
  .main h1 { margin-bottom: 45px; }
  .content { width: 53%; }
  p.footer { margin-top: 50px; }
}
@media (max-width: 667px) {
  .main h1 { font-size: 32px; margin-bottom: 35px; }
  .main { padding: 60px 0px; }
  .content { width: 57%; }
  .content-top h2 { font-size: 18px; }
}
@media (max-width: 600px) {
  .main h1 { font-size: 30px; }
  .content-top { padding: 1em; }
  .content { width: 62%; }
}
@media (max-width: 568px) {
  .content { width: 68%; }
}
@media (max-width: 480px) {
  .content { width: 78%; }
  .main h1 { font-size: 28px; }
  p.footer { margin-top: 42px; }
}
@media (max-width: 414px) {
  .content-top h2 { font-size: 16px; }
  .content { width: 85%; }
  .main { padding: 50px 0px; }
  p.footer { line-height: 1.8em; margin: 42px auto 0px; width: 85%; }
}
@media (max-width: 384px) {
  .main h1 { font-size: 27px; }
  .content, p.footer { width: 90%; }
  p.footer { margin: 32px auto 0px; }
}
@media (max-width: 375px) {
  .main h1 { font-size: 26px; margin-bottom: 25px; }
  .main { padding: 45px 0px; }
  .content, p.footer { width: 92%; }
  .content-top h2 { padding: 8px 0px; }
}
@media (max-width: 320px) {
  .main h1 { font-size: 24px; margin-bottom: 30px; }
  .content-top ul li { padding: 1em 0px 1em 1em; background-size: 13% auto !important; }
  .content-top { padding: 1.2em; }
  .content-top p, .content-top ul li, p.footer { font-size: 13px; }
  .content, p.footer { width: 90%; }
}