/**
 * reset.css
 * @authors wxm (921010)
 * @date    2017-03-23 17:44:12
 * @version $Id$
 */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box; }

html, body {
  width: 100%; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, cmsArea, th, td {
  margin: 0;
  padding: 0; }

body {
  font-family: "Microsoft YaHei", "Helvetica";
  font-size: 28px;
  color: #000;
  line-height: 1.5;
  background: #000;
  margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

address, cite, dfn, em, var, i {
  font-style: normal; }

code, kbd, pre, samp {
  font-family: courier new, courier, monospace; }

form {
  display: inline; }

small {
  font-size: 12px; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none;
  color: #000;
  font-size: inherit; }

a:active {
  color: #000; }

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

button, input, select, cmsArea {
  font: 28px "MFYANSONG_NONCOMMERCIAL-REGULAR", "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif;
  font-size: 100%;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

cmsArea {
  resize: none; }

.hidden {
  line-height: 99999px;
  overflow: hidden; }

.hide {
  display: none; }

.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

.relative {
  position: relative; }

header, footer, article, section, nav, menu, hgroup {
  display: block;
  clear: all; }

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none; }

textarea {
  -webkit-appearance: none; }

/* 屏蔽统计代码自动生成的返回顶部按钮*/
.hm-t-container {
  display: none !important; }

/*
 * @Author: lijing(707123) 
 * @Date: 2020-03-18 15:28:46 
 * @Last Modified by: lijing(707123)
 * @Last Modified time: 2021-01-13 15:58:03
 */
@-webkit-keyframes living {
  0%, 100%, 50% {
    transform: scale3d(1, 0.4, 1); }

  25%, 75% {
    transform: scale3d(1, 1, 1); } }

@keyframes living {
  0%, 100%, 50% {
    transform: scale3d(1, 0.4, 1); }

  25%, 75% {
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes rotateMusic {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotateMusic {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30%, 0, 0); }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-30%, 0, 0); }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(30%, 0, 0); }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(30%, 0, 0); }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(50px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes flash {
  0%, 100% {
    opacity: 1; }

  50% {
    opacity: 0.5; } }

@keyframes flash {
  0%, 100% {
    opacity: 1; }

  50% {
    opacity: 0.5; } }

@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(0); }

  100% {
    -webkit-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    transform: scale(0); }

  100% {
    transform: scale(1); } }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3D(0, 100px, 0) scale(0.5); }

  100% {
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0) scale(1); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translate3D(0, 100px, 0) scale(0.5); }

  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0) scale(1); } }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }

  100% {
    opacity: 0;
    transform: scale(0); } }

@-webkit-keyframes circleIn {
  from {
    opacity: 1;
    transform: scale(1); }

  to {
    opacity: 0;
    transform: scale(1.5); } }

@keyframes circleIn {
  from {
    opacity: 1;
    transform: scale(1); }

  to {
    opacity: 0;
    transform: scale(1.5); } }

@-webkit-keyframes circleLR {
  0%, 50%, 100% {
    transform: translateX(0); }

  25% {
    transform: translateX(80px); }

  75% {
    transform: translateX(-80px); } }

@keyframes circleLR {
  0%, 50%, 100% {
    transform: translateX(0); }

  25% {
    transform: translateX(80px); }

  75% {
    transform: translateX(-80px); } }

@-webkit-keyframes blur {
  0% {
    filter: blur(50px); }

  100% {
    filter: blur(0px); } }

@keyframes blur {
  0% {
    filter: blur(50px); }

  100% {
    filter: blur(0px); } }

@-webkit-keyframes h1 {
  0%, 100% {
    transform: translate(0); }

  25% {
    transform: translate(15px, 15px); }

  50% {
    transform: translate(30px, 0px); }

  70% {
    transform: translate(15px, -15px); } }

@keyframes h1 {
  0%, 100% {
    transform: translate(0); }

  25% {
    transform: translate(15px, 15px); }

  50% {
    transform: translate(30px, 0px); }

  70% {
    transform: translate(15px, -15px); } }

