* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
a img {
  border: none;
}
a:focus {
  outline: none;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
img {
  border: none;
}
input,
select,
textarea {
  outline: 0;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
var,
em {
  font-weight: normal;
  font-style: normal;
}
ul,
ol,
dl {
  list-style: none;
}
@media only screen and (max-width: 750px) {
  .g-mobile .g_pub_header_box,
  .g-mobile .g_pub_footer_box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .g-mobile .m_head_nav,
  .g-mobile .m_foot_nav {
    display: none;
  }
  .g-mobile .g_pub_footer {
    height: auto !important;
    zoom: 1 !important;
  }
  .g-mobile .g_pub_footer:after {
    content: "" !important;
    display: block !important;
    clear: both !important;
  }
  .g-mobile .g_pub_footer .u_logo.foot {
    width: 100%;
    margin-left: 0;
  }
}
img {
  vertical-align: top;
}
.g-wrap {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  font-family: "microsoft yahei";
  background: #f26046;
  position: relative;
}
.g-wrap #bgm {
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  z-index: 9;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  animation: rotateIn 1.6s linear infinite;
  -webkit-animation: rotateIn 1.6s linear infinite;
}
.g-wrap #bgm img {
  width: 100%;
  height: 100%;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    rotate: translateZ(360deg);
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.g-wrap .g-header {
  width: 100%;
  height: 38.075rem;
  overflow: hidden;
  background: url("../images/header.jpg") center top no-repeat;
  background-size: 100%;
  position: relative;
}
.g-wrap .g-header .u-title1 {
  position: absolute;
  width: 4.125rem;
  height: 12.4rem;
  top: 4.7rem;
  left: 9.75rem;
  animation: move 1.2s linear 0.2s backwards;
  -webkit-animation: move 1.2s linear 0.2s backwards;
  overflow: hidden;
}
.g-wrap .g-header .u-title1 img {
  width: 4.125rem;
  height: 12.075rem;
}
.g-wrap .g-header .u-title2 {
  position: absolute;
  width: 5.05rem;
  height: 12.4rem;
  top: 7.625rem;
  left: 5.15rem;
  animation: move 1.2s linear 1.2s backwards;
  -webkit-animation: move 1.2s linear 1.2s backwards;
  overflow: hidden;
}
.g-wrap .g-header .u-title2 img {
  width: 5.05rem;
  height: 12.4rem;
}
.g-wrap .g-header .u-introduction {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 15.3rem;
  margin: auto;
}
.g-wrap .g-content {
  margin-top: 1.75rem;
  width: 100%;
  overflow: hidden;
}
.g-wrap .g-content .m-modular {
  width: 100%;
  height: 18.175rem;
  margin: 0 auto 1.25rem;
  overflow: hidden;
  position: relative;
  background-size: 100%;
}
.g-wrap .g-content .m-modular:last-child {
  margin-bottom: 0;
}
.g-wrap .g-content .m-modular .u-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  display: none;
}
.g-wrap .g-content .m-modular .u-lantern {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
}
.g-wrap .g-content .m-modular .m-question {
  position: relative;
  display: block;
  width: 7.7rem;
  margin: 4.7rem auto 0;
  z-index: 2;
}
.g-wrap .g-content .m-modular .m-question.m-special {
  margin-top: 3.65rem;
}
.g-wrap .g-content .m-modular .m-answer {
  position: relative;
  width: 7.3rem;
  height: 1.3rem;
  margin: 0.675rem 0 0 5.725rem;
  display: none;
  z-index: 3;
}
.g-wrap .g-content .m-modular .m-answer img {
  width: 100%;
}
.g-wrap .g-content .m-modular .m-answer.m-special {
  margin-top: 0.5rem;
}
.g-wrap .g-content .m-modular .m-button {
  position: absolute;
  cursor: pointer;
  width: 7.3rem;
  height: 1.325rem;
  left: 5.725rem;
  top: 9.5rem;
  z-index: 9;
  animation: tada 1.6s infinite;
  -webkit-animation: tada 1.6s infinite;
}
.g-wrap .g-content .m-modular .m-button.m-special {
  top: 10.5rem;
}
.g-wrap .m-footer {
  width: 18.75rem;
  margin-top: 1.875rem;
  padding-bottom: 0.9rem;
  overflow: hidden;
}
.g-wrap .m-footer img {
  display: block;
  width: 15.3rem;
  height: 5.225rem;
  margin: 0 auto 0;
}
@keyframes move {
  from {
    height: 0;
  }
  to {
    height: 12.4rem;
  }
}
@-webkit-keyframes move {
  from {
    height: 0;
  }
  to {
    height: 12.4rem;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.g-wrap .zoomIn {
  -webkit-animation: zoomIn .6s;
  animation: zoomIn .6s;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.g-wrap .fadeIn {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.g-wrap .backInRight {
  -webkit-animation: backInRight .6s;
  animation: backInRight .6s;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.g-wrap .fadeInUp {
  -webkit-animation: fadeInUp .6s;
  animation: fadeInUp .6s;
  animation-fill-mode: backwards;
  -webkit-animation-fill-mode: backwards;
}
.g_pub_footer .u_logo span{
  font-size:16px !important;
}
@media only screen and (max-width: 750px){
	.g_pub_header{
		display:none !important;
	}
	.g_pub_footer_box{
		min-width:0 !important;
	}
}