body {
  font-family: 'Microsoft YaHei';
  margin: 0; }

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.center {
  margin: 0 auto; }

.center-t {
  text-align: center; }

.content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.bg {
  background-size: 100%;
  background-repeat: no-repeat; }

body {
  background-color: #212734; }

* {
  padding: 0;
  margin: 0; }

.wrapper {
  width: 100%; }
  .wrapper .qeeyou-logo {
    margin-top: 0.11458rem;
    width: 1.31771rem;
    height: 0.28125rem;
    background-image: url("/static/specials/images/new_plugin_dark_logo.png");
    background-repeat: no-repeat;
    background-size: cover; }
  .wrapper .line {
    margin-top: 0.11979rem;
    width: 100%;
    height: 1px;
    background: #3e455f; }
  .wrapper .logo-wrapper {
    width: 1.65625rem;
    margin: 0.21875rem auto 0; }
    .wrapper .logo-wrapper .logo-bg {
      width: 1.65625rem;
      height: 1.44792rem;
      background-image: url("/static/specials/images/mobileSpeedDownload_log_bg.png");
      background-repeat: no-repeat;
      background-size: cover;
      border-top: 1px solid transparent; }
    .wrapper .logo-wrapper .logo {
      width: 0.875rem;
      height: 0.875rem;
      margin: 0.3125rem auto 0;
      background-image: url("/static/specials/images/mobileSpeedDownload_logo.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .wrapper .logo-wrapper .logo-name {
      color: white;
      font-weight: 400;
      font-size: 0.11979rem;
      line-height: 0.16667rem;
      margin-top: -0.13021rem; }
    .wrapper .logo-wrapper i {
      display: block;
      width: 0.55729rem;
      height: 0.15625rem;
      background-image: url("/static/specials/images/mobileSpeedDownload_icon_apstore.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin: 0.15625rem auto 0; }
  .wrapper .ios-test {
    margin-top: 0.15625rem;
    width: 0.79688rem;
    height: 0.26042rem;
    background-image: url("/static/specials/images/mobileSpeedDownload_ios.png");
    background-repeat: no-repeat;
    background-size: cover; }
  .wrapper .qrcode {
    position: relative;
    margin-top: 0.41667rem;
    width: 180px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("/static/specials/images/mobileSpeedDownload_qecode_border.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .wrapper .qrcode .qrcode-wrapper {
      width: 165px;
      height: 165px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: white;
      border-radius: 4px; }
    .wrapper .qrcode .qrcode-log {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -0.10417rem;
      margin-left: -0.10417rem;
      width: 0.20833rem !important;
      height: 0.20833rem !important;
      background-image: url("/static/specials/images/mobileSpeedDownload_qecode_log.png");
      background-repeat: no-repeat;
      background-size: cover; }
  .wrapper .tips {
    margin-top: 0.27083rem;
    color: #acafb8;
    font-weight: 400;
    font-size: 0.10417rem;
    line-height: 0.14583rem; }
  .wrapper .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.3125rem;
    padding: 0.07813rem 0;
    width: 6.77083rem;
    border-top: 1px solid #3e455f;
    color: #6e7482;
    font-weight: 400;
    font-size: 0.0625rem;
    line-height: 0.08854rem; }
    .wrapper .footer .left span:nth-child(1) {
      margin-right: 0.10417rem; }

.modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99;
  display: none; }
  .modal-wrapper.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .modal-wrapper .modal-content {
    width: 1.82292rem;
    height: 0.875rem;
    background: white;
    border-radius: 0.04167rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 0.10417rem;
    font-weight: 400;
    color: black; }
    .modal-wrapper .modal-content .modal-dis {
      position: relative;
      width: 100%;
      height: 0.58333rem;
      padding: 0.15625rem; }
    .modal-wrapper .modal-content .close-modal {
      width: 100%;
      height: 0.28125rem;
      line-height: 0.28125rem;
      font-size: 0.11458rem;
      font-weight: 400;
      color: #007bff;
      cursor: pointer;
      border-top: 0.01042rem solid #EAEAEA; }

.txt-con {
  text-align: center;
  font-size: 0.09375rem;
  margin-top: 0.20833rem; }
  .txt-con p {
    color: #cfd4e3;
    line-height: 0.13021rem; }
  .txt-con span {
    color: #52a8ff;
    margin-bottom: 0.03646rem;
    display: block; }
    .txt-con span.qy {
      display: inline;
      margin-bottom: 0rem; }

.btn-wrapper {
  width: 2.44792rem;
  margin: 0.3125rem auto 0;
  text-align: center; }
  .btn-wrapper a {
    display: inline-block;
    width: 1.14583rem;
    height: 0.3125rem;
    text-decoration: none;
    font-size: 0.11458rem;
    color: #fff;
    line-height: 0.3125rem;
    text-align: center;
    font-weight: 400;
    cursor: pointer; }
    .btn-wrapper a:nth-of-type(1) {
      background-image: url("/static/specials/images/mobileSpeedDownload_Rectangle.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .btn-wrapper a:nth-of-type(2) {
      background-image: url("/static/specials/images/mobileSpeedDownload_Rectangle.png");
      background-repeat: no-repeat;
      background-size: cover; }