body {
  background: url('../images/bg.jpg') no-repeat top center;
  background-size: 364.08886667vw;
}
div {
  box-sizing: border-box;
}
p {
  margin: 0;
}
@keyframes tit {
  0% {
    filter: blur(26.6667vw);
  }
  50% {
    filter: blur(13.3333vw);
  }
  100% {
    filter: blur(0vw);
  }
}
.top_title .xing_name {
  width: 31.2vw;
  margin: 13.2vw auto;
  margin-bottom: 0;
  font-size: 9.6vw;
  color: #ffffff;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.8vw;
  text-shadow: 0.1333vw 1.3333vw 1.2vw rgba(255, 60, 0, 0.557);
  animation: tit 2s;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5.3333vw);
  }
  75% {
    transform: translateY(5.3333vw);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes borderColor {
  0% {
    border-color: #ff3c00aa;
  }
  25% {
    border-color: #ffb300a8;
  }
  50% {
    border-color: #ffdd0086;
  }
  75% {
    border-color: #55ff009b;
  }
  100% {
    border-color: #00e1ff7e;
  }
}
.content {
  margin-top: 27.8667vw;
}
.content .content_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: tit 4s, bounce 0.5s 4s, borderColor 20s linear infinite;
  margin: 0 auto;
  padding: 7.7333vw 4.5333vw 12.8vw;
  width: 89.2vw;
  background: rgba(0, 22, 47, 0.54);
  border: 0.6667vw dashed #ff6000;
  border-radius: 2vw;
  font-size: 1.8667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Normal;
  font-weight: normal;
  text-align: CENTER;
  color: #333333;
  line-height: 2.6667vw;
}
.content .content_box .content_tit {
  font-size: 4.9667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Normal;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  line-height: 2.6667vw;
  text-shadow: 0vw 0.5vw 0.8vw #ff5500;
}
.content .content_box .content_cont {
  margin-top: 5.4667vw;
  width: 80vw;
  font-size: 4.4vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Normal;
  font-weight: normal;
  text-align: left;
  color: #ffffff;
  line-height: 8.6667vw;
  letter-spacing: 1vw;
  text-shadow: 0vw 0.4vw 0.8vw rgba(0, 255, 195, 0.86);
  padding-left: 5.3333vw;
}
.yy {
  display: flex;
  margin-top: 40.1333vw;
  margin-bottom: 13.3333vw;
  justify-content: center;
  animation: tit 5s;
}
.yy .yy_cont {
  padding: 0;
  display: inline-block;
  max-width: 80vw;
  font-size: 3.4667vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Normal;
  font-weight: normal;
  text-align: LEFT;
  color: #ffffff;
  letter-spacing: 0.8vw;
  line-height: 5.3333vw;
}
.set .set_icon {
  position: fixed;
  bottom: 4vw;
  right: 5.3333vw;
  color: #0042ac70;
  font-size: 6vw;
}
.set .set_list {
  display: none;
  position: fixed;
  bottom: 14.1333vw;
  right: 5.3333vw;
  width: 40vw;
  height: 52.2667vw;
  background: rgba(0, 35, 60, 0.25);
  border: 0.1333vw solid rgba(0, 159, 255, 0.42);
  padding: 0.6667vw;
  overflow: scroll;
  overflow-x: hidden;
}
.set .set_list .list_items {
  margin-bottom: 0.2667vw;
  width: 38.6667vw;
  height: 4.8vw;
  background: rgba(0, 35, 60, 0.25);
  padding: 0.5333vw 1.8667vw;
}
.set .set_list .list_items .list_items_cont {
  width: 35.8667vw;
  font-size: 2.4vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Normal;
  font-weight: normal;
  text-align: LEFT;
  color: #ffffff;
}
.set .set_list .list_items_ok {
  border-bottom: 0.2667vw dashed #606000;
  margin-bottom: 0.2667vw;
  width: 38.6667vw;
  height: 4.8vw;
  background: rgba(0, 128, 114, 0.34);
  padding: 0.5333vw 1.8667vw;
  overflow: hidden;
}
.set .set_list .list_items_ok .list_ok {
  width: 35.8667vw;
  font-size: 2.4vw;
  font-family: Microsoft YaHei, Microsoft YaHei-Normal;
  font-weight: normal;
  text-align: LEFT;
  color: #00aaff;
}