* {
  margin: 0;
  padding: 0;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

html, body {
  height: 100%;
  position: relative;
}

body {
  color: #000;
  background: #fff;
  font-size: 14px;
}

button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
}

input[readonly], input[readonly="readonly"] {
  display: none;
}

body {
  width: 100vw;
  overflow-x: hidden;
}

.header {
  width: 100vw;
  height: 3vw;
  color: #333;
  background: #fff;
  padding-left: 19vw;
  font-size: .8vw;
  font-weight: bold;
  line-height: 3vw;
  display: flex;
}

.header div {
  font-size: .8vw !important;
}

.header div:hover {
  color: #0091ff;
  font-size: .8vw !important;
}

.content_main .top {
  width: 100vw;
  height: 24vw;
  background: url("banner.54bbbe70.png") 0 0 / 79% 100% no-repeat;
  padding: 7vw 0 0 27vw;
}

.content_main .top > div {
  width: 36vw;
  height: 12.6vw;
  background-image: linear-gradient(rgba(71, 93, 133, .03) 0%, rgba(255, 255, 255, 0) 100%);
}

.content_main .main_title {
  font-size: 1.3vw;
}

.content_main .sub_title {
  width: 33vw;
  margin-top: 1.4vw;
  font-size: .7vw;
}

.content_main .sub_title p:last-child {
  margin-top: 1.4vw;
}

.content_main .bottom {
  height: 28.2vw;
  width: 100vw;
  text-align: center;
  background-color: #fff;
  padding-top: 3.6vw;
}

.content_main .bottom .main_title {
  font-size: 1.3vw;
}

.content_main .bottom .sub_title1 {
  color: #999;
  margin-bottom: 1.1vw;
  font-size: .7vw;
  line-height: 1.8vw;
}

.content_main .bottom .desc {
  font-size: .7vw;
}

.content_main .bottom > img {
  width: 36vw;
  height: 11vw;
  margin-top: 1.4vw;
}

.header_item2 {
  margin-left: 36vw;
}

.header_item3 {
  margin-left: 2.6vw;
}

.download-button {
  width: 24.27vw;
  height: 8.27vw;
  background-color: #fff;
  border-radius: 5.34vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.androidIcon {
  width: 2.13vw;
  height: 2.4vw;
  -o-object-fit: contain;
  object-fit: contain;
}

.androidText {
  color: #333;
  margin-left: .87vw;
  font-family: PingFangSC-Medium;
  font-size: 2.4vw;
  font-weight: 500;
}

.footer {
  width: 100vw;
  text-align: center;
  color: #333;
  background-color: #f7fafb;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 12px;
  overflow: hidden;
}

.copyright {
  width: 100%;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: .7vw;
  overflow: hidden;
}

.beian {
  width: 300px;
  margin: 0 auto;
  padding: 5px 0;
}

.beianlink {
  height: 20px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}

.beianText {
  float: left;
  height: 20px;
  margin: 0 0 0 5px;
  line-height: 20px;
  text-decoration: underline;
}

.beian-icon {
  float: left;
}

.content_show_header {
  width: 100vw;
  height: 8.3vw;
  background: url("dance.e3dd3244.png") 0 0 / 100vw 8.3vw no-repeat;
}

.content_show .content_show_video {
  color: #333;
  height: 44vw;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 15.75vw;
  font-size: .7vw;
  display: flex;
}

.content_show .content_show_video > div:nth-child(n+5) {
  margin-top: -4vw;
}

.content_show .content_show_video_item {
  height: 14vw;
  width: 14vw;
  border-radius: 4px;
  margin-right: 2.2vw;
  position: relative;
}

.content_show .content_show_video_item_icon {
  right: inherit;
  width: 3.7vw;
  height: 3.7vw;
  background: url("play.9ddbdd10.png") 0 0 / 3.7vw 3.7vw no-repeat;
  position: absolute;
  top: 9.5vw;
  right: .6vw;
}

.content_show .content_show_video_item_img {
  height: 14vw;
  width: 14vw;
  border-radius: 4px;
}

.content_show .content_show_personal {
  width: 100vw;
  height: 15.5vw;
  padding: 28.3vw 0 0;
  position: relative;
}

.content_show .content_show_personal_icon {
  width: 3.7vw;
  height: 3.7vw;
  height: 50%;
  background: url("play.9ddbdd10.png") 0 0 / 3.7vw 3.7vw no-repeat;
  position: absolute;
  top: 26%;
  left: 49%;
}

.content_show .content_show_personal_img {
  width: 42.8vw;
  height: 27vw;
  border-radius: 4px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.content_show .content_show_personal > div {
  padding-left: 28.5vw;
  font-size: 1.2vw;
  font-weight: bold;
}

.content_show .content_show_personal > p {
  padding-left: 28.5vw;
  font-size: .7vw;
}

.content_show .content_show_personal > p:first-child {
  margin-top: .8vw;
}

.content_rule {
  font-size: .7vw;
}

.content_rule .content_rule_header {
  width: 100vw;
  height: 13.4vw;
  background: url("bg_hand.92fb4a51.png") 0 0 / 100vw 13.4vw no-repeat;
}

.content_rule .content_rule_main {
  padding: 0 18.75vw;
  -webkit-transform: translate(0, -4.9vw);
  transform: translate(0, -4.9vw);
}

.content_login {
  width: 100vw;
  height: 52.3vw;
  background: url("bg_login.b60befd8.png") 0 0 / 100vw 52.3vw no-repeat;
  position: relative;
}

.content_login .login {
  height: 19.2vw;
  width: 32.5vw;
  background-color: #fff;
  border-radius: 4px;
  flex-flow: column wrap;
  align-items: center;
  padding-top: 3.2vw;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 .5vw 3.1vw rgba(145, 145, 145, .08);
}

.content_login .login_title {
  width: 32.5vw;
  justify-content: center;
  font-size: 1vw;
  display: flex;
}

.content_login .login_title div:last-child {
  margin-left: 2vw;
}

.content_login .login_title .login_active {
  color: #338aff;
  position: relative;
}

.content_login .login_title .login_active:after {
  content: "";
  width: .7vw;
  height: .2vw;
  background-color: #338aff;
  display: block;
  position: absolute;
  bottom: -.3vw;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.content_login .login_title .login_default {
  color: #333;
}

.content_login .login .input, .content_login .login .input_new {
  text-align: center;
  flex-flow: column wrap;
  margin-top: .7vw;
  display: flex;
}

.content_login .login .input > input, .content_login .login .input_new > input {
  width: 15.4vw;
  height: 2.6vw;
  border: 1px solid #ebecee;
  border-radius: 4px;
  padding-left: 1vw;
}

.content_login .login .input > input:not(:first-child), .content_login .login .input_new > input:not(:first-child) {
  margin-top: 1.2vw;
}

.content_login .login .confirm_btn {
  width: 15.4vw;
  height: 2.6vw;
  text-align: center;
  color: #fff;
  background: #338aff;
  border-radius: 25px;
  margin-top: .7vw;
  font-size: .8vw;
  line-height: 2.6vw;
}

.toast {
  min-height: 1.4vw;
  color: #fff;
  background: rgba(40, 40, 40, .9);
  border-radius: .4vw;
  padding: .6vw;
  font-size: .6vw;
  line-height: 1.1;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.active_font_color {
  color: #0091ff;
}

.login_rule {
  color: #a3a3a3;
  margin-top: .6vw;
  font-size: .7vw;
}

.login_rule_icon {
  vertical-align: -.2vw;
  height: 1vw;
  width: 1vw;
}

/*# sourceMappingURL=index.69ebd57d.css.map */