@-webkit-keyframes h2 {
  0%, 100% {
    transform: translate(0); }

  25% {
    transform: translate(-5px, -5px); }

  50% {
    transform: translate(-10px, 0px); }

  70% {
    transform: translate(0px, 5px); } }

@keyframes h2 {
  0%, 100% {
    transform: translate(0); }

  25% {
    transform: translate(-5px, -5px); }

  50% {
    transform: translate(-10px, 0px); }

  70% {
    transform: translate(0px, 5px); } }

@-webkit-keyframes h3 {
  0%, 100% {
    transform: translate(0); }

  35% {
    transform: translate(5px, -5px); }

  70% {
    transform: translate(-5px, -5px); } }

@keyframes h3 {
  0%, 100% {
    transform: translate(0); }

  35% {
    transform: translate(5px, -5px); }

  70% {
    transform: translate(-5px, -5px); } }

@-webkit-keyframes h4 {
  0%, 100% {
    transform: translate(0); }

  35% {
    transform: translate(15px, 0px); }

  70% {
    transform: translate(15px, 15px); } }

@keyframes h4 {
  0%, 100% {
    transform: translate(0); }

  35% {
    transform: translate(15px, 0px); }

  70% {
    transform: translate(15px, 15px); } }

@-webkit-keyframes h5 {
  0%, 100% {
    transform: translate(0); }

  25% {
    transform: translate(-5px, -5px); }

  50% {
    transform: translate(-10px, 0px); }

  70% {
    transform: translate(0px, 5px); } }

@keyframes h5 {
  0%, 100% {
    transform: translate(0); }

  25% {
    transform: translate(-5px, -5px); }

  50% {
    transform: translate(-10px, 0px); }

  70% {
    transform: translate(0px, 5px); } }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1; }

  100% {
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0; } }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }

  100% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; } }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1; }

  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

html, body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  overflow: hidden;
  font: 28px/1 Source Han Sans CN, Heiti SC, PingFang SC, -apple-system, Microsoft YaHei UI, Microsoft YaHei, sans-serif; }

.totas {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 0 40px;
  z-index: 10;
  line-height: 2;
  display: none; }

.com-pop {
  z-index: 99;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none; }
  .com-pop .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
  .com-pop img {
    position: absolute;
    right: 0;
    top: 0; }
  .com-pop.on {
    display: block; }

.com-scrollAuto {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 0;
  color: #707070; }

.header {
  padding: 40px;
  text-align: left;
  font-size: 36px;
  font-weight: bold; }

.main {
  padding: 40px;
  text-align: center;
  color: #333;
  line-height: 1.5; }
  .main h1 {
    margin: 30px auto 30px;
    font-size: 30px; }
  .main .code {
    margin: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .main .code b {
      font-size: 34px;
      color: #ff7e06; }
    .main .code label {
      display: block;
      margin-left: 10px;
      padding: 2px 30px;
      border: 1px solid #ddd;
      font-size: 26px;
      outline: 0; }
  .main .tip {
    margin: 0px auto 50px;
    font-size: 22px;
    text-decoration: underline; }
  .main .btn-use {
    width: 300px;
    margin: 0px auto 50px;
    background-color: #ff7e06;
    display: block;
    line-height: 2.3;
    color: #fff;
    border-radius: 5px; }
  .main .time {
    font-size: 26px;
    margin: 0px auto 50px;
    color: #999; }

.footer {
  border-top: 2px solid #ddd;
  padding: 40px; }
  .footer .img {
    text-align: center;
    margin: 10px; }
    .footer .img img {
      width: 500px; }
  .footer .img2 img {
    width: 100%; }
  .footer section {
    margin-bottom: 50px; }
  .footer h6 {
    margin-bottom: 10px;
    line-height: 2;
    font-weight: bold; }
  .footer li {
    color: #606060;
    line-height: 1.6;
    font-size: 25px;
    margin-bottom: 10px; }
    .footer li span {
      text-decoration: underline; }
    .footer li b {
      color: #ff7e06; }