*{margin: 0; padding: 0;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;word-break: keep-all}
html {width: 100%;height: 100%;}
body { font: 13px/140% Arial, sans-serif; background: black; color: white; overflow: hidden; }
a { color: inherit; cursor: pointer; }
img { display: none; }
ul { padding: 0 0 0 20px; }
h1 { font: bold italic 30px/30px Georgia; text-align: center; padding-top: 100px}
h2 { font: bold italic 17px/17px Georgia; padding-top: 10px; }
small { display: block; font-size: 11px; line-height: 15px; }
canvas { position: absolute; top: 50%; left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
#help { text-align: center;position: absolute; pointer-events: none;top: 0; right: 0; bottom: 0; width: 200px; padding-right: 20px; overflow: auto;z-index: 10; }
.bottom{position: fixed;width: 100%;color: #fff;z-index: 10;bottom: 0px;text-align: center;text-decoration: none;color: #555;background: #111;height: 60px;left: 0px;line-height: 60px;}
a i {display: inline-block;width: 14px;height: 16px;margin-right: 6px;background: url('../images/icon-police.png') 0 0 no-repeat;vertical-align: middle;margin-top: -4px;}
.pc-help{width: 30%;position: absolute;right: 0px;top: 50%;z-index: 100;min-width: 410px !important;pointer-events: none;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-family: 'PingFangSC-Medium', sans-serif}
.pc-help .logo{width: 98px;height: 98px;position: relative;display: block;margin: 0px 0px 30px 96px}
.pc-help .intro-cn1,.pc-help .intro-cn2{font-size: 48px;line-height: normal;}
.pc-help .intro-en1{padding-top: 1px;}
.pc-help .intro-en1,.pc-help .intro-en2{font-size: 18px;line-height: 36px}
.pc-help .contact .tips1{font-size: 20px;padding-top: 40px;line-height: 30px;padding-left: 92px;}
.pc-help .contact .tips2{font-size: 34px;line-height: 54px}
.arrow {display: none}
.error canvas{display: none}
.error a {background: transparent}
.mobile-error{display: none}
.pc-error{display: none;}
.error .pc-help{min-width: auto !important; display: none}
.error.mobile .mobile-error{display: block;width: 100%;height: 100%;display: flex;flex-flow: column;justify-content: center;align-items: center;min-height: 588px;position: absolute;left: 0px;top: 0px;z-index: 10;}
.error.mobile .logo{display: block;width: 40px;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.error.mobile .intro{position: relative;text-align: left;}
.error.mobile .intro-cn1{font-size: 30px;line-height: 30px;font-family: 'PingFangSC-Medium', sans-serif;}
.error.mobile .intro-en1{font-size: 12px;line-height: 12px;font-family: 'PingFangSC-Medium', sans-serif;transform: scale(0.92) translateX(-6px);-webkit-transform: scale(0.92) translateX(-6px);padding-top: 13px}
.error.mobile .astronaut-info{position: relative;margin-left: 20px;width: 188px;height: 235px;}
.error.mobile .astronaut{width: 188px; display: block;position: absolute;z-index: 2;}
.error.mobile .rope{width: 315px; display: block;position: absolute;left: 138px;bottom: 46px}
.error.mobile .contact{text-align: center;}
.error.mobile .tips1{font-size: 12px;line-height: 12px}
.error.mobile .tips2{font-size: 19px;line-height: 19px;padding-top: 13px;}
.error.mobile .error-bg{display: block;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 1500px;z-index: -1;}
.error.mobile .space{width: 100%;}
.error.mobile .space1{flex: 109}
.error.mobile .space2{flex: 50}
.error.mobile .space3{flex: 28}
.error.mobile .space4{flex: 78}

/* .bottom, a{background: transparent !important} */

.error.pc .pc-error{width: 100%;height: 100%;display: block}
.error.pc .error-bg{display: block;position: absolute;left: 50%;transform: translateX(-50%);z-index: -1;;bottom: -2px; width: auto;}
.error.pc .pc-error .logo{display: block;width: 61px;position: absolute;top: 60px;left: 72px;z-index: 10;}
.error.pc .pc-error img{display: block}
.error.pc .astronaut-info{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.error.pc .intro-cn1{font-size: 42px;line-height: 42px;font-family: 'PingFangSC-Medium', sans-serif;word-break: keep-all}
.error.pc .intro-en1{font-size: 15px;line-height: 15px;font-family: 'PingFangSC-Medium', sans-serif;padding-top: 20px;word-break: keep-all}
.error.pc .astronaut{width: 427px; display: block;position: absolute;z-index: 2;left: 207px;top: -160px}
.error.pc .rope{width: 615px; display: block;position: absolute;left: 512px;bottom: 53px}
.error.pc .contact{padding-top: 200px;text-align: center}
.error.pc .tips1{font-size: 18px;line-height: 18px;word-break: keep-all}
.error.pc .tips2{font-size: 35px;line-height: 35px;padding-top: 16px;word-break: keep-all}
@media (max-width: 1340px) {
  .pc-help{min-width: 360px !important;}
  .pc-help .logo{width: 70px;height: 70px;margin-left: 56px;}
  .pc-help .intro-cn1,.pc-help .intro-cn2{font-size: 30px;line-height: normal;}
  .pc-help .intro-en1{padding-top: 0px;}
  .pc-help .intro-en1,.pc-help .intro-en2{font-size: 12px;line-height: 30px}
  .pc-help .contact .tips1{font-size: 16px;padding-top: 28px;padding-left: 66px;}
  .pc-help .contact .tips2{font-size: 25px;line-height: 34px}
  .error.pc .astronaut-info{transform: translateX(-50%) translateY(-50%) scale(0.9);-webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);}
}
@media (max-width: 960px) {
  .error.pc .astronaut-info{transform: translateX(-50%) translateY(-50%) scale(0.7);-webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);}
  .bottom{height: 44px;line-height: 44px}
  html, body{position: relative;width: 100%;min-height: 100%; height: 100%;overflow: hidden;}
  canvas{top: 0px;transform: none;z-index: 100;left: 50%;transform: translateX(-50%)}
  .pc-help{min-width: 100% !important; width: 100%;text-align: center; position: absolute;pointer-events: all;z-index: 1000;top: auto;transform: none; bottom: 60px; transform: translateY(0px);transition: none; height: calc(100% - 100vw - 44px);display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 190px;}
  .pc .pc-help{height: calc(100% - 400px - 44px);}
  .pc-help.open{transform: translateY(0px);}
  .pc-help .logo{width: 53px;height: 53px;margin: 0 auto;margin-bottom: 8px}
  .pc-help .intro-cn1,.pc-help .intro-cn2{font-size: 31px;line-height: normal;}
  .pc-help .intro-en1{padding-top: 0px;}
  .pc-help span{display: none}
  .pc-help .intro-en1,.pc-help .intro-en2{font-size: 12px;line-height: 20px}
  .pc-help .contact .tips1{font-size: 13px;padding-top: 11px;line-height: 26px;padding-left: 0px;}
  .pc-help .contact .tips2{font-size: 20px;line-height: 20px; margin-bottom: 0px;padding-top: 0px}
  .bottom{z-index: 1000;}
  .arrow{display: block;width: 21px;display: block;margin: 0 auto; margin-bottom: 30px; animation: move 2s linear infinite;}
  .arrow-container{transform: rotate(180deg); display: none}
  .open .arrow-container{transform: rotate(0deg)}
}

@keyframes move {
  0%{
      /*!*设置动画*! 平移 旋转 缩放 倾斜*/
      transform: translate(0rpx,0px)
  }
  25%{
      /*!*设置动画*! 平移 旋转 缩放 倾斜*/
      transform: translate(0px,10px)
  }
  50%{
      transform: translate(0px,0px)
  }
  75%{
      /*!*设置动画*! 平移 旋转 缩放 倾斜*/
      transform: translate(0px,-10px)
  }
  100%{
      transform: translate(0px,0px)
  }
}