/**
 * 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: #231967;
  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; }

.header {
  background-image: url("https://gcdncs.cn.ndhy.com/v0.1/static/edit_99/tmcms/activity/2022/invitation/top-img.jpg");
  background-size: 100% auto;
  background-color: #231967;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 367px;
  height: 800px; }
  .header .video-wrap {
    width: 80%;
    margin: 20px auto; }

.footer {
  min-height: calc(100vh - 800px);
  background-image: url("https://gcdncs.cn.ndhy.com/v0.1/static/edit_99/tmcms/activity/2022/invitation/footer-img.jpg");
  background-size: 100% auto;
  background-color: #231967;
  background-repeat: no-repeat;
  background-position: center bottom; }
  .footer .text-intro {
    display: block;
    margin: 0 auto 50px; }
  .footer .code-wrap {
    display: flex;
    align-items: center;
    padding-left: 100px; }
    .footer .code-wrap img {
      flex-grow: 0; }
    .footer .code-wrap .code-dec {
      margin-right: 20px; }