@charset "UTF-8";

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important;
  }
}

@media only screen and (min-width: 375px) {
  html {
    font-size: 87.89063% !important;
  }
}

@media only screen and (min-width: 414px) {
  html {
    font-size: 97.03% !important;
  }
}

@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important;
  }
}

@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important;
  }
}

@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important;
  }
}

@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important;
  }
}

@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important;
  }
}

@media only screen and (min-width: 800px) {
  html {
    font-size: 187.5% !important;
  }
}

@media only screen and (min-width: 960px) {
  html {
    font-size: 225% !important;
  }
}

.qd_con {
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 100% 100%;
  position: fixed;
  width: 750px;
  top: 0;
  left: 50%;
  margin-left: -375px;
  z-index: 1000000;
  min-height: 100vh;
  visibility: hidden;
}

.qd_con .ones {
  margin-top: 3.2rem;
  font-size: 1.28rem;
  color: #cccccc;
  margin-left: 3.41333rem;
 /*  max-width: 15.50222rem; */
  overflow: hidden;
}

.qd_con .two {
  font-size: 2.91556rem;
  margin-left: 1.77778rem;
  height: 3.84rem;
  line-height: 3.84rem;
}

.qd_con .two span {
  display: block;
  float: left;
}

.qd_con .f40 {
  font-size: 4.62222rem;
  height: 3.84rem;
  line-height: 3.84rem;
}

.qd_con .img {
  position: relative;
  width: 100%;
  height: 17.06667rem;
  overflow: hidden;
  display: block;
}

.qd_con .img img {
  width: 100%;
  height: 17.06667rem;
}

.qd_con .triangle {
  width: 16.56889rem;
  height: 7.46667rem;
  float: right;
  position: absolute;
  top: -0.35556rem;
  right: -1%;
}

.qd_con .pic {
  position: absolute;
  top: 10.31111rem;
  width: 99%;
}

.qd_con .three {
  margin-left: 3.41333rem;
  color: #cccccc;
  font-size: 2.20444rem;
  margin-top: 19.62667rem;
}

.qd_con .four {
  margin-left: 3.41333rem;
  color: #cccccc;
  font-size: 1.10222rem;
}

.qd_con .enter {
  padding: 0 0.81778rem;
  line-height: 1.77778rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(0, 0, 0, 0.6);
  color: #b6b6b6;
  font-size: 0.85333rem;
  display: inline-block;
  position: absolute;
  right: 1.92rem;
  bottom: 4.90667rem;
  border-radius: 8px;
}

.qd_con .enter .min {
  color: #cb762f;
  margin: 0 0.35556rem;
  border-radius: 0.17778rem;
}

.qd_con .qd_logo {
  width: 11.84rem;
  height: 1.52889rem;
  position: absolute;
  bottom: 1.77778rem;
  right: 1.92rem;
}

.qd_con .jump {
  position: absolute;
  top: 1.06667rem;
  right: 1.06667rem;
  font-size: 0.85333rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  color: #b6b6b6;
  text-align: center;
  display: block;
  width: 2.84444rem;
  height: 2.84444rem;
  line-height: 2.84444rem;
}