* {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
p {
  pointer-events: none;
}
body,
html {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
input,
textarea,
select {
  user-select: auto;
  -webkit-user-select: auto;
  background-color: transparent;
  border: none;
}
.none {
  display: none;
}
.noneopacity {
  opacity: 0;
}
img {
  display: block;
  position: absolute;
  width: 100%;
  pointer-events: none;
  image-rendering: -webkit-optimize-contrast;
  box-sizing: border-box;
  background-clip: padding-box;
}
img[src=""],
img:not([src]) {
  display: none;
}
.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page .min_page {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 160vw;
  transform: translateY(-50%);
}
.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content .home {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f40009;
}
.content .home .home_logo_img {
  top: 7.73333333vw;
  left: 24.8vw;
  width: 50.26666667vw;
}
.content .home .home_desc_img {
  top: 45.2vw;
  left: 50%;
  margin-left: -32.66666667vw;
  width: 65.33333333vw;
}
.content .home .home_box {
  position: absolute;
  top: 82vw;
  left: 40.4vw;
  width: 20.13333333vw;
  height: 83.06666667vw;
}
.content .home .home_box .home_bubble_img {
  top: 0;
}
.content .home .home_box .home_bottle {
  position: absolute;
  top: 21.86666667vw;
  left: 1.6vw;
  width: 14.93333333vw;
  height: 53.86666667vw;
}
.content .home .home_box .home_bottle .home_mask {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14.26666667vw;
  height: 53.33333333vw;
  mask-image: url('../image/home_mask.png');
  mask-size: 14.26666667vw 53.33333333vw;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.content .home .home_box .home_bottle .home_mask .red {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  background-color: #f40009;
}
.content .home .home_box .home_loading_img {
  bottom: 0;
}
.content .home .home_tips_img {
  top: 174.53333333vw;
  left: 18.4vw;
  width: 64.4vw;
}
.content .message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f40009;
}
.content .message .pattern_img {
  bottom: 0;
}
.content .message .message_video {
  position: absolute;
  top: 12.4vw;
  left: 4.53333333vw;
  width: 90.8vw;
  height: 64.26666667vw;
}
.content .message .message_video .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50.93333333vw;
}
.content .message .message_video .box .play_img {
  top: 50%;
  left: 50%;
  width: 14vw;
  height: 14vw;
  transform: translate(-50%, -50%);
}
.content .message .message_but {
  position: absolute;
  top: 86.13333333vw;
  left: 20.13333333vw;
  width: 59.6vw;
  height: 10.93333333vw;
}
.content .version {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f40009;
}
.content .version .version_close {
  position: absolute;
  top: 20.13333333vw;
  left: 84.93333333vw;
  width: 6.66666667vw;
  height: 6.66666667vw;
}
.content .version .pattern_img {
  bottom: 0;
}
.content .version .version_return {
  position: absolute;
  top: 20.13333333vw;
  left: 7.06666667vw;
  width: 7.06666667vw;
  height: 6.4vw;
}
.content .version .min_page .version_but {
  position: absolute;
  left: 24.13333333vw;
  width: 54.4vw;
  height: 13.2vw;
}
.content .version .min_page .version_but1 {
  top: 29.6vw;
}
.content .version .min_page .version_but2 {
  top: 49.06666667vw;
}
.content .version .min_page .version_but3 {
  top: 68.66666667vw;
}
.content .chineseversion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f40009;
}
.content .chineseversion .chineseversion_close {
  position: absolute;
  top: 20.13333333vw;
  left: 84.93333333vw;
  width: 6.66666667vw;
  height: 6.66666667vw;
}
.content .chineseversion .chineseversion_return {
  position: absolute;
  top: 20.13333333vw;
  left: 7.06666667vw;
  width: 7.06666667vw;
  height: 6.4vw;
}
.content .chineseversion .pattern_img {
  bottom: 0;
}
.content .chineseversion .min_page .chineseversion_but {
  position: absolute;
  left: 14vw;
  width: 72vw;
  height: 13.2vw;
}
.content .chineseversion .min_page .chineseversion_but1 {
  top: 32.8vw;
}
.content .chineseversion .min_page .chineseversion_but2 {
  top: 55.73333333vw;
}
.content .englishversion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f40009;
}
.content .englishversion .englishversion_close {
  position: absolute;
  top: 20.13333333vw;
  left: 84.93333333vw;
  width: 6.66666667vw;
  height: 6.66666667vw;
}
.content .englishversion .englishversion_return {
  position: absolute;
  top: 20.13333333vw;
  left: 7.06666667vw;
  width: 7.06666667vw;
  height: 6.4vw;
}
.content .englishversion .pattern_img {
  bottom: 0;
}
.content .englishversion .min_page .englishversion_but {
  position: absolute;
  left: 14vw;
  width: 72vw;
  height: 13.2vw;
}
.content .englishversion .min_page .englishversion_but1 {
  top: 32.8vw;
}
.content .englishversion .min_page .englishversion_but2 {
  top: 55.73333333vw;
}
.content .training {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f40009;
}
.content .training .training_close {
  position: absolute;
  top: 20.13333333vw;
  left: 84.93333333vw;
  width: 6.66666667vw;
  height: 6.66666667vw;
}
.content .training .training_return {
  position: absolute;
  top: 20.13333333vw;
  left: 7.06666667vw;
  width: 7.06666667vw;
  height: 6.4vw;
}
.content .training .pattern_img {
  bottom: 0;
}
.content .training .min_page .training_but {
  position: absolute;
  width: 41.73333333vw;
  height: 31.2vw;
}
.content .training .min_page .training_but .box {
  position: absolute;
  top: 0.13333333vw;
  left: 0.13333333vw;
  width: 41.46666667vw;
  height: 23.46666667vw;
  overflow: hidden;
}
.content .training .min_page .training_but .box .cover_img {
  width: 100%;
}
.content .training .min_page .training_but .box .play_img {
  top: 50%;
  left: 50%;
  width: 11.86666667vw;
  height: 11.86666667vw;
  transform: translate(-50%, -50%);
}
.content .training .min_page .training_but1 {
  top: 18.66666667vw;
  left: 6.66666667vw;
}
.content .training .min_page .training_but2 {
  top: 18.66666667vw;
  left: 50.26666667vw;
}
.content .training .min_page .training_but3 {
  top: 55.2vw;
  left: 6.66666667vw;
}
.content .training .min_page .training_but4 {
  top: 55.2vw;
  left: 50.26666667vw;
}
.content .videobox {
  background-color: rgba(0, 0, 0, 0.5);
}
.content .videobox .video_close {
  position: absolute;
  top: 20.13333333vw;
  left: 84.93333333vw;
  width: 6.66666667vw;
  height: 6.66666667vw;
}
.content .videobox .y26_video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.content .pdfbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-height: 200vw) {
  .content .home .min_page {
    transform: translateY(-55%);
  }
}
@media screen and (max-height: 186.66666667vw) {
  .content .home .min_page {
    transform: translateY(-58%);
  }
  .content .version .version_return {
    top: 6.8vw;
  }
  .content .chineseversion .chineseversion_return {
    top: 6.8vw;
  }
  .content .englishversion .englishversion_return {
    top: 6.8vw;
  }
  .content .training .training_return {
    top: 6.8vw;
  }
}
@media screen and (max-height: 173.33333333vw) {
  .content .home .min_page {
    transform: scale(0.9) translateY(-62.5%);
  }
}