/* thin border */
.popup-open-assistant,
.popup-upgrade-assistant,
.popup-invalid-assistant {
  position: relative;
  text-align: center; }
  .popup-open-assistant .popup-body,
  .popup-upgrade-assistant .popup-body,
  .popup-invalid-assistant .popup-body {
    padding: 10px 10px 0px !important;
    overflow: hidden !important; }
  .popup-open-assistant .icon,
  .popup-upgrade-assistant .icon,
  .popup-invalid-assistant .icon {
    margin-top: 4px;
    margin-bottom: 30px;
    height: 52px; }
    .popup-open-assistant .icon.icon-off,
    .popup-upgrade-assistant .icon.icon-off,
    .popup-invalid-assistant .icon.icon-off {
      background-image: url(//qkassets.qkcdn.com/images/assets/a1ca510728cf72f5cd62c28f00e315c4.png);
      background-size: 70px 52px;
      background-position: center;
      background-repeat: no-repeat; }
    .popup-open-assistant .icon.icon-download,
    .popup-upgrade-assistant .icon.icon-download,
    .popup-invalid-assistant .icon.icon-download {
      background-image: url(//qkassets.qkcdn.com/images/assets/a1cb71e49df49982dc01f9b2e5c7368a.png);
      background-size: 70px 52px;
      background-position: center;
      background-repeat: no-repeat; }
    .popup-open-assistant .icon.icon-invalid,
    .popup-upgrade-assistant .icon.icon-invalid,
    .popup-invalid-assistant .icon.icon-invalid {
      background-image: url(//qkassets.qkcdn.com/images/assets/026c3efe1c0e4debe0a7dfc519ac1c92.png);
      background-size: 70px 52px;
      background-position: center;
      background-repeat: no-repeat; }
  .popup-open-assistant .icon-new.icon-download,
  .popup-upgrade-assistant .icon-new.icon-download,
  .popup-invalid-assistant .icon-new.icon-download {
    margin-top: 11px;
    margin-bottom: 22px;
    height: 150px;
    background-image: url(//qkassets.qkcdn.com/images/assets/23b0c01ab6fc834d8b69455a28030025.png);
    background-size: 192px 150px;
    background-position: center;
    background-repeat: no-repeat; }
  .popup-open-assistant .icon-new.icon-invalid,
  .popup-upgrade-assistant .icon-new.icon-invalid,
  .popup-invalid-assistant .icon-new.icon-invalid {
    margin-bottom: 20px;
    height: 163px;
    background-image: url(//qkassets.qkcdn.com/images/assets/026c3efe1c0e4debe0a7dfc519ac1c92.png);
    background-size: 255px 163px;
    background-position: center;
    background-repeat: no-repeat; }
  .popup-open-assistant .title,
  .popup-upgrade-assistant .title,
  .popup-invalid-assistant .title {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 22px;
    margin-bottom: 0;
    padding: 0 50px; }
  .popup-open-assistant .sub-title,
  .popup-open-assistant .tips,
  .popup-upgrade-assistant .sub-title,
  .popup-upgrade-assistant .tips,
  .popup-invalid-assistant .sub-title,
  .popup-invalid-assistant .tips {
    font-size: 12px;
    line-height: 17px;
    color: #b5b5b5; }
    .popup-open-assistant .sub-title a.link,
    .popup-open-assistant .tips a.link,
    .popup-upgrade-assistant .sub-title a.link,
    .popup-upgrade-assistant .tips a.link,
    .popup-invalid-assistant .sub-title a.link,
    .popup-invalid-assistant .tips a.link {
      color: #ef4f2a;
      text-decoration: underline; }
  .popup-open-assistant .sub-title,
  .popup-upgrade-assistant .sub-title,
  .popup-invalid-assistant .sub-title {
    margin-top: 85px;
    text-align: left;
    padding-left: 78px; }
  .popup-open-assistant .popup-buttons,
  .popup-upgrade-assistant .popup-buttons,
  .popup-invalid-assistant .popup-buttons {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 275px; }
    .popup-open-assistant .popup-buttons .button.button-assertive.button-block,
    .popup-upgrade-assistant .popup-buttons .button.button-assertive.button-block,
    .popup-invalid-assistant .popup-buttons .button.button-assertive.button-block {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      margin: 0 30px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-open-assistant .popup-buttons .button.button-assertive.button-block span,
      .popup-upgrade-assistant .popup-buttons .button.button-assertive.button-block span,
      .popup-invalid-assistant .popup-buttons .button.button-assertive.button-block span {
        font-size: 16px !important; }
      .popup-open-assistant .popup-buttons .button.button-assertive.button-block .hairline-top::before,
      .popup-upgrade-assistant .popup-buttons .button.button-assertive.button-block .hairline-top::before,
      .popup-invalid-assistant .popup-buttons .button.button-assertive.button-block .hairline-top::before {
        visibility: hidden; }

.popup_jumpInfomation_assistant {
  height: 320px; }
  .popup_jumpInfomation_assistant .popup-body {
    overflow: inherit !important;
    height: 100%; }
    .popup_jumpInfomation_assistant .popup-body .title-img {
      width: 116px;
      height: 96px;
      margin: -81px auto 0; }
      .popup_jumpInfomation_assistant .popup-body .title-img img {
        width: 100%;
        height: 100%; }
    .popup_jumpInfomation_assistant .popup-body .title {
      height: 100%;
      margin: 26px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: -18px;
      line-height: 32px;
      padding: 0 36px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup_jumpInfomation_assistant .popup-body .title span {
        color: #f75946; }

.popup-open-assistant {
  height: 255px; }
  .popup-open-assistant .popup-buttons {
    bottom: 47px; }

.popup-upgrade-assistant {
  height: 343px; }
  .popup-upgrade-assistant .popup-buttons {
    bottom: 32px;
    min-height: 40px !important; }
    .popup-upgrade-assistant .popup-buttons .button.button-assertive.button-block {
      margin: 0 57px 0 58px;
      min-height: 40px !important;
      padding: 10px 0px !important;
      border-radius: 24px !important; }
      .popup-upgrade-assistant .popup-buttons .button.button-assertive.button-block span {
        font-size: 16px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-upgrade-assistant .popup-buttons .button.button-light.button-block {
      position: absolute;
      width: 56px;
      top: 58px;
      padding: 0px;
      left: 140px;
      min-height: 17px; }
      .popup-upgrade-assistant .popup-buttons .button.button-light.button-block span {
        font-size: 12px;
        color: #ef4f2a;
        text-decoration: underline; }

.popup-invalid-assistant {
  height: 343px; }
  .popup-invalid-assistant .popup-buttons {
    bottom: 30px;
    min-height: 40px !important; }
    .popup-invalid-assistant .popup-buttons .button.button-assertive.button-block {
      margin: 0 57px 0 58px;
      min-height: 40px !important;
      padding: 10px 0px !important; }
      .popup-invalid-assistant .popup-buttons .button.button-assertive.button-block span {
        font-size: 13px; }

.popup-open-assistant .popup-body .hairline-bottom::after,
.popup-upgrade-assistant .popup-body .hairline-bottom::after,
.popup-invalid-assistant .popup-body .hairline-bottom::after {
  display: none; }

.popup-open-assistant-lite {
  text-align: center; }
  .popup-open-assistant-lite .popup-body {
    overflow: hidden !important;
    padding-top: 10px !important;
    padding-bottom: 62px !important;
    height: 342px; }
  .popup-open-assistant-lite .icon {
    margin-bottom: 20px;
    height: 163px; }
    .popup-open-assistant-lite .icon.icon-off {
      background-image: url("//qkassets.qkcdn.com/images/assets/a01c97e51c4cc75e7ac0a2e0bfbfb626.png");
      background-size: 255px 163px;
      background-position: center;
      background-repeat: no-repeat; }
  .popup-open-assistant-lite .title {
    line-height: 22px;
    margin-bottom: 25px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #3A3A3A; }
  .popup-open-assistant-lite .tips {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #B5B5B5;
    position: absolute;
    width: 239px;
    left: 18px;
    bottom: 10px; }
    .popup-open-assistant-lite .tips .link {
      color: #ef4f2a; }
  .popup-open-assistant-lite .hairline-bottom::after {
    visibility: hidden; }
  .popup-open-assistant-lite .popup-buttons {
    position: absolute;
    bottom: 62px;
    left: 58px;
    width: 160px;
    height: 40px;
    min-height: 40px !important; }
    .popup-open-assistant-lite .popup-buttons .button-assertive {
      border-radius: 2px !important;
      padding: 9px 10px !important;
      min-height: 40px !important; }

.popup-invalid-assistant-lite {
  text-align: center;
  padding-bottom: 70px; }
  .popup-invalid-assistant-lite .popup-body {
    padding: 10px 18px 25px !important; }
    .popup-invalid-assistant-lite .popup-body .icon {
      margin-bottom: 20px;
      height: 163px; }
      .popup-invalid-assistant-lite .popup-body .icon.icon-invalid {
        background-image: url(//qkassets.qkcdn.com/images/assets/55af39fdd9f7be29b878ef2aead92e47.png);
        background-size: 255px 163px;
        background-position: center;
        background-repeat: no-repeat; }
    .popup-invalid-assistant-lite .popup-body .title {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #3A3A3A;
      line-height: 22px;
      margin-bottom: 0px; }
      .popup-invalid-assistant-lite .popup-body .title .span {
        color: #ef4f2a; }
  .popup-invalid-assistant-lite .hairline-bottom::after {
    visibility: hidden; }
  .popup-invalid-assistant-lite .popup-buttons {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 275px;
    height: 70px; }
    .popup-invalid-assistant-lite .popup-buttons .button {
      position: absolute;
      left: 57px;
      width: 160px;
      border-radius: 2px !important;
      min-height: 40px !important;
      box-sizing: border-box !important;
      padding: 9px 12px !important;
      font-size: 13px !important; }
      .popup-invalid-assistant-lite .popup-buttons .button .hairline-top::before,
      .popup-invalid-assistant-lite .popup-buttons .button .hairline-right::after {
        visibility: hidden !important; }
      .popup-invalid-assistant-lite .popup-buttons .button.button-assertive {
        border: 1px solid #ea5a49 !important; }
      .popup-invalid-assistant-lite .popup-buttons .button.button-light {
        top: 55px;
        border: 1px solid #3a3a3a !important; }

.popup-update-lite {
  width: 287px !important;
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  background-size: contain; }
  .popup-update-lite .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-update-lite .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/16d8c0a801947d7fcc9764bc8d6342f4.png");
      background-size: contain; }
    .popup-update-lite .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-lite .popup-body .desc {
      margin: 16px 32px 0;
      text-align: center;
      font-size: 14px;
      color: #3a3a3a;
      line-height: 24px; }
      .popup-update-lite .popup-body .desc .num {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-lite .popup-body .desc-detail {
      padding: 8px;
      line-height: 20px;
      font-size: 12px;
      margin: 16px 17px 0;
      background-color: #f5f5f5; }
      .popup-update-lite .popup-body .desc-detail .order {
        display: inline-block;
        width: 11px; }
    .popup-update-lite .popup-body .hairline-bottom::after {
      display: none; }
    .popup-update-lite .popup-body .button-close {
      top: 410px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat center/cover; }
      .popup-update-lite .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-update-lite .popup-buttons button {
    height: 48px !important;
    margin: 32px 56px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important; }
    .popup-update-lite .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-lite .popup-buttons button:active {
      background: #E0412E !important;
      box-shadow: none; }

.popup-update-other {
  width: 287px !important;
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  background-size: contain; }
  .popup-update-other .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-update-other .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/16d8c0a801947d7fcc9764bc8d6342f4.png");
      background-size: contain; }
    .popup-update-other .popup-body .title {
      position: relative;
      margin: 17px auto 16px;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-other .popup-body .content {
      width: 261px;
      height: 120px;
      position: relative;
      margin: 0 auto;
      background-image: url(//qkassets.qkcdn.com/images/assets/3a8c8bf54369b9ae36d5a905f022bf40.png);
      background-size: 100% 120px;
      background-position: center;
      background-repeat: no-repeat; }
      .popup-update-other .popup-body .content .app-icon {
        position: absolute;
        left: 47px;
        top: 46px;
        width: 36px;
        height: 36px;
        border-radius: 14px; }
      .popup-update-other .popup-body .content .app-name {
        position: absolute;
        top: 44px;
        left: 97px;
        font-size: 14px;
        color: #333333;
        height: 24px;
        line-height: 24px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-update-other .popup-body .content .app-developer {
        position: absolute;
        top: 53px;
        left: 119px;
        font-size: 6px;
        color: #333333;
        height: 8px;
        line-height: 8px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
        .popup-update-other .popup-body .content .app-developer img {
          margin-left: 3px;
          vertical-align: middle; }
      .popup-update-other .popup-body .content .arrow {
        width: 2px;
        height: 4px; }
      .popup-update-other .popup-body .content .app-size {
        position: absolute;
        top: 5px;
        left: 204px;
        color: #cfcece;
        transform: rotate(47deg);
        font-size: 12px;
        transform-origin: 0 0;
        font-weight: 900; }
    .popup-update-other .popup-body .hairline-bottom::after {
      display: none; }
    .popup-update-other .popup-body .button-close {
      display: none; }
  .popup-update-other .popup-buttons button {
    height: 48px !important;
    margin: 16px 56px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important; }
    .popup-update-other .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-other .popup-buttons button:active {
      background: #E0412E !important;
      box-shadow: none; }
/* thin border */
.popup-container {
  visibility: hidden;
}
.popup-container .popup {
  color: #484746;
  width: 275px;
  border-radius: 4px;
}
.popup-container .popup .popup-head {
    border-bottom: 1px solid #eee;
}
.popup-buttons > .button {
  margin-bottom: 0;
  margin-right: 10px;
}
.popup-buttons > .button:last-child {
    margin-right: 0px;
}
.popup-buttons > .button.button-block {
    margin-top: 0;
}
@-webkit-keyframes scaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
    opacity: 0;
}
}
@keyframes scaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
}
}
@-webkit-keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.popup-container.popup-hidden .popup {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.popup-container.active .popup {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@-webkit-keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
}
@keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
}
@-webkit-keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@-webkit-keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
}
@keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
}
.popup-container[effect='scale'].popup-hidden .popup {
  -webkit-animation-name: customScaleOut;
  animation-name: customScaleOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='scale'].active .popup {
  -webkit-animation-name: customScaleIn;
  animation-name: customScaleIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='slide'].popup-hidden .popup {
  -webkit-animation-name: slideUpOut;
  animation-name: slideUpOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-container[effect='slide'].active .popup {
  -webkit-animation-name: slideDownIn;
  animation-name: slideDownIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-note {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-note .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-note .popup-body .title-img {
      position: relative;
      width: 92px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/4d1626b58ccd98936736e246e2340284.png");
      background-size: contain;
}
.popup-note .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .hairline-bottom::after {
      display: none;
}
.popup-note .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-note .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-update-version-reward .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-update-version-reward .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png");
      background-size: contain;
}
.popup-update-version-reward .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .hairline-bottom::after {
      display: none;
}
.popup-update-version-reward .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-update-version-reward .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-buttons button:active {
      background: #E0412E !important;
      box-shadow: none;
}
.popup-preorder-publish-date {
  width: 287px !important;
}
.popup-preorder-publish-date .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 64px 24px 0 24px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-preorder-publish-date .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -112px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/4feb53ba219c4729625381cd5d56cc1d.png");
      background-size: contain;
      vertical-align: top;
}
.popup-preorder-publish-date .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      line-height: 24px;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .desc {
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      margin: 0 24px;
}
.popup-preorder-publish-date .popup-body .desc span {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap {
      margin-top: 16px;
      padding: 12px;
      background-color: #fafafa;
      border-radius: 4px;
      max-height: 134px;
      overflow: auto;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 20px;
        margin-bottom: 8px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 12px;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .left {
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          color: #3a3a3a;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 24px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .right {
          color: #f75946;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item:last-child {
          margin-bottom: 0;
}
.popup-preorder-publish-date .popup-body .num-wrap {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-preorder-publish-date .popup-body .button-close .ion-ios-close-empty {
        display: none;
}
.popup-preorder-publish-date .hairline-bottom {
    display: none;
}
.popup-preorder-publish-date .popup-buttons {
    width: 175px;
    margin: 32px auto;
}
.popup-preorder-publish-date .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none;
}
.popup-apprentice-v539 {
  width: 100% !important;
  background: none !important;
  margin-top: -60px;
}
.popup-apprentice-v539 .popup-body {
    text-align: center;
    overflow: inherit !important;
    height: 412px !important;
    padding: 0 !important;
}
.popup-apprentice-v539 .popup-body img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-top: 48px;
}
.popup-apprentice-v539 .popup-body .button-small {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important;
}
.popup-apprentice-v539 .popup-body .button-close {
      top: 392px !important;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-apprentice-v539 .popup-body .button-close .ion-ios-close-empty {
        display: none;
}
.popup-apprentice-v539 .hairline-bottom {
    display: none;
}

/* thin border */
.popup-container .von-popup {
  background-color: #fff;
}
.popup-container .von-popup .popup-head {
    border-bottom: none;
}
.popup-container .von-popup .popup-body {
    padding: 20px 18px 20px;
    position: relative;
}
.popup-container .von-popup .popup-body .common-title {
      text-align: center;
      line-height: 24px;
      font-size: 16px;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-container .von-popup .popup-body .common-sub-title {
      text-align: center;
      margin-top: 8px;
      font-size: 14px;
      line-height: 24px;
      color: #3a3a3a;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-container .von-popup .popup-body.lengthways-popupbody {
      padding: 16px 0 8px 0 !important;
      height: 56px;
}
.popup-container .von-popup .popup-body.lengthways-popupbody .title {
        height: 32px;
        line-height: 32px;
        color: #3a3a3a;
}
.popup-container .von-popup .popup-body p {
      font-weight: 100 !important;
      -webkit-font-smoothing: subpixel-antialiased;
}
.popup-container .von-popup .popup-body.no-content * {
      opacity: 0;
}
.popup-container .von-popup .popup-body .button-close {
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 30px;
}
.popup-container .von-popup .popup-buttons {
    padding: 0;
    min-height: 48px;
}
.popup-container .von-popup .popup-buttons .button {
      min-height: 48px;
      font-size: 16px;
      line-height: 20px;
      border-top: none;
      border-right: none;
      border-radius: 0;
      padding-top: 13px;
      padding-bottom: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
      margin-right: 0;
      background-color: transparent;
}
.popup-container .von-popup .popup-buttons .button:first-of-type {
        border-bottom-left-radius: 8px;
}
.popup-container .von-popup .popup-buttons .button:last-of-type {
        border-right: none;
        border-bottom-right-radius: 8px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-container .von-popup .popup-buttons .button.button-light {
        background-color: #fff;
}
.popup-container .von-popup .popup-buttons .button.button-light:active {
          background-color: #f5f5f5;
}
.popup-container .von-popup .popup-buttons .button.button-assertive {
        border-top: none;
        background-color: #ef4f2a;
}
.popup-container .von-popup .popup-buttons .button.button-assertive:active {
          background-color: #D25041;
}
.popup-container .von-popup .popup-buttons .button.obvious {
        color: #4A90E2;
}
.popup-container .von-popup .popup-buttons-lengthways {
    padding: 0;
    min-height: 52px;
}
.popup-container .von-popup .popup-buttons-lengthways .hairline-bottom::after {
      background-color: #EEEEEE;
}
.popup-container .von-popup .popup-buttons-lengthways .button {
      width: 100%;
      height: 52px;
      margin: 0;
      border-radius: 0;
      font-size: 16px;
      color: #4A90E2;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-container .von-popup .popup-buttons-lengthways .button:nth-last-child(1) {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}

.loading-container .loading {
  border-radius: 8px !important;
}
.loading-container .loading.custom-bg {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    padding: 7px 66px !important;
}
/* thin border */
.popup-task-ongoing .popup-body {
  overflow: initial !important;
  padding: 32px 44px 0px !important; }
  .popup-task-ongoing .popup-body .img-wrap {
    margin-bottom: 16px; }
    .popup-task-ongoing .popup-body .img-wrap img.top {
      width: 100%;
      height: auto; }
  .popup-task-ongoing .popup-body .title, .popup-task-ongoing .popup-body .desc {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #3a3a3a; }
  .popup-task-ongoing .popup-body .button-close {
    top: 225px !important;
    left: 45% !important;
    width: 22px !important;
    height: 22px !important;
    background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover;
    background-size: 100% 100%; }
    .popup-task-ongoing .popup-body .button-close .ion-ios-close-empty {
      display: none; }
  .popup-task-ongoing .popup-body .hairline-bottom {
    visibility: hidden !important; }

.popup-task-ongoing .popup-buttons {
  width: 175px;
  min-height: 48px !important;
  line-height: 48px;
  margin: 32px auto 32px; }
  .popup-task-ongoing .popup-buttons .button {
    background-color: #EF4F2A !important;
    border-radius: 24px !important;
    min-height: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5); }
    .popup-task-ongoing .popup-buttons .button:active {
      background: #E0412E;
      box-shadow: none; }
    .popup-task-ongoing .popup-buttons .button span {
      font-family: PingFang-SC-Medium;
      font-size: 16px;
      color: #FFFFFF; }

.popup-download-assistant {
  text-align: center; }
  .popup-download-assistant .popup-body {
    height: 365px; }
    .popup-download-assistant .popup-body .remind {
      margin-bottom: 25px;
      margin-top: 9px; }
      .popup-download-assistant .popup-body .remind span {
        display: block;
        margin-bottom: 4px;
        font-family: PingFangSC-Regular;
        font-size: 16px;
        color: #3A3A3A;
        height: 22px;
        line-height: 22px; }
    .popup-download-assistant .popup-body .bg {
      height: 128px; }
    .popup-download-assistant .popup-body .app-icon {
      position: absolute;
      left: 53px;
      top: 143px;
      width: 58px;
      height: 58px;
      border-radius: 14px; }
    .popup-download-assistant .popup-body .app-name {
      position: absolute;
      top: 144px;
      left: 119px;
      font-family: PingFangSC-Regular;
      font-size: 8px;
      color: #333333;
      height: 11px;
      line-height: 11px; }
    .popup-download-assistant .popup-body .app-developer {
      position: absolute;
      top: 157px;
      left: 119px;
      font-family: PingFangSC-Regular;
      font-size: 6px;
      color: #333333;
      height: 8px;
      line-height: 8px; }
      .popup-download-assistant .popup-body .app-developer img {
        margin-left: 3px;
        vertical-align: middle; }
    .popup-download-assistant .popup-body .arrow {
      width: 2px;
      height: 4px; }
    .popup-download-assistant .popup-body .bottom-remind {
      position: absolute;
      top: 318px;
      left: 50%;
      transform: translateX(-50%);
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #B5B5B5; }
    .popup-download-assistant .popup-body .hairline-bottom {
      visibility: hidden !important; }
  .popup-download-assistant .popup-buttons {
    width: 160px;
    position: absolute;
    top: 266px;
    left: 58px; }
    .popup-download-assistant .popup-buttons .button {
      background-color: #EF4F2A !important;
      border-radius: 2px !important;
      min-height: 40px !important;
      height: 40px !important;
      line-height: 40px !important;
      padding: 0 !important; }
      .popup-download-assistant .popup-buttons .button span {
        font-family: PingFang-SC-Medium;
        font-size: 13px;
        color: #FFFFFF; }

.popup-ios-less-than-8-new {
  height: 240px !important;
  background-image: url("//qkassets.qkcdn.com/images/assets/6cfffc8517e6ce53457f010e41fd5c51.png");
  background-size: 255px 163px;
  background-position: 10px 10px;
  background-repeat: no-repeat; }
  .popup-ios-less-than-8-new .popup-body {
    padding: 193px 0 25px 0 !important;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #3A3A3A;
    letter-spacing: 0;
    line-height: 22px; }
    .popup-ios-less-than-8-new .popup-body .button-close {
      position: fixed !important; }

.popup-assistant-guide .title {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px; }
  .popup-assistant-guide .title.single-line {
    top: 30px; }
  .popup-assistant-guide .title.multi-line {
    top: 22px; }

.popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide {
  overflow: hidden;
  visibility: hidden;
  position: relative; }
  .popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide .swipe-wrap {
    overflow: hidden;
    position: relative; }
    .popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide .swipe-wrap .swipe-item .step {
      width: 275px;
      height: 226px; }
      .popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide .swipe-wrap .swipe-item .step.step-1 {
        background-image: url(//qkassets.qkcdn.com/images/assets/9e64a5e2b45bea722bb50199a9d216d8.png);
        background-size: 275px 213px;
        background-position: center;
        background-repeat: no-repeat; }
      .popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide .swipe-wrap .swipe-item .step.step-2 {
        background-image: url(//qkassets.qkcdn.com/images/assets/2be4fa94032048d2f772bc7c96c75862.png);
        background-size: 275px 221px;
        background-position: center;
        background-repeat: no-repeat; }
      .popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide .swipe-wrap .swipe-item .step.step-3 {
        background-image: url(//qkassets.qkcdn.com/images/assets/861e9deeac43331816632c7912888545.png);
        background-size: 275px 213px;
        background-position: center;
        background-repeat: no-repeat; }
      .popup-assistant-guide #swipe-assistant-guide-wrap #swipe-assistant-guide .swipe-wrap .swipe-item .step.step-4 {
        background-image: url(//qkassets.qkcdn.com/images/assets/e3dc6bf469735d37e0718cd23f69c180.png);
        background-size: 275px 213px;
        background-position: center;
        background-repeat: no-repeat; }

.popup-assistant-guide #swipe-assistant-guide-wrap .circles {
  text-align: center;
  height: 5px;
  width: 35px;
  margin: 16px auto; }
  .popup-assistant-guide #swipe-assistant-guide-wrap .circles .circle {
    float: left;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-right: 5px;
    background: #E0E0E0; }
    .popup-assistant-guide #swipe-assistant-guide-wrap .circles .circle.active {
      background: #FD5F4E; }
    .popup-assistant-guide #swipe-assistant-guide-wrap .circles .circle:last-of-type {
      margin-right: 0; }

.popup-assistant-guide .popup-body {
  padding: 33px 0 0 0 !important;
  max-height: 296px; }

.popup-bind-zhima .icon {
  margin-top: -6px;
  height: 28px;
  margin-bottom: 14px; }
  .popup-bind-zhima .icon img {
    width: 24px;
    height: 28px;
    margin-bottom: 0; }

.popup-bind-zhima .title {
  font-family: PingFangSC-Medium;
  height: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #888888;
  letter-spacing: 0; }
  .popup-bind-zhima .title .line {
    width: 19px;
    height: 1px;
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0); }

.popup-bind-zhima .desc {
  font-size: 13px;
  color: #888888;
  line-height: 20px;
  margin-bottom: 4px; }

.popup-bind-zhima .popup-buttons .button-light {
  height: 50px;
  background-color: #04C9B3 !important; }
  .popup-bind-zhima .popup-buttons .button-light span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF; }

.popup-enable-push {
  width: 287px !important;
  text-align: center; }
  .popup-enable-push .title, .popup-enable-push .sub-title {
    line-height: 24px; }
  .popup-enable-push .title {
    font-size: 16px;
    margin-bottom: 32px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-enable-push .sub-title {
    font-size: 14px;
    margin-bottom: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-weight: normal !important; }
  .popup-enable-push div.img {
    height: 123px;
    width: 198px;
    margin: 0 auto 8px auto;
    background-size: cover;
    background-image: url("//qkassets.qkcdn.com/images/assets/2f247e19543a81b487e6525052b8e021.png");
    background-size: center;
    background-position: center;
    background-repeat: no-repeat; }
  .popup-enable-push .popup-body {
    padding: 32px !important;
    overflow: initial !important; }
    .popup-enable-push .popup-body .hairline-bottom::after {
      display: none; }
    .popup-enable-push .popup-body .video-wrap {
      width: 223px;
      height: 168px; }
      .popup-enable-push .popup-body .video-wrap img {
        width: 223px;
        height: 168px; }
    .popup-enable-push .popup-body .button-close {
      top: 400px !important;
      right: 0 !important;
      left: 0 !important;
      margin: auto !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/15ea1d3ac1ee9fcaabbe6cb9ecc44014.png") no-repeat center/cover !important; }
      .popup-enable-push .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-enable-push .popup-buttons {
    height: 48px;
    width: 175px;
    margin: 0px auto 32px auto; }
    .popup-enable-push .popup-buttons .button.button-block.button-assertive {
      height: 48px;
      min-height: 48px;
      border-radius: 24px;
      font-size: 16px;
      line-height: 13px;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      background-color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-enable-push .popup-buttons .button.button-block.button-assertive:active {
        background-color: #D53926; }

.popup-paid-task-explain {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-paid-task-explain .popup-body {
    padding: 32px 20px 0px !important; }
    .popup-paid-task-explain .popup-body .hairline-bottom::after {
      display: none; }
  .popup-paid-task-explain .title {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px; }
  .popup-paid-task-explain .desc-item {
    color: #3a3a3a;
    font-size: 14px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-paid-task-explain .desc-item .tip {
      color: #f75946; }
  .popup-paid-task-explain .desc-item:last-child {
    margin-bottom: 32px; }
  .popup-paid-task-explain .popup-buttons {
    width: 247px;
    height: 48px;
    margin: 0px auto 32px; }
    .popup-paid-task-explain .popup-buttons .button-light {
      height: 48px;
      background-color: #f75946 !important;
      border-radius: 24px !important;
      -webkit-border-radius: 24px !important;
      -moz-border-radius: 24px !important;
      -ms-border-radius: 24px !important;
      -o-border-radius: 24px !important;
      font-size: 16px;
      color: #FFFFFF; }

.popup-task-add-time .popup-body .title {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup_download_tip {
  width: 287px !important;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup_download_tip .popup-body {
    padding: 32px 20px 0px !important; }
    .popup_download_tip .popup-body .hairline-bottom::after {
      display: none; }
  .popup_download_tip .title {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup_download_tip .title-s {
    margin-bottom: 16px; }
  .popup_download_tip .desc {
    margin: 0 auto;
    color: #3a3a3a;
    font-size: 14px;
    line-height: 24px;
    text-align: center; }
  .popup_download_tip .sub-desc {
    color: #aaaaaa;
    font-size: 12px;
    margin-top: 16px;
    line-height: 1.67;
    padding: 0 12px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup_download_tip .app-certificate {
    margin: 12px 0 32px 0;
    height: 113px; }
    .popup_download_tip .app-certificate img {
      width: 115%;
      height: 113px;
      text-align: left;
      position: relative;
      left: -19px; }
  .popup_download_tip .app-detail {
    position: relative;
    padding: 12px 16px 12px 79px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    margin: 32px 0 40px;
    background-color: #fafafa; }
  .popup_download_tip .app-detail-no {
    padding: 18px 18px 18px 79px;
    margin-bottom: 44px; }
  .popup_download_tip .warn {
    max-width: 150px;
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup_download_tip .img-wrap {
    position: absolute;
    left: 18px;
    top: 18px;
    width: 52px;
    height: 52px;
    padding: 1.5px;
    margin-right: 6px;
    border-radius: 12px;
    border: solid 0.5px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    overflow: hidden; }
    .popup_download_tip .img-wrap img {
      width: 48px;
      height: 48px;
      border-radius: 10px; }
  .popup_download_tip .img-wrap-no {
    top: 14px; }
  .popup_download_tip .popup-buttons {
    width: 184px;
    height: 48px;
    margin: 0px auto 32px; }
    .popup_download_tip .popup-buttons .button-light {
      height: 48px;
      background-color: #f75946 !important;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
      border-radius: 24px !important;
      -webkit-border-radius: 24px !important;
      -moz-border-radius: 24px !important;
      -ms-border-radius: 24px !important;
      -o-border-radius: 24px !important;
      font-size: 16px;
      color: #FFFFFF; }
      .popup_download_tip .popup-buttons .button-light:active {
        background: #E0412E !important;
        box-shadow: none !important; }

.popup-authorize-network-tip {
  width: 287px !important;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup-authorize-network-tip.version-14 .title {
    margin-bottom: 0; }
  .popup-authorize-network-tip.version-14 .desc {
    margin: 0 2px;
    line-height: 20px;
    text-align: left;
    color: #f75946;
    font-size: 12px; }
  .popup-authorize-network-tip.version-14 #duang {
    margin-bottom: 12px;
    height: 183px; }
  .popup-authorize-network-tip .popup-body {
    padding: 32px 28px 0px !important; }
    .popup-authorize-network-tip .popup-body .hairline-bottom::after {
      display: none; }
  .popup-authorize-network-tip .title {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-authorize-network-tip .title span {
      color: #f75946; }
  .popup-authorize-network-tip .desc {
    margin: 0 auto;
    color: #3a3a3a;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-authorize-network-tip .img-wrap {
    position: relative;
    border-radius: 10px;
    margin: 16px 0 32px;
    background-color: #fafafa; }
    .popup-authorize-network-tip .img-wrap img {
      width: 100%;
      vertical-align: top; }
  .popup-authorize-network-tip .popup-buttons {
    width: 175px;
    height: 48px;
    margin: 0px auto 32px; }
    .popup-authorize-network-tip .popup-buttons .button-light {
      height: 48px;
      background-color: #f75946 !important;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
      border-radius: 24px !important;
      -webkit-border-radius: 24px !important;
      -moz-border-radius: 24px !important;
      -ms-border-radius: 24px !important;
      -o-border-radius: 24px !important;
      font-size: 16px;
      color: #FFFFFF; }
      .popup-authorize-network-tip .popup-buttons .button-light:active {
        background: #E0412E !important;
        box-shadow: none !important; }

.give-up-contain .popup-body {
  padding: 20px 0 !important; }
  .give-up-contain .popup-body .title {
    margin-bottom: 0; }

.give-up-contain .popup-buttons-lengthways button {
  font-size: 16px;
  height: 48px !important;
  line-height: 48px; }
  .give-up-contain .popup-buttons-lengthways button.obvious {
    font-weight: bolder; }
/* thin border */
.coin[data-v-4dbf89c8] {
  width: 120px;
  height: 120px;
  padding: 26px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  text-align: center;
  position: relative;
  border-radius: 6px;
  z-index: 101;
}
.coin .title[data-v-4dbf89c8] {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 11px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.coin .add-num[data-v-4dbf89c8] {
    font-size: 0;
    color: #FFC236;
    height: 36px;
}
.coin .add-num img[data-v-4dbf89c8] {
      height: 8px;
      width: 8px;
}
.coin .add-num .num[data-v-4dbf89c8] {
      font-size: 36px;
      height: 36px;
      line-height: 36px;
      margin: 0 2px;
      font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.coin .add-num .unit[data-v-4dbf89c8] {
      position: relative;
      top: -1px;
      font-size: 11px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.popup_common_explore {
  width: 275px !important;
  height: 135px !important;
  background: #fff; }
  .popup_common_explore .popup-body {
    padding: 0 18px !important;
    text-align: center !important; }
    .popup_common_explore .popup-body .common_title {
      line-height: 22px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
      color: #3a3a3a;
      font-size: 6px;
      margin: 22px 0 10px 0; }
    .popup_common_explore .popup-body .common_prompt {
      line-height: 20px;
      margin-bottom: 20px;
      font-size: 14px;
      font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      color: #3a3a3a;
      font-weight: lighter; }
  .popup_common_explore .popup-buttons {
    color: #3a3a3a !important;
    font-size: 14px !important; }

.popup_patient_explore {
  width: 275px !important;
  height: 113px !important;
  background: #fff; }
  .popup_patient_explore .popup-body {
    padding: 0 60px !important;
    text-align: center !important; }
    .popup_patient_explore .popup-body .patient_title {
      line-height: 20px;
      font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      color: #3a3a3a;
      font-size: 14px;
      margin: 26px 0 22px 0; }
  .popup_patient_explore .popup-buttons {
    height: 45px !important;
    line-height: 45px !important;
    color: #3a3a3a !important;
    font-size: 14px !important; }
@charset "UTF-8";
/* thin border */
.popup-general-punch {
  width: 275px !important;
  background: #fff !important; }
  .popup-general-punch .popup-body {
    padding: 20px 32px;
    position: relative;
    /* 通用样式 */ }
    .popup-general-punch .popup-body .common-style-title {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 16px;
      text-align: center;
      height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-general-punch .popup-body .common-style-subtitle {
      font-size: 14px;
      color: #3A3A3A;
      line-height: 14px;
      margin-top: 12px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-general-punch .popup-buttons button {
    font-size: 16px !important; }
    .popup-general-punch .popup-buttons button:last-child {
      color: #4A90E2;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.singer .common-style-subtitle {
  text-align: justify;
  line-height: 22px !important; }

.lottery .popup-body {
  height: auto !important;
  overflow: inherit !important;
  padding: 25px 8px 8px !important; }
  .lottery .popup-body .punch-icon {
    width: 92px;
    height: 94px;
    position: relative;
    margin: -73px auto 16px auto; }
    .lottery .popup-body .punch-icon img {
      width: 92px;
      height: 94px; }

.lottery .common-style-subtitle {
  text-align: center !important;
  line-height: 22px !important;
  padding: 0 18px !important;
  margin-bottom: 32px !important; }

.lottery .open-lottery {
  padding: 12px 14px;
  box-sizing: border-box;
  height: 68px;
  background: url("//qkassets.qkcdn.com/images/assets/01c1abc300d5cd5d55e2225e8d579ee3.png") no-repeat;
  background-size: 100% 100%;
  font-size: 14px;
  color: #e16626;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .lottery .open-lottery p {
    margin-bottom: 0;
    line-height: 22px; }

.lottery .popup-buttons {
  min-height: 0 !important;
  position: relative; }
  .lottery .popup-buttons button:first-child {
    background: none !important;
    padding: 0 !important;
    position: absolute;
    top: -64px;
    left: 0;
    z-index: 100;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .lottery .popup-buttons button:first-child span {
      display: none;
      width: 80px;
      min-height: 28px;
      background: #F75946;
      box-shadow: 0px 1px 4px 0px #f27465;
      border-radius: 14px;
      color: #fff;
      font-size: 14px;
      line-height: 28px;
      margin-left: 160px; }
      .lottery .popup-buttons button:first-child span:active {
        background: #E0412E;
        box-shadow: 0px 1px 4px 0px #f27465; }
  .lottery .popup-buttons button:last-child {
    width: 24px;
    height: 24px;
    padding: 0 !important;
    position: absolute;
    top: 32px;
    left: 126px;
    z-index: 100;
    min-width: 24px;
    min-height: 24px !important;
    background: transparent url("//qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat center/cover !important; }
  .lottery .popup-buttons .hairline-right {
    display: none; }

.lottery .hairline-bottom {
  display: none !important; }

.rules-container {
  position: fixed;
  height: 342px;
  width: 275px !important;
  top: -15px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .rules-container .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .rules-container .popup-body .rules-icon {
      position: relative;
      margin: -47px auto 0 auto;
      width: 114px;
      height: 95px;
      overflow: hidden; }
      .rules-container .popup-body .rules-icon img {
        width: 114px;
        height: 95px; }
    .rules-container .popup-body .rules-title {
      margin-top: 12px;
      color: #3a3a3a;
      font-size: 16px;
      margin-bottom: 12px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .rules-container .popup-body .rules-list {
      min-height: 210px;
      position: relative;
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
      height: 210px;
      padding: 0 28px;
      margin-bottom: 40px; }
      .rules-container .popup-body .rules-list p {
        margin: 0;
        line-height: 22px;
        color: #3a3a3a;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
        .rules-container .popup-body .rules-list p span {
          color: #F75946;
          font-weight: 600; }
    .rules-container .popup-body .hairline-bottom::after {
      display: none; }
    .rules-container .popup-body .button-close {
      top: 372px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover; }
      .rules-container .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .rules-container .popup-buttons {
    position: relative;
    width: 32px;
    min-height: 32px !important;
    left: 50%;
    margin-left: -16px;
    top: 32px; }
    .rules-container .popup-buttons .button {
      padding: 0 !important;
      min-width: 32px;
      min-height: 32px !important;
      background: transparent url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover !important; }

.cash-container {
  width: 275px;
  position: relative;
  top: -32px; }
  .cash-container .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .cash-container .popup-body .hairline-bottom {
      display: none; }
    .cash-container .popup-body .cash-bg {
      height: 117px;
      background: url("//qkassets.qkcdn.com/images/assets/71e9d5aa5f05265dfdf82a9a915095b7.png") no-repeat center/cover;
      width: 275px; }
    .cash-container .popup-body .cash-money {
      font-size: 38px;
      margin-top: 12px;
      color: #F75946;
      line-height: 38px;
      height: 38px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .cash-container .popup-body .cash-money span {
        font-size: 14px; }
    .cash-container .popup-body .cash-button {
      width: 184px;
      height: 48px;
      line-height: 48px;
      background: #F75946;
      margin: 28px auto 32px auto;
      border-radius: 24px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      box-shadow: 0px 1px 4px 0px #F27465;
      -webkit-box-shadow: 0px 1px 4px 0px #F27465;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .cash-container .popup-body .cash-button:active {
        background-color: #D53926; }
    .cash-container .popup-body .button-close {
      top: 306px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover; }
      .cash-container .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .cash-container .popup-buttons button {
    width: 184px !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #F75946 !important;
    margin: 28px 46px 32px !important;
    border-radius: 24px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0px 1px 4px 0px #F27465 !important;
    -webkit-box-shadow: 0px 1px 4px 0px #F27465 !important;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .cash-container .popup-buttons button:active {
      background-color: #D53926 !important; }
    .cash-container .popup-buttons button span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }

.punch-more-choose {
  position: relative;
  width: 275px !important;
  height: 276px; }
  .punch-more-choose .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .punch-more-choose .popup-body .punch-icon {
      position: relative;
      margin: -47px auto 16px auto;
      width: 92px;
      height: 95px;
      overflow: hidden; }
      .punch-more-choose .popup-body .punch-icon img {
        width: 92px;
        height: 95px; }
    .punch-more-choose .popup-body .punch-more-title {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 16px;
      text-align: center;
      height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .punch-more-choose .popup-body .punch-more-subtitle {
      font-size: 14px;
      color: #3A3A3A;
      line-height: 14px;
      margin-top: 12px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .punch-more-choose .popup-body .button-close {
      top: 307px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover; }
      .punch-more-choose .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .punch-more-choose .popup-body .hairline-bottom::after {
      display: none; }
  .punch-more-choose .popup-buttons {
    margin-top: 28px;
    position: relative; }
    .punch-more-choose .popup-buttons button {
      flex: none !important;
      display: block !important;
      width: 180px !important;
      height: 48px !important;
      border-radius: 24px !important;
      background: #F75946 !important; }
      .punch-more-choose .popup-buttons button:first-child {
        position: absolute;
        left: 47px; }
      .punch-more-choose .popup-buttons button:last-child {
        position: absolute;
        left: 47px;
        top: 60px; }
      .punch-more-choose .popup-buttons button span {
        color: #fff !important;
        font-size: 16px !important;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
/* thin border */
.message-enter-active[data-v-d632bd1a], .message-leave-active[data-v-d632bd1a] {
  transition: all 0.5s ease-out;
}
.message-leave-to[data-v-d632bd1a] {
  opacity: 0 !important;
}
.message-wrapper[data-v-d632bd1a] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 12;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
.message-wrapper span[data-v-d632bd1a] {
    display: inline-block;
    margin: 0 auto;
}
.message-wrapper span .message-box[data-v-d632bd1a] {
      padding: 12px 24px;
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.8);
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.3px;
      text-overflow: ellipsis;
      text-align: center;
      color: #FFFFFF;
      opacity: 1;
      margin-bottom: 10px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.message-wrapper span .message-box div[data-v-d632bd1a] {
        display: inline-block;
}
/* thin border */
.popup-lotterty-win {
  border-radius: 4px;
  text-align: center;
  font-family: PingFangSC-Light; }
  .popup-lotterty-win .popup-body {
    background-image: linear-gradient(90deg, #6831B7 0%, #8D55D2 100%);
    padding: 20px 18px 24px 18px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px; }
    .popup-lotterty-win .popup-body img {
      width: 220px;
      height: 130px;
      vertical-align: bottom; }
    .popup-lotterty-win .popup-body .win-info {
      width: 100%; }
      .popup-lotterty-win .popup-body .win-info .win-money {
        font-size: 14px;
        color: #F9D53F;
        margin-bottom: 10px; }
        .popup-lotterty-win .popup-body .win-info .win-money .font-big {
          font-size: 44px;
          color: #F9D53F;
          line-height: 62px; }
      .popup-lotterty-win .popup-body .win-info .win-desc {
        width: 152px;
        height: 21px;
        margin: 0 auto;
        line-height: 21px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 100px;
        font-size: 12px;
        color: #FFFFFF; }
  .popup-lotterty-win .popup-buttons .button {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-family: PingFangSC-Regular;
    color: #8747C9; }

.popup-container > .open_rebate_entrance {
  height: 381px; }
  .popup-container > .open_rebate_entrance .title {
    text-align: center;
    height: 26px;
    line-height: 26px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #3A3A3A; }
    .popup-container > .open_rebate_entrance .title span {
      color: #ffa70f; }
  .popup-container > .open_rebate_entrance .pic {
    margin-top: 25px;
    text-align: center; }
    .popup-container > .open_rebate_entrance .pic img {
      width: 219px;
      height: 174px; }
  .popup-container > .open_rebate_entrance .hairline-bottom::after {
    visibility: hidden; }
  .popup-container > .open_rebate_entrance .popup-buttons {
    margin-left: 58px;
    width: 160px; }
    .popup-container > .open_rebate_entrance .popup-buttons .button {
      width: 50px;
      min-height: 40px;
      height: 40px;
      line-height: 15px;
      background-color: #FFA70F !important;
      border-radius: 2px; }
      .popup-container > .open_rebate_entrance .popup-buttons .button span {
        font-family: PingFangSC-Regular;
        font-size: 13px;
        color: #FFFFFF; }

.popup-national-event {
  height: 312px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup-national-event .popup-body {
    height: 242px;
    font-size: 13px;
    padding-left: 30px !important;
    padding-right: 30px !important; }
    .popup-national-event .popup-body .hairline-bottom::after {
      visibility: hidden; }
    .popup-national-event .popup-body .title {
      text-align: center;
      margin-top: 4px;
      margin-bottom: 10px;
      font-size: 14px;
      color: #3A3A3A;
      height: 22px;
      line-height: 22px; }
    .popup-national-event .popup-body .time {
      margin-bottom: 20px;
      color: #3A3A3A;
      height: 20px;
      line-height: 20px; }
      .popup-national-event .popup-body .time span {
        color: #EF4F2A;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-national-event .popup-body .desc {
      margin-bottom: 10px; }
  .popup-national-event .popup-buttons {
    width: 160px;
    margin-left: 58px; }
    .popup-national-event .popup-buttons .button {
      min-height: 40px !important;
      padding: 0 !important;
      height: 40px;
      width: 160px !important;
      display: inline;
      background: #EF4F2A !important;
      border-radius: 2px !important; }
      .popup-national-event .popup-buttons .button span {
        font-size: 13px;
        color: #FFFFFF;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-open > .backdrop {
  background-color: rgba(0, 0, 0, 0.65); }

.open_rebate_entrance .popup-body {
  padding-top: 35px; }
@charset "UTF-8";
/* thin border */
.popup-general {
  width: 275px !important;
  background: #fff !important; }
  .popup-general .popup-body {
    padding: 22px 18px 22px !important;
    position: relative;
    /* 通用样式 */ }
    .popup-general .popup-body .common-style-title {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 22px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-general .popup-body .common-style-subtitle {
      font-size: 14px;
      color: #3A3A3A;
      line-height: 20px;
      text-align: center;
      margin-top: 10px;
      font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-general .popup-body .dissolve {
      margin: 0 30px; }

/* 打卡奖励 */
.popup-award {
  width: 275px !important;
  height: 280px !important;
  position: relative;
  background: url("//qkassets.qkcdn.com/images/assets/626267d8913de200068fb09d23bc11c2.png") no-repeat center/cover;
  background-color: transparent !important;
  top: -20px; }
  .popup-award .popup-body {
    position: initial !important; }
    .popup-award .popup-body .award {
      margin-top: 93px;
      text-align: center;
      font-size: 38px;
      color: #F75946;
      line-height: 50px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-award .popup-body .award span {
        font-size: 13px;
        line-height: 18px; }
    .popup-award .popup-body .award-subtitle {
      width: 235px;
      position: absolute;
      left: 20px;
      top: 173px;
      color: #B5B5B5;
      line-height: 18px;
      font-size: 13px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-award .popup-body .button-close {
      top: 317px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/9998aa5ef471422608eb20c33bc3ea83.png") no-repeat center/cover; }
    .popup-award .popup-body .ion-ios-close-empty {
      display: none;
      top: 0px !important;
      right: 8px !important; }
  .popup-award .popup-buttons {
    position: absolute !important;
    bottom: 21px;
    left: 66px; }
    .popup-award .popup-buttons .button-block {
      width: 144px;
      height: 48px;
      line-height: 48px;
      background: #F75946 !important;
      border-radius: 24px !important; }
      .popup-award .popup-buttons .button-block span {
        font-size: 14px;
        color: #fff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

/* 邀请好友组团 */
.popup-invited .popup-body {
  padding: 26px 18px 0 18px !important;
  border-bottom: none !important; }
  .popup-invited .popup-body .invite-title {
    font-size: 16px;
    color: #3A3A3A;
    line-height: 22px;
    text-align: center;
    margin-bottom: 10px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-invited .popup-body .closed {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px;
    height: 14px; }
    .popup-invited .popup-body .closed img {
      width: 14px;
      height: 14px; }
  .popup-invited .popup-body .input-id {
    padding: 14px 0 15px 0;
    margin: 10px 0 13px 0;
    color: #B5B5B5;
    width: 237px;
    height: 54px;
    background: #f5f5f5;
    border-radius: 4px; }
    .popup-invited .popup-body .input-id input {
      background: #f5f5f5;
      text-align: center;
      font-size: 16px;
      color: #3A3A3A;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-invited .popup-body .prompt {
    font-size: 13px;
    color: #B5B5B5;
    line-height: 13px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-invited .popup-body .hairline-bottom::after {
    content: '';
    height: 0 !important; }

.popup-invited .popup-buttons {
  width: 144px;
  height: 48px;
  margin: 24px auto 20px auto; }
  .popup-invited .popup-buttons .button-block {
    background: #F75946 !important;
    border-radius: 24px !important; }
    .popup-invited .popup-buttons .button-block span {
      line-height: 20px !important;
      text-align: center !important;
      color: #fff !important;
      font-size: 14px !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
@charset "UTF-8";
/* thin border */
.popup-general-punch-v5-22 {
  width: 287px !important;
  background: #fff !important; }
  .popup-general-punch-v5-22 .popup-body {
    padding: 20px 48px !important;
    position: relative;
    /* 通用样式 */ }
    .popup-general-punch-v5-22 .popup-body .common-style-title {
      height: 24px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-general-punch-v5-22 .popup-body .punch-coin {
      text-align: center;
      font-size: 14px;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-general-punch-v5-22 .popup-body .punch-coin span {
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: bottom;
        background: url("//qkassets.qkcdn.com/images/assets/c11489d677e797e82b5830fca69379f5.png") no-repeat center/cover; }
      .popup-general-punch-v5-22 .popup-body .punch-coin em {
        font-family: "qiankaFont";
        font-size: 32px;
        margin: 0 4px;
        vertical-align: top; }
    .popup-general-punch-v5-22 .popup-body .common-style-subtitle {
      font-size: 14px;
      color: #3A3A3A;
      line-height: 1.77 !important;
      margin-top: 8px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-general-punch-v5-22 .popup-buttons button {
    height: 48px;
    font-size: 16px !important; }
    .popup-general-punch-v5-22 .popup-buttons button:last-child {
      color: #4A90E2;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

/* 支付确认 */
.punch-singers .popup-body {
  height: 176px !important;
  padding: 20px 34px !important; }

.punch-singers .common-style-title {
  margin-bottom: 20px !important; }

.punch-singers .common-style-subtitle {
  text-align: justify;
  line-height: 22px !important;
  margin-top: 20px !important; }

/* 支付成功 */
.punch-success .popup-body {
  height: 120px !important;
  padding: 20px 70px !important; }
  .punch-success .popup-body .common-style-subtitle span {
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

/* 支付失败 */
.punch-failed .popup-body {
  height: 120px !important;
  padding: 20px 56px !important; }

.cash-container {
  width: 275px;
  position: relative;
  top: -32px; }
  .cash-container .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .cash-container .popup-body .hairline-bottom {
      display: none; }
    .cash-container .popup-body .cash-bg {
      height: 126px !important;
      background: url("//qkassets.qkcdn.com/images/assets/137c812d74dcec3b58e9a169d05a9718.png") no-repeat center/cover !important;
      width: 275px; }
    .cash-container .popup-body .cash-money {
      margin-top: 23px !important;
      line-height: 38px;
      height: 38px;
      text-align: center; }
      .cash-container .popup-body .cash-money .plus, .cash-container .popup-body .cash-money .yuan {
        font-size: 22px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .cash-container .popup-body .cash-money .yuan {
        font-size: 14px; }
      .cash-container .popup-body .cash-money .amount {
        font-family: qiankaFont;
        margin: 0 2px;
        font-size: 38px;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        color: #f75946; }
    .cash-container .popup-body .cash-button {
      width: 184px;
      height: 48px;
      line-height: 48px;
      background: #F75946;
      margin: 28px auto 32px auto;
      border-radius: 24px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      box-shadow: 0px 1px 4px 0px #F27465;
      -webkit-box-shadow: 0px 1px 4px 0px #F27465;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .cash-container .popup-body .cash-button:active {
        background-color: #D53926; }
    .cash-container .popup-body .button-close {
      top: 306px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover; }
      .cash-container .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .cash-container .popup-buttons button {
    width: 175px !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #F75946 !important;
    margin: 28px 46px 32px !important;
    border-radius: 24px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0px 1px 4px 0px #F27465 !important;
    -webkit-box-shadow: 0px 1px 4px 0px #F27465 !important;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .cash-container .popup-buttons button:active {
      background-color: #D53926 !important; }
    .cash-container .popup-buttons button span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }

.punch-more-choose {
  position: relative;
  width: 275px !important;
  height: 276px; }
  .punch-more-choose .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .punch-more-choose .popup-body .punch-icon {
      position: relative;
      margin: -47px auto 16px auto;
      width: 92px;
      height: 95px;
      overflow: hidden; }
      .punch-more-choose .popup-body .punch-icon img {
        width: 92px;
        height: 95px; }
    .punch-more-choose .popup-body .punch-more-title {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 16px;
      text-align: center;
      height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .punch-more-choose .popup-body .punch-more-subtitle {
      font-size: 14px;
      color: #3A3A3A;
      line-height: 14px;
      margin-top: 12px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .punch-more-choose .popup-body .button-close {
      top: 307px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover; }
      .punch-more-choose .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .punch-more-choose .popup-body .hairline-bottom::after {
      display: none; }
  .punch-more-choose .popup-buttons {
    margin-top: 28px;
    position: relative; }
    .punch-more-choose .popup-buttons button {
      flex: none !important;
      display: block !important;
      width: 180px !important;
      height: 48px !important;
      border-radius: 24px !important;
      background: #F75946 !important; }
      .punch-more-choose .popup-buttons button:first-child {
        position: absolute;
        left: 47px; }
      .punch-more-choose .popup-buttons button:last-child {
        position: absolute;
        left: 47px;
        top: 60px; }
      .punch-more-choose .popup-buttons button span {
        color: #fff !important;
        font-size: 16px !important;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.punch-popup .popup-body {
  padding: 32px 18px !important; }
  .punch-popup .popup-body .hairline-bottom::after {
    display: none; }

.punch-popup .popup-buttons {
  display: block;
  margin-bottom: 32px; }
  .punch-popup .popup-buttons .button {
    width: 175px !important;
    height: 48px !important;
    background-color: #f75946 !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    border-radius: 24px !important;
    box-sizing: border-box;
    display: block;
    margin: 0 auto !important;
    padding: 0;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .punch-popup .popup-buttons .button span {
      font-size: 16px;
      line-height: 1.5;
      color: #fff !important; }
    .punch-popup .popup-buttons .button:active {
      background-color: #e0412e !important;
      box-shadow: none; }

.clock-failed {
  width: 275px;
  position: relative;
  top: -32px; }
  .clock-failed .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .clock-failed .popup-body .desc {
      width: 100% !important; }
    .clock-failed .popup-body .hairline-bottom {
      display: none; }
    .clock-failed .popup-body .failed-icon {
      width: 135px;
      margin: 21px auto 0;
      height: 88px;
      background: url("//qkassets.qkcdn.com/images/assets/c84809738f6afd099b90e474abf821da.png") no-repeat center/cover;
      background-size: 100% 100%; }
    .clock-failed .popup-body .failed-title {
      font-size: 18px;
      margin-top: 16px;
      color: #45a8ad;
      line-height: 18px;
      height: 18px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .clock-failed .popup-body .failed-subtitle {
      margin: 16px auto 0;
      width: 190px;
      color: #3a3a3a;
      height: 48px;
      text-align: center;
      font-size: 14px;
      line-height: 1.71;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .clock-failed .popup-body .button-close {
      top: 314px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat center/cover; }
      .clock-failed .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .clock-failed .popup-buttons button {
    width: 175px !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #F75946 !important;
    margin: 32px 46px 32px !important;
    border-radius: 24px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0px 1px 4px 0px #F27465 !important;
    -webkit-box-shadow: 0px 1px 4px 0px #F27465 !important;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .clock-failed .popup-buttons button:active {
      background-color: #D53926 !important; }
    .clock-failed .popup-buttons button span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }
/* thin border */
.popup-up-lot {
  width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  padding: 14% 0 20%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7) !important; }
  .popup-up-lot .popup-body {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    margin-bottom: -30px; }
    .popup-up-lot .popup-body .title {
      width: 183px;
      height: 96px;
      margin: 0 auto; }
      .popup-up-lot .popup-body .title img {
        width: 183px;
        height: 96px; }
    .popup-up-lot .popup-body .lot {
      width: 123px;
      height: 376px;
      margin: 0 auto; }
      .popup-up-lot .popup-body .lot img {
        width: 100%;
        height: 100%;
        margin-top: -36px;
        margin-left: -4px; }
    .popup-up-lot .popup-body .lot-btn {
      width: 104px;
      height: 28px;
      margin: 0 auto;
      background: url("//qkassets.qkcdn.com/images/assets/54454065f1e90444b15530856a5d32cb.png") no-repeat center/cover;
      background-size: 100% 100%; }
    .popup-up-lot .popup-body .hairline-bottom::after {
      display: none; }
  .popup-up-lot .popup-buttons {
    width: 104px;
    height: 28px;
    margin: 0 auto;
    position: relative;
    top: 18px;
    background: none !important; }
    .popup-up-lot .popup-buttons button {
      width: 104px;
      height: 28px;
      border-radius: 0 !important;
      padding: 0 !important;
      background: none !important; }
      .popup-up-lot .popup-buttons button span {
        display: block !important;
        width: 104px !important;
        height: 28px !important;
        margin-left: 0;
        background: url("//qkassets.qkcdn.com/images/assets/54454065f1e90444b15530856a5d32cb.png") no-repeat center/cover; }
      .popup-up-lot .popup-buttons button:active span {
        background: url("//qkassets.qkcdn.com/images/assets/933f33425ef63bdfec55cad94762032c.png") no-repeat center/cover; }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .popup-up-lot .popup-body {
    padding-top: 0 !important; }
    .popup-up-lot .popup-body .lot img {
      margin-top: 23px !important; }
  .popup-up-lot .popup-buttons {
    top: -51px !important; } }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
  .popup-up-lot .popup-body {
    padding-top: 0 !important; }
    .popup-up-lot .popup-body .lot img {
      margin-top: 23px !important; }
    .popup-up-lot .popup-body .popup-buttons {
      top: -51px !important; } }

.popup-lots-entrence {
  width: 338px !important;
  height: 494px !important;
  padding-top: 5px;
  background: none !important; }
  .popup-lots-entrence .popup-body {
    width: 338px !important;
    height: 494px !important;
    background: url("//qkassets.qkcdn.com/images/assets/71e365090a5e23a40a2cd3c8c5b7371f.png") no-repeat;
    background-size: 338px 468px !important;
    background-position-x: 2px; }
    .popup-lots-entrence .popup-body .button-close {
      position: fixed !important;
      top: 466px !important;
      left: 47% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover !important;
      background-size: 100% 100%;
      z-index: 9; }
      .popup-lots-entrence .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .popup-lots-entrence .popup-body .hairline-bottom::after {
      display: none; }
  .popup-lots-entrence .popup-buttons {
    width: 215px;
    height: 48px;
    position: absolute;
    bottom: 56px;
    left: 62px;
    right: 64px; }
    .popup-lots-entrence .popup-buttons button {
      width: 215px;
      height: 46px;
      border-radius: 26px !important;
      box-shadow: inset -2px -2px 0 0 rgba(180, 58, 0, 0.5), inset 2px 2px 0 0 rgba(255, 255, 255, 0.5);
      background-color: #FFD15C !important;
      padding-top: 11px !important; }
      .popup-lots-entrence .popup-buttons button:active {
        box-shadow: none !important;
        background: #ffb34c !important; }
      .popup-lots-entrence .popup-buttons button span {
        display: inline-block !important;
        width: 90px !important;
        height: 24px !important;
        background: url("//qkassets.qkcdn.com/images/assets/ef185eb30a494b324cb53e6f3df309e0.png") no-repeat center/cover; }

.rules-container {
  position: fixed;
  height: 342px;
  width: 275px !important;
  top: -15px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .rules-container .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    background: #ffffff;
    border-radius: 8px; }
    .rules-container .popup-body .rules-icon {
      position: relative;
      margin: -47px auto 0 auto;
      width: 114px;
      height: 95px;
      overflow: hidden; }
      .rules-container .popup-body .rules-icon img {
        width: 114px;
        height: 95px; }
    .rules-container .popup-body .rules-title {
      margin-top: 12px;
      color: #3a3a3a;
      font-size: 16px;
      margin-bottom: 15px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .rules-container .popup-body .rules-list {
      min-height: 210px;
      position: relative;
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
      height: 210px;
      padding: 0 32px;
      margin-bottom: 40px; }
      .rules-container .popup-body .rules-list ol {
        padding-left: 8px; }
      .rules-container .popup-body .rules-list li {
        margin: 0;
        line-height: 24px;
        color: #3a3a3a;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
        .rules-container .popup-body .rules-list li span {
          color: #F75946; }
    .rules-container .popup-body .hairline-bottom::after {
      display: none; }
    .rules-container .popup-body .button-close {
      top: 372px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat center/cover; }
      .rules-container .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .rules-container .popup-buttons {
    position: relative;
    width: 32px;
    min-height: 32px !important;
    left: 50%;
    margin-left: -16px;
    top: 32px; }
    .rules-container .popup-buttons .button {
      padding: 0 !important;
      min-width: 32px;
      min-height: 32px !important;
      background: transparent url("http://qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat center/cover !important; }

.popup-apprentice-qrcode {
  width: 240px !important;
  background-color: transparent !important; }
  .popup-apprentice-qrcode .popup-body {
    padding: 0 !important;
    width: 240px !important; }
    .popup-apprentice-qrcode .popup-body .button-close {
      top: 0px !important;
      right: 0px !important;
      border: none;
      z-index: 100; }
      .popup-apprentice-qrcode .popup-body .button-close .ion-ios-close-empty {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 49.5px;
        right: -1px; }
      .popup-apprentice-qrcode .popup-body .button-close .ion-ios-close-empty::before {
        background-image: url("//qkassets.qkcdn.com/images/assets/d13f3853ec08398510879817e83a0b2a.png");
        width: 50px;
        height: 50px; }
    .popup-apprentice-qrcode .popup-body .background-transparent {
      width: 100%;
      height: 50px; }
    .popup-apprentice-qrcode .popup-body .qrcode-content-wrapper {
      position: relative;
      width: 240px;
      height: 240px;
      border-radius: 4px; }
      .popup-apprentice-qrcode .popup-body .qrcode-content-wrapper .qrcode-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 480px;
        height: 480px;
        margin-left: -120px;
        margin-top: -120px;
        background-color: #fff;
        border-radius: 8px;
        transform: scale(0.5, 0.5); }
    .popup-apprentice-qrcode .popup-body #qrcode-copy-content {
      width: 240px;
      height: 240px;
      position: absolute;
      top: 50px;
      z-index: 10;
      border-radius: 4px;
      background: #FFF; }
      .popup-apprentice-qrcode .popup-body #qrcode-copy-content img {
        width: 240px;
        height: 240px;
        border-radius: 4px;
        -webkit-touch-callout: default; }
    .popup-apprentice-qrcode .popup-body .desc {
      width: 100%;
      height: 50px;
      padding-top: 30px;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      font-size: 14px; }

.popup-friends-coin {
  width: 287px !important;
  padding-bottom: 32px;
  height: 248px !important; }
  .popup-friends-coin .popup-body {
    position: relative;
    height: 248px !important;
    padding: 32px 0 !important;
    background: #ffffff;
    border-radius: 8px;
    text-align: center;
    color: #3a3a3a;
    font-size: 14px;
    overflow: inherit;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-friends-coin .popup-body .title {
      width: 116px;
      height: 96px;
      margin: -81px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/67b9e5b4c4d8c35682da454f882123f5.png") no-repeat center/cover;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-friends-coin .popup-body .tip {
      line-height: 24px;
      font-size: 16px;
      margin: 16px 0;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-friends-coin .popup-body .num {
      color: #ff9214;
      font-size: 14px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-friends-coin .popup-body .num span {
        display: inline-block;
        font-size: 32px;
        line-height: 32px;
        margin-right: 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-friends-coin .popup-body .hairline-bottom::after {
      display: none; }
  .popup-friends-coin .popup-buttons {
    color: #fff; }
    .popup-friends-coin .popup-buttons .button {
      margin-top: 0px !important; }
  .popup-friends-coin.popup-button .popup-body .button-close {
    top: 274px !important; }

.popup-apprentice-v539-reward {
  width: 287px !important; }
  .popup-apprentice-v539-reward .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 36px 20px 0 20px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-apprentice-v539-reward .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -90px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/79e1c2cb1ccc6fb3f98b2057076deecd.png");
      background-size: contain;
      vertical-align: top; }
    .popup-apprentice-v539-reward .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 12px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-apprentice-v539-reward .popup-body .desc {
      position: relative;
      margin: 0 auto;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: normal; }
    .popup-apprentice-v539-reward .popup-body .num-wrap {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-apprentice-v539-reward .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-apprentice-v539-reward .popup-body .tip {
      margin-top: 16px;
      text-align: center;
      font-size: 12px;
      color: #3a3a3a; }
    .popup-apprentice-v539-reward .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-apprentice-v539-reward .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-apprentice-v539-reward .hairline-bottom {
    display: none; }
  .popup-apprentice-v539-reward .popup-buttons {
    width: 175px;
    margin: 32px auto; }
    .popup-apprentice-v539-reward .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-apprentice-v539-reward .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none; }
/* thin border */
.popup-button .popup-body .button-close {
  top: 322px !important;
  left: 45% !important;
  width: 24px !important;
  height: 24px !important;
  background: url("//qkassets.qkcdn.com/images/assets/d3f6fb06076c0d2cc2f456ebe72244b3.png") no-repeat center/cover;
  background-size: 100% 100%; }
  .popup-button .popup-body .button-close .ion-ios-close-empty {
    display: none; }

.popup-button .popup-body .hairline-bottom::after {
  display: none; }

.popup-button .popup-buttons {
  height: 48px; }
  .popup-button .popup-buttons button {
    width: 175px !important;
    height: 48px !important;
    line-height: 48px !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
    -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
    background-color: #f75946 !important;
    margin: 30px 56px 32px !important;
    border-radius: 24px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 16px !important;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-button .popup-buttons button:active {
      background-color: #e0412e !important; }
    .popup-button .popup-buttons button span {
      font-size: 16px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-lottery-success {
  width: 287px !important;
  background: #fff;
  position: relative;
  top: -34px;
  height: 294px; }
  .popup-lottery-success .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: 0;
    text-align: center; }
    .popup-lottery-success .popup-body .lottery-icon {
      width: 116px;
      height: 96px;
      position: absolute;
      top: -49px;
      left: 0;
      right: 0;
      margin: auto; }
    .popup-lottery-success .popup-body .lottery-title {
      margin-top: 64px;
      font-size: 16px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-lottery-success .popup-body .lottery-number {
      font-size: 22px;
      color: #f75946;
      margin: 26px auto 22px;
      line-height: 14px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-lottery-success .popup-body .lottery-number i {
        font-size: 38px;
        font-family: qiankaFont;
        margin: 0 4px;
        position: relative;
        top: 2px; }
      .popup-lottery-success .popup-body .lottery-number span {
        font-size: 14px; }
    .popup-lottery-success .popup-body .lottery-info {
      font-size: 14px;
      margin-bottom: 5px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-lottery-success .popup-body .button-close {
      top: 322px !important;
      left: 45% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/d3f6fb06076c0d2cc2f456ebe72244b3.png") no-repeat center/cover;
      background-size: 100% 100%; }
      .popup-lottery-success .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .popup-lottery-success .popup-body .hairline-bottom::after {
      display: none; }

.popup-share-reward {
  background: #fff;
  position: relative;
  top: -34px;
  height: 340px; }
  .popup-share-reward .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: 0;
    text-align: center;
    background: url("//qkassets.qkcdn.com/images/assets/a7df600b60d7f4e90b98d2811b88e405.png") no-repeat;
    background-size: 100% 126px; }
    .popup-share-reward .popup-body .share-header {
      width: 231px;
      height: 43px;
      margin: 31px auto 0; }
      .popup-share-reward .popup-body .share-header img {
        width: 100%;
        height: 100%; }
    .popup-share-reward .popup-body .share-number {
      font-size: 14px;
      margin: 71px auto 18px;
      line-height: 14px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .popup-share-reward .popup-body .share-number i {
        color: #f75946;
        font-size: 24px;
        font-family: qiankaFont;
        margin: 0 4px;
        position: relative;
        top: 2px; }
    .popup-share-reward .popup-body .share-info {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 3px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-share-reward .popup-body .button-close {
      top: 369px !important; }
  .popup-share-reward .popup-buttons button {
    margin: 30px 50px 32px !important; }

.popup-rotary-entrence {
  width: 272px !important;
  background: none !important; }
  .popup-rotary-entrence .popup-body {
    padding: 0 !important; }
    .popup-rotary-entrence .popup-body .button-close {
      top: 415px !important; }
  .popup-rotary-entrence .rotary-entrence {
    width: 272px;
    height: 454px; }
    .popup-rotary-entrence .rotary-entrence img {
      width: 100%;
      height: 397px; }
/* thin border */
.popup-newbie-activity-zs-tip .popup-body {
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 20px 22px 20px !important;
  color: #3a3a3a; }
  .popup-newbie-activity-zs-tip .popup-body .title {
    position: relative;
    width: 100%;
    height: 24px;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-newbie-activity-zs-tip .popup-body .desc {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }

.popup-newbie-activity-zs-tip .popup-buttons {
  width: 287px; }

.popup-newbie-activity-rewarded {
  width: 287px !important; }
  .popup-newbie-activity-rewarded .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 36px 20px 0 20px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-newbie-activity-rewarded .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -90px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/79e1c2cb1ccc6fb3f98b2057076deecd.png");
      background-size: contain;
      vertical-align: top; }
    .popup-newbie-activity-rewarded .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 12px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-newbie-activity-rewarded .popup-body .desc {
      position: relative;
      margin: 0 auto;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: normal; }
    .popup-newbie-activity-rewarded .popup-body .num-wrap {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-newbie-activity-rewarded .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-newbie-activity-rewarded .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-newbie-activity-rewarded .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-newbie-activity-rewarded .hairline-bottom {
    display: none; }
  .popup-newbie-activity-rewarded .popup-buttons {
    width: 175px;
    margin: 32px auto; }
    .popup-newbie-activity-rewarded .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-newbie-activity-rewarded .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none; }

.popup-newbie-activity-dashboard {
  width: 100% !important;
  background: none !important; }
  .popup-newbie-activity-dashboard .popup-body {
    overflow: inherit !important;
    width: 100% !important;
    height: 335px !important;
    padding: 0 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
    .popup-newbie-activity-dashboard .popup-body img {
      width: 100%;
      height: auto; }
    .popup-newbie-activity-dashboard .popup-body .button-small {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important; }
    .popup-newbie-activity-dashboard .popup-body .button-close {
      top: 366px !important;
      left: 50% !important;
      transform: translateX(-50%);
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-newbie-activity-dashboard .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-newbie-activity-dashboard .hairline-bottom {
    display: none; }
/* thin border */
.popup-monster {
  width: 261px !important;
  height: auto;
  background: url("//qkassets.qkcdn.com/images/assets/f611177aa817d543d32cbbf6a19d2a8c.png") no-repeat center/cover;
  background-size: 100% 100%;
  background-color: transparent !important;
  padding: 40px 30px; }
  .popup-monster.popup-new_weapon .popup-buttons .button {
    margin-top: -8px; }
  .popup-monster .popup-body {
    padding: 0 !important;
    text-align: center; }
    .popup-monster .popup-body .hairline-bottom::after {
      content: "";
      display: none; }
    .popup-monster .popup-body .title {
      color: #7f2e00;
      font-size: 16px;
      text-align: center;
      line-height: 24px;
      position: relative;
      top: 2px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-monster .popup-body .content p {
      margin-top: 16px;
      color: #7f2e00;
      line-height: 24px;
      text-align: center;
      margin-bottom: 0 !important;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .popup-monster .popup-body .content p:nth-child(2) {
        margin-top: 12px; }
      .popup-monster .popup-body .content p em {
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-monster .popup-body .content p b {
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-monster .popup-body .content .weapon {
      width: 82px;
      height: 82px;
      margin: 12px auto 0 auto; }
      .popup-monster .popup-body .content .weapon img {
        width: 100%;
        height: 100%; }
    .popup-monster .popup-body .content .mation {
      margin-top: 3px;
      display: inline-block;
      text-align: center; }
      .popup-monster .popup-body .content .mation span {
        display: inline-block; }
        .popup-monster .popup-body .content .mation span.level {
          width: 38px;
          height: 19px;
          border-radius: 8px;
          border-top-left-radius: 0;
          border-bottom-right-radius: 0;
          background-color: rgba(255, 196, 0, 0.3);
          font-size: 12px;
          color: #7f2e00;
          font-family: "gilroy-extra-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
          .popup-monster .popup-body .content .mation span.level b {
            font-size: 10px; }
        .popup-monster .popup-body .content .mation span.name {
          margin-left: 2px;
          font-size: 14px;
          color: #7f2e00;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-monster .popup-buttons {
    width: 182px;
    margin: 33px 0 0 8px; }
    .popup-monster .popup-buttons .button {
      height: 59px;
      background: url("//qkassets.qkcdn.com/images/assets/2a412ebcfe1204f410abaf5017492644.png") no-repeat center/cover;
      background-size: 100% 100%;
      background-color: transparent !important; }
      .popup-monster .popup-buttons .button:active {
        background: url("//qkassets.qkcdn.com/images/assets/43d0e0981ffc9f266a2def907c0b6a48.png") no-repeat center/cover; }
  .popup-monster.popup_kill_monster .popup-body {
    overflow: inherit !important; }
    .popup-monster.popup_kill_monster .popup-body .title-img {
      position: relative;
      width: 118px;
      height: 101px;
      margin: -97px auto 0; }
      .popup-monster.popup_kill_monster .popup-body .title-img img {
        width: 100%;
        height: 100%; }
    .popup-monster.popup_kill_monster .popup-body .title {
      margin-top: 7px; }
    .popup-monster.popup_kill_monster .popup-body .content {
      margin-top: 16px;
      position: relative; }
      .popup-monster.popup_kill_monster .popup-body .content .num-wrap {
        text-align: center;
        color: #d94c51;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-monster.popup_kill_monster .popup-body .content .num-wrap .num {
          font-size: 38px;
          line-height: 1;
          margin: 0 6px 0 2px;
          position: relative;
          top: 1px;
          font-family: "gilroy-extra-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-monster.popup_kill_monster .popup-body .content .double-tag {
        padding: 0 4px;
        height: 19px;
        background-color: #d94c51;
        line-height: 19px;
        text-align: center;
        color: #fff;
        border-radius: 10px;
        border-bottom-left-radius: 2px;
        position: absolute;
        right: -8px;
        top: -15px;
        font-size: 12px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-monster.popup_kill_monster .popup-buttons .button {
    background: url("//qkassets.qkcdn.com/images/assets/89d76ee9bb477590346f10dddbb49787.png") no-repeat center/cover; }
    .popup-monster.popup_kill_monster .popup-buttons .button:active {
      background: url("//qkassets.qkcdn.com/images/assets/4d1d795513fc372d37dd9551f0cd808c.png") no-repeat center/cover; }
  .popup-monster.popup_bomb_support .content .not-tip {
    font-size: 12px;
    line-height: 20px;
    color: #aaaaaa;
    margin-top: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-monster.popup_bomb_support .content .not-tip span {
      color: #7f2e00;
      opacity: 0.5; }
    .popup-monster.popup_bomb_support .content .not-tip input[type="checkbox"] {
      -webkit-appearance: none;
      margin: 0; }
    .popup-monster.popup_bomb_support .content .not-tip .checkbox-no-remind {
      width: 14px;
      height: 14px;
      margin-right: 4px !important;
      display: inline-block;
      border-radius: 7px;
      border: 1px solid #aaaaaa;
      transform: translateY(3px); }
    .popup-monster.popup_bomb_support .content .not-tip .checkbox-no-remind:checked {
      border: none;
      background: url("//qkassets.qkcdn.com/images/assets/736ff9f188b55bb82470dd578b78c7c2.png") no-repeat;
      background-size: contain; }
  .popup-monster.popup_bomb_support .popup-buttons {
    margin: 16px 0 0 8px; }
    .popup-monster.popup_bomb_support .popup-buttons .button {
      background: url("//qkassets.qkcdn.com/images/assets/bd02a0110b9982c3ff78617767dbc1f8.png") no-repeat center/cover; }
      .popup-monster.popup_bomb_support .popup-buttons .button:active {
        background: url("//qkassets.qkcdn.com/images/assets/382a3da3db0c0155aa02ec90243fcd96.png") no-repeat center/cover; }
  .popup-monster.popup-blood-reset-rule {
    padding: 40px 33px !important; }

.popup_monster_offline {
  width: 287px !important; }
  .popup_monster_offline .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 36px 30px 0 30px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup_monster_offline .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -90px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/4feb53ba219c4729625381cd5d56cc1d.png");
      background-size: contain;
      vertical-align: top; }
    .popup_monster_offline .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup_monster_offline .popup-body p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 12px; }
      .popup_monster_offline .popup-body p span {
        color: #f75946; }
    .popup_monster_offline .popup-body .not-tip {
      font-size: 12px;
      line-height: 20px;
      color: #aaaaaa;
      text-align: center;
      margin-top: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .popup_monster_offline .popup-body .not-tip span {
        color: #3a3a3a;
        font-size: 12px; }
      .popup_monster_offline .popup-body .not-tip input[type="checkbox"] {
        -webkit-appearance: none;
        margin: 0; }
      .popup_monster_offline .popup-body .not-tip .checkbox-no-remind {
        width: 14px;
        height: 14px;
        margin-right: 4px !important;
        display: inline-block;
        border-radius: 7px;
        border: 1px solid #aaaaaa;
        transform: translateY(3px); }
      .popup_monster_offline .popup-body .not-tip .checkbox-no-remind:checked {
        border: none;
        background: url("//qkassets.qkcdn.com/images/assets/736ff9f188b55bb82470dd578b78c7c2.png") no-repeat;
        background-size: contain; }
    .popup_monster_offline .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup_monster_offline .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup_monster_offline .hairline-bottom {
    display: none; }
  .popup_monster_offline .popup-buttons {
    width: 175px;
    margin: 32px auto; }
    .popup_monster_offline .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup_monster_offline .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none; }
/* thin border */
.popup-consume-ensure .popup-body .title {
  font-family: 'PingFangSC-Semibold' !important;
  margin-bottom: 8px !important; }

.popup-consume-ensure .popup-body .desc {
  font-size: 14px;
  height: 24px;
  line-height: 24px !important;
  margin-bottom: 8px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }

.popup-consume-ensure .popup-body .check {
  line-height: 14px;
  text-align: center; }
  .popup-consume-ensure .popup-body .check input {
    display: none;
    width: 20px;
    vertical-align: middle; }
  .popup-consume-ensure .popup-body .check input[type="checkbox"]:checked + label img.checkmark-checked {
    display: inline-block; }
  .popup-consume-ensure .popup-body .check input[type="checkbox"]:checked + label .checkmark-empty {
    display: none; }
  .popup-consume-ensure .popup-body .check label {
    display: inline-block;
    width: 220px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-consume-ensure .popup-body .check label .checkmark-empty {
      display: inline-block;
      width: 14px;
      height: 14px;
      background: white;
      border-radius: 50%;
      border: 1px solid #aaaaaa;
      vertical-align: middle; }
    .popup-consume-ensure .popup-body .check label .checkmark-checked {
      display: none; }
    .popup-consume-ensure .popup-body .check label img {
      width: 14px;
      height: 14px;
      vertical-align: middle; }
    .popup-consume-ensure .popup-body .check label span {
      vertical-align: middle; }

.popup-thumb {
  background: #fff;
  position: relative;
  top: -34px;
  height: 283px;
  width: 287px !important; }
  .popup-thumb.thumb-bg {
    background: none;
    background-color: #fff !important;
    background-size: 100% 100%;
    height: 306px;
    padding-top: 66px;
    box-sizing: border-box;
    top: -31px !important; }
    .popup-thumb.thumb-bg::before {
      content: '';
      width: 116px;
      height: 96px;
      display: block;
      position: absolute;
      top: -48px;
      right: 0;
      left: 0;
      margin: auto; }
  .popup-thumb.thumb-bg-new::before {
    background: url("//qkassets.qkcdn.com/images/assets/19f91d010c0af66ad41c538c9a6cf5c5.png") no-repeat center/cover; }
  .popup-thumb .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px; }
    .popup-thumb .popup-body .thumb-title {
      text-align: center;
      height: 28px;
      border-radius: 8px; }
      .popup-thumb .popup-body .thumb-title .thumb-ranks b {
        font-style: normal;
        color: #FFCA66;
        font-family: qiankaFont;
        text-shadow: 0 2px 8px rgba(255, 75, 0, 0.48);
        background-image: linear-gradient(182deg, #ff905b, #ff2f1b 64%, #ff915e);
        font-size: 28px;
        font-stretch: normal;
        line-height: 1;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0 2px; }
      .popup-thumb .popup-body .thumb-title .thumb-ranks img:first-child {
        width: 120px;
        height: 20px;
        margin-right: 2px; }
      .popup-thumb .popup-body .thumb-title .thumb-ranks img:last-child {
        width: 20px;
        height: 20px;
        margin-left: 2px; }
      .popup-thumb .popup-body .thumb-title .thumb-rank-out {
        width: 238px;
        height: 28px;
        margin-top: 5px;
        display: inline-block; }
        .popup-thumb .popup-body .thumb-title .thumb-rank-out .first-pic {
          width: 153px;
          height: 20px; }
        .popup-thumb .popup-body .thumb-title .thumb-rank-out .last-pic {
          width: 20px;
          height: 19px; }
        .popup-thumb .popup-body .thumb-title .thumb-rank-out b {
          font-size: 28px;
          font-family: 'qiankaFont';
          margin: 0 4px;
          color: #ffd15c; }
      .popup-thumb .popup-body .thumb-title .thumb-notup {
        width: 234px;
        height: 18px;
        margin-top: 5px;
        display: inline-block; }
        .popup-thumb .popup-body .thumb-title .thumb-notup img {
          width: 234px;
          height: 18px; }
    .popup-thumb .popup-body .thumb-title-new {
      text-align: center;
      font-size: 16px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-thumb .popup-body .thumb-title-new-coin {
      position: relative;
      margin: 3px auto 0;
      text-align: center;
      width: 80px;
      height: 20px;
      background: url("//qkassets.qkcdn.com/images/assets/da1d0ebfea72845bb95960298dc3c6ae.png") no-repeat;
      background-size: contain; }
    .popup-thumb .popup-body .thumb-content {
      text-align: center; }
      .popup-thumb .popup-body .thumb-content .thumb-number {
        font-size: 12px;
        color: #c57536;
        margin-top: 12px;
        margin-bottom: 20px;
        line-height: 12px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .popup-thumb .popup-body .thumb-content .thumb-money {
        font-size: 22px;
        margin-top: 18px;
        color: #FF5F22;
        line-height: 32px;
        height: 32px;
        text-align: center;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-thumb .popup-body .thumb-content .thumb-money span {
          font-size: 14px;
          position: relative;
          left: 3px; }
          .popup-thumb .popup-body .thumb-content .thumb-money span:first-child {
            left: -2px; }
        .popup-thumb .popup-body .thumb-content .thumb-money i {
          position: relative;
          top: 2px;
          margin: 0 2px;
          font-family: qiankaFont;
          font-size: 38px; }
      .popup-thumb .popup-body .thumb-content .thumb-text {
        font-size: 12px;
        color: #a4acac;
        margin-top: 36px;
        line-height: 1.67;
        text-align: center;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
        .popup-thumb .popup-body .thumb-content .thumb-text .rank {
          color: #f75946; }
    .popup-thumb .popup-body .button-close {
      top: 278px !important;
      left: 45% !important;
      width: 22px !important;
      height: 22px !important;
      background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover;
      background-size: 100% 100%; }
      .popup-thumb .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .popup-thumb .popup-body .hairline-bottom::after {
      display: none; }
  .popup-thumb.thumb-bg-new .button-close {
    top: 270px !important;
    left: 45% !important;
    width: 24px !important;
    height: 24px !important;
    background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover;
    background-size: 100% 100%; }
  .popup-thumb .popup-buttons {
    height: 48px; }
    .popup-thumb .popup-buttons button {
      width: 181px !important;
      height: 48px !important;
      line-height: 48px !important;
      background: #f75946 !important;
      margin: 30px 59px 32px !important;
      border-radius: 24px !important;
      text-align: center !important;
      color: #fff !important;
      font-size: 16px !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-thumb .popup-buttons button:active {
        background-color: #e0412e !important; }
      .popup-thumb .popup-buttons button span {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.thumb-bg-blank::before {
  background: url("//qkassets.qkcdn.com/images/assets/454e0ce6a0fd1d42227a4b44dee170e8.png") no-repeat center/cover !important; }

.popup-thumb-card {
  text-align: center; }
  .popup-thumb-card .title {
    font-family: PingFangSC-Semibold !important; }
  .popup-thumb-card .desc {
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-thumb-card .desc i {
      color: #FF5F22; }
  .popup-thumb-card button {
    font-size: 16px !important; }
    .popup-thumb-card button:nth-child(1) {
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-thumb-card button:nth-child(2) {
    color: #4A90E2 !important; }
  .popup-thumb-card .hairline-right::after {
    display: none; }
  .popup-thumb-card .hairline-bottom::after {
    display: none; }

.success-thumb-card {
  width: 287px !important;
  height: 227px !important; }
  .success-thumb-card .popup-body {
    width: 100%; }
    .success-thumb-card .popup-body .button-close {
      top: 267px !important; }
  .success-thumb-card .thumb-icon {
    width: 116px;
    height: 95px;
    position: relative;
    margin: -48px auto 16px auto; }
    .success-thumb-card .thumb-icon img {
      width: 116px;
      height: 95px; }
  .success-thumb-card .title {
    font-size: 13px;
    color: #3A3A3A;
    line-height: 13px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .success-thumb-card .desc {
    margin-top: 18px; }
    .success-thumb-card .desc span {
      font-size: 32px;
      font-family: qiankaFont; }
  .success-thumb-card .popup-buttons {
    width: 223px !important;
    height: 48px !important;
    transform: translateX(32px); }
    .success-thumb-card .popup-buttons button {
      width: 223px !important;
      background: #F75946 !important;
      margin: 14px 0 0 !important;
      color: #fff !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important; }

.thumb-video {
  width: 287px !important;
  height: 232px;
  padding: 32px 56px 0; }
  .thumb-video.no-stand {
    padding: 32px 47px 0 !important; }
  .thumb-video .thumb-text {
    color: #3a3a3a !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    line-height: 24px !important; }
  .thumb-video .popup-body .button-close {
    top: 230px !important;
    left: 42% !important; }
  .thumb-video .popup-buttons {
    width: 175px !important;
    margin-top: 32px; }
    .thumb-video .popup-buttons button {
      width: 175px !important;
      margin: 0 !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important; }
/* thin border */
.popup-duiba-game {
  width: 287px !important;
  position: relative;
  background-size: 100% 100%;
  height: 314px;
  padding-top: 66px;
  box-sizing: border-box; }
  .popup-duiba-game::before {
    content: '';
    width: 116px;
    height: 96px;
    position: absolute;
    left: 86px;
    right: 86px;
    top: -48px;
    background: url("//qkassets.qkcdn.com/images/assets/3f8b6be9d8c1111ad2e16cb4d33f8e63.png") no-repeat center/cover; }
  .popup-duiba-game .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px; }
    .popup-duiba-game .popup-body .game-title {
      text-align: center;
      height: 28px;
      border-radius: 8px; }
      .popup-duiba-game .popup-body .game-title .game-ranks b {
        font-style: normal;
        font-family: qiankaFont;
        background-image: linear-gradient(182deg, #ff905b, #ff2f1b 64%, #ff915e);
        font-size: 28px;
        font-stretch: normal;
        line-height: 1;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0 2px; }
      .popup-duiba-game .popup-body .game-title .game-ranks img:first-child {
        width: 120px;
        height: 20px;
        margin-right: 2px; }
      .popup-duiba-game .popup-body .game-title .game-ranks img:last-child {
        width: 20px;
        height: 20px;
        margin-left: 2px; }
      .popup-duiba-game .popup-body .game-title .game-rank-out {
        width: 238px;
        height: 28px;
        margin-top: 22px;
        display: inline-block; }
        .popup-duiba-game .popup-body .game-title .game-rank-out img {
          width: 238px;
          height: 22px; }
      .popup-duiba-game .popup-body .game-title .game-notup {
        width: 234px;
        height: 18px;
        margin-top: 22px;
        display: inline-block; }
        .popup-duiba-game .popup-body .game-title .game-notup img {
          width: 234px;
          height: 18px; }
    .popup-duiba-game .popup-body .game-content {
      text-align: center; }
      .popup-duiba-game .popup-body .game-content .game-number {
        font-size: 12px;
        color: #aaa;
        margin-top: 12px;
        margin-bottom: 22px;
        line-height: 12px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .popup-duiba-game .popup-body .game-content .game-money {
        font-size: 22px;
        color: #f75946;
        line-height: 32px;
        height: 32px;
        text-align: center;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-duiba-game .popup-body .game-content .game-money span {
          font-size: 14px;
          position: relative;
          left: 3px; }
          .popup-duiba-game .popup-body .game-content .game-money span:first-child {
            left: -2px; }
        .popup-duiba-game .popup-body .game-content .game-money i {
          position: relative;
          top: 2px;
          margin: 0 2px;
          font-family: qiankaFont;
          font-size: 38px; }
      .popup-duiba-game .popup-body .game-content .game-text {
        font-size: 12px;
        color: #aaa;
        margin-top: 13px;
        text-indent: 9px; }
    .popup-duiba-game .popup-body .button-close {
      top: 278px !important;
      left: 45% !important;
      width: 22px !important;
      height: 22px !important;
      background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover;
      background-size: 100% 100%; }
      .popup-duiba-game .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .popup-duiba-game .popup-body .hairline-bottom::after {
      display: none; }
  .popup-duiba-game .popup-buttons {
    height: 48px; }
    .popup-duiba-game .popup-buttons button {
      width: 175px !important;
      height: 48px !important;
      line-height: 48px !important;
      background: #f75946 !important;
      margin: 30px 56px 32px !important;
      border-radius: 24px !important;
      text-align: center !important;
      color: #fff !important;
      font-size: 16px !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-duiba-game .popup-buttons button:active {
        background-color: #e0412e !important; }
      .popup-duiba-game .popup-buttons button span {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-xiaoshuo-rule {
  width: 287px !important;
  font-size: 12px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-xiaoshuo-rule .popup-body {
    padding: 32px !important; }
    .popup-xiaoshuo-rule .popup-body .title {
      text-align: center;
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      margin-bottom: 16px; }
    .popup-xiaoshuo-rule .popup-body .section {
      height: 40px;
      margin-bottom: 4px;
      font-size: 0; }
      .popup-xiaoshuo-rule .popup-body .section .time {
        display: inline-block;
        width: 80px;
        height: 40px;
        line-height: 40px;
        background-color: #f5f5f5;
        color: #3a3a3a;
        margin-right: 4px;
        padding-left: 16px;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .popup-xiaoshuo-rule .popup-body .section .reward {
        display: inline-block;
        width: 139px;
        height: 40px;
        line-height: 40px;
        color: #f75946;
        background-color: #f5f5f5;
        text-align: right;
        padding-right: 16px;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
    .popup-xiaoshuo-rule .popup-body .remind {
      margin-top: 8px;
      font-size: 14px;
      line-height: 24px;
      height: 48px;
      text-align: center;
      margin-bottom: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-xiaoshuo-rule .popup-body .hairline-bottom {
      display: none !important; }
    .popup-xiaoshuo-rule .popup-body .remind-wrapper {
      color: #888888;
      text-align: center;
      height: 20px; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] {
        opacity: 0;
        width: 100%;
        height: 20px;
        position: absolute;
        left: -30px;
        z-index: 99; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] + label img.checkmark-checked {
        display: none; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] + label {
        font-size: 12px;
        position: relative;
        display: inline-block;
        width: 100%;
        height: 20px; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] + label img,
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"]:checked + label img {
        width: 14px;
        height: 14px;
        vertical-align: middle; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"]:checked + label img.checkmark-checked {
        display: inline-block; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"]:checked + label img.checkmark-empty {
        display: none; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper label {
        vertical-align: middle; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper label span {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        color: #3a3a3a;
        height: 20px;
        line-height: 20px; }
  .popup-xiaoshuo-rule .popup-buttons {
    width: 175px;
    margin: 0 auto 32px; }
    .popup-xiaoshuo-rule .popup-buttons button {
      width: 175px;
      height: 48px;
      color: #FFFFFF;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px; }
      .popup-xiaoshuo-rule .popup-buttons button:active {
        color: #FFFFFF !important; }

.popup-coin-box-rule {
  position: relative;
  height: 342px !important;
  width: 275px !important;
  top: -9px; }
  .popup-coin-box-rule .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .popup-coin-box-rule .popup-body .rules-icon {
      position: relative;
      margin: -47px auto 0 auto;
      width: 114px;
      height: 95px;
      overflow: hidden; }
      .popup-coin-box-rule .popup-body .rules-icon img {
        width: 114px;
        height: 95px; }
    .popup-coin-box-rule .popup-body .rules-title {
      margin-top: 12px;
      color: #3a3a3a;
      font-size: 16px;
      margin-bottom: 12px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-coin-box-rule .popup-body .rules-list {
      padding: 0 24px 44px;
      margin-left: 18px; }
      .popup-coin-box-rule .popup-body .rules-list li {
        line-height: 24px;
        color: #3a3a3a;
        font-size: 14px;
        padding-left: 4px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
    .popup-coin-box-rule .popup-body .button-close {
      top: 370px !important;
      left: 45% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat center/cover; }
      .popup-coin-box-rule .popup-body .button-close .ion-ios-close-empty {
        display: none; }

.popup-gift-bag {
  width: 287px !important;
  height: 254px !important; }
  .popup-gift-bag .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    text-align: center; }
    .popup-gift-bag .popup-body .bag-icon {
      width: 116px;
      height: 96px;
      position: relative;
      margin: -48px auto 0 auto;
      overflow: hidden; }
      .popup-gift-bag .popup-body .bag-icon img {
        width: 100%;
        height: 100%; }
    .popup-gift-bag .popup-body .bag-title {
      width: 120px;
      height: 20px;
      margin: 20px auto 24px; }
      .popup-gift-bag .popup-body .bag-title img {
        width: 100%;
        height: 100%; }
    .popup-gift-bag .popup-body .bag-coin {
      color: #f75946;
      font-size: 14px;
      margin-bottom: 34px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-gift-bag .popup-body .bag-coin .add {
        font-size: 22px; }
      .popup-gift-bag .popup-body .bag-coin .num {
        font-size: 38px;
        font-family: 'qiankaFont';
        margin: 0 4px 0 3px;
        position: relative;
        top: 2px; }
    .popup-gift-bag .popup-body .hairline-bottom {
      display: none; }
  .popup-gift-bag .popup-buttons {
    height: 80px; }
    .popup-gift-bag .popup-buttons button {
      width: 175px !important;
      height: 48px !important;
      line-height: 48px !important;
      margin: 0 56px 32px !important;
      border-radius: 24px !important;
      text-align: center !important;
      color: #fff !important;
      font-size: 16px !important;
      background-color: #f75946 !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-gift-bag .popup-buttons button span {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-unbind {
  width: 287px !important;
  position: relative;
  top: -32px; }
  .popup-unbind .popup-body .title {
    margin-top: 4px;
    margin-bottom: 8px !important; }
  .popup-unbind .popup-buttons {
    min-height: 48px !important; }
    .popup-unbind .popup-buttons .button {
      font-size: 16px !important; }

.popup-check {
  width: 278px !important;
  height: 168px !important; }
  .popup-check .popup-body .desc {
    width: auto !important; }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .popup-duiba-game {
    top: -40px; } }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
  .popup-duiba-game {
    top: -40px; } }

.popup-logout .title {
  line-height: 24px;
  text-align: center;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-logout .desc {
  line-height: 24px;
  font-size: 14px;
  margin: 8px 30px 0;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
/* thin border */
.popup-container {
  visibility: hidden; }

.popup-container .popup {
  color: #484746;
  width: 275px;
  border-radius: 4px; }
  .popup-container .popup .popup-head {
    border-bottom: 1px solid #eee; }

.popup-buttons > .button {
  margin-bottom: 0;
  margin-right: 10px; }
  .popup-buttons > .button:last-child {
    margin-right: 0px; }
  .popup-buttons > .button.button-block {
    margin-top: 0; }

@-webkit-keyframes scaleOut {
  from {
    -webkit-transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.8);
    opacity: 0; } }

@keyframes scaleOut {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.8);
    opacity: 0; } }

@-webkit-keyframes superScaleIn {
  from {
    -webkit-transform: scale(1.3);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes superScaleIn {
  from {
    transform: scale(1.3);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.popup-container.popup-hidden .popup {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s; }

.popup-container.active .popup {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@-webkit-keyframes customScaleIn {
  from {
    -webkit-transform: scale(0.3);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes customScaleIn {
  from {
    -webkit-transform: scale(0.3);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes customScaleOut {
  from {
    -webkit-transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.3);
    opacity: 0; } }

@keyframes customScaleOut {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0);
    opacity: 0; } }

@-webkit-keyframes slideDownIn {
  from {
    -webkit-transform: translateY(-20%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes slideDownIn {
  from {
    transform: translateY(-20%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slideUpOut {
  from {
    -webkit-transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-20%);
    opacity: 0; } }

@keyframes slideUpOut {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(-20%);
    opacity: 0; } }

.popup-container[effect='scale'].popup-hidden .popup {
  -webkit-animation-name: customScaleOut;
  animation-name: customScaleOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s; }

.popup-container[effect='scale'].active .popup {
  -webkit-animation-name: customScaleIn;
  animation-name: customScaleIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s; }

.popup-container[effect='slide'].popup-hidden .popup {
  -webkit-animation-name: slideUpOut;
  animation-name: slideUpOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

.popup-container[effect='slide'].active .popup {
  -webkit-animation-name: slideDownIn;
  animation-name: slideDownIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

.popup-note {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain; }
  .popup-note .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px; }
    .popup-note .popup-body .title-img {
      position: relative;
      width: 92px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/4d1626b58ccd98936736e246e2340284.png");
      background-size: contain; }
    .popup-note .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-note .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-note .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-note .popup-body .hairline-bottom::after {
      display: none; }
  .popup-note .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important; }
    .popup-note .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-update-version-reward {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain; }
  .popup-update-version-reward .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px; }
    .popup-update-version-reward .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png");
      background-size: contain; }
    .popup-update-version-reward .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-version-reward .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-update-version-reward .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-version-reward .popup-body .hairline-bottom::after {
      display: none; }
  .popup-update-version-reward .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important; }
    .popup-update-version-reward .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-update-version-reward .popup-buttons button:active {
      background: #E0412E !important;
      box-shadow: none; }

.popup-preorder-publish-date {
  width: 287px !important; }
  .popup-preorder-publish-date .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 64px 24px 0 24px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-preorder-publish-date .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -112px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/4feb53ba219c4729625381cd5d56cc1d.png");
      background-size: contain;
      vertical-align: top; }
    .popup-preorder-publish-date .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      line-height: 24px;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-preorder-publish-date .popup-body .desc {
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      margin: 0 24px; }
      .popup-preorder-publish-date .popup-body .desc span {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-preorder-publish-date .popup-body .update-wrap {
      margin-top: 16px;
      padding: 12px;
      background-color: #fafafa;
      border-radius: 4px;
      max-height: 134px;
      overflow: auto; }
      .popup-preorder-publish-date .popup-body .update-wrap .date-item {
        display: flex;
        line-height: 20px;
        margin-bottom: 8px;
        justify-content: space-between;
        font-size: 12px; }
        .popup-preorder-publish-date .popup-body .update-wrap .date-item .left {
          flex: 1;
          color: #3a3a3a;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 24px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400; }
        .popup-preorder-publish-date .popup-body .update-wrap .date-item .right {
          color: #f75946;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-preorder-publish-date .popup-body .update-wrap .date-item:last-child {
          margin-bottom: 0; }
    .popup-preorder-publish-date .popup-body .num-wrap {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-preorder-publish-date .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-preorder-publish-date .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-preorder-publish-date .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-preorder-publish-date .hairline-bottom {
    display: none; }
  .popup-preorder-publish-date .popup-buttons {
    width: 175px;
    margin: 32px auto; }
    .popup-preorder-publish-date .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-preorder-publish-date .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none; }

.popup-apprentice-v539 {
  width: 100% !important;
  background: none !important;
  margin-top: -60px; }
  .popup-apprentice-v539 .popup-body {
    text-align: center;
    overflow: inherit !important;
    height: 412px !important;
    padding: 0 !important; }
    .popup-apprentice-v539 .popup-body img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-top: 48px; }
    .popup-apprentice-v539 .popup-body .button-small {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important; }
    .popup-apprentice-v539 .popup-body .button-close {
      top: 392px !important;
      left: 50% !important;
      transform: translateX(-50%);
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-apprentice-v539 .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-apprentice-v539 .hairline-bottom {
    display: none; }
/* thin border */
.popup-collect-strategy .popup-body {
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 32px 20px 0 20px !important;
  color: #3a3a3a;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup-collect-strategy .popup-body .title {
    position: relative;
    width: 100%;
    height: 24px;
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-collect-strategy .popup-body .desc {
    position: relative;
    margin: 16px auto 0;
    width: 210px;
    text-align: center;
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: normal; }
  .popup-collect-strategy .popup-body .content-item {
    font-size: 14px;
    line-height: 24px; }
  .popup-collect-strategy .popup-body .content-item-title {
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-collect-strategy .hairline-bottom {
  display: none; }

.popup-collect-strategy .popup-buttons {
  width: 287px; }
  .popup-collect-strategy .popup-buttons .button {
    padding: 0 !important; }
    .popup-collect-strategy .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 175px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-collect-unvalid .popup-body {
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 32px 20px 0 20px !important;
  color: #3a3a3a;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup-collect-unvalid .popup-body .title {
    position: relative;
    width: 100%;
    height: 24px;
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-collect-unvalid .popup-body .desc {
    position: relative;
    margin: 16px auto 0;
    width: 210px;
    text-align: center;
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: normal; }
  .popup-collect-unvalid .popup-body .button-close {
    top: 264px !important;
    left: 45.2% !important;
    width: 24px !important;
    height: 24px !important;
    background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
    .popup-collect-unvalid .popup-body .button-close .ion-ios-close-empty {
      display: none; }

.popup-collect-unvalid .hairline-bottom {
  display: none; }

.popup-collect-unvalid .popup-buttons {
  width: 287px; }
  .popup-collect-unvalid .popup-buttons .button {
    padding: 0 !important; }
    .popup-collect-unvalid .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 175px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-collect-rewarded {
  height: 310px !important; }
  .popup-collect-rewarded .popup-body {
    overflow: inherit !important;
    width: 275px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 36px 20px 0 20px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-collect-rewarded .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -86px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png");
      background-size: contain; }
    .popup-collect-rewarded .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-collect-rewarded .popup-body .desc {
      position: relative;
      margin: 0 auto;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: normal; }
    .popup-collect-rewarded .popup-body .num-wrap {
      text-align: center;
      margin-bottom: 16px;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-collect-rewarded .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-collect-rewarded .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-collect-rewarded .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-collect-rewarded .hairline-bottom {
    display: none; }
  .popup-collect-rewarded .popup-buttons .button {
    padding: 0 !important; }
    .popup-collect-rewarded .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 157px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-collect-divide-rewarded .popup-body {
  overflow: inherit !important;
  width: 275px !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 142px 20px 0 20px !important;
  font-size: 14px;
  color: #3a3a3a;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup-collect-divide-rewarded .popup-body .title-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 126px;
    background: url("//qkassets.qkcdn.com/images/assets/f28dc3eea1571e620448bec743622525.png") no-repeat;
    background-size: contain; }
  .popup-collect-divide-rewarded .popup-body .rank {
    margin: 0 auto;
    padding: 18px 17px 16px 14px;
    font-size: 12px;
    border-radius: 10px;
    background-color: #fafafa;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-collect-divide-rewarded .popup-body .rank .nick {
      display: inline-block;
      max-width: 80px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
    .popup-collect-divide-rewarded .popup-body .rank .rank-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 18px; }
      .popup-collect-divide-rewarded .popup-body .rank .rank-item:last-child {
        margin-bottom: 0; }
      .popup-collect-divide-rewarded .popup-body .rank .rank-item .rank-item-l .order {
        font-size: 14px;
        margin-right: 6px;
        vertical-align: middle;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-collect-divide-rewarded .popup-body .rank .rank-item .rank-item-r {
        font-size: 12px; }
        .popup-collect-divide-rewarded .popup-body .rank .rank-item .rank-item-r .money {
          font-size: 16px;
          line-height: 18px;
          margin: 0 2px;
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-collect-divide-rewarded .popup-body .rank img {
      width: 20px;
      height: 20px;
      margin-right: -4px;
      vertical-align: middle;
      border: solid 1px #ffffff;
      border-radius: 10px; }
      .popup-collect-divide-rewarded .popup-body .rank img:last-child {
        margin-right: 8px; }
  .popup-collect-divide-rewarded .popup-body .desc {
    position: relative;
    margin: 16px auto 0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: normal; }
  .popup-collect-divide-rewarded .popup-body .num-wrap {
    margin-bottom: 16px;
    text-align: center;
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-collect-divide-rewarded .popup-body .num-wrap .num {
      font-size: 38px;
      line-height: 1;
      margin: 0 2px;
      font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-collect-divide-rewarded .popup-body .button-small {
    padding: 0 !important;
    min-width: 24px !important;
    min-height: 24px !important; }
  .popup-collect-divide-rewarded .popup-body .button-close {
    top: 512px !important;
    left: 45.2% !important;
    width: 24px !important;
    height: 24px !important;
    background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
    .popup-collect-divide-rewarded .popup-body .button-close .ion-ios-close-empty {
      display: none; }

.popup-collect-divide-rewarded .hairline-bottom {
  display: none; }

.popup-collect-divide-rewarded .popup-buttons .button {
  padding: 0 !important; }
  .popup-collect-divide-rewarded .popup-buttons .button span {
    position: relative;
    margin: 32px auto;
    display: block;
    width: 175px;
    height: 48px;
    border-radius: 24px;
    background-color: #f75946;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-collect-rewarded-rank {
  background: url("//qkassets.qkcdn.com/images/assets/e42e02cfdda68644152b529b08f72646.png") no-repeat !important;
  background-size: 100% !important;
  height: 310px !important; }
  .popup-collect-rewarded-rank .popup-body {
    overflow: inherit !important;
    width: 275px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 36px 20px 0 20px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-collect-rewarded-rank .popup-body .title-img {
      position: relative;
      width: 182px;
      height: 182px;
      margin: -124px auto 0; }
      .popup-collect-rewarded-rank .popup-body .title-img img {
        width: 100%;
        height: 100%; }
    .popup-collect-rewarded-rank .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-top: -20px;
      margin-bottom: 24px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-collect-rewarded-rank .popup-body .desc {
      position: relative;
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: normal; }
    .popup-collect-rewarded-rank .popup-body .num-wrap {
      text-align: center;
      color: #ffd428;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-collect-rewarded-rank .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-collect-rewarded-rank .popup-body .button-small {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important; }
    .popup-collect-rewarded-rank .popup-body .button-close {
      top: 304px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-collect-rewarded-rank .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-collect-rewarded-rank .hairline-bottom {
    display: none; }
  .popup-collect-rewarded-rank .popup-buttons {
    width: 175px !important;
    margin: 32px auto; }
    .popup-collect-rewarded-rank .popup-buttons .button {
      padding: 0 !important;
      position: relative;
      width: 175px !important;
      height: 48px;
      border-radius: 24px !important;
      background-color: #ffd428 !important;
      box-shadow: 0 1px 4px 0 rgba(37, 108, 237, 0.5);
      font-size: 16px;
      line-height: 48px;
      text-align: center;
      color: #9e5717;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-collect-rewarded-rank .popup-buttons .button:active {
        background-color: #ebc118 !important; }
/* thin border */
.popup-auction-result .popup-body {
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 32px 22px 0 22px !important; }
  .popup-auction-result .popup-body .title {
    position: relative;
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-auction-result .popup-body .desc {
    position: relative;
    margin: 16px auto 0;
    width: 191px;
    height: 48px;
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-auction-result .popup-body .goods-info {
    position: relative;
    margin: 16px auto 0;
    width: 243px;
    height: 80px;
    border-radius: 8px;
    background-color: #f5f5f5; }
    .popup-auction-result .popup-body .goods-info .img {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 64px;
      height: 64px;
      border: solid 0.5px #f3f3f3; }
      .popup-auction-result .popup-body .goods-info .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .popup-auction-result .popup-body .goods-info .goods-title {
      position: absolute;
      top: 15px;
      right: 13px;
      width: 150px;
      height: 48px;
      font-size: 14px;
      line-height: 1.71;
      color: #3a3a3a;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-auction-result .popup-body .button-close {
    top: 356px !important;
    left: 45.2% !important;
    width: 24px !important;
    height: 24px !important;
    background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
    .popup-auction-result .popup-body .button-close .ion-ios-close-empty {
      display: none; }

.popup-auction-result .hairline-bottom {
  display: none; }

.popup-auction-result .popup-buttons {
  width: 287px; }
  .popup-auction-result .popup-buttons .button {
    padding: 0 !important; }
    .popup-auction-result .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 175px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-auction-result-success .popup-body {
  padding-top: 0 !important; }
  .popup-auction-result-success .popup-body .title-image {
    position: relative;
    margin: -48px auto 16px;
    width: 116px;
    height: 96px;
    background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png") no-repeat;
    background-size: cover; }
  .popup-auction-result-success .popup-body .auction-course {
    position: relative;
    margin: 16px auto 0;
    width: 200px;
    height: 20px;
    font-size: 12px;
    line-height: 1.67;
    text-align: center;
    color: #aaaaaa;
    display: flex;
    justify-content: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-auction-result-success .popup-body .auction-course i {
      position: relative;
      margin-left: 5px;
      width: 12px;
      height: 20px;
      background: url("//qkassets.qkcdn.com/images/assets/1088f39216fb3a4fdce492122be7ec38.png") no-repeat center center;
      background-size: contain; }
  .popup-auction-result-success .popup-body .button-close {
    top: 424px !important; }

.popup-auction-back .popup-body {
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 32px 22px 0 22px !important; }
  .popup-auction-back .popup-body .title {
    position: relative;
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-auction-back .popup-body .price {
    position: relative;
    margin: 16px auto 0;
    width: 100px;
    height: 38px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-auction-back .popup-body .price .plus {
      transform: translateY(16px);
      height: 22px;
      font-size: 16px;
      font-weight: 600;
      color: #f75946;
      margin-right: 4px; }
    .popup-auction-back .popup-body .price .reward {
      height: 38px;
      font-family: qiankaFont;
      font-size: 38px;
      line-height: 1;
      text-align: center;
      color: #f75946; }
    .popup-auction-back .popup-body .price .yuan {
      transform: translateY(16px);
      height: 18px;
      font-size: 13px;
      font-weight: 600;
      color: #f75946;
      margin-left: 2px; }
  .popup-auction-back .popup-body .goods-info {
    position: relative;
    margin: 24px auto 0;
    width: 243px;
    height: 80px;
    border-radius: 8px;
    background-color: #f5f5f5; }
    .popup-auction-back .popup-body .goods-info .img {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 64px;
      height: 64px;
      border: solid 0.5px #f3f3f3; }
      .popup-auction-back .popup-body .goods-info .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .popup-auction-back .popup-body .goods-info .goods-title {
      position: absolute;
      top: 15px;
      right: 13px;
      width: 150px;
      height: 48px;
      font-size: 14px;
      line-height: 1.71;
      color: #3a3a3a;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-auction-back .popup-body .button-close {
    top: 356px !important;
    left: 45.2% !important;
    width: 24px !important;
    height: 24px !important;
    background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
    .popup-auction-back .popup-body .button-close .ion-ios-close-empty {
      display: none; }

.popup-auction-back .hairline-bottom {
  display: none; }

.popup-auction-back .popup-buttons {
  width: 287px; }
  .popup-auction-back .popup-buttons .button {
    padding: 0 !important; }
    .popup-auction-back .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 175px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-auction-enter .popup-body {
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 32px 39px 0 38px !important; }
  .popup-auction-enter .popup-body .title {
    position: relative;
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-auction-enter .popup-body .desc {
    position: relative;
    margin: 16px auto 0;
    width: 210px;
    height: 96px;
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: normal;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }

.popup-auction-enter .hairline-bottom {
  display: none; }

.popup-auction-enter .popup-buttons {
  width: 287px; }
  .popup-auction-enter .popup-buttons .button {
    padding: 0 !important; }
    .popup-auction-enter .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 175px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-auction-enter .popup-buttons .button span:active {
        background: #e32236;
        box-shadow: 0 1px 4px 0 rgba(255, 78, 92, 0.5); }

.popup-purchase-result {
  width: 287px !important;
  margin-top: -62px; }
  .popup-purchase-result .popup-body {
    overflow: inherit !important;
    width: 287px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 32px 16px 0 !important; }
    .popup-purchase-result .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-purchase-result .popup-body .desc {
      position: relative;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      color: #3a3a3a;
      margin-top: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-purchase-result .popup-body .goods-info {
      position: relative;
      margin: 24px auto 0;
      width: 100%;
      height: 96px;
      border-radius: 8px;
      background-color: #f5f5f5;
      padding: 11px 12px 12px; }
      .popup-purchase-result .popup-body .goods-info .img {
        width: 73px;
        height: 73px;
        border: 0.5px solid #f3f3f3;
        overflow: hidden;
        box-sizing: border-box; }
        .popup-purchase-result .popup-body .goods-info .img img {
          width: 100%;
          height: 100%;
          border-radius: 4px; }
      .popup-purchase-result .popup-body .goods-info .info {
        margin-left: 6px;
        width: 150px;
        height: auto;
        position: absolute;
        top: 12px;
        left: 86px; }
        .popup-purchase-result .popup-body .goods-info .info .goods-title {
          width: 100%;
          height: 48px;
          font-size: 14px;
          line-height: 24px;
          color: #3a3a3a;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400; }
          .popup-purchase-result .popup-body .goods-info .info .goods-title .name {
            display: inline-block;
            width: auto;
            padding: 0 4px 0 6px;
            height: 17px;
            line-height: 17px;
            text-align: center;
            border-radius: 2px;
            background-color: #ffeaec;
            font-size: 12px;
            color: #ff3d51;
            margin-right: 3px;
            transform: translateY(-1px);
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-purchase-result .popup-body .goods-info .info .goods-price {
          margin-top: 2px;
          font-size: 10px;
          color: #aaaaaa;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400; }
          .popup-purchase-result .popup-body .goods-info .info .goods-price span {
            font-size: 20px;
            margin: 0 2px;
            position: relative;
            top: 1px;
            font-family: qiankaFont; }
    .popup-purchase-result .popup-body .button-close {
      top: 406px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-purchase-result .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-purchase-result .hairline-bottom {
    display: none; }
  .popup-purchase-result .popup-buttons {
    width: 287px; }
    .popup-purchase-result .popup-buttons .button {
      padding: 0 !important; }
      .popup-purchase-result .popup-buttons .button span {
        position: relative;
        margin: 32px auto;
        display: block;
        width: 175px;
        height: 48px;
        border-radius: 24px;
        box-shadow: 0 1px 4px 0 rgba(255, 61, 81, 0.5);
        background-color: #ff3d51;
        font-size: 16px;
        font-weight: 600;
        line-height: 48px;
        text-align: center;
        color: #ffffff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-purchase-result .popup-buttons .button span:active {
          background: #e32236;
          box-shadow: 0 1px 4px 0 rgba(255, 78, 92, 0.5); }

.popup-purchase-back {
  position: relative;
  top: -30px;
  width: 287px !important; }
  .popup-purchase-back .popup-body {
    overflow: inherit !important;
    width: 287px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 32px 16px 0 !important; }
    .popup-purchase-back .popup-body .tag-icon {
      width: 116px;
      height: 96px;
      background: url("//qkassets.qkcdn.com/images/assets/2a6b628099a2bf74ac30ae48e9e2fb13.png") no-repeat center/cover;
      margin: -80px auto 0; }
    .popup-purchase-back .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      margin-top: 17px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-purchase-back .popup-body .price {
      position: relative;
      margin: 16px auto 0;
      width: 100px;
      height: 38px;
      text-align: center;
      display: flex;
      justify-content: center;
      color: #ff3d51;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-purchase-back .popup-body .price .plus {
        transform: translateY(16px);
        height: 22px;
        font-size: 16px;
        font-weight: 600;
        color: #ff3d51;
        margin-right: 3px; }
      .popup-purchase-back .popup-body .price .reward {
        height: 38px;
        font-family: qiankaFont;
        font-size: 38px;
        line-height: 48px;
        text-align: center;
        color: #ff3d51;
        position: relative;
        top: -6px; }
      .popup-purchase-back .popup-body .price .yuan {
        transform: translateY(16px);
        height: 18px;
        font-size: 13px;
        font-weight: 600;
        color: #ff3d51;
        margin-left: 2px; }
    .popup-purchase-back .popup-body .goods-info {
      position: relative;
      margin: 24px auto 0;
      width: 100%;
      height: 96px;
      border-radius: 8px;
      background-color: #f5f5f5;
      padding: 11px 12px 12px; }
      .popup-purchase-back .popup-body .goods-info .img {
        width: 73px;
        height: 73px;
        border: 0.5px solid #f3f3f3;
        overflow: hidden;
        box-sizing: border-box; }
        .popup-purchase-back .popup-body .goods-info .img img {
          width: 100%;
          height: 100%;
          border-radius: 4px; }
      .popup-purchase-back .popup-body .goods-info .info {
        margin-left: 6px;
        width: 150px;
        height: auto;
        position: absolute;
        top: 12px;
        left: 86px; }
        .popup-purchase-back .popup-body .goods-info .info .goods-title {
          width: 100%;
          height: 48px;
          font-size: 14px;
          line-height: 1.71;
          color: #3a3a3a;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400; }
          .popup-purchase-back .popup-body .goods-info .info .goods-title .name {
            display: inline-block;
            width: auto;
            padding: 0 6px;
            height: 17px;
            line-height: 17px;
            text-align: center;
            border-radius: 2px;
            background-color: #ffeaec;
            font-size: 12px;
            color: #ff3d51;
            margin-right: 5px;
            transform: translateY(-1px);
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-purchase-back .popup-body .goods-info .info .goods-price {
          margin-top: 2px;
          font-size: 10px;
          color: #aaaaaa;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400; }
          .popup-purchase-back .popup-body .goods-info .info .goods-price span {
            font-size: 20px;
            margin: 0 2px;
            position: relative;
            top: 1px;
            font-family: qiankaFont; }
    .popup-purchase-back .popup-body .button-close {
      top: 402px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
      .popup-purchase-back .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-purchase-back .hairline-bottom {
    display: none; }
  .popup-purchase-back .popup-buttons {
    width: 287px; }
    .popup-purchase-back .popup-buttons .button {
      padding: 0 !important; }
      .popup-purchase-back .popup-buttons .button span {
        position: relative;
        margin: 32px auto;
        display: block;
        width: 175px;
        height: 48px;
        border-radius: 24px;
        box-shadow: 0 1px 4px 0 rgba(255, 61, 81, 0.5);
        background-color: #ff3d51;
        font-size: 16px;
        font-weight: 600;
        line-height: 48px;
        text-align: center;
        color: #ffffff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
/* thin border */
.popup-container .show_setting_file .popup-buttons {
  padding-left: 162px; }
  .popup-container .show_setting_file .popup-buttons .button-light {
    color: #4a90e2; }
  .popup-container .show_setting_file .popup-buttons .hairline-right {
    display: none; }

.popup-container .popup-apprentice-freeze .popup-buttons .button-light {
  color: #4a90e2; }

.popup-container .popup-apprentice-freeze .title {
  font-weight: 600; }

.popup-container .popup-apprentice-freeze .desc {
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }

.popup_show_qrcode {
  height: 362px; }
  .popup_show_qrcode .qrcode {
    margin: 18px auto 20px;
    text-align: center;
    position: relative;
    padding: 3px;
    width: 186px;
    height: 186px;
    border: 2px solid #DDDDDD; }
    .popup_show_qrcode .qrcode .across-space {
      position: absolute;
      width: 166px;
      height: 2px;
      background-color: #FFFFFF; }
      .popup_show_qrcode .qrcode .across-space.top {
        top: -2px;
        left: 8px; }
      .popup_show_qrcode .qrcode .across-space.bottom {
        bottom: -2px;
        left: 8px; }
    .popup_show_qrcode .qrcode .vertical-space {
      position: absolute;
      width: 2px;
      height: 166px;
      background-color: #FFFFFF; }
      .popup_show_qrcode .qrcode .vertical-space.right {
        right: -2px;
        top: 8px; }
      .popup_show_qrcode .qrcode .vertical-space.left {
        left: -2px;
        top: 8px; }
    .popup_show_qrcode .qrcode img {
      width: 176px;
      height: 176px;
      -webkit-touch-callout: default; }
  .popup_show_qrcode .remind {
    margin: 0 auto;
    text-align: center;
    width: 180px;
    font-size: 13px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup_show_qrcode .remind.last {
      margin-bottom: 10px; }
  .popup_show_qrcode .remind-or {
    text-align: center;
    font-size: 13px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }

.popup-exchange-rate {
  height: 331px;
  padding: 15px 20px 20px;
  border-radius: 6px !important;
  overflow: hidden; }
  .popup-exchange-rate .popup-body {
    padding: 0 !important;
    overflow: hidden; }
  .popup-exchange-rate img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 123px;
    height: 93px;
    object-fit: contain; }
  .popup-exchange-rate .title {
    transform: translateX(2px);
    margin: 10px auto 12px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    color: #bfbfbf;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-exchange-rate p {
    letter-spacing: -0.3px;
    font-size: 13px;
    text-align: left;
    color: #3a3a3a;
    line-height: 16px;
    font-weight: inherit !important;
    margin-bottom: 9px !important;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-exchange-rate .hairline-bottom {
    display: none; }
  .popup-exchange-rate .popup-buttons {
    margin: 22px auto 0;
    width: 144px; }
    .popup-exchange-rate .popup-buttons .button {
      width: 144px !important;
      height: 49px !important;
      line-height: 19px !important;
      border-radius: 24px !important;
      border: solid 1.5px #f75946 !important;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-exchange-rate .popup-buttons .button:active {
        color: #d53926 !important;
        border: solid 1.5px #d53926 !important;
        background-color: #fef6f5 !important; }

.popup-exchange-coin {
  background-color: transparent !important;
  width: 275px;
  height: 299px;
  object-fit: contain;
  background-image: url(//qkassets.qkcdn.com/images/assets/e37823ee28b2a693416f509e112e8fca.png);
  background-size: 100% 100%; }
  .popup-exchange-coin .popup-body {
    padding: 0 !important; }
  .popup-exchange-coin img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 142px;
    height: 90px;
    object-fit: contain; }
  .popup-exchange-coin .title {
    margin: 20px auto 5px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-exchange-coin .exchange {
    margin: -3px auto 74px;
    text-align: center; }
    .popup-exchange-coin .exchange .num {
      font-size: 24px;
      font-weight: 600;
      line-height: 1.5;
      color: #ffffff;
      margin-right: 1px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-exchange-coin .exchange .unit {
      font-size: 13px;
      font-weight: 600;
      color: #fff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-exchange-coin .exchange .arrow {
      width: 9px;
      height: 9px;
      margin: 0 8px;
      display: inline-block; }
      .popup-exchange-coin .exchange .arrow img {
        width: 9px;
        height: 9px; }
  .popup-exchange-coin p {
    padding: 0 31px 0 20px;
    font-size: 13px;
    line-height: 18px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-exchange-coin .hairline-bottom {
    display: none; }
  .popup-exchange-coin .popup-buttons {
    margin: 14px auto 0;
    width: 144px; }
    .popup-exchange-coin .popup-buttons .button {
      width: 144px !important;
      height: 48px !important;
      line-height: 48px;
      border-radius: 24px !important;
      border: solid 1.5px #f75946 !important;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-exchange-coin .popup-buttons .button:active {
        color: #d53926 !important;
        border: solid 1.5px #d53926 !important;
        background-color: #fef6f5 !important; }

.popup-frozen-exp {
  width: 287px !important;
  height: 416px !important; }
  .popup-frozen-exp .popup-body {
    position: relative;
    padding: 32px 28px 0 !important; }
    .popup-frozen-exp .popup-body .title {
      position: relative;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      margin-bottom: 17px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-frozen-exp .popup-body .timeline {
      position: relative;
      width: 231px;
      height: 144px; }
      .popup-frozen-exp .popup-body .timeline .timeline-left {
        position: relative;
        float: left;
        width: 32px;
        font-family: qiankaFont;
        font-size: 14px;
        line-height: 1.71;
        color: #3a3a3a; }
        .popup-frozen-exp .popup-body .timeline .timeline-left .time {
          width: 32px;
          height: 24px;
          margin-bottom: 16px; }
      .popup-frozen-exp .popup-body .timeline .img-line {
        float: left;
        margin-top: 6px;
        margin-left: 9px;
        margin-right: 10px;
        width: 12px;
        height: 132px;
        background: url("//qkassets.qkcdn.com/images/assets/59383ed18d228a8edf36c11db1636459.png") no-repeat;
        background-size: 100% 100%; }
      .popup-frozen-exp .popup-body .timeline .timeline-right {
        position: relative;
        float: left;
        width: 164px;
        text-align: left;
        font-size: 14px;
        line-height: 1.71;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
        .popup-frozen-exp .popup-body .timeline .timeline-right .right-txt {
          height: 24px;
          margin-bottom: 16px; }
      .popup-frozen-exp .popup-body .timeline .clear {
        clear: both; }
    .popup-frozen-exp .popup-body .desc {
      position: relative;
      height: 72px;
      font-size: 14px;
      line-height: 1.71;
      color: #3a3a3a;
      display: inline-block;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-frozen-exp .popup-body .hairline-bottom {
      display: none; }
  .popup-frozen-exp .popup-buttons {
    position: relative;
    height: 112px;
    width: 100%; }
    .popup-frozen-exp .popup-buttons .button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      background-color: #f75946 !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-common {
  width: 287px !important; }
  .popup-common .popup-body {
    padding: 20px 18px !important;
    text-align: center; }
    .popup-common .popup-body .title {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-common .popup-body .desc {
      width: 191px;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin: auto;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-common .hairline-left::before, .popup-common .hairline-left::after, .popup-common .hairline-right::before, .popup-common .hairline-right::after {
    display: none; }
  .popup-common .popup-buttons .button {
    font-size: 16px;
    line-height: 1;
    text-align: center; }
  .popup-common .popup-buttons .button:nth-child(1) {
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-common .popup-buttons .button:nth-child(2) {
    color: #4a90e2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-user-freeze {
  width: 287px !important; }
  .popup-user-freeze .popup-body {
    padding: 32px 56px 16px !important; }
    .popup-user-freeze .popup-body .title {
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-user-freeze .popup-body .desc {
      width: 100%;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin: 0 auto 32px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-user-freeze .popup-body .jump-btn {
      width: 175px;
      height: 48px;
      border-radius: 24px;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      background-color: #f75946;
      margin: 0 auto;
      line-height: 48px;
      text-align: center; }
      .popup-user-freeze .popup-body .jump-btn a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        font-size: 16px;
        line-height: 48px;
        color: #fff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-user-freeze .popup-body .jump-btn:active {
        background-color: #e0412e; }
  .popup-user-freeze .hairline-left::before, .popup-user-freeze .hairline-left::after,
  .popup-user-freeze .hairline-right::before,
  .popup-user-freeze .hairline-right::after {
    display: none; }
  .popup-user-freeze .popup-buttons {
    height: 80px; }
    .popup-user-freeze .popup-buttons button {
      width: 175px !important;
      height: 48px !important;
      line-height: 48px !important;
      margin: 0 56px 32px !important;
      border-radius: 24px !important;
      text-align: center !important;
      color: #f75946 !important;
      font-size: 16px !important;
      border: 1px solid #f75946 !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-user-freeze .popup-buttons button span {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.binded-popup {
  margin-top: -62px !important; }
  .binded-popup .popup-body {
    padding: 21px 18px !important; }
    .binded-popup .popup-body .title {
      margin-bottom: 9px !important; }
    .binded-popup .popup-body .desc {
      width: auto !important; }
  .binded-popup .popup-buttons.button {
    min-height: 47px !important; }

.popup_account_abnormal {
  width: 287px !important; }
  .popup_account_abnormal .popup-body {
    padding: 20px 18px !important;
    text-align: center; }
    .popup_account_abnormal .popup-body .title {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup_account_abnormal .popup-body .desc {
      width: 191px;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin: auto;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup_account_abnormal .hairline-bottom::before, .popup_account_abnormal .hairline-bottom::after,
  .popup_account_abnormal .hairline-top::before,
  .popup_account_abnormal .hairline-top::after {
    display: none; }
  .popup_account_abnormal .popup-buttons .button {
    font-size: 16px;
    line-height: 1;
    text-align: center; }
  .popup_account_abnormal .popup-buttons .button:nth-child(1) {
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup_account_abnormal .popup-buttons .button:nth-child(2) {
    color: #4a90e2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup_alipay_again {
  width: 287px !important; }
  .popup_alipay_again .popup-body {
    padding: 20px 18px !important;
    text-align: center; }
    .popup_alipay_again .popup-body .title {
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup_alipay_again .popup-body .desc {
      width: 191px;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0;
      text-align: center;
      color: #3a3a3a;
      margin: auto;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup_alipay_again .hairline-bottom::before, .popup_alipay_again .hairline-bottom::after,
  .popup_alipay_again .hairline-top::before,
  .popup_alipay_again .hairline-top::after {
    display: none; }
  .popup_alipay_again .popup-buttons .button {
    font-size: 16px;
    line-height: 1;
    text-align: center; }
  .popup_alipay_again .popup-buttons .button:nth-child(1) {
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup_alipay_again .popup-buttons .button:nth-child(1) {
    color: #4a90e2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.punch-popup .popup-body {
  padding: 32px 18px !important; }
  .punch-popup .popup-body .hairline-bottom::after {
    display: none; }

.punch-popup .popup-buttons {
  display: block;
  margin-bottom: 32px; }
  .punch-popup .popup-buttons .button {
    width: 175px !important;
    height: 48px !important;
    background-color: #f75946 !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    border-radius: 24px !important;
    box-sizing: border-box;
    display: block;
    margin: 0 auto !important;
    padding: 0;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .punch-popup .popup-buttons .button span {
      font-size: 16px;
      line-height: 1.5;
      color: #fff !important; }
    .punch-popup .popup-buttons .button:active {
      background-color: #e0412e !important;
      box-shadow: none; }

.wakeup-popup .popup-body .title {
  margin: 0; }

.wakeup-popup .popup-buttons .button {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .wakeup-popup .popup-buttons .button span {
    font-weight: 600; }
  .wakeup-popup .popup-buttons .button:last-of-type {
    background-color: #fafafa !important;
    box-shadow: none;
    border: solid 0.5px #ddd !important;
    margin-top: 16px !important; }
    .wakeup-popup .popup-buttons .button:last-of-type span {
      color: #3a3a3a !important; }

.sing-limit-popup {
  height: 350px !important; }
  .sing-limit-popup .desc {
    padding-left: 26px;
    padding-right: 20px;
    text-align: left !important;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .sing-limit-popup .desc p {
      margin: 0; }

.game-invite-popup {
  height: 304px !important;
  padding-top: 32px !important; }
  .game-invite-popup .title {
    font-size: 16px !important;
    font-weight: 600;
    color: #3a3a3a !important;
    margin-bottom: 16px !important; }
  .game-invite-popup .nickname {
    color: #F75946;
    font-weight: 600; }
  .game-invite-popup .avatar-wrap {
    text-align: center;
    margin: 0 auto;
    height: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    right: 6px; }
    .game-invite-popup .avatar-wrap .avatar {
      font-size: 0;
      width: 32px;
      height: 32px;
      border: 2px solid #FFFFFF;
      display: inline-block;
      border-radius: 50%;
      position: relative;
      margin-right: -12px; }
      .game-invite-popup .avatar-wrap .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%; }
  .game-invite-popup .desc {
    padding: 0 32px;
    text-align: center !important;
    margin-top: 16px !important;
    line-height: 24px;
    font-size: 14px !important;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .game-invite-popup .desc p {
      margin: 0; }

.day-sign-popup {
  height: 430px !important; }
  .day-sign-popup .desc {
    padding-left: 26px;
    padding-right: 20px;
    text-align: left !important;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .day-sign-popup .desc p {
      margin: 0; }
    .day-sign-popup .desc .p-header {
      margin-bottom: 10px; }
    .day-sign-popup .desc .p-footer {
      margin-top: 10px; }
/* thin border */
.popup-must-know .popup-body {
  padding: 20px 18px !important; }
  .popup-must-know .popup-body .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-must-know .popup-body .desc {
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }

.popup-must-know .popup-buttons .button {
  font-size: 16px;
  line-height: 1;
  text-align: center; }

.popup-must-know .popup-buttons .button:nth-child(1) {
  color: #3a3a3a;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }

.popup-must-know .popup-buttons .button:nth-child(2) {
  color: #4a90e2;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-task-success {
  text-align: center; }
  .popup-task-success .logo img {
    width: 220px;
    height: 143px;
    margin-bottom: 9px; }
  .popup-task-success .reward {
    color: #FD6344; }
    .popup-task-success .reward .rmb {
      font-size: 28px;
      transform: translate3d(0, -1px, 0);
      -webkit-transform: translate3d(0, -1px, 0); }
    .popup-task-success .reward .amount {
      font-size: 88px;
      line-height: 124px; }
    .popup-task-success .reward .yuan {
      font-size: 28px;
      transform: translate3d(0, -4px, 0);
      -webkit-transform: translate3d(0, -4px, 0); }
  .popup-task-success .task-info {
    position: relative;
    margin-bottom: 20px; }
    .popup-task-success .task-info div {
      color: #A0A8AE;
      height: 34px; }
      .popup-task-success .task-info div.line {
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 17px;
        background-image: url(//qkassets.qkcdn.com/images/assets/62bd02c317cca896e436ca64fafb83b2.png);
        background-repeat: repeat-x;
        background-position: 0, 0;
        background-size: 7px 1px;
        transform: scale(1, 0.5);
        -webkit-transform: scale(1, 0.5);
        z-index: 1; }
      .popup-task-success .task-info div.task-type, .popup-task-success .task-info div.task-name {
        top: 0;
        z-index: 100;
        background: #fff;
        font-size: 12px;
        line-height: 34px;
        height: 34px; }
      .popup-task-success .task-info div.task-type {
        position: absolute;
        left: 0;
        padding-right: 8px; }
      .popup-task-success .task-info div.task-name {
        position: absolute;
        right: 0;
        padding-left: 8px;
        color: #FD6344; }

.popup-task-appeal {
  text-align: center; }
  .popup-task-appeal .icon {
    padding-top: 4px; }
    .popup-task-appeal .icon img {
      width: 32px;
      height: 36px; }
  .popup-task-appeal .title {
    padding-top: 20px;
    font-size: 16px;
    color: #484746;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-task-appeal .desc {
    padding-top: 10px;
    font-size: 14px;
    color: #888888; }

.popup-gaoe-weixin-task .popup-body {
  padding: 30px 0 35px 0 !important;
  text-align: center; }

.popup-gaoe-weixin-task .task-title {
  font-size: 14px;
  color: #3A3A3A;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }

.popup-gaoe-weixin-task .mb-4 {
  margin-bottom: 4px; }

.popup-gaoe-weixin-task .mb-20 {
  margin-bottom: 20px; }

.popup-gaoe-weixin-task .weixin-guid-img {
  width: 225px;
  height: 160px; }

.popup-gaoe-weixin-task .popup-buttons .button {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-abandon-gaoe .popup-body {
  padding: 20px 18px !important; }
  .popup-abandon-gaoe .popup-body .title {
    margin-bottom: 0 !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-abandon-gaoe .button {
  height: 48px !important; }
  .popup-abandon-gaoe .button.obvious {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #4a90e2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-more-than-limit .popup-body {
  padding: 23px 17px 18px !important; }
  .popup-more-than-limit .popup-body .title {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-more-than-limit .popup-body .desc {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }

.popup-more-than-limit .popup-buttons {
  height: 48px; }
  .popup-more-than-limit .popup-buttons .button {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
    .popup-more-than-limit .popup-buttons .button span {
      font-size: 16px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
      text-align: center;
      color: #4a90e2;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.popup-abandon-gaoe .popup-body {
  padding: 20px 18px !important; }

.button-blue .button span {
  color: #4a90e2; }

.popup-share-rule {
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: 100% 100%;
  height: 342px;
  padding-top: 58px;
  box-sizing: border-box; }
  .popup-share-rule::before {
    content: '';
    width: 116px;
    height: 96px;
    position: absolute;
    left: 0;
    right: 0;
    top: -48px;
    margin: auto;
    background: url("//qkassets.qkcdn.com/images/assets/f80bf70c26abf076590a516d37a450c1.png") no-repeat center/cover; }
  .popup-share-rule .popup-body {
    padding: 0 22px 0 24px !important;
    color: #3a3a3a; }
    .popup-share-rule .popup-body .rule-title {
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      margin-bottom: 10px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-share-rule .popup-body .rule-title span {
        color: #f75946; }
    .popup-share-rule .popup-body .rule-content {
      height: 212px;
      overflow: auto;
      overflow-y: scroll;
      transform: translate3d(0px, 0px, 0px) scale(1); }
      .popup-share-rule .popup-body .rule-content ._v-container {
        /* overflow: auto !important; */ }
      .popup-share-rule .popup-body .rule-content ol {
        margin-left: 6px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-share-rule .popup-body .rule-content ol li {
          font-size: 14px;
          margin-bottom: 12px; }
          .popup-share-rule .popup-body .rule-content ol li p {
            line-height: 24px;
            margin-bottom: 0;
            margin-left: -2px; }
          .popup-share-rule .popup-body .rule-content ol li .tips {
            font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
            font-weight: 400; }
    .popup-share-rule .popup-body .button-close {
      position: fixed !important;
      top: 370px !important;
      left: 45% !important;
      width: 22px !important;
      height: 22px !important;
      background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover;
      background-size: 100% 100%; }
      .popup-share-rule .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .popup-share-rule .popup-body .hairline-bottom::after {
      display: none; }
  .popup-share-rule ::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
    background: #fff; }
  .popup-share-rule ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d8d8d8; }

.popup-gaoes-overtime-reward {
  width: 287px !important; }
  .popup-gaoes-overtime-reward .popup-buttons {
    height: auto; }
  .popup-gaoes-overtime-reward .popup-body {
    padding: 0px 51px !important;
    overflow: inherit;
    color: #3a3a3a; }
    .popup-gaoes-overtime-reward .popup-body .icon {
      text-align: center;
      margin-top: -48px; }
      .popup-gaoes-overtime-reward .popup-body .icon img {
        width: 116px;
        height: 96px; }
    .popup-gaoes-overtime-reward .popup-body .title {
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      margin: 10px 0 16px 0;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-gaoes-overtime-reward .popup-body .content {
      font-size: 14px;
      line-height: 24px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }

.popup-gaoes-security {
  width: 287px !important;
  height: 288px !important; }
  .popup-gaoes-security .popup-body {
    padding: 0px 30px !important;
    overflow: inherit;
    color: #3a3a3a; }
    .popup-gaoes-security .popup-body .icon {
      text-align: center;
      margin-top: -48px; }
      .popup-gaoes-security .popup-body .icon img {
        width: 116px;
        height: 96px; }
    .popup-gaoes-security .popup-body .title {
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      margin: 10px 0 16px 0;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-gaoes-security .popup-body .content {
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }

.popup-gaoes-complete {
  width: 287px !important;
  height: auto !important;
  border-radius: 8px !important;
  background-color: #ffd874 !important;
  padding: 16px 18px 0 !important; }
  .popup-gaoes-complete .popup-body {
    padding: 16px 14px 24px !important;
    overflow: inherit;
    background: #fffcec;
    border-radius: 8px;
    color: #f75946; }
    .popup-gaoes-complete .popup-body .icon {
      width: 180px;
      height: 71px;
      position: absolute;
      top: -87px;
      left: 0;
      right: 0;
      margin: auto; }
      .popup-gaoes-complete .popup-body .icon img {
        width: 180px;
        height: 71px; }
    .popup-gaoes-complete .popup-body .title {
      font-size: 18px;
      line-height: 32px;
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-gaoes-complete .popup-body .content {
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      margin-top: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .popup-gaoes-complete .popup-body .content .reward {
        font-size: 20px;
        line-height: 20px; }
        .popup-gaoes-complete .popup-body .content .reward i {
          display: inline-block;
          position: absolute;
          width: 62px;
          height: 16px;
          background: url("//qkassets.qkcdn.com/images/assets/73d915d1f8466cddde0c023f2fd43a75.png") no-repeat;
          background-size: 100%; }
        .popup-gaoes-complete .popup-body .content .reward .plus {
          display: inline-block;
          width: 12px;
          height: 12px;
          background: url("//qkassets.qkcdn.com/images/assets/d0f5296f19c0ef401e86edeac44d925a.png") no-repeat;
          background-size: 100%; }
        .popup-gaoes-complete .popup-body .content .reward .num {
          font-size: 41px;
          height: 47px;
          line-height: 47px;
          margin: 0 2px;
          font-family: "DINAlternate-Bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .popup-gaoes-complete .popup-body .content .reward .unit {
          position: relative;
          top: -2px;
          font-family: "puhui", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-gaoes-complete .popup-body .content .desc {
        margin-top: 16px;
        font-size: 12px;
        color: #f75946;
        line-height: 20px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
  .popup-gaoes-complete .popup-buttons {
    height: auto !important; }
    .popup-gaoes-complete .popup-buttons .button {
      margin: 30px 38px 32px 38px !important; }
@charset "UTF-8";
/* thin border */
/* thin border */
.navbar[theme="dark"] {
  background: #2D2C33 !important; }
  .navbar[theme="dark"] .center .title {
    font-weight: 100; }

.thin-border-top {
  position: relative; }
  .thin-border-top::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-top: 1px solid #EEE;
    border-radius: 0;
    transform-origin: 0 0;
    z-index: 0;
    box-sizing: border-box; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .thin-border-top::before {
        height: 200%;
        width: 200%;
        transform: scale(0.5);
        border-radius: 0; } }
  .thin-border-top::after {
    border-top: none; }

.thin-border-bottom {
  position: relative; }
  .thin-border-bottom::before {
    border-bottom: none; }
  .thin-border-bottom::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #EEE;
    border-radius: 0;
    transform-origin: 0 0;
    z-index: 0;
    box-sizing: border-box; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .thin-border-bottom::after {
        height: 200%;
        width: 200%;
        transform: scale(0.5);
        border-radius: 0; } }

.p-5 {
  padding: 10px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-5 {
  padding-top: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pb-5 {
  padding-bottom: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-5 {
  padding-left: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pr-5 {
  padding-right: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.m-5 {
  margin: 10px !important; }

.m-10 {
  margin: 10mx !important; }

.m-15 {
  margin: 15mx !important; }

.m-20 {
  margin: 20mx !important; }

.mt-5 {
  margin-top: 10mx !important; }

.mt-10 {
  margin-top: 10mx !important; }

.mt-15 {
  margin-top: 15mx !important; }

.mt-20 {
  margin-top: 20mx !important; }

.mb-5 {
  margin-bottom: 10mx !important; }

.mb-10 {
  margin-bottom: 10mx !important; }

.mb-15 {
  margin-bottom: 15mx !important; }

.mb-20 {
  margin-bottom: 20mx !important; }

.ml-5 {
  margin-left: 10mx !important; }

.ml-10 {
  margin-left: 10mx !important; }

.ml-15 {
  margin-left: 15mx !important; }

.ml-20 {
  margin-left: 20mx !important; }

.mr-5 {
  margin-right: 10mx !important; }

.mr-10 {
  margin-right: 10mx !important; }

.mr-15 {
  margin-right: 15mx !important; }

.mr-20 {
  margin-right: 20px !important; }

.img {
  font-size: 12px;
  line-height: 12px; }

*::-webkit-scrollbar {
  width: 0px;
  height: 0px; }

.backdrop {
  background-color: rgba(0, 0, 0, 0.75); }

.popup-open > .backdrop {
  background-color: rgba(0, 0, 0, 0.75); }

label > * {
  pointer-events: auto; }

/**
 * Reset Button Asseritve
 * --------------------------------------------------
 */
.button.button-assertive {
  border-color: transparent;
  background-color: #ef4f2a;
  color: #fff; }
  .button.button-assertive:hover {
    color: #fff;
    text-decoration: none; }
  .button.button-assertive.active, .button.button-assertive.activated {
    background-color: #d63510; }
  .button.button-assertive.button-clear {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #ef4f2a; }
  .button.button-assertive.button-icon {
    border-color: transparent;
    background: none; }
  .button.button-assertive.button-outline {
    border-color: #ef4f2a;
    background: transparent;
    color: #ef4f2a; }
    .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
      background-color: #ef4f2a;
      box-shadow: none;
      color: #fff; }

/* thin border */
.navbar {
  background-image: linear-gradient(-180deg, #2D2C33 0%, rgba(24, 23, 26, 0.85) 98%) !important; }
  .navbar .bar.bar-header .title {
    color: #FFF;
    font-weight: 300;
    background: transparent !important; }
  .navbar .bar.bar-header .buttons > .button.button-icon {
    color: #FFF; }
    .navbar .bar.bar-header .buttons > .button.button-icon .icon.ion-ios-arrow-back::before {
      content: ' ';
      width: 15px;
      height: 32px;
      background-image: url(//qkassets.qkcdn.com/images/assets/d43eddcca1630d2637e05b61086991f8.png);
      background-size: 8px 15px;
      background-repeat: no-repeat;
      background-position: center;
      margin-left: 4px; }
  .navbar .bar.bar-header .buttons:last-child .button {
    font-size: 13px; }

.popup-task-reward {
  text-align: center; }
  .popup-task-reward .img-task-finished {
    width: 220px;
    height: 143px;
    margin-top: -6px; }
  .popup-task-reward .reward {
    color: #FD6344; }
    .popup-task-reward .reward span {
      display: inline-block; }
    .popup-task-reward .reward .rmb {
      font-size: 28px;
      transform: translate3d(0, -1px, 0);
      -webkit-transform: translate3d(0, -1px, 0); }
    .popup-task-reward .reward .amount {
      font-size: 88px;
      line-height: 124px; }
    .popup-task-reward .reward .yuan {
      font-size: 28px;
      transform: translate3d(0, -4px, 0);
      -webkit-transform: translate3d(0, -4px, 0); }
  .popup-task-reward .task-info {
    position: relative;
    margin-top: 15px;
    margin-bottom: 35px; }
    .popup-task-reward .task-info div {
      color: #A0A8AE;
      height: 34px; }
      .popup-task-reward .task-info div.line {
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 17px;
        background-image: url("//qkassets.qkcdn.com/images/assets/62bd02c317cca896e436ca64fafb83b2.png");
        background-repeat: repeat-x;
        background-position: 0, 0;
        background-size: 7px 1px;
        transform: scale(1, 0.5);
        -webkit-transform: scale(1, 0.5);
        z-index: 1; }
      .popup-task-reward .task-info div.task-type, .popup-task-reward .task-info div.task-name {
        top: 0;
        z-index: 100;
        background: #fff;
        font-size: 12px;
        line-height: 34px;
        height: 34px; }
      .popup-task-reward .task-info div.task-type {
        position: absolute;
        left: 0;
        padding-right: 8px; }
      .popup-task-reward .task-info div.task-name {
        position: absolute;
        right: 0;
        padding-left: 8px;
        color: #FD6344; }
  .popup-task-reward .popup-buttons .button-assertive {
    height: 50px;
    background-color: #FF5236 !important; }

.popup-credit-task-reward .popup-body {
  text-align: center;
  font-family: PingFangSC-Light;
  padding: 20px !important; }
  .popup-credit-task-reward .popup-body img {
    width: 220px;
    height: 143px;
    margin-bottom: 9px;
    vertical-align: middle; }
  .popup-credit-task-reward .popup-body .reward {
    font-size: 14px;
    color: #FD6344;
    margin-bottom: 20px; }
    .popup-credit-task-reward .popup-body .reward .font-44 {
      font-size: 44px;
      display: inline-block;
      margin: 0 2px;
      line-height: 62px; }
  .popup-credit-task-reward .popup-body .credit-info {
    position: relative;
    font-size: 12px;
    width: 100%;
    height: 17px; }
    .popup-credit-task-reward .popup-body .credit-info .line {
      height: 1px;
      width: 100%;
      position: absolute;
      left: 0;
      top: 10px;
      background-image: url("//qkassets.qkcdn.com/images/assets/62bd02c317cca896e436ca64fafb83b2.png");
      background-repeat: repeat-x;
      background-position: 0, 0;
      background-size: 7px 1px;
      transform: scale(1, 0.5);
      -webkit-transform: scale(1, 0.5);
      z-index: 1; }
    .popup-credit-task-reward .popup-body .credit-info .credit-type {
      color: #A0A8AE;
      padding-right: 8px;
      position: absolute;
      left: 0;
      z-index: 100;
      background: #fff; }
    .popup-credit-task-reward .popup-body .credit-info .credit-name {
      color: #FD6344;
      padding-left: 8px;
      position: absolute;
      right: 0;
      z-index: 100;
      background-color: #ffffff; }

.popup-credit-task-reward .popup-buttons {
  height: 50px; }
  .popup-credit-task-reward .popup-buttons .button-block {
    background-color: #FF5236 !important;
    color: #fff;
    font-family: PingFangSC-Regular; }

.popup-task-appeal {
  text-align: center; }
  .popup-task-appeal .icon {
    padding-top: 4px; }
    .popup-task-appeal .icon img {
      width: 32px;
      height: 36px; }
  .popup-task-appeal .title {
    padding-top: 20px;
    font-size: 16px;
    color: #484746;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-task-appeal .desc {
    padding-top: 10px;
    font-size: 14px;
    color: #888888; }

.popup-general .popup-body {
  padding: 22px 18px 20px !important; }
  .popup-general .popup-body .title {
    font-size: 16px;
    line-height: 22px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: #3A3A3A;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .popup-general .popup-body .desc {
    font-size: 14px;
    line-height: 20px;
    text-align: center; }
    .popup-general .popup-body .desc.no-title {
      padding: 4px 0 2px 0 !important; }

.popup-general .popup-buttons > .button {
  color: #3A3A3A; }

.popup-lotterty-get-bets {
  border-radius: 4px;
  text-align: center;
  font-family: PingFangSC-Light; }
  .popup-lotterty-get-bets .popup-body {
    padding: 20px 18px !important;
    background-image: linear-gradient(90deg, #8D55D2 0%, #6831B7 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px; }
    .popup-lotterty-get-bets .popup-body img {
      width: 220px;
      height: 130px;
      vertical-align: bottom; }
    .popup-lotterty-get-bets .popup-body .win-info {
      width: 100%; }
      .popup-lotterty-get-bets .popup-body .win-info .win-money {
        font-size: 14px;
        color: #F9D53F;
        margin-bottom: 10px; }
        .popup-lotterty-get-bets .popup-body .win-info .win-money .font-big {
          font-size: 44px;
          color: #F9D53F;
          line-height: 62px; }
      .popup-lotterty-get-bets .popup-body .win-info .win-desc {
        position: relative;
        width: 100%;
        height: 17px;
        margin-bottom: 5px; }
        .popup-lotterty-get-bets .popup-body .win-info .win-desc .line {
          float: left;
          height: 1px;
          width: 57%;
          position: absolute;
          left: 23%;
          top: 10px;
          background-image: url("//qkassets.qkcdn.com/images/assets/851a87124256356b664ed191d71f8ff2.png");
          background-repeat: repeat-x;
          background-position: 0, 0;
          background-size: 7px 1px;
          transform: scale(1, 0.5);
          -webkit-transform: scale(1, 0.5);
          z-index: 1; }
        .popup-lotterty-get-bets .popup-body .win-info .win-desc .win-tag {
          float: left;
          position: absolute;
          left: 0;
          padding-right: 8px;
          font-size: 12px;
          color: #FFFFFF;
          z-index: 2; }
        .popup-lotterty-get-bets .popup-body .win-info .win-desc .win-price {
          float: left;
          position: absolute;
          right: 0;
          padding-left: 8px;
          font-size: 12px;
          color: #F9D53F;
          z-index: 2; }
          .popup-lotterty-get-bets .popup-body .win-info .win-desc .win-price .add-symbol {
            font-size: 8px; }
      .popup-lotterty-get-bets .popup-body .win-info .win-desc:last-child {
        margin-bottom: 0px; }
        .popup-lotterty-get-bets .popup-body .win-info .win-desc:last-child .line {
          width: 54%; }
  .popup-lotterty-get-bets .popup-buttons .button {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-family: PingFangSC-Regular;
    color: #8747C9; }
  .popup-lotterty-get-bets .button-close .ion-ios-close-empty::before {
    background-image: url("//qkassets.qkcdn.com/images/assets/171be86d54a4421e0733ba2999857f11.png"); }

.popup-task-reward-new .popup-body {
  height: 400px;
  padding: 203px 10px 24px 10px !important;
  background-image: url("//qkassets.qkcdn.com/images/assets/2fd4715c30b99deafc715b9bb8df3597.png");
  background-size: 255px 163px;
  background-position: 10px 10px;
  background-repeat: no-repeat; }
  .popup-task-reward-new .popup-body .tips {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #EF4F2A;
    text-align: center;
    margin-bottom: 7px; }
  .popup-task-reward-new .popup-body .reward {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    -webkit-justify-content: center;
    color: #EF4F2A;
    margin-bottom: 20px;
    justify-content: center; }
    .popup-task-reward-new .popup-body .reward .rmb, .popup-task-reward-new .popup-body .reward .amount, .popup-task-reward-new .popup-body .reward .yuan {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse; }
    .popup-task-reward-new .popup-body .reward .rmb {
      -webkit-box-ordinal-group: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 1;
      /* OLD - Firefox 19- */
      -ms-flex-order: 1;
      /* TWEENER - IE 10 */
      -webkit-order: 1;
      /* NEW - Chrome */
      order: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      transform: translate3d(0, -1px, 0);
      -webkit-transform: translate3d(0, -1px, 0); }
    .popup-task-reward-new .popup-body .reward .amount {
      -webkit-box-ordinal-group: 2;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 2;
      /* OLD - Firefox 19- */
      -ms-flex-order: 2;
      /* TWEENER - IE 10 */
      -webkit-order: 2;
      /* NEW - Chrome */
      order: 2;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      font-family: PingFangSC-Semibold;
      font-size: 36px;
      color: #EF4F2A;
      line-height: 36px; }
    .popup-task-reward-new .popup-body .reward .yuan {
      -webkit-box-ordinal-group: 3;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 3;
      /* OLD - Firefox 19- */
      -ms-flex-order: 3;
      /* TWEENER - IE 10 */
      -webkit-order: 3;
      /* NEW - Chrome */
      order: 3;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      transform: translate3d(0, -3%, 0);
      -webkit-transform: translate3d(0, -3%, 0); }
  .popup-task-reward-new .popup-body .task-info {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    color: #EF4F2A;
    padding: 0 10px; }
    .popup-task-reward-new .popup-body .task-info .task-type, .popup-task-reward-new .popup-body .task-info .task-name {
      font-family: PingFangSC-Light;
      font-size: 12px; }
    .popup-task-reward-new .popup-body .task-info .task-type {
      -webkit-box-ordinal-group: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 1;
      /* OLD - Firefox 19- */
      -ms-flex-order: 1;
      /* TWEENER - IE 10 */
      -webkit-order: 1;
      /* NEW - Chrome */
      order: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      color: #A0A7AD;
      padding-right: 4px; }
    .popup-task-reward-new .popup-body .task-info .line {
      -webkit-box-ordinal-group: 2;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 2;
      /* OLD - Firefox 19- */
      -ms-flex-order: 2;
      /* TWEENER - IE 10 */
      -webkit-order: 2;
      /* NEW - Chrome */
      order: 2;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -webkit-box-flex: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex: 1;
      /* Chrome */
      flex: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      background-image: url("http://qkassets.qkcdn.com/images/assets/62bd02c317cca896e436ca64fafb83b2.png");
      background-repeat: repeat-x;
      background-position: 0, 0;
      background-size: 7px 1px;
      z-index: 1; }
    .popup-task-reward-new .popup-body .task-info .task-name {
      -webkit-box-ordinal-group: 3;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 3;
      /* OLD - Firefox 19- */
      -ms-flex-order: 3;
      /* TWEENER - IE 10 */
      -webkit-order: 3;
      /* NEW - Chrome */
      order: 3;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      color: #EF4F2A;
      padding-left: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 80px; }
  .popup-task-reward-new .popup-body .hairline-bottom::after {
    display: none; }

.popup-task-reward-new .popup-buttons {
  height: 64px;
  min-height: 64px;
  margin-top: -64px;
  padding: 0 58px !important; }
  .popup-task-reward-new .popup-buttons .button {
    height: 40px;
    min-height: 40px !important;
    border-radius: 2px !important; }
    .popup-task-reward-new .popup-buttons .button.button-block.button-assertive {
      font-size: 13px;
      padding: 10px !important; }

.popup-to-red-packet {
  background: #fff !important;
  width: 270px !important;
  height: 184px !important;
  border-radius: 8px; }
  .popup-to-red-packet .popup-body {
    position: relative;
    padding: 36px 53px 32px 53px !important; }
    .popup-to-red-packet .popup-body .common-style-title {
      font-size: 14px;
      font-weight: 400;
      text-align: center;
      color: #3a3a3a;
      line-height: 22px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .popup-to-red-packet .popup-body .common-style-title span {
        font-size: 24px;
        font-weight: 400;
        color: #f75946;
        line-height: 24px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
    .popup-to-red-packet .popup-body .hairline-bottom::after {
      background-color: transparent !important; }
  .popup-to-red-packet .popup-buttons {
    display: block; }
    .popup-to-red-packet .popup-buttons .button {
      width: 157px !important;
      height: 48px !important;
      border-radius: 29px !important;
      background-color: #f75946 !important;
      box-sizing: border-box;
      display: block;
      margin: 0 auto !important;
      padding: 0;
      font-weight: 600;
      font-size: 16px;
      color: white;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-to-red-packet .popup-buttons .button:active {
        color: #fff !important;
        background-color: #d53926 !important; }

.popup-may-day {
  width: 333px !important;
  position: relative;
  background: none !important;
  top: 8px; }
  .popup-may-day .popup-body {
    width: 333px !important;
    height: 423px !important;
    background: url("//qkassets.qkcdn.com/images/assets/4ea6dc78f314d415bfcd372cdced596e.png") no-repeat;
    background-color: rgba(0, 0, 0, 0) !important;
    background-size: 333px 423px;
    overflow: visible; }
    .popup-may-day .popup-body .button-close {
      top: 450px !important;
      left: 45% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/080cfcf1a32c266514727d6468ffca36.png") no-repeat center/cover;
      background-size: 100% 100%;
      z-index: 1; }
      .popup-may-day .popup-body .button-close .ion-ios-close-empty {
        display: none; }
    .popup-may-day .popup-body .hairline-bottom::after {
      display: none; }
  .popup-may-day .popup-buttons button {
    width: 235px;
    height: 52px;
    padding-top: 9px !important;
    border-radius: 8px !important;
    box-shadow: 0 0 0 4px #a51918, inset 0 -4px 0 0 #ff901a;
    background-image: linear-gradient(to bottom, #ffec8f, #fcc37c);
    margin: -90px 46px 32px !important;
    color: #b72f32 !important;
    font-size: 16px !important;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important; }
    .popup-may-day .popup-buttons button:hover {
      width: 235px;
      height: 52px;
      padding-top: 9px !important;
      border-radius: 8px !important;
      box-shadow: 0 0 0 2px #ae3030, inset 0 -1px 0 0 #ff901a;
      background-image: linear-gradient(to bottom, #ffde68, #ff964a);
      color: #b72f32 !important;
      -webkit-border-radius: 8px !important;
      -moz-border-radius: 8px !important;
      -ms-border-radius: 8px !important;
      -o-border-radius: 8px !important; }

@media only screen and (device-width: 320px) {
  .popup-may-day {
    width: 300px !important; }
    .popup-may-day .popup-body {
      width: 300px !important;
      height: 381px !important;
      background-size: 300px 381px; }
      .popup-may-day .popup-body .button-close {
        top: 400px !important; } }

.popup-newbie-activity .popup-body {
  padding: 32px 32px 0 32px !important; }
  .popup-newbie-activity .popup-body .desc {
    text-align: center;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 32px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-newbie-activity .popup-body .desc span {
      color: #fa583f; }
  .popup-newbie-activity .popup-body .hairline-bottom {
    display: none; }

.popup-newbie-activity .popup-buttons {
  margin: 0 auto 32px;
  width: 181px;
  height: 38px;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
  font-size: 16px; }
  .popup-newbie-activity .popup-buttons .button {
    border-radius: 24px !important;
    background-color: #f75946 !important;
    color: #FFFFFF; }

.popup-mine-failure {
  width: 287px !important;
  height: 192px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24) !important;
  background-color: #3d444c !important;
  border: solid 3px #d1e2e3; }
  .popup-mine-failure .popup-body {
    height: 192px;
    padding: 0 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #3d444c; }
    .popup-mine-failure .popup-body .hairline-bottom {
      display: none; }
    .popup-mine-failure .popup-body .desc {
      padding: 39px;
      font-size: 16px;
      color: #FFFFFF;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-mine-failure .popup-buttons {
    margin: 0 auto 32px;
    width: 231px;
    height: 48px;
    border-radius: 8px;
    font-size: 16px; }
    .popup-mine-failure .popup-buttons .button {
      width: 231px;
      height: 48px;
      border-radius: 8px !important;
      background-color: #f75946 !important;
      color: #FFFFFF;
      box-shadow: inset 0 -2px 0 0 #c7352a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-mine-failure .popup-buttons .button:active {
        background-color: #e0412e !important; }

.popup-building-unvalid .popup-body {
  position: relative;
  overflow: inherit !important;
  width: 287px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 16px 20px 0 20px !important;
  color: #3a3a3a;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }
  .popup-building-unvalid .popup-body .icon {
    margin: 0 auto 16px;
    width: 135px;
    height: 83px; }
    .popup-building-unvalid .popup-body .icon img {
      width: 100%;
      height: 100%; }
  .popup-building-unvalid .popup-body .title {
    position: relative;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 24px;
    font-weight: 600;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-building-unvalid .popup-body .reward {
    text-align: center;
    color: #f75946;
    margin-bottom: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-building-unvalid .popup-body .reward span:first-child {
      font-size: 16px; }
    .popup-building-unvalid .popup-body .reward span:nth-child(2) {
      font-size: 38px;
      font-family: qiankaFont; }
    .popup-building-unvalid .popup-body .reward span:nth-child(3) {
      font-size: 13px; }
  .popup-building-unvalid .popup-body .desc {
    margin: 0 auto 0;
    width: 210px;
    text-align: center;
    font-size: 12px; }
  .popup-building-unvalid .popup-body .button-close {
    top: 368px !important;
    left: 46.2% !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px;
    min-height: 24px;
    background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover; }
    .popup-building-unvalid .popup-body .button-close .ion-ios-close-empty {
      display: none; }

.popup-building-unvalid .hairline-bottom {
  display: none; }

.popup-building-unvalid .popup-buttons {
  width: 287px; }
  .popup-building-unvalid .popup-buttons .button {
    padding: 0 !important; }
    .popup-building-unvalid .popup-buttons .button span {
      position: relative;
      margin: 32px auto;
      display: block;
      width: 175px;
      height: 48px;
      border-radius: 24px;
      background-color: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

/* 列表样式 */
.item .hairline-top:before, .item .hairline-bottom:after {
  background-color: #EEE; }

.item-note {
  color: #b5b5b5; }

.item.item-icon-right .icon.ion-ios-arrow-right {
  position: absolute;
  right: 20px;
  width: 8px;
  height: 50px; }
  .item.item-icon-right .icon.ion-ios-arrow-right::before {
    content: ' ';
    background-image: url(//assets.qkcdn.com/images/93a893d4236c8b1c3b33100b52046765.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    -webkit-transform: translate3d(0, -4%, 0); }

.loading-container .loading {
  padding: 12px 24px !important;
  border-radius: 3px; }

.loading-container .spinner {
  margin-bottom: 6px;
  padding-top: 2px; }

.loading-container .spinner.spinner-ios {
  width: 100%;
  height: 21px; }

.loading-container .spinner svg {
  width: 21px !important;
  height: 21px !important;
  stroke: #FFF;
  fill: #FFF; }

.loading-container .tips {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.3px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.page-enter-active,
.page-leave-active,
.grade-a .page-enter-active,
.grade-a .page-leave-active {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform; }

.grade-b .page-enter-active,
.grade-b .page-leave-active {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1); }

[transform-direction="forward"] .page-enter {
  opacity: 1;
  z-index: 2;
  transform: translate3d(100%, 0, 0); }

[transform-direction="forward"] .page-enter-active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

[transform-direction="forward"] .page-enter-to {
  opacity: 1;
  z-index: 2;
  transform: translate3d(0, 0, 0); }

[transform-direction="forward"] .page-leave {
  opacity: 0.8;
  z-index: 2;
  transform: translate3d(0, 0, 0); }

[transform-direction="forward"] .page-leave-to {
  opacity: 0;
  z-index: 1;
  transform: translate3d(-33%, 0, 0); }

[transform-direction="back"] .page-enter {
  opacity: 0.8;
  z-index: 1;
  transform: translate3d(-33%, 0, 0); }

[transform-direction="back"] .page-enter-to {
  opacity: 1;
  z-index: 1;
  transform: translate3d(0, 0, 0); }

[transform-direction="back"] .page-leave {
  opacity: 1;
  z-index: 2;
  transform: translate3d(0, 0, 0); }

[transform-direction="back"] .page-leave-active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

[transform-direction="back"] .page-leave-to {
  opacity: 1;
  z-index: 2;
  transform: translate3d(100%, 0, 0); }

/* 挂载到 vonic components 内部的样式写在这里 */
/* thin border */
/* 首页入口 */
.qk-entrances > .row:first-of-type > .hairline-top,
.qk-entrances > .hairline-bottom {
  display: none; }

.qk-entrances .hairline-top::before, .qk-entrances .hairline-top::after, .qk-entrances .hairline-bottom::before, .qk-entrances .hairline-bottom::after, .qk-entrances .hairline-left::before, .qk-entrances .hairline-left::after, .qk-entrances .hairline-right::before, .qk-entrances .hairline-right::after {
  background: #EEE !important; }

.qk-entrance {
  position: relative;
  height: 88px;
  padding: 25px 0 0 68px;
  text-align: left;
  z-index: 2; }
  .qk-entrance:active {
    background-color: rgba(234, 90, 73, 0.02); }
  .qk-entrance .icon {
    position: absolute;
    top: 28px;
    left: 20px;
    width: 34px;
    height: 34px; }
  .qk-entrance .title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    display: inline-block;
    color: #484746;
    position: relative; }
    .qk-entrance .title .tag {
      position: absolute;
      height: 14px;
      top: -11px;
      padding: 0 5px;
      margin-left: 2px;
      left: 52px;
      border-radius: 2px;
      background-size: 100% 100%; }
      .qk-entrance .title .tag img {
        height: 14px; }
      .qk-entrance .title .tag .text {
        position: absolute;
        top: -3px;
        left: 10px;
        font-size: 8px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500; }
  .qk-entrance .desc {
    font-size: 12px;
    line-height: 17px;
    color: #b5b5b5; }

.qk-withdraw-detail-input .hl-item-borderless-top .hairline-top::before {
  visibility: hidden; }

.qk-withdraw-detail-input .hl-item-borderless-bottom .hairline-bottom::after {
  visibility: hidden; }

.qk-withdraw-detail-input .button {
  border-radius: 2px; }

[qk-progress-bar] {
  top: 44px !important; }

.modal-open-1000 .modal-backdrop {
  z-index: 1000; }

.modal-open-1000.modal-open {
  pointer-events: auto !important; }

.modal-open-1000.popup-open {
  pointer-events: auto !important; }

.popup-container {
  width: 375px; }

@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .popup-container {
    width: 100%; } }

.von-input-1.von-input-wrapper .von-input {
  padding-left: 16px; }

.von-input-1 .input-label {
  width: auto;
  padding-right: 16px; }

/* 全局样式覆盖 */
body[font="pingfang"] {
  font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  body[font="pingfang"] .font-regular {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  body[font="pingfang"] .font-medium {
    font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 500; }
  body[font="pingfang"] .font-bold {
    font-family: "PingFangSC-Bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 600; }
  body[font="pingfang"] .font-hzgb {
    font-family: "hzgb", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.page .page-content {
  background-color: #F5F5F5; }

textarea, input[type] {
  font-weight: 300;
  color: #484746; }
  textarea::-webkit-input-placeholder, input[type]::-webkit-input-placeholder {
    color: #b5b5b5; }

.popup-body {
  padding-top: 26px !important;
  padding-bottom: 26px !important; }
  .popup-body .hairline-bottom::after {
    background-color: #EEEEEE; }
  .popup-body .button-close .ion-ios-close-empty {
    position: absolute;
    top: -1px;
    right: 10px;
    width: 14px;
    height: 14px; }
    .popup-body .button-close .ion-ios-close-empty::before {
      content: ' ';
      width: 16px;
      height: 16px;
      background-image: url(//qkassets.qkcdn.com/images/assets/3ce4e07ec1b73a39d0757881f7f2ac37.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat; }

.popup-buttons > .button {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-buttons > .button .hairline-right::after {
    background-color: #EEEEEE; }
  .popup-buttons > .button:last-child .hairline-right::after {
    visibility: hidden; }

.modal .bar.bar-dark {
  background-color: rgba(45, 44, 51, 0.98) !important; }
  .modal .bar.bar-dark h1.title {
    font-weight: 300; }

.button-assertive:active {
  background-color: #D25041 !important; }

.button-positive:active {
  background-color: #447DC4 !important; }

.button-light:active {
  background-color: #fbfbfb !important; }

.text-ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }

.hairline-stand-alone {
  height: 1px;
  display: block;
  background-color: #eee;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5); }

.hairline-stand-alone.vertical {
  height: 100%;
  width: 1px;
  background-color: #eee;
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform: scaleX(0.5);
  -webkit-transform: scaleX(0.5); }

.divider {
  height: 10px; }

.clearfix {
  clear: both; }

.shift-right {
  margin-right: -16px !important; }

.right {
  float: right !important; }

.left {
  float: left !important; }

@font-face {
  font-family: 'hzgb';
  src: url(data:application/vnd.ms-fontobject;base64, );
  src: url(data:application/vnd.ms-fontobject;base64, ) format("embedded-opentype"), url(data:application/font-woff;base64,d09GRgABAAAAAAigAA4AAAAADLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABuAAAAEcAAABWWKBysmNtYXAAAAI0AAAAVgAAAVoQpBgDY3Z0IAAAB0wAAAAGAAAABgBkABRmcGdtAAAHVAAAATMAAALE4eW5s2dhc3AAAAiQAAAAEAAAABAAHwAJZ2x5ZgAAAqgAAAMAAAADgCw+bj9oZWFkAAABZAAAADEAAAA2/ikxLmhoZWEAAAFEAAAAHgAAACQKIAPbaG10eAAAAgAAAAA0AAAANB0mAh9sb2NhAAACjAAAABwAAAAcBHAFQm1heHAAAAGYAAAAIAAAACACMwFAbmFtZQAABagAAAE/AAACZD8lHWNwb3N0AAAG6AAAAGQAAAB9i/LpwHByZXAAAAiIAAAACAAAAAhwAApWeJxjYGRgYHrwfy5DP4sBAxCwrWdgZEAFvABtEgQGAAB4nGNgZGBgYGJgSHPetjae3+YrgzwLAwicyyi7haD/z2VSYXoA5HKA1DIwAABBiguMAAAAAAEAAAANANAAEQAAAAAAAQAAAAAAFAAAAgAAbwAAAAB4nGNgYnJnnMDAysDABIRAYAuhgdiAkRlIM7IxMDOCAFCQmYOPAQ6iIl2dGRwYFBgsmQv/FzL0Mz1gSGZgYQCpYwAAzqsHGAAEAAAAAgAAAAH/AIYCLQAgAcQAOQJCACwCKwAoAksAMAIdABkCGgAuAg4ALgIrAB8CDgAoeJxjYGBgZoBgGQZGBhAIAfIYwXwWBgsgzcXAwcAEhAwMCgx6DJb//4NVgdgGIPb/h/+v/L8M1QsFjGwMBAGKBqDxzCysbOwcnFzcPIT1DgUAABXQC8YAAAAAAAAAAAAYAEgAWACCAL4A2gEKATYBSgGWAcB4nF2SX0hTURzHzzk3tzTThtt0/t127W5u7u5ud/eu6b3X+Qdzky2yxDJ02h9Nh0j5px40XZJgjNJUCEPQCkSwHiN6EsreCt/MKFAI6imCXvrnbmfXCunlB4dzzvf7Od/vARCMy89gBEwBAuQAfxpE6YCAQI0Ip7AjwORwMV5WR45vbk5tAICAUV5ACG2ATFAAAHQXQp02A5JmGnIeL59tzsBrPev28pyHgpn1PeVCRyjcJZRVXjGxeZKLyTeLaOPko7n5x8dPLM1ttEdvMYN9M5d4/917AwALAp+8ApvQGkgBIIvVkBpy4vXELFr79RHFlf1SeQVlorfAgPdJCbIKgSoTsjoT55UwBUWaVauxlLFOf3tZbWv4W6LgTdjD2+w++DI2LfYJtQ96W+N1P0/32mmhDiiaVnke7UfvgTWpyXt51q3HmmpFmTRTFrYQ+yRfZOEktOvwfCTN4W9r7GcZ/9Gb0QujqrHUslJabAg5nbkWUz6NVE18cKiRa8rN7g52z8SvSuU1DB+EsRSDI8dYip1wloy8jIrROkgDBzEGq8E560jOxJk0BGy7UVFxPfEKsotoPaGKLy7GoTrxfZfXIM/Dz/heIeY16Uh1Mgb9/6wYUm25D6u389P1B1qGJs6euqadOOQx2kWfVWfTRtF6/M4+Yrq/f3HgPEUFfEdqDTl5QOGi5QX4BW2BDJCL7bKJv+Kch/dmm1VKw0rBhf3DZ0bHWtpj2uIliuWLKZ5DW/7E16lo5+Rse3EwHBZphyQ4aVHhpuVl+AFzqxRuSGaZaPgk8WN2J/EJrR/bsaK5pD8BinAfBO4jD1gAiy/u/WS8Nzn/FW/Zg0PsRVtweoSOcOM5gWGMRZ6IJLbw+U9NNofRbLcXMZWS2y1WwAjZI9UMlvkuB6TOErLBIXb4fF2iLfDCZaE4toRyJVaraKa6wuWqSuZixblso3e7uaSQWUoifz6L5W/oGAGmTo43D8eaIyNa8uFhliPxuTZYP9l98fZshAqEQqKDVlL5DYBD1Xt4nI2RPW7CQBCF3/KriAiliqJUW4KCrABHoMAoEog4AoluAWNb/CxaTAFNyhwjB8gxIqXNOXKB1Hk406SIhAvvN2/evB3ZAK7wAYXf5wYtYYUKZsI5lPEsnKf+KlwgvwsXcYkv4RIqqipcxp1ynFKFC1b3WcKJFa7xIJxDFVY4T/1FuEB+Ey5yt0/hEvVv4TJG6hYdzm9xgEOCCDFS1Lh9HZp8pLKHwYbnlH1DLzp2e3BJFKe1WV3Hx2hvNtE0Mez8M/DH84gw86zYcyzDaL8y7rzZczwj5jvs2LN0abThoclfg1Hodond6LbXbJ0X9cQggzkD19myS8ZZLPiewMcAfXQxRI91kOkpxpkvpHL6qh4aWS+WW3yeCWOdmYdr45baLvTEH/S7w54O7CIdGxfqjvUaOoi5hG8S/ADamWuOAHicbcFLDsIwDAVAv8Yu396DayF4pd7EVRJaxKU4IkhdMyOdbL4fucg/gwg6JCgMPXbY44AjTjhjsDpfb+xnFo+7vlkiRWZqa1ibCqljPIuOvjBVf1nlwmz0x9Q0e6bID9bgGBgABQAUAF8AAHicvZC/TsMwEIdtEkqgAQosSBaSrSgMlRE7UwYnEuoSCINv4Y/USqTvgJSFxQPPYjZ3y4shOKdRVQFDB8Ri352tzz9/jhA5cSQu9Tulb+Do56sj6mxBYhI83F84QiXnea0sfcRmS+JgLLAKJC9skBa3OgFuuLmeGl7w56epDdNux4OZgUtuSaVrXO+0sBmwVTkDuEJO6DlhxzGAhHlPmHcEBHzgpW054TY4L/WNto1iNlPAhOC5bUttW8UEAN4arJLi/lKf9pl3MPNgjEW0pFTIQAQYs+wSYVtjmMF/9L2j5Psg6wf4cQ8I0tzRpuyOmkQwP0hEIjAWKHxqV04qnWMw4YPtecPRD8NRb3i4bjjGtMPO8P4fGT7YxPDhRoZHvxs+wswjb/j4/wyfrBn+Ai8nzpkAuAAKK7gAACsAAAADAAgAAgAYAAH//wAD) format("woff"), url(data:application/x-font-ttf;base64, ) format("truetype"); }

@font-face {
  font-family: 'giorgio';
  src: url(//qkcdn.com/diablo/fonts/giorgio.87d9a1c.eot);
  src: url(//qkcdn.com/diablo/fonts/giorgio.87d9a1c.eot) format("embedded-opentype"), url(//qkcdn.com/diablo/fonts/giorgio.ab5a4ea.woff) format("woff"), url(//qkcdn.com/diablo/fonts/giorgio.eb81a5a.ttf) format("truetype"); }

@font-face {
  font-family: 'GiorgioSans-Medium';
  src: url(//qkcdn.com/diablo/fonts/GiorgioSans-Medium.8298fd0.ttf);
  src: url(//qkcdn.com/diablo/fonts/GiorgioSans-Medium.4905f37.eot) format("embedded-opentype"), url(//qkcdn.com/diablo/fonts/GiorgioSans-Medium.a345a23.woff) format("woff"), url(//qkcdn.com/diablo/fonts/GiorgioSans-Medium.8298fd0.ttf) format("truetype"); }

@font-face {
  font-family: 'DINMittelschriftStd';
  src: url(//qkcdn.com/diablo/fonts/DINMittelschriftStd.3dcda01.otf); }

@font-face {
  font-family: 'System San Francisco Display Bold';
  src: url(//qkcdn.com/diablo/fonts/SystemSan-Bold.da7264d.ttf); }

@font-face {
  font-family: 'Nexa';
  src: url(//qkcdn.com/diablo/fonts/nexa-bold.c60843f.eot);
  src: url(//qkcdn.com/diablo/fonts/nexa-bold.c60843f.eot) format("embedded-opentype"), url(//qkcdn.com/diablo/fonts/nexa-bold.fba0389.woff) format("woff"), url(//qkcdn.com/diablo/fonts/nexa-bold.453dfb9.ttf) format("truetype"); }

@font-face {
  font-family: 'FZCCHJW';
  src: url(data:application/x-font-ttf;base64,AAEAAAAOAIAAAwBgT1MvMk5atU8AAADsAAAAYGNtYXCkorVCAAABTAAAAVpjdnQgABUAAAAAAqgAAAACZnBnbWXpIJkAAAKsAAABoWdhc3AAHwAJAAAEUAAAABBnbHlmrmBkiQAABGAAAAHAaGVhZPKpOWoAAAYgAAAANmhoZWEB4wDDAAAGWAAAACRobXR4BKgANgAABnwAAAAYbG9jYQF8ARQAAAaUAAAADm1heHACFgHDAAAGpAAAACBuYW1lP3Ki2wAABsQAAAKccG9zdP/IABIAAAlgAAAAIHByZXAoAgM9AAAJgAAAAAwABADGAZAABQAEAIAAgAAAABAAgACAAAAAgAALAEAKBwMABQkAAAAAAAAAAAABEAAAAAAAAAAAAAAAQkRGWgBAADFRQwDl/7kAGQDlAEcABAAAAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQAAAAAAVAADAAEAAAAcAAQAOAAAAAoACAACAAIAMgA1ADhRQ///AAAAMQA1ADhRQ////9D/zv/MrsIAAQAAAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQIAAAMAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFQAAsQEALAAgWLABKhshWQEgWLABKhshWTAxLSwgsAMlSmQgsEBQWCGwQFkgGFZYGVmwIGOKiiBHsAMlR2CwIGNoGCCwBSVgsAQmI0iKYUgtuAACLEu4AAlQWLEBAY5ZuAH/hbgARB25AAkAA19eLbgAAywgIEVpRLABYC24AAQsuAADKiEtuAAFLCBGsAMlRlJYI1kgiiCKSWSKIEYgaGFksAQlRiBoYWRSWCNlilkvILAAU1hpILAAVFghsEBZG2kgsABUWCGwQGVZWTotuAAGLCBGsAQlRlJYI4pZIEYgamFksAQlRiBqYWRSWCOKWS/9LbgAByxLILADJlBYUViwgEQbsEBEWRshISBFsMBQWLDARBshWVktuAAILCAgRWlEsAFgICBFfWkYRLABYC24AAksuAAIKi24AAosSyCwAyZTWLCAG7BAWYqKILADJlNYsAImIbDAioobiiNZILADJlNYIyG4AQCKihuKI1kguAADJlNYsAMlRbgBQFBYIyG4AUAjIRuwAyVFIyEjIVkbIVlELbgACyxLU1hFRBshIVktAAAAAAAAAwAIAAIAGAAB//8AAwACAA8AAABGALgABQAJAAA3JzUzFQcXIzUzHA03DQs0NERHLS1HRDIAAQAZAAAAeAC3AAcAADcVIzUjNTI3eDUqLwi3t2klKQABAAwAAACnALcAGQAANyMmNzY3NicmJwYXIzQzFhcUBwYHBgcGBzOmmAIYDBsoAgITGwEwTEcCKgQCBw8LBFQAGhkMEhkTEAIBIUoCOB0bAwEFCAUDAAAAAQAG//4AogC0ABgAAD8BMxUjBzYzFhcGByInNzIVFhc2NyYjIgcOEnNOBg4YOgMBUDsQNQEFEhgCARYRBU5mKxsKAzc+AjEFAQ4BARcaCgADAAb//gCjALcABwAPAB8AADc2NSYnIhUWNzY3JicGBxYHJjc2NxYXFAcWFQYHJicmXBIBFxkCFhYBARUXAQEaGQEDR0IEGB4DSk0CASMCExYBFxlNARITAQETEg8MGjADAy8cCQ0dNgICNhwAAAAAAgAF/+IA/ADPAAMAGgAHtAADBQEAKzczFSMHMxUjFQY3FicXFicjBjc1IxYHJzYnIxnKyhDqRAELEQEwAzYaMwYNAU8fQQg1zzEVMDwLAQgxDkwEAx1ZWh0mFzoAAAAAAQAAAAEAACzd/51fDzz1AAkBAAAAAAC5rHppAAAAANjegEcABf/iAPwAzwAAABQAAgAAAAAAAAABAAAA5f+5AAABAAAAAAMA/AABAAAAAAAAAAAAAAAAAAAABgEAAAAAqgAZAKoADACqAAYAqgAGAQAABQAAABQAJABQAHgAsADgAAAAAQAAAAYAIAADAAAAAAACAAAAAAAMAAACAAGhAAAAAAAAABAAxgABAAAAAAAAACUAAAABAAAAAAABABAAJQABAAAAAAACAAcANQABAAAAAAADACAAPAABAAAAAAAEABAAXAABAAAAAAAFAAQAbAABAAAAAAAGAA4AcAABAAAAAAAHACQAfgADAAEECQAAAEoAogADAAEECQABACAA7AADAAEECQACAA4BDAADAAEECQADAEABGgADAAEECQAEACABWgADAAEECQAFAAgBegADAAEECQAGABwBggADAAEECQAHADgBnkNvcHlyaWdodChjKSBGb3VuZGVyIENvcnBvcmF0aW9uLjIwMDJGWkNoYW9DdUhlaS1NMTBTUmVndWxhckZvdW5kZXI6RlpDaGFvQ3VIZWktTTEwUwlSZWd1bGFyRlpDaGFvQ3VIZWktTTEwUzUuMDBGWkNDSEpXLS1HQjEtMEJ5IEZvdW5kZXIgQ29ycG9yYXRpb24uIOWMl+Wkp+aWueatowBDAG8AcAB5AHIAaQBnAGgAdAAoAGMAKQAgAEYAbwB1AG4AZABlAHIAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4ALgAyADAAMAAyAEYAWgBDAGgAYQBvAEMAdQBIAGUAaQAtAE0AMQAwAFMAUgBlAGcAdQBsAGEAcgBGAG8AdQBuAGQAZQByADoARgBaAEMAaABhAG8AQwB1AEgAZQBpAC0ATQAxADAAUwAJAFIAZQBnAHUAbABhAHIARgBaAEMAaABhAG8AQwB1AEgAZQBpAC0ATQAxADAAUwA1AC4AMAAwAEYAWgBDAEMASABKAFcALQAtAEcAQgAxAC0AMABCAHkAIABGAG8AdQBuAGQAZQByACAAQwBvAHIAcABvAHIAYQB0AGkAbwBuAC4AIFMXWSdluWtjAAMAAAAAAAD/xQAMAAAAAAAAAAAAAAAAAAAAAAAAAAa4AAIruAH/hbgAAY0=); }

@font-face {
  font-family: 'puhui';
  font-display: swap;
  src: url(//qkcdn.com/diablo/fonts/puhui.5bb20c4.eot);
  src: url(//qkcdn.com/diablo/fonts/puhui.5bb20c4.eot?#iefix) format("embedded-opentype"), url(//qkcdn.com/diablo/fonts/puhui.025594f.woff2) format("woff2"), url(//qkcdn.com/diablo/fonts/puhui.f879640.woff) format("woff"), url(//qkcdn.com/diablo/fonts/puhui.92e3c55.ttf) format("truetype"); }

@font-face {
  font-family: 'qiankaFont';
  src: url(data:application/x-font-ttf;base64, ); }

@font-face {
  font-family: 'digital-7';
  src: url(//qkcdn.com/diablo/fonts/digital-7.7c6e146.ttf); }

@font-face {
  font-family: 'Anton';
  src: url(//qkcdn.com/diablo/fonts/Anton-Regular.10c6818.ttf); }

@font-face {
  font-family: 'gilroy-bold';
  src: url(//qkcdn.com/diablo/fonts/gilroy-bold.17cb930.otf); }

@font-face {
  font-family: 'gilroy-regular';
  src: url(//qkcdn.com/diablo/fonts/gilroy-regular.1e09f38.otf); }

@font-face {
  font-family: 'Gilroy-ExtraBoldItalic';
  src: url(//qkcdn.com/diablo/fonts/Gilroy-ExtraBoldItalic.e077182.otf); }

@font-face {
  font-family: 'gilroy-extra-bold';
  src: url(//qkcdn.com/diablo/fonts/Gilroy-ExtraBoldItalic-10.e077182.otf); }

@font-face {
  font-family: 'Alibaba-PuHuiTi-Regular';
  src: url(//qkcdn.com/diablo/fonts/Alibaba-PuHuiTi-Regular.5ce2edd.ttf); }

@font-face {
  font-family: 'AlibabaPuHuiTiM';
  src: url(data:application/x-font-ttf;base64, ); }

@font-face {
  font-family: 'Alibaba-PuHuiTi-B';
  src: url(//qkcdn.com/diablo/fonts/Alibaba-PuHuiTi-Bold.3c252aa.ttf); }

@font-face {
  font-family: 'Alibaba-PuHuiTi-H';
  src: url(data:application/x-font-ttf;base64, ); }

@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url(data:application/x-font-ttf;base64, ); }

@font-face {
  font-family: 'Roboto-Black';
  src: url(data:application/x-font-ttf;base64, ); }

#ipad_hor {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999; }
  #ipad_hor .bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index: 12; }
  #ipad_hor img {
    position: fixed;
    width: 170px;
    height: 102px;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    margin: -51px 0 0 -85px;
    z-index: 13; }

/* 5.0开始UI规范中的公共样式 */
/* button */
.button-coral {
  width: 144px;
  height: 48px;
  color: #fff;
  border-radius: 24px;
  font-size: 16px;
  line-height: 49px;
  text-align: center;
  display: inline-block;
  background-color: #F75946;
  box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .button-coral:active {
    background-color: #d53926; }
  .button-coral.large {
    width: 164px; }
  .button-coral.disabled {
    background-color: #fdcfc9;
    box-shadow: 0 0 0 transparent !important; }
    .button-coral.disabled:active {
      background-color: #fdcfc9; }

.button-lilac {
  width: 144px;
  height: 48px;
  color: #fff;
  border-radius: 24px;
  font-size: 16px;
  line-height: 49px;
  text-align: center;
  display: inline-block;
  background-color: #8779C8;
  box-shadow: 0 1px 4px 0 rgba(76, 37, 193, 0.25);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .button-lilac:active {
    background-color: #6554af; }

.cf6 {
  color: #F75946;
  font-weight: 600;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .cf6:active {
    background-color: #d53926; }

.button-special-pop-tomato {
  width: 144px;
  height: 48px;
  color: #fff;
  border-radius: 24px;
  font-size: 16px;
  line-height: 49px;
  text-align: center;
  display: inline-block;
  background-color: #ec4f15;
  box-shadow: 0 1px 4px 0 rgba(202, 34, 0, 0.25);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .button-special-pop-tomato:active {
    background-color: #da3f0c; }
  .button-special-pop-tomato.large {
    width: 164px; }

.button-special-pop-medium-green {
  width: 144px;
  height: 48px;
  color: #fff;
  border-radius: 24px;
  font-size: 16px;
  line-height: 49px;
  text-align: center;
  display: inline-block;
  background-color: #3da742;
  box-shadow: 0 1px 4px 0 rgba(61, 167, 66, 0.25);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .button-special-pop-medium-green:active {
    background-color: #2b912e; }
  .button-special-pop-medium-green.large {
    width: 164px; }

.button-special-pop-brownish-orange {
  width: 144px;
  height: 36px;
  color: #ca7318;
  border-radius: 24px;
  font-size: 13px;
  line-height: 34px;
  text-align: center;
  display: inline-block;
  border: 1.5px #ca7318 solid;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .button-special-pop-brownish-orange:active {
    color: #b95c09 !important;
    border: solid 1.5px #b95c09 !important;
    background-color: rgba(202, 115, 24, 0.05) !important; }

.button-special-coral {
  width: 122px;
  height: 36px;
  color: #fff;
  border-radius: 18px;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  background-color: #F75946;
  box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .button-special-coral:active {
    background-color: #d53926; }
  .button-special-coral.disabled {
    background-color: #fdcfc9;
    box-shadow: 0 0 0 transparent !important; }
    .button-special-coral.disabled:active {
      background-color: #fdcfc9; }

@media only screen and (device-height: 812px) {
  .isIphoneX {
    padding-bottom: 40px !important; } }

.message-continue {
  color: #4A90E2;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }

.account-detail-content ._v-content .loading-layer,
.message-page ._v-content .loading-layer {
  display: none !important; }

.page-shop-order ._v-content .loading-layer,
.shopping-cashback ._v-content .loading-layer {
  display: none !important; }

input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  background: rgba(0, 0, 0, 0); }

input[readonly] {
  background-color: rgba(0, 0, 0, 0) !important; }

.unsupported-browser[data-v-fab70e34] {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  color: white;
  z-index: 9999;
  top: 0;
  left: 0;
}
.unsupported-browser .guide-image[data-v-fab70e34] {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: auto;
}
.unsupported-browser .auto[data-v-fab70e34] {
    width: 100%;
    height: auto;
}
.unsupported-browser .guide-text[data-v-fab70e34] {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 15px;
    text-align: left;
    padding: 20px 45px;
    background-image: url(//qkassets.qkcdn.com/images/assets/346b8f6eaab92648bfc351ea7deea5b0.png);
    background-size: 24px 60px;
    background-position: right 20px;
    background-repeat: no-repeat;
}
.unsupported-browser .guide-text li + li[data-v-fab70e34] {
      margin-top: 10px;
}
.unsupported-browser .message-text[data-v-fab70e34] {
    font-size: 18px;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
}
/* thin border */
.new-header[data-v-ae2189a8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  background-color: #f5f5f5;
  z-index: 9;
}
.new-header .btn-back[data-v-ae2189a8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 52px;
    z-index: 9;
}
.new-header .btn-back span[data-v-ae2189a8] {
      width: 24px;
      height: 24px;
      display: inline-block;
      position: relative;
      top: 14px;
      left: 16px;
      background: url("//qkassets.qkcdn.com/images/assets/6d566ba7ddfc87c565cd095a80a7a5e7.png") left no-repeat/cover;
}
.new-header .page-title[data-v-ae2189a8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 52px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.bind-mobile-content[data-v-ae2189a8] {
  background: #FFFFFF;
  margin-top: 52px;
  padding: 25px 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.bind-mobile-content .agreement[data-v-ae2189a8] {
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    font-size: 12px;
    color: #4a90e2;
}
.bind-mobile-content .agreement span.reg[data-v-ae2189a8] {
      color: #3a3a3a;
}
.bind-mobile-content .label[data-v-ae2189a8] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 47px;
    position: relative;
}
.bind-mobile-content .title[data-v-ae2189a8] {
    font-size: 16px;
    line-height: 47px;
}
.bind-mobile-content .input[data-v-ae2189a8] {
    width: 200px;
    height: 46px;
    line-height: 24px;
    font-size: 16px;
    display: inline-block;
    padding: 12px 0;
    margin-left: 11px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.bind-mobile-content .input[data-v-ae2189a8]::-webkit-input-placeholder {
      line-height: 22px;
      padding-top: 2px;
      font-size: 16px;
      color: #DDDDDD;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.bind-mobile-content .bottom-line[data-v-ae2189a8] {
    width: 100%;
    height: 1px;
    border-top: 0.5px solid rgba(58, 58, 58, 0.1);
}
.bind-mobile-content .button-submit[data-v-ae2189a8] {
    width: 280px;
    height: 48px;
    margin: 31px 32px;
    border-radius: 24px;
    opacity: 0.48;
    background: #f75946;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.bind-mobile-content .button-submit.can-submit[data-v-ae2189a8] {
      opacity: 1;
      background: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
}
.bind-mobile-content .button-submit.can-submit[data-v-ae2189a8]:active {
        background: #F54738;
        box-shadow: none;
}
/* thin border */
.send-code[data-v-58011867] {
  position: absolute;
  padding: 0;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
  min-width: 72px;
  top: 98px;
  right: 30px;
  text-align: center;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.send-code .send-code-btn[data-v-58011867] {
    text-align: center;
    color: #484746;
    padding: 0;
    border: 0;
    background-color: transparent;
}
.send-code .send-code-btn.disabled[data-v-58011867] {
      color: #b5b5b5;
      opacity: 0.4;
      cursor: default !important;
      pointer-events: none;
}
.send-code.new-code[data-v-58011867] {
    top: 12px;
    right: 0;
}
.send-code.new-code .send-code-btn[data-v-58011867] {
      color: #f75946;
      font-size: 16px;
}
.send-code.new-code .send-code-btn.disabled[data-v-58011867] {
        color: #aaa;
        font-size: 16px;
}
/* thin border */
.upgrade-container[data-v-1203a3d0] {
  background: #fff;
}
.upgrade-container .back-home[data-v-1203a3d0] {
    padding: 18px 20px 0 20px;
    display: inline-block;
    text-align: left;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.upgrade-container .back-home img[data-v-1203a3d0] {
      margin-right: 8px;
      width: 9px;
      height: 16px;
      position: relative;
      top: 2px;
}
.upgrade-container .back-home span[data-v-1203a3d0] {
      font-size: 16px;
      color: #3a3a3a;
}
.upgrade-container .upgrade-pic[data-v-1203a3d0] {
    padding: 22px 20px 0 20px;
}
.upgrade-container .upgrade-pic img[data-v-1203a3d0] {
      width: 335px;
      height: 180px;
}
.upgrade-container section h4[data-v-1203a3d0] {
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-size: 18px;
    text-align: center;
    margin-top: 35px;
    color: #3a3a3a;
    line-height: 25px;
}
.upgrade-container section .upgrade-list[data-v-1203a3d0] {
    margin-top: 20px;
    margin-left: 40px;
}
.upgrade-container section .upgrade-list ul li[data-v-1203a3d0] {
      line-height: 18px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
      font-size: 13px;
      margin-bottom: 6px;
      color: #3a3a3a;
}
.upgrade-container section .upgrade-list ul li[data-v-1203a3d0]:first-child {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.upgrade-container footer .tail[data-v-1203a3d0] {
    margin-top: 55px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #b5b5b5;
    padding-bottom: 30px;
}

@charset "UTF-8";
/* thin border */
/* thin border */
.bubble-tip[data-v-64f12eba] {
  background: #F75946;
  border-radius: 9px 9px 9px 2px;
  padding: 0 7px 0 6px;
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  font-size: 10px;
  font-family: PingFang SC;
  font-weight: 600;
}
.dashboard-game-content[data-v-64f12eba] {
  background: #ffffff;
  padding-top: 16px;
}
.dashboard-game-content .info[data-v-64f12eba] {
    margin: 0 auto 16px;
    width: 343px;
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    font-size: 0;
    padding: 0 12px;
}
.dashboard-game-content .info .logo[data-v-64f12eba] {
      display: inline-block;
      vertical-align: middle;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 2px solid #FFFFFF;
      margin-right: 24px;
      -webkit-filter: drop-shadow(0px 0.9px 3.6px rgba(0, 0, 0, 0.2));
              filter: drop-shadow(0px 0.9px 3.6px rgba(0, 0, 0, 0.2));
      position: relative;
      top: -2px;
}
.dashboard-game-content .info .logo img[data-v-64f12eba] {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 50%;
}
.dashboard-game-content .info .reward[data-v-64f12eba], .dashboard-game-content .info .coin[data-v-64f12eba] {
      display: inline-block;
      vertical-align: middle;
      margin-right: 28px;
      position: relative;
}
.dashboard-game-content .info .reward span[data-v-64f12eba]:first-child, .dashboard-game-content .info .coin span[data-v-64f12eba]:first-child {
        color: #3A3A3A;
        font-size: 14px;
        margin-right: 4px;
}
.dashboard-game-content .info .reward span[data-v-64f12eba]:nth-child(2), .dashboard-game-content .info .coin span[data-v-64f12eba]:nth-child(2) {
        font-size: 16px;
        color: #3A3A3A;
        margin-right: 4px;
        position: relative;
        top: 1px;
        font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-game-content .info .reward span[data-v-64f12eba]:nth-child(3), .dashboard-game-content .info .coin span[data-v-64f12eba]:nth-child(3) {
        color: #3A3A3A;
        font-size: 14px;
        margin-right: 4px;
}
.dashboard-game-content .info .reward .bubble-tip[data-v-64f12eba], .dashboard-game-content .info .coin .bubble-tip[data-v-64f12eba] {
        position: absolute;
        top: 4px;
        right: -22px;
}
.dashboard-game-content .info .reward img[data-v-64f12eba], .dashboard-game-content .info .coin img[data-v-64f12eba] {
        width: 10px;
        height: 10px;
}
.dashboard-game-content .entrances[data-v-64f12eba] {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    width: 343px;
    margin: 0 auto 16px;
    background: #FFFFFF;
    border-radius: 8px;
    padding-top: 12px;
    padding-bottom: 16px;
}
.dashboard-game-content .entrances .balance-ent[data-v-64f12eba] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 8px;
      padding: 0 8px;
}
.dashboard-game-content .entrances .balance-ent .ent-item[data-v-64f12eba] {
        width: 64px;
        display: inline-block;
        position: relative;
}
.dashboard-game-content .entrances .balance-ent .ent-item .bubble-tip[data-v-64f12eba] {
          position: absolute;
          top: -6px;
          right: -9px;
}
.dashboard-game-content .entrances .balance-ent .ent-item .icon[data-v-64f12eba] {
          width: 64px;
}
.dashboard-game-content .entrances .balance-ent .ent-item .icon img[data-v-64f12eba] {
            width: 64px;
            height: 64px;
}
.dashboard-game-content .entrances .balance-ent .ent-item .title[data-v-64f12eba] {
          margin-top: -9px;
          height: 24px;
          line-height: 24px;
          text-align: center;
          font-weight: 600;
          font-size: 12px;
          color: rgba(0, 0, 0, 0.6);
}
.dashboard-game-content .entrances .coin-ent[data-v-64f12eba] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 8px;
}
.dashboard-game-content .entrances .coin-ent .ent-item[data-v-64f12eba] {
        width: 64px;
        display: inline-block;
        position: relative;
}
.dashboard-game-content .entrances .coin-ent .ent-item .bubble-tip[data-v-64f12eba] {
          position: absolute;
          top: -6px;
          right: -9px;
}
.dashboard-game-content .entrances .coin-ent .ent-item .icon[data-v-64f12eba] {
          margin: 0 8px;
          width: 48px;
}
.dashboard-game-content .entrances .coin-ent .ent-item .icon img[data-v-64f12eba] {
            width: 48px;
            height: 48px;
}
.dashboard-game-content .entrances .coin-ent .ent-item .title[data-v-64f12eba] {
          height: 24px;
          line-height: 24px;
          text-align: center;
          font-weight: 600;
          font-size: 12px;
          color: rgba(0, 0, 0, 0.6);
}
.dashboard-game-content .tab-wrap[data-v-64f12eba] {
    font-weight: 600;
    font-size: 16px;
    margin-left: 32px;
    margin-bottom: 16px;
    line-height: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #AAAAAA;
}
.dashboard-game-content .tab-wrap .spot[data-v-64f12eba] {
      width: 100%;
      height: 3px;
      background: #F75946;
      display: inline-block;
      position: absolute;
      bottom: -4px;
      left: 0;
}
.dashboard-game-content .tab-wrap .tab[data-v-64f12eba] {
      display: inline-block;
      margin-right: 20px;
      position: relative;
}
.dashboard-game-content .tab-wrap .tab.active[data-v-64f12eba] {
        color: #3A3A3A;
}
.dashboard-game-content .tab-wrap .ongoing[data-v-64f12eba] {
      display: inline-block;
      text-align: center;
      background: #AAAAAA;
      height: 16px;
      line-height: 16px;
      font-size: 11px;
      border-radius: 4px;
      color: #ffffff;
      position: relative;
      top: -2px;
      min-width: 16px;
}
.dashboard-game-content .tab-wrap .ongoing.active[data-v-64f12eba] {
        background: #3A3A3A;
}
.dashboard-game-content .game-invite-entrance[data-v-64f12eba] {
    width: 343px;
    height: 72px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin: 0 auto;
    padding: 12px;
    margin-bottom: 8px;
    position: relative;
}
.dashboard-game-content .game-invite-entrance .icon[data-v-64f12eba] {
      width: 48px;
      height: 48px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 7px;
}
.dashboard-game-content .game-invite-entrance .icon img[data-v-64f12eba] {
        width: 100%;
        height: 100%;
}
.dashboard-game-content .game-invite-entrance .desc-info[data-v-64f12eba] {
      display: inline-block;
      vertical-align: middle;
}
.dashboard-game-content .game-invite-entrance .desc-info .title[data-v-64f12eba] {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
}
.dashboard-game-content .game-invite-entrance .desc-info .tip[data-v-64f12eba] {
        position: relative;
        top: -1px;
        margin-left: 6px;
        display: inline-block;
        height: 17px;
        line-height: 17px;
        padding: 0 6px;
        background: rgba(247, 89, 70, 0.08);
        border-radius: 4px;
        color: #f75946;
        font-size: 10px;
}
.dashboard-game-content .game-invite-entrance .desc-info .desc[data-v-64f12eba] {
        font-size: 12px;
}
.dashboard-game-content .game-invite-entrance .desc-info .desc span[data-v-64f12eba] {
          color: #F75946;
          font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 500;
}
.dashboard-game-content .game-invite-entrance .arrow[data-v-64f12eba] {
      position: absolute;
      width: 10px;
      height: 10px;
      top: 31px;
      right: 12px;
      font-size: 0;
}
.dashboard-game-content .game-invite-entrance .arrow img[data-v-64f12eba] {
        width: 100%;
        height: 100%;
}
.clear[data-v-64f12eba] {
  clear: both;
}
.new-version[data-v-64f12eba] {
  position: absolute;
  top: 53px;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 70px;
  padding: 0 6px;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  background-color: #f75946;
  font-size: 11px;
  line-height: 14px;
  color: #ffffff;
  z-index: 5;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-version .dot[data-v-64f12eba] {
    width: 5px;
    height: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
    background-color: #ffdf61;
}
.intive-popup[data-v-64f12eba] {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 9;
}
.intive-popup img[data-v-64f12eba] {
    width: 61px;
    height: 60px;
}
.bind-tip[data-v-64f12eba] {
  height: 36px;
  line-height: 36px;
  background-color: #FFF5E3;
  padding-left: 20px;
  font-size: 13px;
}
.bind-tip span[data-v-64f12eba]:first-child {
    color: #3A3A3A;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.bind-tip span[data-v-64f12eba]:nth-child(2) {
    color: #F75946;
    text-decoration: underline;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.flow-backdrop[data-v-64f12eba] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: auto;
}
.flow-backdrop .first[data-v-64f12eba] {
    position: absolute;
    top: 92px;
    left: 23px;
}
.flow-backdrop .first img[data-v-64f12eba] {
      width: 184px;
      height: 132px;
}
.flow-backdrop .second[data-v-64f12eba] {
    position: absolute;
    top: 30px;
    right: 30px;
}
.flow-backdrop .second img[data-v-64f12eba] {
      width: 180px;
      height: 108px;
}
.fade-enter-active[data-v-64f12eba], .fade-leave-active[data-v-64f12eba] {
  transition: opacity 1s;
}
.fade-enter[data-v-64f12eba], .fade-leave-active[data-v-64f12eba] {
  opacity: 0;
}
.newbie-backrop[data-v-64f12eba] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: auto;
  overflow: hidden;
  opacity: 1;
}
.newbie-backrop .guide-one[data-v-64f12eba] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.newbie-backrop .guide-one .welcome-guid[data-v-64f12eba] {
      width: 287px;
      height: 199px;
      margin: auto;
      background: #fff;
      border-radius: 8px;
}
.newbie-backrop .guide-one .welcome-guid .img-box[data-v-64f12eba] {
        width: 116px;
        height: auto;
        margin: auto;
}
.newbie-backrop .guide-one .welcome-guid .img-box img[data-v-64f12eba] {
          width: 100%;
          margin-top: -48px;
          margin-left: 3px;
}
.newbie-backrop .guide-one .welcome-guid .tip[data-v-64f12eba] {
        text-align: center;
        font-size: 16px;
        color: #3a3a3a;
        margin: 11px 0 32px;
        line-height: 24px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.newbie-backrop .guide-one .welcome-guid .start-btn[data-v-64f12eba] {
        width: 181px;
        height: 48px;
        background: #f75946;
        box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5);
        border-radius: 24px;
        margin: 0 auto;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 48px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.newbie-backrop .guide-wrapper[data-v-64f12eba] {
    position: absolute;
    left: 15px;
}
.newbie-backrop .guide-wrapper .guide[data-v-64f12eba] {
      width: 192px;
      height: 57px;
      margin-left: 83px;
      margin-bottom: 12px;
      opacity: 1;
}
.newbie-backrop .guide-wrapper .task-entrance[data-v-64f12eba] {
      width: 175px;
      height: 112px;
}
.newbie-backrop .guide-wrapper .task-entrance img[data-v-64f12eba] {
        width: 100%;
}
.newbie-flow[data-v-64f12eba] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  pointer-events: auto;
  overflow: hidden;
  opacity: 1;
}
.newbie-flow .flow-step .box-wrap[data-v-64f12eba] {
    width: 100%;
}
.newbie-flow .flow-step .box-wrap .guide-one[data-v-64f12eba] {
      display: block;
      position: absolute;
      width: 270px;
      height: 58px;
      top: 105px;
      right: 52px;
}
.newbie-flow .flow-step .box-wrap .guide-one.one-guidance[data-v-64f12eba] {
        top: 162px;
}
.newbie-flow .flow-step .box-wrap .guide-one img[data-v-64f12eba] {
        width: 100%;
        height: 100%;
}
.newbie-flow .flow-step .box-wrap .newbie-entrance-one[data-v-64f12eba] {
      position: absolute;
      width: 176px;
      height: 120px;
      top: 172px;
      left: 14px;
}
.newbie-flow .flow-step .box-wrap .newbie-entrance-one.entrance-guidance[data-v-64f12eba] {
        top: 232px;
}
.newbie-flow .flow-step .box-wrap .newbie-entrance-one img[data-v-64f12eba] {
        width: 100%;
        height: 100%;
}
.newbie-flow .flow-step .box-wrap .guide-two[data-v-64f12eba] {
      display: block;
      position: absolute;
      width: 282px;
      height: 58px;
      top: 116px;
      left: 46px;
}
.newbie-flow .flow-step .box-wrap .guide-two.one-guidance[data-v-64f12eba] {
        top: 169px;
}
.newbie-flow .flow-step .box-wrap .guide-two img[data-v-64f12eba] {
        width: 100%;
        height: 100%;
}
.newbie-flow .flow-step .box-wrap .newbie-entrance-two[data-v-64f12eba] {
      position: absolute;
      width: 178px;
      height: 112px;
      top: 182px;
      right: 14px;
}
.newbie-flow .flow-step .box-wrap .newbie-entrance-two.entrance-guidance[data-v-64f12eba] {
        top: 237px;
}
.newbie-flow .flow-step .box-wrap .newbie-entrance-two img[data-v-64f12eba] {
        width: 100%;
        height: 100%;
}
.upgrade-backdrop[data-v-64f12eba] {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.page-rongyuka-dashboard .auth-page-mask[data-v-64f12eba] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: transparent;
}
.page-rongyuka-dashboard .page-content[data-v-64f12eba] {
  z-index: 5;
}
.page-rongyuka-dashboard .fixed-banner[data-v-64f12eba] {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 55;
  padding-bottom: 10.5px;
  background: #fff;
  box-shadow: 0 0.5px 0 0 #eeeeee;
  border-bottom: 0.5px solid #eeeeee;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-rongyuka-dashboard .fixed-banner .slogon[data-v-64f12eba] {
    font-size: 18px;
    font-weight: 600;
    color: #3A3A3A;
    text-align: center;
    line-height: 25px;
    margin: 2.5px 0 1.5px;
}
.page-rongyuka-dashboard .fixed-banner .i-refresh[data-v-64f12eba] {
    display: inline-block;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 5.5px;
    right: 20px;
    background: url("//qkassets.qkcdn.com/images/assets/ecdd78ff2f9fa69f0fa0eb9dfea288e2.png") no-repeat center center;
    background-size: 100% 100%;
}
.page-rongyuka-dashboard .go-top[data-v-64f12eba] {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 55;
  display: none;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.page-rongyuka-dashboard .go-top img[data-v-64f12eba] {
    width: 70px;
    height: 75px;
}
.page-rongyuka-dashboard .go-top.go-top-show[data-v-64f12eba] {
    display: block;
    opacity: 1;
    bottom: 10px;
}
.dashboard-content[data-v-64f12eba] {
  background: #fff;
}
.dashboard-content .newyear-activity-entrance[data-v-64f12eba] {
    width: 335px;
    height: 56px;
    margin: 12px auto 0 auto;
}
.dashboard-content .newyear-activity-entrance img[data-v-64f12eba] {
      width: 335px;
      height: 56px;
}
.dashboard-content .xn-share[data-v-64f12eba] {
    position: fixed;
    top: 120px;
    right: 13px;
    width: 66px;
    height: 68px;
    z-index: 10;
}
.dashboard-content .xn-share img[data-v-64f12eba] {
      width: 66px;
      height: 68px;
}
.dashboard-content .module-title[data-v-64f12eba] {
    display: inline-block;
    text-align: left;
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-bottom: 16px;
    margin-right: 4px;
    margin-left: 6px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .btn-red-packet[data-v-64f12eba] {
    position: relative;
    float: left;
    width: 226px;
    height: 56px;
    margin: 0 8px 0 5px;
    background: url("//qkassets.qkcdn.com/images/assets/ac33bc37b7de2f1aeb39059e5f85d5a1.png") no-repeat;
    background-size: contain;
    box-shadow: 0 2px 4px rgba(165, 0, 0, 0.1);
}
.dashboard-content .btn-red-packet span[data-v-64f12eba] {
      position: absolute;
      left: 8px;
      top: 32px;
      font-size: 12px;
      line-height: 12px;
      color: #ffceca;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .btn—girl-friend[data-v-64f12eba] {
    position: relative;
    float: left;
    -webkit-transform: translateY(-16px);
        -ms-transform: translateY(-16px);
            transform: translateY(-16px);
    width: 101px;
    height: 92px;
    background: url("//qkassets.qkcdn.com/images/assets/f1665ec8f866f1dc4a7b25e361cf3687.png") no-repeat;
    background-size: contain;
    box-shadow: 0 2px 4px rgba(165, 0, 0, 0.1);
}
.dashboard-content .btn—girl-friend span[data-v-64f12eba] {
      position: absolute;
      left: 4px;
      top: 72px;
      font-size: 10px;
      color: #ff8c82;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .coin-title[data-v-64f12eba] {
    margin-bottom: 16px;
}
.dashboard-content .suspend[data-v-64f12eba] {
    width: 335px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff6dd;
    color: #d1660a;
    font-size: 14px;
    margin-top: 12px;
    margin-left: 20px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.dashboard-content .suspend span[data-v-64f12eba] {
      display: inline-block;
      width: 5px;
      height: 9px;
      background: url("//qkassets.qkcdn.com/images/assets/9023cef0a03284e47251f1458ce0db7f.png") no-repeat center/cover;
      margin-left: 9px;
}
.dashboard-content .silent-reward[data-v-64f12eba] {
    padding: 12px 20px 0;
}
.dashboard-content .silent-reward .silent-reward-content[data-v-64f12eba] {
      position: relative;
      line-height: 36px;
      padding-left: 48px;
      border-radius: 4px;
      font-size: 13px;
      color: #f75946;
      background-color: #fff3f3;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .silent-reward .silent-reward-content .gift[data-v-64f12eba] {
        position: absolute;
        left: 4px;
        top: -2px;
        width: 40px;
        height: 40px;
}
.dashboard-content .silent-reward .silent-reward-content .arrow[data-v-64f12eba] {
        position: absolute;
        right: 20px;
        top: 13px;
        width: 10px;
        height: 10px;
}
.dashboard-content .silent-back-reward[data-v-64f12eba] {
    padding: 16px 20px 0 20px;
}
.dashboard-content .silent-back-reward .silent-reward-content[data-v-64f12eba] {
      position: relative;
      font-size: 12px;
      line-height: 40px;
      font-family: PingFangSC-Semibold;
      color: #d8792d;
      background: #ffeacf;
      border-radius: 20px;
}
.dashboard-content .silent-back-reward .silent-reward-content .gift[data-v-64f12eba] {
        position: absolute;
        width: 51px;
        height: 42px;
        top: -7px;
        left: 2px;
}
.dashboard-content .silent-back-reward .silent-reward-content .title[data-v-64f12eba] {
        position: relative;
        margin-left: 40px;
        z-index: 1;
}
.dashboard-content .silent-back-reward .silent-reward-content .check[data-v-64f12eba] {
        float: right;
        margin-right: 18px;
        text-decoration: underline;
}
.dashboard-content .dashboard-notice[data-v-64f12eba] {
    margin: 11px auto 9px auto;
    background: #fff3f3;
    width: 335px;
    height: 36px;
    padding: 10px 12px 10px 20px;
}
.dashboard-content .dashboard-notice.ios14[data-v-64f12eba] {
      padding: 10px 5px 10px 12px;
}
.dashboard-content .dashboard-notice.ios14 .notice-text[data-v-64f12eba] {
        font-size: 12px;
        width: 300px !important;
}
.dashboard-content .dashboard-notice em[data-v-64f12eba] {
      color: #f75946;
      position: relative;
      top: -2px;
}
.dashboard-content .dashboard-notice span[data-v-64f12eba] {
      display: inline-block;
}
.dashboard-content .dashboard-notice span.notice-bg[data-v-64f12eba] {
        width: 52px;
        height: 16px;
        background: url("//qkassets.qkcdn.com/images/assets/87598d44fc75b187ae05d7cfd151f025.png") no-repeat center/cover;
        background-size: 100% 100%;
}
.dashboard-content .dashboard-notice span.notice-text[data-v-64f12eba] {
        font-size: 12px;
        color: #f75946;
        line-height: 18px;
        vertical-align: top;
        height: 32px;
        width: 295px;
        position: absolute;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
.dashboard-content .dashboard-notice span.notice-text i[data-v-64f12eba] {
          height: 32px;
}
.dashboard-content .dashboard-notice span.notice-text i span[data-v-64f12eba] {
            color: #4a90e2;
}
.dashboard-content .dashboard-notice span.notice-text i span[data-v-64f12eba]:first-child {
            text-decoration: underline;
}
.dashboard-content .entrances[data-v-64f12eba] {
    padding: 24px 20px 17px;
    background: url("//qkassets.qkcdn.com/images/assets/f5022a44d0ca8ac068d87c89016fcc81.png") no-repeat center bottom/contain;
}
.dashboard-content .entrances.no-bg[data-v-64f12eba] {
      background: transparent;
}
.dashboard-content .entrances.newyear-padding[data-v-64f12eba] {
      padding: 12px 20px 17px;
}
.dashboard-content .entrances.pt-12[data-v-64f12eba] {
      padding-top: 12px !important;
}
.dashboard-content .entrances.pt-16[data-v-64f12eba] {
      padding-top: 16px !important;
}
.dashboard-content .entrances.notice-padding[data-v-64f12eba] {
      padding: 0 20px 17px;
}
.dashboard-content .entrances .padding-line[data-v-64f12eba] {
      width: 100%;
      height: 17px;
      background: #fff;
      position: relative;
      text-align: center;
}
.dashboard-content .entrances .padding-line .line[data-v-64f12eba] {
        position: relative;
        top: -9px;
        width: 32px;
        height: 1px;
        display: inline-block;
        background: url("//qkassets.qkcdn.com/images/assets/26ae40133abea7fa3d466da903508fbb.png") no-repeat center/cover;
}
.dashboard-content .entrances .resc[data-v-64f12eba] {
      display: inline-block;
      font-size: 12px;
      height: 17px;
      line-height: 17px;
      text-align: center;
      color: #aaa;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.dashboard-content .active-banners[data-v-64f12eba] {
    margin-bottom: 25px;
    height: 56px;
    font-size: 0;
}
.dashboard-content .active-banners div[data-v-64f12eba] {
      background-size: 100% 100%;
      border-radius: 4px;
      height: 56px;
      display: inline-block;
      width: 164px;
}
.dashboard-content .active-banners .wm[data-v-64f12eba] {
      background-image: url("//qkassets.qkcdn.com/images/aba26df4ff8efc86c93afe0a5e8b2db2.png");
      box-shadow: 0px 1px 4px rgba(255, 183, 131, 0.413817);
      margin-right: 7px;
}
.dashboard-content .active-banners .shop[data-v-64f12eba] {
      background-image: url("//qkassets.qkcdn.com/images/68d90eb903cbd71ed15714260a541e84.png");
      box-shadow: 0px 1px 4px rgba(143, 0, 0, 0.2);
      position: relative;
}
.dashboard-content .active-banners .shop img[data-v-64f12eba] {
        position: absolute;
        width: 37px;
        height: 16px;
        right: 55px;
        top: -4px;
}
.dashboard-content .waimai-banner[data-v-64f12eba], .dashboard-content .new-waimai-banner[data-v-64f12eba] {
    margin-top: -17px;
    margin-bottom: 25px;
    height: 56px;
    font-size: 0;
    background-image: url("//qkassets.qkcdn.com/images/fcf670a4797b654fcca5615930e0e496.png?t=1");
    background-size: 100% 100%;
    box-shadow: 0 1px 4px 0 rgba(255, 183, 131, 0.41);
    position: relative;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .waimai-banner .hot-icon[data-v-64f12eba], .dashboard-content .new-waimai-banner .hot-icon[data-v-64f12eba] {
      position: absolute;
      top: -4px;
      left: 70px;
      width: 36px;
      height: 16px;
      background: url("//qkassets.qkcdn.com/images/e376f8cc4e8bdd2e46e6128394beac19.png") no-repeat center/cover;
}
.dashboard-content .waimai-banner .hot-icon.goad[data-v-64f12eba], .dashboard-content .new-waimai-banner .hot-icon.goad[data-v-64f12eba] {
        left: auto;
        right: -7px;
        top: -7px;
        height: 23px;
        line-height: 16px;
        padding-left: 20px;
        width: 108px;
        background: url("//qkassets.qkcdn.com/images/af818bef9200ca5f1dcab948716e9126.png") no-repeat center/cover;
}
.dashboard-content .waimai-banner .hot-icon.goad span[data-v-64f12eba]:first-child, .dashboard-content .new-waimai-banner .hot-icon.goad span[data-v-64f12eba]:first-child {
          font-size: 10px;
          color: #ffffff;
          margin-right: 3px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.dashboard-content .waimai-banner .hot-icon.goad span[data-v-64f12eba]:nth-child(2), .dashboard-content .new-waimai-banner .hot-icon.goad span[data-v-64f12eba]:nth-child(2) {
          position: relative;
          top: 1px;
          font-size: 14px;
          color: #FFDF61;
          margin-right: 1px;
          font-family: "gilroy-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .waimai-banner .hot-icon.goad span[data-v-64f12eba]:last-child, .dashboard-content .new-waimai-banner .hot-icon.goad span[data-v-64f12eba]:last-child {
          font-size: 10px;
          color: #FFDF61;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .waimai-banner .hot-icon.goad-coin[data-v-64f12eba], .dashboard-content .new-waimai-banner .hot-icon.goad-coin[data-v-64f12eba] {
        left: auto;
        right: -7px;
        top: -10px;
        height: 28px;
        width: 118px;
        padding-left: 17px;
        background: url("//qkassets.qkcdn.com/images/f044586cb831ec27eb0de1f488a2a5d5.png") no-repeat center/cover;
}
.dashboard-content .waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:first-child, .dashboard-content .waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:nth-child(2), .dashboard-content .new-waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:first-child, .dashboard-content .new-waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:nth-child(2) {
          font-size: 10px;
          line-height: 28px;
          color: #ffffff;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.dashboard-content .waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:nth-child(2), .dashboard-content .new-waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:nth-child(2) {
          position: relative;
          top: -1px;
}
.dashboard-content .waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:nth-child(3), .dashboard-content .new-waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:nth-child(3) {
          position: relative;
          top: 1px;
          font-size: 14px;
          color: #FFDF61;
          font-family: "gilroy-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:last-child, .dashboard-content .new-waimai-banner .hot-icon.goad-coin span[data-v-64f12eba]:last-child {
          font-size: 10px;
          color: #FFDF61;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .waimai-banner .title[data-v-64f12eba], .dashboard-content .new-waimai-banner .title[data-v-64f12eba] {
      font-size: 14px;
      color: rgba(255, 183, 131, 0.41);
}
.dashboard-content .waimai-banner .remind[data-v-64f12eba], .dashboard-content .new-waimai-banner .remind[data-v-64f12eba] {
      font-size: 12px;
      color: #a76565;
}
.dashboard-content .new-waimai-banner[data-v-64f12eba] {
    background-image: url("//qkassets.qkcdn.com/images/87c5487b843ab9cf53272cfa10319470.png");
}
.dashboard-content .new-line[data-v-64f12eba] {
    position: relative;
    left: 50%;
    top: -12px;
    width: 32px;
    height: 1px;
    margin-left: -16px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -0.5px 0px #EEEEEE;
}
.dashboard-content .new-line2[data-v-64f12eba] {
    position: relative;
    left: 50%;
    top: -7px;
    width: 32px;
    height: 1px;
    margin-left: -16px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -0.5px 0px #EEEEEE;
}
.dashboard-content .box-ad[data-v-64f12eba] {
    position: relative;
    padding: 0 20px 24px 20px;
    background: url(//qkassets.qkcdn.com/images/assets/f5022a44d0ca8ac068d87c89016fcc81.png) no-repeat center bottom/contain;
}
.dashboard-content .box-ad img[data-v-64f12eba] {
      position: relative;
      width: 100%;
      border: 4px #fff solid;
      border-radius: 8px;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.dashboard-content .box-ad .icon[data-v-64f12eba] {
      position: absolute;
      bottom: 37px;
      right: 27px;
      width: 24px;
      height: 12px;
      background: url("//qkassets.qkcdn.com/images/assets/b609462f231053d4e7a8e0c1a95581a0.png") no-repeat;
      background-size: cover;
}
.dashboard-content .newbie-v535[data-v-64f12eba] {
    position: fixed;
    right: 0;
    bottom: 180px;
    text-align: center;
    z-index: 1;
}
.dashboard-content .newbie-v535 .count-down[data-v-64f12eba] {
      width: 100%;
      position: absolute;
      bottom: 6px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      font-size: 10px;
      color: #FFE175;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .newbie-v535 .count-down.text[data-v-64f12eba] {
        font-size: 9px;
        line-height: 20px;
        letter-spacing: 0;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .newbie-v535 span.dot[data-v-64f12eba] {
      position: absolute;
      right: 10px;
      top: 18px;
      width: 6px;
      height: 6px;
      background-color: #f75946;
      border-radius: 50%;
}
.dashboard-content .newbie-v535 .newbie-v1[data-v-64f12eba] {
      width: 80px;
      margin-right: 2px;
}
.dashboard-content .newbie-v535 .newbie-v1 img[data-v-64f12eba] {
        width: 80px;
}
.dashboard-content .newbie-v535 .newbie-v2 img[data-v-64f12eba] {
      width: 93px;
}
.dashboard-content .newbie-v535 .newbie-v2 .count-down[data-v-64f12eba] {
      bottom: 13px;
      left: 52%;
}
.dashboard-content .bilu-entrance[data-v-64f12eba] {
    margin: 0 auto;
    width: 335px;
    height: 68px;
    border-radius: 12px;
    position: relative;
    background-image: url("//qkassets.qkcdn.com/images/assets/5738922f0dab9de5050e5263e620eabe.png");
    background-size: 100% 100%;
    margin-top: 17px;
    margin-bottom: 7px;
    overflow: hidden;
}
.dashboard-content .bilu-entrance .bilu-desc[data-v-64f12eba] {
      position: absolute;
      top: 13px;
      left: 12px;
}
.dashboard-content .bilu-entrance .bilu-desc img.bilu-logo[data-v-64f12eba] {
        width: 42px;
        height: 42px;
}
.dashboard-content .bilu-entrance .bilu-desc img.bilu-subtitle[data-v-64f12eba] {
        width: 109px;
        height: 33px;
        margin-left: 4px;
        margin-bottom: 5px;
}
.dashboard-content .bilu-entrance .bilu-tag[data-v-64f12eba] {
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 25px;
      height: 12px;
      background: #FFFFFF;
      opacity: 0.4;
      border-radius: 28px;
      color: #0D0240;
      font-weight: 500;
      font-family: PingFangSC-Regular;
}
.dashboard-content .bilu-entrance .bilu-tag p[data-v-64f12eba] {
        font-size: 12px;
        margin: 0;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
                transform-origin: 0 0;
        line-height: 24px;
        position: relative;
        left: 6px;
}
.dashboard-content .read-module[data-v-64f12eba] {
    margin: 0 20px;
    width: 335px;
    height: 50px;
    background: #fff;
    text-align: center;
    line-height: 50px;
    padding-left: 7px;
}
.dashboard-content .read-module em[data-v-64f12eba] {
      width: 16px;
      height: 16px;
      display: inline-block;
      background: url("//qkassets.qkcdn.com/images/assets/ad646376f05b9bffbd3cd9eab350fcd9.png") center/cover;
      vertical-align: sub;
      margin-right: 4px;
}
.dashboard-content .read-module span[data-v-64f12eba] {
      font-size: 14px;
      color: #3a3a3a;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.dashboard-content .read-module span b[data-v-64f12eba] {
        font-family: qiankaFont;
        font-size: 20px;
        font-weight: bold;
        color: #f75946;
        position: relative;
        top: 2px;
        margin: 0 2px;
}
.dashboard-content .read-module span i[data-v-64f12eba] {
        font-weight: 600;
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .read-entrances[data-v-64f12eba] {
    margin-top: -10px;
    overflow: hidden;
}
.dashboard-content .read-entrances .module-title[data-v-64f12eba] {
      display: inline-block;
      text-align: left;
      color: #3a3a3a;
      font-size: 18px;
      font-weight: 600;
      height: 17px;
      line-height: 17px;
      margin: 0 4px -3px 6px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-content .read-entrances .resc[data-v-64f12eba] {
      display: inline-block;
      font-size: 12px;
      height: 17px;
      line-height: 17px;
      text-align: center;
      color: #aaa;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.dashboard-content footer .reminder[data-v-64f12eba] {
    display: block;
    height: 89px;
    margin: 43px auto 40px;
}

@charset "UTF-8";
/* thin border */
.page-read[data-v-7943d273] {
  min-height: 812px;
  /** 整个阅读容器最小高度改为iPhone X的页面高度 测试反馈没数据最小高度太大 可以一直往下滑动  **/
}
.page-read .loading[data-v-7943d273] {
    background: #fff;
    padding: 30px 0;
}
.page-read .loading .loading-img[data-v-7943d273] {
      width: 30px;
      height: 30px;
      display: block;
      margin: 0 auto;
      -webkit-animation: infinite-rotate 1s linear infinite;
              animation: infinite-rotate 1s linear infinite;
}
.page-read .no-more[data-v-7943d273] {
    padding: 30px 0;
    background: #fff;
}
.page-read .no-more .hint[data-v-7943d273] {
      font-size: 13px;
      color: #B5B5B5;
      text-align: center;
      line-height: 18px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-read .load-fail[data-v-7943d273] {
    padding: 30px 0;
    background: #fff;
}
.page-read .load-fail .img-fail[data-v-7943d273] {
      display: block;
      width: 30px;
      height: 30px;
      margin: 0 auto 10px;
}
.page-read .load-fail .hint[data-v-7943d273] {
      font-size: 13px;
      color: #B5B5B5;
      text-align: center;
      line-height: 18px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
@-webkit-keyframes infinite-rotate {
0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg);
}
}
@keyframes infinite-rotate {
0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg);
}
}
.page-read .page-header[data-v-7943d273] {
    background: #fff;
}
.page-read .page-header .page-title[data-v-7943d273] {
      font-size: 16px;
      color: #B5B5B5;
      line-height: 22px;
      letter-spacing: 0.3px;
      text-align: center;
      padding-top: 20px;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-read .page-header .v-short-line[data-v-7943d273] {
      width: 21px;
      height: 3px;
      background-color: #eeeeee;
      margin: 5px auto 0;
}
.page-read .go-top[data-v-7943d273] {
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 55;
}
.page-read .go-top img[data-v-7943d273] {
      width: 70px;
      height: 75px;
}
.page-read .read-list-wrap[data-v-7943d273] {
    background: #fff;
    padding-bottom: 8px;
}
.page-read .read-list-wrap .h-line[data-v-7943d273] {
      border-bottom: 0.5px solid #eeeeee;
}
.page-read .read-list-wrap .label-line[data-v-7943d273] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative;
}
.page-read .read-list-wrap .label-line-small[data-v-7943d273] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 12px;
}
.page-read .read-list-wrap .ad-small[data-v-7943d273] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-right: 12px;
      padding-top: 34px;
}
.page-read .read-list-wrap .img-cha[data-v-7943d273] {
      position: absolute;
      right: -20px;
      top: -5px;
      width: 56px;
      height: 36px;
      text-align: center;
      padding-top: 6px;
}
.page-read .read-list-wrap .img-cha img[data-v-7943d273] {
        width: 16px;
}
.page-read .read-list-wrap .img-cha-small[data-v-7943d273] {
      position: absolute;
      right: -5px;
      width: 50px;
      height: 34px;
      text-align: center;
}
.page-read .read-list-wrap .img-cha-small img[data-v-7943d273] {
        width: 16px;
}
.page-read .read-list-wrap .active[data-v-7943d273] {
      background: #F5F5F5;
}
.page-read .read-list-wrap .visited .title[data-v-7943d273] {
      color: #b5b5b5 !important;
}
.page-read .read-list-wrap .overflow-h[data-v-7943d273] {
      overflow: hidden;
}
.page-read .read-list-wrap .cover[data-v-7943d273] {
      background-size: cover;
      height: 188px;
      overflow: hidden;
}
.page-read .read-list-wrap .yd-img .cover[data-v-7943d273] {
      height: 168px;
      background-size: 100%;
      background-position: center;
}
.page-read .read-list-wrap .yd-img .cover img[data-v-7943d273] {
        height: 168px !important;
}
.page-read .read-list-wrap .item-common[data-v-7943d273] {
      padding: 15px 20px 0 20px;
}
.page-read .read-list-wrap .item-common[data-v-7943d273]:active {
        background: #F5F5F5;
}
.page-read .read-list-wrap .read-item-all[data-v-7943d273] {
      margin: 0 20px 0 20px;
      border-bottom: 0.5px solid #eeeeee;
}
.page-read .read-list-wrap .read-item-all .read-item-b[data-v-7943d273] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 16px 0;
}
.page-read .read-list-wrap .read-item-all .read-item-b .left[data-v-7943d273] {
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-left: 12px;
}
.page-read .read-list-wrap .read-item-all .read-item-b .left img[data-v-7943d273] {
            width: 100%;
}
.page-read .read-list-wrap .read-item-all .read-item-b .right[data-v-7943d273] {
          -webkit-flex: 2;
              -ms-flex: 2;
                  flex: 2;
          position: relative;
}
.page-read .read-list-wrap .read-item-all .read-item-b .title[data-v-7943d273] {
          font-size: 16px;
          color: #3A3A3A;
          line-height: 22px;
          max-height: 42px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-read .read-list-wrap .read-item-all .read-item-b .title.margins[data-v-7943d273] {
            margin-bottom: 14px;
            min-height: 42px;
}
.page-read .read-list-wrap .read-item-all .read-item-b .sub[data-v-7943d273] {
          font-size: 12px;
          color: #B5B5B5;
          height: 12px;
          line-height: 12px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-read .read-list-wrap .read-item-all .read-item-b .cover[data-v-7943d273] {
          height: 78px;
}
.page-read .read-list-wrap .read-item-all .read-item-b .yd-left .cover[data-v-7943d273] {
          height: 78px;
}
.page-read .read-list-wrap .read-item-a .title[data-v-7943d273] {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 22px;
      margin-bottom: 8px;
      max-height: 44px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-read .read-list-wrap .read-item-a .sub[data-v-7943d273] {
      font-size: 12px;
      color: #b5b5b5;
      line-height: 16px;
      margin-bottom: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-read .read-list-wrap .read-item-a .img-wrap[data-v-7943d273] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      margin-bottom: 12px;
}
.page-read .read-list-wrap .read-item-a .img-wrap .covers[data-v-7943d273] {
        height: 78px !important;
        width: 107px;
}
.page-read .read-list-wrap .read-item-a .img-wrap .covers.big[data-v-7943d273] {
          height: 168px !important;
}
.page-read .read-list-wrap .read-item-a .img-wrap .covers .covers-bg[data-v-7943d273] {
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          width: 106px;
          height: 78px;
}
.page-read .read-list-wrap .read-item-a .img-wrap .time[data-v-7943d273] {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 44px;
        height: 18px;
        line-height: 18px;
        border-radius: 4px;
        background-color: rgba(58, 58, 58, 0.8);
        font-size: 11px;
        letter-spacing: 0.5px;
        color: #bfbfbf;
        text-align: center;
}
.page-read .read-list-wrap .read-item-a .img-wrap .play-btn[data-v-7943d273] {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -26px;
        margin-left: -23.5px;
}
.page-read .read-list-wrap .read-item-a .img-wrap .play-btn img[data-v-7943d273] {
          width: 47px;
          height: 47px;
}
.page-read .read-list-wrap .read-item-a .img-wrap div[data-v-7943d273]:first-child {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-right: 0px;
        background-image: url("//qkassets.qkcdn.com/images/assets/e0786307f638017251756270232b8bda.png");
}
.page-read .read-list-wrap .read-item-a .img-wrap div:first-child img[data-v-7943d273] {
          width: 100%;
          display: block;
}
.page-read .read-list-wrap .read-item-a .img-wrap .video-img[data-v-7943d273] {
        font-size: 0px;
}
.page-read .read-list-wrap .read-item-a.three-img[data-v-7943d273] {
      /* //qkassets.qkcdn.com/images/assets/69e06fd124a0e76460c4ae46e2df06f7.png */
}
.page-read .read-list-wrap .read-item-a.three-img .cover[data-v-7943d273] {
        height: 78px;
}
.page-read .read-list-wrap .read-item-a.three-img .img-wrap div[data-v-7943d273] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-right: 5px;
        background-image: url("//qkassets.qkcdn.com/images/assets/17aec67656c9eeea0a0b6e615ffbe81e.png");
}
.page-read .read-list-wrap .read-item-a.three-img .img-wrap div[data-v-7943d273]:last-child {
          margin-right: 0px;
}
.page-read .read-list-wrap .read-item-a.three-img .img-wrap div img[data-v-7943d273] {
          width: 100%;
}
.page-read .read-list-wrap .read-item-a.three-img .yd-img .cover[data-v-7943d273] {
        height: 78px;
        background-size: 100%;
        background-position: center;
}
.page-read .read-list-wrap .read-item-a.three-img .yd-img .cover img[data-v-7943d273] {
          width: 108px !important;
          height: 78px !important;
}
.page-read .read-list-wrap .ad-item[data-v-7943d273] {
      margin: 0px 20px;
      padding: 15px 0px;
      position: relative;
      border-bottom: 0.5px solid #eeeeee;
}
.page-read .read-list-wrap .ad-item img[data-v-7943d273] {
        width: 100%;
        height: auto;
}
.page-read .read-list-wrap .ad-item .i-ad-mark[data-v-7943d273] {
        display: inline-block;
        position: absolute;
        right: 6px;
        bottom: 6px;
        width: 34px;
        height: 16px;
        line-height: 16px;
        opacity: 0.5;
        border-radius: 1px;
        border: solid 0.5px #ffffff;
        font-size: 11px;
        font-weight: 300;
        color: #fff;
        text-align: center;
        font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-read .read-list-wrap .juta-ad-item[data-v-7943d273] {
      margin: 0 20px 0 20px;
      padding: 15px 0;
      border-bottom: 0.5px solid #eeeeee;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-read .read-list-wrap .juta-ad-item.taobao .ad-inner[data-v-7943d273] {
        border: none;
        height: 89px;
        background-image: url("//qkassets.qkcdn.com/images/assets/1d9d09d4156d702ea47b3e6da505ceb6.png");
}
.page-read .read-list-wrap .juta-ad-item .ad-inner[data-v-7943d273] {
        position: relative;
        padding: 23px 16px;
        background: #FAFAFA;
        border: 0.5px solid #eeeeee;
        background-image: url("//qkassets.qkcdn.com/images/assets/dcaeec831122d055f787fecfd9036ae0.png");
        background-size: 100% 100%;
}
.page-read .read-list-wrap .juta-ad-item .ad-inner .title[data-v-7943d273] {
          font-size: 16px;
          color: #3a3a3a;
          line-height: 22px;
          margin-bottom: 2px;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-read .read-list-wrap .juta-ad-item .ad-inner .sub-title[data-v-7943d273] {
          font-size: 13px;
          color: #3a3a3a;
          line-height: 18px;
}
.page-read .read-list-wrap .juta-ad-item .ad-inner .logo[data-v-7943d273] {
          position: absolute;
          bottom: 0;
          right: 38px;
          height: 72px;
}
.page-read .read-list-wrap .juta-ad-item .ad-inner .logo img[data-v-7943d273] {
            width: 104px;
            height: 72px;
}
.page-read .read-list-wrap .juta-ad-item .ad-inner .logo.no-ad-tag[data-v-7943d273] {
            right: 14px;
}
.page-read .read-list-wrap .juta-ad-item .ad-inner .ad-tag[data-v-7943d273] {
          position: absolute;
          top: 5px;
          right: 5px;
          width: 28px;
          height: 14px;
          border-radius: 3px;
          line-height: 14px;
          border: 0.5px solid #b5b5b5;
          font-size: 10px;
          color: #b5b5b5;
          text-align: center;
}
.page-read .read-list-wrap .tb-item[data-v-7943d273] {
      padding: 15px 0;
      border-bottom: 0.5px solid #eeeeee;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-read .read-list-wrap .tb-item .ad-img[data-v-7943d273] {
        position: relative;
        background: #fff;
}
.page-read .read-list-wrap .tb-item .ad-img img[data-v-7943d273] {
          display: block;
          width: 100%;
          height: 100%;
}
.page-read .tips-bar[data-v-7943d273] {
    background: #ffffff;
    padding: 0 7px;
}
.page-read .tips-bar img[data-v-7943d273] {
      display: block;
      width: 100%;
      height: auto;
}
.adv-tag[data-v-7943d273] {
  display: inline-block;
  box-sizing: border-box;
  font-size: 10px;
  width: 28px;
  height: 14px;
  margin-right: 16px;
  border-radius: 3px;
  border: 0.5px solid #b5b5b5;
  text-align: center;
  line-height: 14px;
  color: #B5B5B5;
  -webkit-text-size-adjust: none;
}
.pullSmall-leave-active[data-v-7943d273] {
  height: 168px;
  opacity: 0.2;
  transition: all 0.3s ease;
}
.pullSmall-leave-to[data-v-7943d273] {
  height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.pullBig-leave-active[data-v-7943d273] {
  height: 270px;
  opacity: 0.2;
  transition: all 0.3s ease;
}
.pullBig-leave-to[data-v-7943d273] {
  height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

@charset "UTF-8";
/* thin border */
.read-menus[data-v-cb815232] {
  position: relative;
}
.read-menus .wrap-outer[data-v-cb815232] {
    overflow: hidden;
    /* 隐藏滚动条 */
}
.read-menus .wrap-inside[data-v-cb815232] {
    height: 34px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-transform: translateY(7px);
        -ms-transform: translateY(7px);
            transform: translateY(7px);
    /** 将滚滚动条挤出父容器 */
}
.read-menus .h-line[data-v-cb815232] {
    width: 97%;
    position: absolute;
    bottom: 14.5px;
    left: 20px;
    right: 20px;
    height: 0px;
    /* border-top: 0.5px solid #eeeeee; */
}
.menu-wrap-fixed[data-v-cb815232] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 20px 0px 20px;
  line-height: 18px;
  background: #fff;
  z-index: 1111;
}
.menu-wrap-fixed .menu-item[data-v-cb815232] {
    display: inline-block;
    font-size: 14px;
    color: #3A3A3A;
    padding-bottom: 6px;
    margin-right: 22px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.menu-wrap-fixed .menu-item.active[data-v-cb815232] {
      border-bottom: 2px solid #F75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.menu-wrap-fixed .menu-item[data-v-cb815232]:last-child {
      margin-right: 0px;
}
.menu-wrap[data-v-cb815232] {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: center; */
  padding: 8px 20px 8px 20px;
  line-height: 18px;
}
.menu-wrap .menu-item[data-v-cb815232] {
    display: inline-block;
    font-size: 14px;
    color: #3A3A3A;
    padding-bottom: 6px;
    margin-right: 22px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.menu-wrap .menu-item.active[data-v-cb815232] {
      width: 28px;
      border-bottom: 2px solid #F75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.menu-wrap .menu-item[data-v-cb815232]:last-child {
      margin-right: 0px;
}
/* thin border */
.fade-enter-active[data-v-7252937a] {
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}
.fade-leave-active[data-v-7252937a] {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.fade-enter[data-v-7252937a] {
  -ms-transform: scale(0.8, 0.6);
      transform: scale(0.8, 0.6);
  -webkit-transform: scale(0.8, 0.6);
  opacity: 0;
}
.fade-leave-to[data-v-7252937a] {
  -ms-transform: scale(0.3);
      transform: scale(0.3);
  -webkit-transform: scale(0.3);
  opacity: 0;
}
.dialog_top[data-v-7252937a] {
  font-size: 14px;
  line-height: 33px;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dialog_top .top_num[data-v-7252937a] {
    color: #f75946;
}
.dialog_top .dialog_sure[data-v-7252937a] {
    width: 98px;
    height: 32px;
    border-radius: 24px;
    background-color: #f75946;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
}
.dialog[data-v-7252937a] {
  position: relative;
  color: #3A3A3A;
  font-size: 16px;
}
.title_top_trigon[data-v-7252937a] {
  position: absolute;
  top: -14px;
}
.title_top_trigon img[data-v-7252937a] {
    width: 13px;
}
.title_bottom_trigon[data-v-7252937a] {
  position: absolute;
  bottom: -14px;
}
.title_bottom_trigon img[data-v-7252937a] {
    width: 13px;
}
.dialog-cover[data-v-7252937a] {
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 1112;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dialog-content[data-v-7252937a] {
  position: fixed;
  top: 35%;
  z-index: 1113;
}
.dialog-content .dialog_main[data-v-7252937a] {
    background: #ffffff;
    width: 100%;
    padding: 10px 16px 20px 16px;
    border-radius: 12px;
}
.dialog-content .dialog_select[data-v-7252937a] {
    margin-top: 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.dialog-content .dialog_select .select_btn[data-v-7252937a] {
      display: block;
      word-break: break-all;
      padding: 0 10px 0 10px;
      width: 143px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      height: 32px;
      text-align: center;
      line-height: 32px;
      border-radius: 24px;
      font-size: 14px;
      font-weight: 500;
      margin-top: 10px;
      color: #3A3A3A;
      border: 1px solid rgba(0, 0, 0, 0.12);
}
.dialog-content .dialog_select .is_sure_btn[data-v-7252937a] {
      display: block;
      word-break: break-all;
      padding: 0 10px 0 10px;
      width: 143px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      height: 32px;
      text-align: center;
      line-height: 32px;
      border-radius: 24px;
      font-size: 14px;
      font-weight: 500;
      margin-top: 10px;
      color: #f75946;
      border: 1px solid #f75946;
}
.dialog-content .foot_close[data-v-7252937a] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fcca03;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    margin-top: -25px;
}
.dialog-content .foot_close .close_img[data-v-7252937a] {
      width: 42px;
      height: 42px;
}

img[data-v-1027c214] {
  position: relative;
  height: 78px;
}
img.big[data-v-1027c214] {
    height: 188px;
}
/* thin border */
.shoutu-wrap[data-v-5ebbfec2] {
  position: absolute;
  right: 4px;
  bottom: 90px;
  z-index: 5;
}
.shoutu-wrap.active-animate[data-v-5ebbfec2] {
    -webkit-animation: move 1.5s ease-in-out;
            animation: move 1.5s ease-in-out;
}
@-webkit-keyframes move {
0% {
    -webkit-transform: translate3d(91px, 0, 0);
            transform: translate3d(91px, 0, 0);
}
75% {
    -webkit-transform: translate3d(0, 0, 4px);
            transform: translate3d(0, 0, 4px);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
}
85% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
}
90% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
}
95% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes move {
0% {
    -webkit-transform: translate3d(91px, 0, 0);
            transform: translate3d(91px, 0, 0);
}
75% {
    -webkit-transform: translate3d(0, 0, 4px);
            transform: translate3d(0, 0, 4px);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
}
85% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
}
90% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
}
95% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
}
.shoutu-wrap img[data-v-5ebbfec2] {
    width: 91px;
}
.shoutu-wrap .count-down[data-v-5ebbfec2] {
    width: 70px;
    position: absolute;
    text-align: center;
    right: 9px;
    bottom: 16px;
    font-size: 12px;
    line-height: 1;
    color: #ffffff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.banner-list {
  position: relative;
  height: 102px;
  margin-top: -15px;
  background: url("//qkassets.qkcdn.com/images/assets/f5022a44d0ca8ac068d87c89016fcc81.png") no-repeat center bottom/contain;
}
.banner-list .swiper-container .swiper-pagination {
    bottom: 2px;
}
.banner-list .swiper-container .swiper-pagination .swiper-pagination-bullet {
      opacity: 1 !important;
      width: 6px;
      height: 6px;
      background: #dddddd !important;
}
.banner-list .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #cccccc !important;
}
.banner-list img, .banner-list #ks-canvas {
    width: 335px;
    height: 80px;
    position: relative;
    left: 50%;
    margin-left: -168px;
}
.banner-list .modal-line {
    position: absolute;
    width: 32px;
    height: 1px;
    top: 4px;
    left: 50%;
    margin-left: -16px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -0.5px 0px #EEEEEE;
}
.banner-list .modal-container {
    position: relative;
    padding: 0 20px;
    height: 93px;
}
.banner-list .modal-container p {
      margin: 0;
}
.banner-list .modal-container .modal-wrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      top: 18px;
}
.banner-list .modal-container .modal-wrapper .modal-item {
        width: 164px;
        height: 56px;
        border-radius: 4px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-size: 100% 100%;
}
.banner-list .modal-container .modal-wrapper .modal-item .head {
          margin: 8px 0 8px 8px;
}
.banner-list .modal-container .modal-wrapper .modal-item .head .title {
            color: #3A3A3A;
            font-size: 14px;
            line-height: 20px;
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.banner-list .modal-container .modal-wrapper .modal-item .head .sub-title {
            font-family: PingFangSC;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            color: #AAAAAA;
}
.banner-list .modal-container .modal-wrapper .modal-item .icon {
          width: 50px;
          position: relative;
}
.banner-list .modal-container .modal-wrapper .modal-bq {
        margin-right: 7px;
        background-image: url("//qkassets.qkcdn.com/images/533c7e91f16743f0241f5bb40c6aac8b.png");
}
.banner-list .modal-container .modal-wrapper .modal-bq .icon {
          left: 15px;
}
.banner-list .modal-container .modal-wrapper .modal-ks {
        background-image: url("//qkassets.qkcdn.com/images/b8507d9b6a5c3f207b335fa7c1380d2c.png");
}
.banner-list .modal-container .modal-wrapper .modal-ks .icon {
          left: 23px;
}
/* thin border */
.popup-update-assistant[data-v-55632158] {
  overflow: inherit;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.popup-update-assistant .title-img[data-v-55632158] {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url("//qkassets.qkcdn.com/images/f7857b3fc786cf27ebc09aa7a80f0471.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.popup-update-assistant .title[data-v-55632158] {
    margin: 20px auto 8px;
    text-align: center;
    font-size: 16px;
    color: #3a3a3a;
    line-height: 32px;
    height: 32px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .content[data-v-55632158] {
    width: 261px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    background-image: url("//qkassets.qkcdn.com/images/assets/3a8c8bf54369b9ae36d5a905f022bf40.png");
    background-size: 100% 120px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-update-assistant .content .app-icon[data-v-55632158] {
      position: absolute;
      left: 47px;
      top: 46px;
      width: 36px;
      height: 36px;
      border-radius: 14px;
}
.popup-update-assistant .content .app-name[data-v-55632158] {
      position: absolute;
      top: 44px;
      left: 97px;
      font-size: 14px;
      color: #333333;
      height: 24px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .content .app-developer[data-v-55632158] {
      position: absolute;
      top: 53px;
      left: 119px;
      font-size: 6px;
      color: #333333;
      height: 8px;
      line-height: 8px;
}
.popup-update-assistant .content .app-developer img[data-v-55632158] {
        margin-left: 3px;
        vertical-align: middle;
}
.popup-update-assistant .content .arrow[data-v-55632158] {
      width: 2px;
      height: 4px;
}
.popup-update-assistant .content .app-size[data-v-55632158] {
      position: absolute;
      top: 5px;
      left: 204px;
      color: #cfcece;
      -webkit-transform: rotate(47deg);
          -ms-transform: rotate(47deg);
              transform: rotate(47deg);
      font-size: 12px;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      font-weight: 900;
}
.popup-update-assistant .desc[data-v-55632158] {
    text-align: center;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 24px;
}
.popup-update-assistant .desc .num[data-v-55632158] {
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .desc-detail[data-v-55632158] {
    padding: 8px;
    line-height: 20px;
    font-size: 12px;
    margin: 16px 17px 0;
    background-color: #f5f5f5;
}
.popup-update-assistant .desc-detail .order[data-v-55632158] {
      display: inline-block;
      width: 11px;
}
.popup-update-assistant .btn-update[data-v-55632158] {
    position: relative;
    margin: 14px auto 0;
    color: #fff;
    background-color: #f75946;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .btn-update[data-v-55632158]:active {
      background-color: #D53926 !important;
}
/* thin border */
.popup-container[data-v-ace332fa] {
  visibility: hidden;
}
.popup-container .popup[data-v-ace332fa] {
  color: #484746;
  width: 275px;
  border-radius: 4px;
}
.popup-container .popup .popup-head[data-v-ace332fa] {
    border-bottom: 1px solid #eee;
}
.popup-buttons > .button[data-v-ace332fa] {
  margin-bottom: 0;
  margin-right: 10px;
}
.popup-buttons > .button[data-v-ace332fa]:last-child {
    margin-right: 0px;
}
.popup-buttons > .button.button-block[data-v-ace332fa] {
    margin-top: 0;
}
@-webkit-keyframes scaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
    opacity: 0;
}
}
@keyframes scaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
}
}
@-webkit-keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.popup-container.popup-hidden .popup[data-v-ace332fa] {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.popup-container.active .popup[data-v-ace332fa] {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@-webkit-keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
}
@keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
}
@-webkit-keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@-webkit-keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
}
@keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
}
.popup-container[effect='scale'].popup-hidden .popup[data-v-ace332fa] {
  -webkit-animation-name: customScaleOut;
  animation-name: customScaleOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='scale'].active .popup[data-v-ace332fa] {
  -webkit-animation-name: customScaleIn;
  animation-name: customScaleIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='slide'].popup-hidden .popup[data-v-ace332fa] {
  -webkit-animation-name: slideUpOut;
  animation-name: slideUpOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-container[effect='slide'].active .popup[data-v-ace332fa] {
  -webkit-animation-name: slideDownIn;
  animation-name: slideDownIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-note[data-v-ace332fa] {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-note .popup-body[data-v-ace332fa] {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-note .popup-body .title-img[data-v-ace332fa] {
      position: relative;
      width: 92px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/4d1626b58ccd98936736e246e2340284.png");
      background-size: contain;
}
.popup-note .popup-body .title[data-v-ace332fa] {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money[data-v-ace332fa] {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money .num[data-v-ace332fa] {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .hairline-bottom[data-v-ace332fa]::after {
      display: none;
}
.popup-note .popup-buttons button[data-v-ace332fa] {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-note .popup-buttons button span[data-v-ace332fa] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward[data-v-ace332fa] {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-update-version-reward .popup-body[data-v-ace332fa] {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-update-version-reward .popup-body .title-img[data-v-ace332fa] {
      position: relative;
      width: 116px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png");
      background-size: contain;
}
.popup-update-version-reward .popup-body .title[data-v-ace332fa] {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money[data-v-ace332fa] {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money .num[data-v-ace332fa] {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .hairline-bottom[data-v-ace332fa]::after {
      display: none;
}
.popup-update-version-reward .popup-buttons button[data-v-ace332fa] {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-update-version-reward .popup-buttons button span[data-v-ace332fa] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-buttons button[data-v-ace332fa]:active {
      background: #E0412E !important;
      box-shadow: none;
}
.popup-preorder-publish-date[data-v-ace332fa] {
  width: 287px !important;
}
.popup-preorder-publish-date .popup-body[data-v-ace332fa] {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 64px 24px 0 24px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-preorder-publish-date .popup-body .title-img[data-v-ace332fa] {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -112px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/4feb53ba219c4729625381cd5d56cc1d.png");
      background-size: contain;
      vertical-align: top;
}
.popup-preorder-publish-date .popup-body .title[data-v-ace332fa] {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      line-height: 24px;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .desc[data-v-ace332fa] {
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      margin: 0 24px;
}
.popup-preorder-publish-date .popup-body .desc span[data-v-ace332fa] {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap[data-v-ace332fa] {
      margin-top: 16px;
      padding: 12px;
      background-color: #fafafa;
      border-radius: 4px;
      max-height: 134px;
      overflow: auto;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item[data-v-ace332fa] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 20px;
        margin-bottom: 8px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 12px;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .left[data-v-ace332fa] {
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          color: #3a3a3a;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 24px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .right[data-v-ace332fa] {
          color: #f75946;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item[data-v-ace332fa]:last-child {
          margin-bottom: 0;
}
.popup-preorder-publish-date .popup-body .num-wrap[data-v-ace332fa] {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .num-wrap .num[data-v-ace332fa] {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .button-close[data-v-ace332fa] {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-preorder-publish-date .popup-body .button-close .ion-ios-close-empty[data-v-ace332fa] {
        display: none;
}
.popup-preorder-publish-date .hairline-bottom[data-v-ace332fa] {
    display: none;
}
.popup-preorder-publish-date .popup-buttons[data-v-ace332fa] {
    width: 175px;
    margin: 32px auto;
}
.popup-preorder-publish-date .popup-buttons button[data-v-ace332fa] {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-buttons button[data-v-ace332fa]:active {
        background: #e0412e !important;
        box-shadow: none;
}
.popup-apprentice-v539[data-v-ace332fa] {
  width: 100% !important;
  background: none !important;
  margin-top: -60px;
}
.popup-apprentice-v539 .popup-body[data-v-ace332fa] {
    text-align: center;
    overflow: inherit !important;
    height: 412px !important;
    padding: 0 !important;
}
.popup-apprentice-v539 .popup-body img[data-v-ace332fa] {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-top: 48px;
}
.popup-apprentice-v539 .popup-body .button-small[data-v-ace332fa] {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important;
}
.popup-apprentice-v539 .popup-body .button-close[data-v-ace332fa] {
      top: 392px !important;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-apprentice-v539 .popup-body .button-close .ion-ios-close-empty[data-v-ace332fa] {
        display: none;
}
.popup-apprentice-v539 .hairline-bottom[data-v-ace332fa] {
    display: none;
}

/* thin border */
.column[data-v-ace332fa] {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.popup-container .von-popup[data-v-ace332fa] {
  background-color: #fff;
  border-radius: 8px;
  width: 287px;
}
.popup-container .von-popup.height-auto[data-v-ace332fa] {
    height: auto;
    margin-top: -61px;
}
.popup-container .von-popup .popup-body[data-v-ace332fa] {
    padding: 32px 0 32px 0 !important;
}
.popup-container.popup-showing[data-v-ace332fa] {
  visibility: visible !important;
  transition: 0.3s;
}
.close[data-v-ace332fa] {
  margin-top: 32px;
  pointer-events: auto;
}
.close img[data-v-ace332fa] {
    width: 24px;
    height: 24px;
}
.close.close-visibility[data-v-ace332fa] {
    visibility: hidden;
}
/* thin border */
.active-guide[data-v-3f919cfc] {
  margin: 32px 16px -16px;
  padding: 12px;
  background-color: #fffaeb;
}
.active-guide .remind[data-v-3f919cfc] {
    display: inline-block;
    text-align: left;
    width: 148px;
    height: 60px;
    line-height: 20px;
    font-size: 12px;
    vertical-align: middle;
    margin-right: -3px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.active-guide .action[data-v-3f919cfc] {
    display: inline-block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    border: solid 0.5px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    color: #3a3a3a;
    opacity: 0.5;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.active-guide .action.no-disable[data-v-3f919cfc] {
      opacity: 1;
}
.active-guide .action[data-v-3f919cfc]:active {
      border: none;
}
/* thin border */
.popup-update-assistant[data-v-0d8b9a80] {
  overflow: inherit;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.popup-update-assistant .title-img[data-v-0d8b9a80] {
    width: 116px;
    height: 96px;
    margin: -86px auto 0;
    background: url("//qkassets.qkcdn.com/images/assets/ddb017d7cbc70faf513691ba9ceb438e.png");
    background-size: contain;
}
.popup-update-assistant .title[data-v-0d8b9a80] {
    margin: 12px auto 16px;
    text-align: center;
    font-size: 16px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .content[data-v-0d8b9a80] {
    width: 261px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    background-image: url("//qkassets.qkcdn.com/images/assets/3a8c8bf54369b9ae36d5a905f022bf40.png");
    background-size: 100% 120px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-update-assistant .content .app-icon[data-v-0d8b9a80] {
      position: absolute;
      left: 47px;
      top: 46px;
      width: 36px;
      height: 36px;
      border-radius: 14px;
}
.popup-update-assistant .content .app-name[data-v-0d8b9a80] {
      position: absolute;
      top: 44px;
      left: 97px;
      font-size: 14px;
      color: #333333;
      height: 24px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .content .app-developer[data-v-0d8b9a80] {
      position: absolute;
      top: 53px;
      left: 119px;
      font-size: 6px;
      color: #333333;
      height: 8px;
      line-height: 8px;
}
.popup-update-assistant .content .app-developer img[data-v-0d8b9a80] {
        margin-left: 3px;
        vertical-align: middle;
}
.popup-update-assistant .content .arrow[data-v-0d8b9a80] {
      width: 2px;
      height: 4px;
}
.popup-update-assistant .content .app-size[data-v-0d8b9a80] {
      position: absolute;
      top: 5px;
      left: 204px;
      color: #cfcece;
      -webkit-transform: rotate(47deg);
          -ms-transform: rotate(47deg);
              transform: rotate(47deg);
      font-size: 12px;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      font-weight: 900;
}
.popup-update-assistant .desc[data-v-0d8b9a80] {
    text-align: center;
    padding: 0 40px;
    font-size: 14px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-update-assistant .desc-detail[data-v-0d8b9a80] {
    padding: 8px;
    line-height: 20px;
    font-size: 12px;
    margin: 16px 17px 0;
    background-color: #f5f5f5;
}
.popup-update-assistant .desc-detail .order[data-v-0d8b9a80] {
      display: inline-block;
      width: 11px;
}
.popup-update-assistant .btn-update[data-v-0d8b9a80] {
    position: relative;
    margin: 32px auto 0;
    color: #fff;
    background-color: #f75946;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .btn-update[data-v-0d8b9a80]:active {
      background-color: #D53926 !important;
}
/* thin border */
.popup-update-assistant[data-v-f35eb444] {
  overflow: inherit;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.popup-update-assistant .title-img[data-v-f35eb444] {
    width: 116px;
    height: 96px;
    margin: -86px auto 0;
    background: url("//qkassets.qkcdn.com/images/assets/ddb017d7cbc70faf513691ba9ceb438e.png");
    background-size: contain;
}
.popup-update-assistant .title[data-v-f35eb444] {
    margin: 12px auto 16px;
    text-align: center;
    font-size: 16px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .content[data-v-f35eb444] {
    width: 261px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    background-image: url("//qkassets.qkcdn.com/images/assets/3a8c8bf54369b9ae36d5a905f022bf40.png");
    background-size: 100% 120px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-update-assistant .content .app-icon[data-v-f35eb444] {
      position: absolute;
      left: 47px;
      top: 46px;
      width: 36px;
      height: 36px;
      border-radius: 14px;
}
.popup-update-assistant .content .app-name[data-v-f35eb444] {
      position: absolute;
      top: 44px;
      left: 97px;
      font-size: 14px;
      color: #333333;
      height: 24px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .content .app-developer[data-v-f35eb444] {
      position: absolute;
      top: 53px;
      left: 119px;
      font-size: 6px;
      color: #333333;
      height: 8px;
      line-height: 8px;
}
.popup-update-assistant .content .app-developer img[data-v-f35eb444] {
        margin-left: 3px;
        vertical-align: middle;
}
.popup-update-assistant .content .arrow[data-v-f35eb444] {
      width: 2px;
      height: 4px;
}
.popup-update-assistant .content .app-size[data-v-f35eb444] {
      position: absolute;
      top: 5px;
      left: 204px;
      color: #cfcece;
      -webkit-transform: rotate(47deg);
          -ms-transform: rotate(47deg);
              transform: rotate(47deg);
      font-size: 12px;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      font-weight: 900;
}
.popup-update-assistant .desc[data-v-f35eb444] {
    text-align: center;
    padding: 0 40px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-update-assistant .desc-detail[data-v-f35eb444] {
    padding: 8px;
    line-height: 20px;
    font-size: 12px;
    margin: 16px 17px 0;
    background-color: #f5f5f5;
}
.popup-update-assistant .desc-detail .order[data-v-f35eb444] {
      display: inline-block;
      width: 11px;
}
.popup-update-assistant .btn-update[data-v-f35eb444] {
    position: relative;
    margin: 32px auto 0;
    color: #fff;
    background-color: #f75946;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-assistant .btn-update[data-v-f35eb444]:active {
      background-color: #D53926 !important;
}
/* thin border */
.popup-deblocking-task[data-v-7ba18178] {
  overflow: visible !important;
}
.popup-deblocking-task .icon-box[data-v-7ba18178] {
    position: relative;
    left: 3px;
    width: 96px;
    height: 96px;
    margin: -80px auto 0;
}
.popup-deblocking-task .icon-box img[data-v-7ba18178] {
      width: 100%;
      height: 100%;
}
.popup-deblocking-task .popup-tip[data-v-7ba18178] {
    text-align: center;
    margin-top: 16px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-deblocking-task .start-task[data-v-7ba18178] {
    width: 181px;
    height: 48px;
    background: #f75946;
    box-shadow: 0px 1px 4px 0px rgba(248, 89, 70, 0.5);
    border-radius: 24px;
    margin: 32px auto 0 auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-deblocking-task .closed[data-v-7ba18178] {
    position: absolute;
    pointer-events: auto;
    height: 34px;
    bottom: -66px;
    left: 50%;
    margin-left: -12px;
}
.popup-deblocking-task .closed img[data-v-7ba18178] {
      width: 24px;
      height: 24px;
}
/* thin border */
.return-reward-popup .popup {
  background: none !important;
}
.return-reward-popup .popup .wrapper {
    width: 100%;
    height: 533px !important;
    background: url("//qkassets.qkcdn.com/images/assets/da74458fefbff794c9a51caa11b9b953.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 22px;
}
.return-reward-popup .popup .wrapper .reward-wrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 224px;
      position: relative;
      margin: 216px auto 0;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item {
        position: relative;
        width: 72px;
        height: 84px;
        margin-bottom: 4px;
        border-radius: 4px;
        font-size: 10px;
        background-color: #f5f5f5;
        color: #666666;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item .reward-item-day {
          line-height: 20px;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          background-color: #efefef;
          text-align: center;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item .reward-item-day.rewarded {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            color: #ffffff;
            background-color: #f0973e;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item .reward-item-bottom {
          width: 56px;
          line-height: 17px;
          border-radius: 8px;
          background-color: #ffffff;
          color: #f75946;
          position: absolute;
          text-align: center;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          bottom: 5px;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item .bg {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          left: 0;
          top: 0;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item-seventh {
        border-radius: 8px;
        background: #fbe9e8;
}
.return-reward-popup .popup .wrapper .reward-wrap .reward-item-seventh img {
          width: 100%;
          height: auto;
}
.return-reward-popup .popup .wrapper .reward-wrap .current-day-sp {
        border: 3px solid #f75946;
        border-radius: 4px;
}
.return-reward-popup .popup .wrapper .reward-wrap .current-day {
        border: 3px solid #f75946;
        background-color: #fbe9e7;
}
.return-reward-popup .popup .wrapper .reward-wrap .current-day .reward-item-day {
          position: absolute;
          left: -3px;
          top: -3px;
          width: 72px;
          background-color: #f75946;
          color: #ffffff;
}
.return-reward-popup .popup .wrapper .reward-wrap .current-day .reward-item-bottom {
          color: #f75946;
          background-color: #f8d5d4;
}
.return-reward-popup .popup .wrapper .reward-wrap .disabled-day .reward-item-day, .return-reward-popup .popup .wrapper .reward-wrap .disabled-day .reward-item-bottom {
        color: #b1b1b1;
}
.return-reward-popup .popup .closed {
    position: absolute;
    pointer-events: auto;
    height: 34px;
    bottom: -66px;
    left: 50%;
    margin-left: -12px;
}
.return-reward-popup .popup .closed img {
      width: 24px;
      height: 24px;
}
/* thin border */
.popup-container {
  visibility: hidden;
}
.popup-container .popup {
  color: #484746;
  width: 275px;
  border-radius: 4px;
}
.popup-container .popup .popup-head {
    border-bottom: 1px solid #eee;
}
.popup-buttons > .button {
  margin-bottom: 0;
  margin-right: 10px;
}
.popup-buttons > .button:last-child {
    margin-right: 0px;
}
.popup-buttons > .button.button-block {
    margin-top: 0;
}
@-webkit-keyframes scaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
    opacity: 0;
}
}
@keyframes scaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
}
}
@-webkit-keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.popup-container.popup-hidden .popup {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.popup-container.active .popup {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@-webkit-keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
}
@keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
}
@-webkit-keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@-webkit-keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
}
@keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
}
.popup-container[effect='scale'].popup-hidden .popup {
  -webkit-animation-name: customScaleOut;
  animation-name: customScaleOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='scale'].active .popup {
  -webkit-animation-name: customScaleIn;
  animation-name: customScaleIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='slide'].popup-hidden .popup {
  -webkit-animation-name: slideUpOut;
  animation-name: slideUpOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-container[effect='slide'].active .popup {
  -webkit-animation-name: slideDownIn;
  animation-name: slideDownIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-note {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-note .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-note .popup-body .title-img {
      position: relative;
      width: 92px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/4d1626b58ccd98936736e246e2340284.png");
      background-size: contain;
}
.popup-note .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .hairline-bottom::after {
      display: none;
}
.popup-note .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-note .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-update-version-reward .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-update-version-reward .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png");
      background-size: contain;
}
.popup-update-version-reward .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .hairline-bottom::after {
      display: none;
}
.popup-update-version-reward .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-update-version-reward .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-buttons button:active {
      background: #E0412E !important;
      box-shadow: none;
}
.popup-preorder-publish-date {
  width: 287px !important;
}
.popup-preorder-publish-date .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 64px 24px 0 24px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-preorder-publish-date .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -112px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/4feb53ba219c4729625381cd5d56cc1d.png");
      background-size: contain;
      vertical-align: top;
}
.popup-preorder-publish-date .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      line-height: 24px;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .desc {
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      margin: 0 24px;
}
.popup-preorder-publish-date .popup-body .desc span {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap {
      margin-top: 16px;
      padding: 12px;
      background-color: #fafafa;
      border-radius: 4px;
      max-height: 134px;
      overflow: auto;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 20px;
        margin-bottom: 8px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 12px;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .left {
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          color: #3a3a3a;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 24px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .right {
          color: #f75946;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item:last-child {
          margin-bottom: 0;
}
.popup-preorder-publish-date .popup-body .num-wrap {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-preorder-publish-date .popup-body .button-close .ion-ios-close-empty {
        display: none;
}
.popup-preorder-publish-date .hairline-bottom {
    display: none;
}
.popup-preorder-publish-date .popup-buttons {
    width: 175px;
    margin: 32px auto;
}
.popup-preorder-publish-date .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none;
}
.popup-apprentice-v539 {
  width: 100% !important;
  background: none !important;
  margin-top: -60px;
}
.popup-apprentice-v539 .popup-body {
    text-align: center;
    overflow: inherit !important;
    height: 412px !important;
    padding: 0 !important;
}
.popup-apprentice-v539 .popup-body img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-top: 48px;
}
.popup-apprentice-v539 .popup-body .button-small {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important;
}
.popup-apprentice-v539 .popup-body .button-close {
      top: 392px !important;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-apprentice-v539 .popup-body .button-close .ion-ios-close-empty {
        display: none;
}
.popup-apprentice-v539 .hairline-bottom {
    display: none;
}

/* thin border */
.column {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.popup-container .popup.popup-width-375 {
  width: 375px;
}
.popup-container .popup.popup-width-287 {
  width: 287px;
}
.popup-container .popup.popup-width-343 {
  width: 343px;
}
.is-transparent {
  background-color: transparent !important;
}
.popup-container .von-popup {
  background-color: #fff;
  border-radius: 8px;
}
.popup-container.custom-popup-container.popup-showing {
  transition: 0.3s;
}
.popup-container.custom-popup-container.no-justify-center {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.popup-container.custom-popup-container.no-align-center {
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.close {
  pointer-events: auto;
  margin-top: 32px;
  height: 24px;
}
.close img {
    width: 24px;
    height: 24px;
}
/* thin border */
.receive-reward-popup .reward-container {
  position: relative;
  width: 287px !important;
  text-align: center;
}
.receive-reward-popup .reward-container .reward-icon {
    position: relative;
    margin: -47px auto 0 auto;
    width: 114px;
    height: 95px;
    overflow: hidden;
}
.receive-reward-popup .reward-container .reward-icon img {
      width: 114px;
      height: 95px;
}
.receive-reward-popup .reward-container .reward-title {
    margin-top: 19px;
    color: #3a3a3a;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.receive-reward-popup .reward-container .reward-coin {
    color: #ff9214;
    margin-bottom: 7px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.receive-reward-popup .reward-container .reward-coin span {
      display: inline-block;
}
.receive-reward-popup .reward-container .reward-coin .add {
      font-size: 14px;
      margin-right: 4px;
}
.receive-reward-popup .reward-container .reward-coin .unit {
      font-size: 20px;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      position: relative;
      left: -7px;
      top: 1px;
}
.receive-reward-popup .reward-container .reward-coin .coin {
      font-size: 32px;
      line-height: 1.13;
      font-family: "gilroy-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.receive-reward-popup .reward-container .reward-subtitle {
    font-size: 14px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.receive-reward-popup .reward-container .reward-list {
    width: 243px !important;
    max-height: 100px !important;
    position: relative !important;
    margin: 16px auto 0 auto;
    background: #f5f5f5;
    text-align: left;
    padding: 0px 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.receive-reward-popup .reward-container .reward-list .pb-18 {
      padding-bottom: 18px !important;
}
.receive-reward-popup .reward-container .reward-list li {
      line-height: 20px;
      margin-bottom: 8px;
}
.receive-reward-popup .reward-container .reward-list li span {
        display: inline-block;
        color: #3a3a3a;
        font-size: 12px;
        width: 28%;
}
.receive-reward-popup .reward-container .reward-list li span:first-child {
          width: 36%;
}
.receive-reward-popup .reward-container .reward-list li span:last-child {
          float: right;
          text-align: right;
}
.receive-reward-popup .reward-container .reward-list li:last-child {
      margin-bottom: 0;
}
.receive-reward-popup .reward-container .hairline-bottom::after {
    display: none;
}
.receive-reward-popup .reward-container .button-close {
    top: 372px !important;
    left: 44% !important;
    width: 34px !important;
    height: 34px !important;
    background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover;
}
.receive-reward-popup .reward-container .button-close .ion-ios-close-empty {
      display: none;
}
.receive-reward-popup .reward-container .reward-button {
    width: 175px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    background-color: #f75946;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin: 32px auto;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.receive-reward-popup .reward-container .reward-button:active {
      background: #E0412E;
      box-shadow: none;
}
/* thin border */
.slient-reward-container .close {
  pointer-events: auto;
  margin-top: 32px;
  height: 24px;
}
.slient-reward-container .close img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
}
.slient-reward-popup {
  background: url("//qkassets.qkcdn.com/images/assets/0e5c5d07bf9e64cd32c0992ff56777ef.png") no-repeat;
  background-size: 100% 100%;
  height: 383px;
}
.slient-reward-popup p {
    margin: 0;
}
.slient-reward-popup .title {
    text-align: center;
    margin-top: 147px;
}
.slient-reward-popup .title p {
      font-size: 16px;
      font-family: PingFangSC-Semibold;
      color: #804330;
}
.slient-reward-popup .reward-card {
    padding-top: 6px;
    margin-top: 12px;
    font-weight: 600;
}
.slient-reward-popup .reward-card .reward-item {
      height: 64px;
      margin-bottom: 8px;
      color: #ff6f31;
}
.slient-reward-popup .reward-card .reward-item .reward-title {
        width: 62px;
        text-align: center;
        float: left;
}
.slient-reward-popup .reward-card .reward-item .reward-title .reward {
          font-size: 32px;
          line-height: 64px;
          font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.slient-reward-popup .reward-card .reward-item .reward-title .reward1 {
          font-size: 22px;
          margin-top: 15px;
          font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.slient-reward-popup .reward-card .reward-item .reward-title .tip {
          font-size: 12px;
          position: relative;
          top: -1px;
}
.slient-reward-popup .reward-card .reward-item .reward-title .tip1 {
          font-size: 12px;
          position: relative;
          bottom: 2px;
}
.slient-reward-popup .reward-card .reward-item .reward-desc {
        float: left;
        font-size: 14px;
        margin: 0 0 0 12px;
        line-height: 68px;
}
.slient-reward-popup .reward-card .reward-item .reward-btn {
        float: right;
        width: 64px;
        height: 28px;
        background-color: #f75946;
        border-radius: 14px;
        box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
        margin: 20px 12px 0 0;
        color: #ffffff;
        text-align: center;
        line-height: 28px;
        font-family: PingFangSC-Semibold;
        font-size: 14px;
}
.slient-reward-popup .reward-card .reward-item .reward-btn:active {
          background-color: #D53926;
}
.slient-reward-popup .reward-card .reward-item .disable {
        background-color: #eeeeee;
        box-shadow: none;
}
.slient-reward-popup .reward-card .reward-item .disable:active {
          background-color: #eeeeee;
}
/* thin border */
.popup-deblocking-task[data-v-f2cecb8c] {
  overflow: visible !important;
}
.popup-deblocking-task .icon-box[data-v-f2cecb8c] {
    position: relative;
    left: 3px;
    width: 116px;
    height: 96px;
    margin: -80px auto 0;
}
.popup-deblocking-task .icon-box img[data-v-f2cecb8c] {
      width: 100%;
      height: 100%;
}
.popup-deblocking-task .reward-content[data-v-f2cecb8c] {
    margin-top: 16px;
    text-align: center;
    color: #f75946;
    line-height: 38px;
    height: 38px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-deblocking-task .reward-content .plus[data-v-f2cecb8c] {
      font-size: 22px;
}
.popup-deblocking-task .reward-content .reward[data-v-f2cecb8c] {
      font-family: qiankaFont;
      font-size: 38px;
}
.popup-deblocking-task .reward-content .yuan[data-v-f2cecb8c] {
      font-size: 14px;
}
.popup-deblocking-task .popup-tip[data-v-f2cecb8c] {
    text-align: center;
    margin-top: 16px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-deblocking-task .start-task[data-v-f2cecb8c] {
    width: 175px;
    height: 48px;
    background: #f75946;
    box-shadow: 0px 1px 4px 0px rgba(248, 89, 70, 0.5);
    border-radius: 24px;
    margin: 32px auto 0 auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.popup-body.popup-assistant {
  padding: 193px 10px 25px 10px !important;
  text-align: center;
  height: 342px;
}
.popup-body.popup-assistant.popup-unopen-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/6cfffc8517e6ce53457f010e41fd5c51.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.popup-assistant.popup-invalid-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/0768a1cb4d4f745d30085af717565e6a.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    height: 310px;
}
.popup-body.popup-assistant.popup-upgrade-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/2e55daba837c230dca9db2886b498149.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.popup-assistant .text {
    font-size: 14px;
    line-height: 22px;
    color: #3A3A3A;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-body.popup-assistant .btn-open, .popup-body.popup-assistant .btn-download, .popup-body.popup-assistant .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-size: 13px;
}
.popup-body.popup-assistant .btn-download {
    margin-bottom: 0;
}
.popup-body.popup-assistant .tips {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
}
.popup-assistant-help {
  text-align: center;
  width: 275px;
  height: 282px;
  padding-top: 34px !important;
}
.popup-assistant-help .icon-wrapper {
    height: 52px;
    margin-bottom: 12px;
}
.popup-assistant-help .icon-wrapper .icon {
      width: 52px;
      height: 52px;
}
.popup-assistant-help .name {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 18px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-assistant-help .tag {
    font-size: 13px;
    color: #3A3A3A;
    height: 18px;
    line-height: 18px;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-assistant-help .btn-open, .popup-assistant-help .btn-download, .popup-assistant-help .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 16px;
    font-size: 13px;
}
.popup-assistant-help .tips {
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-ios-less-than-8 {
  height: 240px !important;
}
/* thin border */
.list-wrap[data-v-1eb7c7a8] {
  margin-bottom: 8px;
  height: 108px;
}
.list-wrap div.column[data-v-1eb7c7a8]:nth-child(1) {
    margin-right: 7px;
}
.column[data-v-1eb7c7a8] {
  position: relative;
  width: 164px;
  height: 108px;
  border-radius: 4px;
  display: inline-block;
  text-align: left;
  background-size: 100% 100% !important;
  padding-top: 10px;
  transition: 0.3s;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column:first-child .sub-title[data-v-1eb7c7a8] {
    position: relative;
    top: -1px;
}
.column[data-v-1eb7c7a8]:last-child {
    padding-left: 8px;
}
.column:last-child .title[data-v-1eb7c7a8] {
      color: #fff;
      margin-left: 0px;
}
.column:last-child .sub-title[data-v-1eb7c7a8] {
      margin-left: 0px;
      position: relative;
      top: -1px;
}
.column .title[data-v-1eb7c7a8] {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-left: 8px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .sub-title[data-v-1eb7c7a8] {
    width: 63px;
    white-space: normal;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
    margin-top: 2px;
}
.column .top-tag[data-v-1eb7c7a8] {
    width: 83px;
    height: 17px;
    position: absolute;
    right: 9px;
    top: -4px;
}
.column .tops-tag[data-v-1eb7c7a8] {
    width: 64px;
    height: 16px;
    position: absolute;
    right: 36px;
    top: -4px;
}
.column .shoutu-tag[data-v-1eb7c7a8] {
    width: 84px;
    height: 27px;
    position: absolute;
    top: -6px;
    right: 9px;
}
.column .shoutu-tag img[data-v-1eb7c7a8] {
      width: 100%;
      height: 100%;
}
.new-class[data-v-1eb7c7a8] {
  margin-bottom: 0;
}
.new-class .column[data-v-1eb7c7a8] {
    /* .title {
      i {
        display: inline-block;
        margin-left: 7px;
        margin-bottom: 2px;
        width: 6px;
        height: 6px;
        border-bottom: 1px solid #c19250;
        border-right: 1px solid #c19250;
        transform: rotate(-45deg);
      }
    } */
}
.new-class .column[data-v-1eb7c7a8]:first-child {
      height: 164px;
}
.new-class .column[data-v-1eb7c7a8]:last-child {
      height: 100px;
}
/* thin border */
.list-wrap[data-v-23f712b6] {
  margin-bottom: 8px;
  height: 108px;
}
.list-wrap.long .column[data-v-23f712b6] {
    width: 335px;
    height: 144px;
    display: block;
    margin-bottom: 16px;
}
.list-wrap.long .column .title[data-v-23f712b6] {
      margin: 14px 0 10px 24px;
      font-size: 20px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.list-wrap.long .column .sub-title[data-v-23f712b6] {
      margin-left: 24px;
      width: 100%;
      font-size: 14px;
}
.list-wrap.long .column.shiwan[data-v-23f712b6] {
      margin-right: 0;
      background: url("//qkassets.qkcdn.com/images/assets/99d35f8aeb221941031c49c65ebefb58.png") no-repeat;
}
.list-wrap.long .column.shoutu[data-v-23f712b6] {
      background: url("//qkassets.qkcdn.com/images/assets/6c8cd084c3d24c0092975e2ac7774506.png") no-repeat;
}
.column[data-v-23f712b6] {
  position: relative;
  width: 164px;
  height: 108px;
  border-radius: 4px;
  display: inline-block;
  text-align: left;
  background-size: 100% 100% !important;
  padding-top: 10px;
  transition: 0.3s;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column.shiwan[data-v-23f712b6] {
    color: #3a3a3a;
    background: url("//qkassets.qkcdn.com/images/assets/fe554eecc7f094da8764cbcf681e000e.png") no-repeat;
    box-shadow: 0 2px 8px 0 rgba(184, 129, 0, 0.2);
    margin-right: 2px;
}
.column.shiwan .sub-title[data-v-23f712b6] {
      color: #c19250;
}
.column.shoutu[data-v-23f712b6] {
    color: #ffffff;
    background: url("//qkassets.qkcdn.com/images/assets/3961bf4cbf157378cc68d83bd4b88155.png") no-repeat;
    box-shadow: 0 1px 4px 0 rgba(110, 93, 186, 0.3);
}
.column.shoutu .sub-title[data-v-23f712b6] {
      color: #bdb3e6;
}
.column:first-child .sub-title[data-v-23f712b6] {
    position: relative;
    top: -1px;
}
.column[data-v-23f712b6]:last-child {
    padding-left: 8px;
}
.column:last-child .title[data-v-23f712b6] {
      color: #fff;
      margin-left: 0px;
}
.column:last-child .sub-title[data-v-23f712b6] {
      margin-left: 0px;
      position: relative;
      top: -1px;
}
.column .title[data-v-23f712b6] {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-left: 8px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .sub-title[data-v-23f712b6] {
    width: 63px;
    white-space: normal;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
    margin-top: 2px;
}
.column .top-tag[data-v-23f712b6] {
    width: 83px;
    height: 17px;
    position: absolute;
    right: 9px;
    top: -4px;
}
.column .tops-tag[data-v-23f712b6] {
    position: absolute;
    right: 16px;
    top: -7px;
    height: 16px;
    line-height: 14px;
    background: #f75946;
    border-radius: 12px;
    border-bottom-left-radius: 0;
}
.column .tops-tag .count-down[data-v-23f712b6] {
      font-size: 10px;
      padding: 0px 5px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .tops-tag .count-down span[data-v-23f712b6] {
        position: relative;
        left: -3px;
}
.column .tops-tag em[data-v-23f712b6] {
      font-size: 10px;
      padding: 1px 7px;
}
.column .shoutu-top[data-v-23f712b6] {
    background: none;
    right: -6px;
    top: -13px;
}
.column .shoutu-top .apprentice_546[data-v-23f712b6] {
      width: 90px;
      height: 28px;
}
.column .shoutu-top .apprentice_549[data-v-23f712b6] {
      width: 58px;
      height: 29px;
}
.column .shoutu-tag[data-v-23f712b6] {
    width: 84px;
    height: 27px;
    position: absolute;
    top: -6px;
    right: 9px;
}
.column .shoutu-tag img[data-v-23f712b6] {
      width: 100%;
      height: 100%;
}
.new-class[data-v-23f712b6] {
  margin-bottom: 8px;
}
.new-class .column[data-v-23f712b6] {
    height: 108px;
}
/* thin border */
.wrap[data-v-eaf9ff56] {
  font-size: 0;
}
.wrap .column[data-v-eaf9ff56] {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 56px;
    transition: 0.3s;
    color: #fff;
    background-size: 100% 100%;
    padding: 12px 10px 0 9px;
    border-radius: 4px;
}
.wrap .column.register[data-v-eaf9ff56] {
      background: url("//qkassets.qkcdn.com/images/assets/f021b109e0664fec84cbe7d5315a0bf1.png") no-repeat center/cover;
      margin-right: 7px;
      box-shadow: 0 1px 4px 0 rgba(0, 180, 68, 0.3);
      -webkit-box-shadow: 0 1px 4px 0 rgba(0, 180, 68, 0.3);
}
.wrap .column.register .sub-title[data-v-eaf9ff56] {
        color: #96ecb6;
}
.wrap .column.explore[data-v-eaf9ff56] {
      background: url("//qkassets.qkcdn.com/images/assets/6515049bbcfb24e34beadd1e8b0a69e5.png") no-repeat center/cover;
      box-shadow: 0 1px 6px 0 rgba(0, 68, 159, 0.2);
      -webkit-box-shadow: 0 1px 6px 0 rgba(0, 68, 159, 0.2);
}
.wrap .column.explore .sub-title[data-v-eaf9ff56] {
        color: #85c7fc;
}
.wrap .column .welfare-lock[data-v-eaf9ff56] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("//qkassets.qkcdn.com/images/assets/81bdad63fa0a6078c2802588c1283f73.png") no-repeat center/cover;
}
.wrap .column .locked[data-v-eaf9ff56] {
      width: 21px;
      height: 18px;
      position: absolute;
      right: 4px;
      bottom: 4px;
}
.wrap .column .locked.lock-zhuce[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/d9ede5720d3bc0d0d14037c84a698986.png") center/cover;
}
.wrap .column .locked.lock-explore[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/beac6a20985907300d74e9d095bdcbbf.png") center/cover;
}
.wrap .column.mr[data-v-eaf9ff56] {
      margin-right: 7px;
}
.wrap .column .title[data-v-eaf9ff56] {
      height: 14px;
      line-height: 14px;
      font-size: 14px;
      font-weight: 600;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .sub-title[data-v-eaf9ff56] {
      font-size: 12px;
      height: 12px;
      line-height: 12px;
      margin-top: 6px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .icon[data-v-eaf9ff56] {
      width: 17px;
      height: 17px;
      position: absolute;
      top: -1px;
      right: 10px;
      opacity: 0.5;
}
.wealfear[data-v-eaf9ff56] {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
}
.wealfear .column[data-v-eaf9ff56] {
    width: 106px;
    height: 48px;
    padding: 0;
    background: #fafafa;
    margin-right: 7.5px;
    box-sizing: border-box;
    font-size: 0;
    text-align: left;
}
.wealfear .column .new[data-v-eaf9ff56] {
      position: absolute;
      width: 17px;
      height: 17px;
      top: -1px;
      right: 10px;
      z-index: 1;
}
.wealfear .column[data-v-eaf9ff56]:last-child {
      margin-right: 0;
}
.wealfear .column .bg-image[data-v-eaf9ff56] {
      width: 48px;
      height: 48px;
      display: inline-block;
      margin-left: 6px;
      margin-right: 2px;
}
.wealfear .column .bg-image.story[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/063f58ccb8401918ab2d0bb150066306.png") no-repeat center/cover;
}
.wealfear .column .bg-image.game[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/5c78fc67720e2ba19402d19fb5828e0e.png") no-repeat center/cover;
        margin-right: 4px;
        margin-left: 8px;
}
.wealfear .column .bg-image.discounts[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/73b0ce9ad0b33be302984962b90e4134.png") no-repeat center/cover;
}
.wealfear .column .bg-image.credit[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/42edbab13bc000d4df112fe30540ab8c.png") no-repeat center/cover;
}
.wealfear .column .bg-image.dial[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/54ee752a626743b2b5e137fe23b539fe.png") no-repeat center/cover;
}
.wealfear .column .bg-image.video[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/47d79602d52d9ff33dbb2762fcba0c4c.png") no-repeat center/cover;
}
.wealfear .column .bg-image.placeholder[data-v-eaf9ff56] {
        background: url("//qkassets.qkcdn.com/images/assets/60738899bc54d698996d352ced030485.png") no-repeat center/cover;
}
.wealfear .column .title[data-v-eaf9ff56] {
      display: inline-block;
      font-size: 12px;
      color: #3a3a3a;
      vertical-align: top;
      line-height: 48px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wealfear .column .title.m-l[data-v-eaf9ff56] {
        margin-left: 1px;
}
.new-wrap .column.fr[data-v-eaf9ff56] {
  float: right;
  margin-right: 0;
}
.new-wrap .register[data-v-eaf9ff56] {
  float: right;
  margin-right: 0 !important;
}
/* thin border */
.wrap[data-v-73fa69a4] {
  font-size: 0;
}
.wrap .column[data-v-73fa69a4] {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 56px;
    transition: 0.3s;
    color: #fff;
    background-size: 100% 100%;
    padding: 12px 10px 0 9px;
    border-radius: 4px;
}
.wrap .column.register[data-v-73fa69a4] {
      background: url("//qkassets.qkcdn.com/images/assets/f021b109e0664fec84cbe7d5315a0bf1.png") no-repeat center/cover;
      margin-right: 7px;
      box-shadow: 0 1px 4px 0 rgba(0, 180, 68, 0.3);
      -webkit-box-shadow: 0 1px 4px 0 rgba(0, 180, 68, 0.3);
}
.wrap .column.register .sub-title[data-v-73fa69a4] {
        color: #96ecb6;
}
.wrap .column.real-game[data-v-73fa69a4] {
      background: url("//qkassets.qkcdn.com/images/assets/971adcdae838dbc20957f0d728eaf2fc.png") no-repeat center/cover;
      margin-right: 7px;
      box-shadow: 0 1px 4px 0 rgba(0, 66, 143, 0.3);
}
.wrap .column.real-game .sub-title[data-v-73fa69a4] {
        color: #ffffff;
        opacity: 0.4;
}
.wrap .column.explore[data-v-73fa69a4] {
      background: url("//qkassets.qkcdn.com/images/assets/6515049bbcfb24e34beadd1e8b0a69e5.png") no-repeat center/cover;
      box-shadow: 0 1px 6px 0 rgba(0, 68, 159, 0.2);
      -webkit-box-shadow: 0 1px 6px 0 rgba(0, 68, 159, 0.2);
}
.wrap .column.explore .sub-title[data-v-73fa69a4] {
        color: #85c7fc;
}
.wrap .column .welfare-lock[data-v-73fa69a4] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("//qkassets.qkcdn.com/images/assets/81bdad63fa0a6078c2802588c1283f73.png") no-repeat center/cover;
}
.wrap .column .locked[data-v-73fa69a4] {
      width: 21px;
      height: 18px;
      position: absolute;
      right: 4px;
      bottom: 4px;
}
.wrap .column .locked.lock-zhuce[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/d9ede5720d3bc0d0d14037c84a698986.png") center/cover;
}
.wrap .column .locked.lock-explore[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/beac6a20985907300d74e9d095bdcbbf.png") center/cover;
}
.wrap .column.mr[data-v-73fa69a4] {
      margin-right: 7px;
}
.wrap .column .title[data-v-73fa69a4] {
      height: 14px;
      line-height: 14px;
      font-size: 14px;
      font-weight: 600;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .sub-title[data-v-73fa69a4] {
      font-size: 12px;
      height: 12px;
      line-height: 12px;
      margin-top: 6px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .icon[data-v-73fa69a4] {
      width: 17px;
      height: 17px;
      position: absolute;
      top: -1px;
      right: 10px;
      opacity: 0.5;
}
.wealfear[data-v-73fa69a4] {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
}
.wealfear .column[data-v-73fa69a4] {
    width: 106px;
    height: 48px;
    padding: 0;
    background: #fafafa;
    margin-right: 7.5px;
    box-sizing: border-box;
    font-size: 0;
    text-align: left;
}
.wealfear .column .new[data-v-73fa69a4] {
      position: absolute;
      width: 17px;
      height: 17px;
      top: -1px;
      right: 10px;
      z-index: 1;
}
.wealfear .column[data-v-73fa69a4]:last-child {
      margin-right: 0;
}
.wealfear .column .bg-image[data-v-73fa69a4] {
      width: 48px;
      height: 48px;
      display: inline-block;
      margin-left: 6px;
      margin-right: 2px;
}
.wealfear .column .bg-image.story[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/063f58ccb8401918ab2d0bb150066306.png") no-repeat center/cover;
}
.wealfear .column .bg-image.game[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/5c78fc67720e2ba19402d19fb5828e0e.png") no-repeat center/cover;
        margin-right: 4px;
        margin-left: 8px;
}
.wealfear .column .bg-image.discounts[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/73b0ce9ad0b33be302984962b90e4134.png") no-repeat center/cover;
}
.wealfear .column .bg-image.credit[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/42edbab13bc000d4df112fe30540ab8c.png") no-repeat center/cover;
}
.wealfear .column .bg-image.dial[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/54ee752a626743b2b5e137fe23b539fe.png") no-repeat center/cover;
}
.wealfear .column .bg-image.video[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/47d79602d52d9ff33dbb2762fcba0c4c.png") no-repeat center/cover;
}
.wealfear .column .bg-image.placeholder[data-v-73fa69a4] {
        background: url("//qkassets.qkcdn.com/images/assets/60738899bc54d698996d352ced030485.png") no-repeat center/cover;
}
.wealfear .column .title[data-v-73fa69a4] {
      display: inline-block;
      font-size: 12px;
      color: #3a3a3a;
      vertical-align: top;
      line-height: 48px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wealfear .column .title.m-l[data-v-73fa69a4] {
        margin-left: 1px;
}
.new-wrap .column[data-v-73fa69a4] {
  display: inline-block;
}
.new-wrap .column.fr[data-v-73fa69a4] {
    float: right;
    margin-right: 0;
}
.new-wrap .column[data-v-73fa69a4]:last-child {
    margin-right: 0;
}
.new-wrap .register[data-v-73fa69a4] {
  float: left;
}
/* thin border */
.popup-xiaoshuo-rule {
  width: 287px !important;
  font-size: 12px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-xiaoshuo-rule .popup-body {
    padding: 32px !important; }
    .popup-xiaoshuo-rule .popup-body .title {
      text-align: center;
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      margin-bottom: 16px; }
    .popup-xiaoshuo-rule .popup-body .section {
      height: 40px;
      margin-bottom: 4px;
      font-size: 0; }
      .popup-xiaoshuo-rule .popup-body .section .time {
        display: inline-block;
        width: 80px;
        height: 40px;
        line-height: 40px;
        background-color: #f5f5f5;
        color: #3a3a3a;
        margin-right: 4px;
        padding-left: 16px;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .popup-xiaoshuo-rule .popup-body .section .reward {
        display: inline-block;
        width: 139px;
        height: 40px;
        line-height: 40px;
        color: #f75946;
        background-color: #f5f5f5;
        text-align: right;
        padding-right: 16px;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
    .popup-xiaoshuo-rule .popup-body .remind {
      margin-top: 8px;
      font-size: 14px;
      line-height: 24px;
      height: 48px;
      text-align: center;
      margin-bottom: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-xiaoshuo-rule .popup-body .hairline-bottom {
      display: none !important; }
    .popup-xiaoshuo-rule .popup-body .remind-wrapper {
      color: #888888;
      text-align: center;
      height: 20px; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] {
        opacity: 0;
        width: 100%;
        height: 20px;
        position: absolute;
        left: -30px;
        z-index: 99; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] + label img.checkmark-checked {
        display: none; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] + label {
        font-size: 12px;
        position: relative;
        display: inline-block;
        width: 100%;
        height: 20px; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"] + label img,
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"]:checked + label img {
        width: 14px;
        height: 14px;
        vertical-align: middle; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"]:checked + label img.checkmark-checked {
        display: inline-block; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper input[type="checkbox"]:checked + label img.checkmark-empty {
        display: none; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper label {
        vertical-align: middle; }
      .popup-xiaoshuo-rule .popup-body .remind-wrapper label span {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        color: #3a3a3a;
        height: 20px;
        line-height: 20px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
  .popup-xiaoshuo-rule .popup-buttons {
    width: 175px;
    margin: 0 auto 32px; }
    .popup-xiaoshuo-rule .popup-buttons button {
      width: 175px;
      height: 48px;
      color: #FFFFFF !important;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-xiaoshuo-rule .popup-buttons button:active {
        color: #FFFFFF !important; }

.popup-prompt {
  width: 287px !important;
  height: 372px !important; }
  .popup-prompt .popup-body {
    overflow: inherit;
    padding: 0 !important; }
    .popup-prompt .popup-body .icon {
      text-align: center;
      margin-top: -48px; }
      .popup-prompt .popup-body .icon img {
        width: 116px;
        height: 96px; }
    .popup-prompt .popup-body .title {
      margin: 11px auto 0;
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-prompt .popup-body .subtitle {
      margin: 16px auto 0;
      width: 100%;
      padding: 0 56px;
      font-size: 14px;
      line-height: 1.77;
      color: #3a3a3a;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup-prompt .popup-body .remind-wrapper {
      color: #888888;
      text-align: center;
      height: 20px;
      margin: 16px auto 0; }
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"] {
        opacity: 0;
        width: 100%;
        height: 20px;
        position: absolute;
        left: -30px;
        z-index: 99; }
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"] + label img.checkmark-checked {
        display: none; }
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"] + label {
        font-size: 12px;
        position: relative;
        display: inline-block;
        width: 100%;
        height: 20px; }
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"] + label img,
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"]:checked + label img {
        width: 14px;
        height: 14px;
        vertical-align: middle; }
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"]:checked + label img.checkmark-checked {
        display: inline-block; }
      .popup-prompt .popup-body .remind-wrapper input[type="checkbox"]:checked + label img.checkmark-empty {
        display: none; }
      .popup-prompt .popup-body .remind-wrapper label {
        vertical-align: middle; }
      .popup-prompt .popup-body .remind-wrapper label span {
        margin-left: 3px;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        color: #3a3a3a;
        height: 20px;
        line-height: 20px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
    .popup-prompt .popup-body .hairline-bottom {
      display: none !important; }
  .popup-prompt .popup-buttons {
    width: 175px;
    margin: 32px auto 32px; }
    .popup-prompt .popup-buttons button {
      width: 175px;
      height: 48px;
      color: #FFFFFF;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-prompt .popup-buttons button:active {
        color: #FFFFFF !important; }
/* thin border */
.wrap[data-v-741698a6] {
  font-size: 0;
}
.wrap .column[data-v-741698a6] {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 56px;
    transition: 0.3s;
    color: #fff;
    background-size: 100% 100%;
    padding: 12px 10px 0 9px;
    border-radius: 4px;
}
.wrap .column.register[data-v-741698a6] {
      background: url("//qkassets.qkcdn.com/images/assets/f021b109e0664fec84cbe7d5315a0bf1.png") no-repeat center/cover;
      margin-right: 7px;
      box-shadow: 0 1px 4px 0 rgba(0, 180, 68, 0.3);
      -webkit-box-shadow: 0 1px 4px 0 rgba(0, 180, 68, 0.3);
}
.wrap .column.register .sub-title[data-v-741698a6] {
        color: #96ecb6;
}
.wrap .column.explore[data-v-741698a6] {
      background: url("//qkassets.qkcdn.com/images/assets/6515049bbcfb24e34beadd1e8b0a69e5.png") no-repeat center/cover;
      box-shadow: 0 1px 6px 0 rgba(0, 68, 159, 0.2);
      -webkit-box-shadow: 0 1px 6px 0 rgba(0, 68, 159, 0.2);
}
.wrap .column.explore .sub-title[data-v-741698a6] {
        color: #85c7fc;
}
.wrap .column .welfare-lock[data-v-741698a6] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("//qkassets.qkcdn.com/images/assets/81bdad63fa0a6078c2802588c1283f73.png") no-repeat center/cover;
}
.wrap .column .locked[data-v-741698a6] {
      width: 21px;
      height: 18px;
      position: absolute;
      right: 4px;
      bottom: 4px;
}
.wrap .column .locked.lock-zhuce[data-v-741698a6] {
        background: url("//qkassets.qkcdn.com/images/assets/d9ede5720d3bc0d0d14037c84a698986.png") center/cover;
}
.wrap .column .locked.lock-explore[data-v-741698a6] {
        background: url("//qkassets.qkcdn.com/images/assets/beac6a20985907300d74e9d095bdcbbf.png") center/cover;
}
.wrap .column.mr[data-v-741698a6] {
      margin-right: 7px;
}
.wrap .column .title[data-v-741698a6] {
      font-size: 14px;
      font-weight: 600;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .sub-title[data-v-741698a6] {
      font-size: 12px;
      height: 12px;
      line-height: 12px;
      margin-top: 6px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .icon[data-v-741698a6] {
      width: 17px;
      height: 17px;
      position: absolute;
      top: -1px;
      right: 10px;
      opacity: 0.5;
}
.wealfear[data-v-741698a6] {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
}
.wealfear .column[data-v-741698a6] {
    position: relative;
    width: 164px;
    height: 56px;
    padding: 9px 0 7px 8px;
    background: #fafafa;
    margin-right: 7px;
    box-sizing: border-box;
    font-size: 0;
    text-align: left;
    margin-bottom: 7px;
}
.wealfear .column .new-icon[data-v-741698a6] {
      position: absolute;
      top: -8px;
      left: 64px;
      width: 40px;
      height: 16px;
      background: url("//qkassets.qkcdn.com/images/assets/c57b8e1f2d15aa4c670fe93ea7d62a1e.png") no-repeat center/cover;
}
.wealfear .column .new[data-v-741698a6] {
      position: absolute;
      width: 17px;
      height: 17px;
      top: -1px;
      right: 10px;
      z-index: 1;
}
.wealfear .column[data-v-741698a6]:nth-child(2n) {
      margin-right: 0;
}
.wealfear .column img[data-v-741698a6] {
      position: absolute;
      top: 4px;
      right: 8px;
      width: 48px;
      height: 48px;
}
.wealfear .column img.buy[data-v-741698a6] {
      position: absolute;
      top: 6px;
      right: 14px;
      width: 32px;
      height: auto;
      -webkit-animation: 1.2s ease-in-out infinite bag;
              animation: 1.2s ease-in-out infinite bag;
}
@-webkit-keyframes bag {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
33% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
}
60% {
    -webkit-transform: translateY(6px) scaleY(0.84);
            transform: translateY(6px) scaleY(0.84);
}
80% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
100% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
}
@keyframes bag {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
33% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
}
60% {
    -webkit-transform: translateY(6px) scaleY(0.84);
            transform: translateY(6px) scaleY(0.84);
}
80% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
100% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
}
@-webkit-keyframes icon1 {
0% {
    opacity: 0;
}
46% {
    opacity: 0;
}
47% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(-12px, -16px);
            transform: translate(-12px, -16px);
}
100% {
    opacity: 0;
}
}
@keyframes icon1 {
0% {
    opacity: 0;
}
46% {
    opacity: 0;
}
47% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(-12px, -16px);
            transform: translate(-12px, -16px);
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes icon2 {
0%, 56% {
    opacity: 0;
}
57% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(6px, -20px);
            transform: translate(6px, -20px);
}
100% {
    opacity: 0;
}
}
@keyframes icon2 {
0%, 56% {
    opacity: 0;
}
57% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(6px, -20px);
            transform: translate(6px, -20px);
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes icon3 {
0% {
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(21px, -20px);
            transform: translate(21px, -20px);
}
100% {
    opacity: 0;
}
}
@keyframes icon3 {
0% {
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(21px, -20px);
            transform: translate(21px, -20px);
}
100% {
    opacity: 0;
}
}
.wealfear .column .txt[data-v-741698a6] {
      position: absolute;
      right: 9px;
      bottom: 6px;
      width: 46px;
      height: 14px;
      line-height: 14px;
      font-size: 9px;
      border-radius: 4px;
      background-color: #3f3d47;
      color: #ffdf61;
      text-align: center;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wealfear .column .txt .dot[data-v-741698a6] {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin-right: 4px;
        margin-top: 5px;
        vertical-align: top;
        background-color: #ffdf61;
}
.wealfear .column img.icon[data-v-741698a6] {
      position: absolute;
      width: 7px;
      height: auto;
}
.wealfear .column img.icon1[data-v-741698a6] {
      top: 5px;
      right: 36px;
      -webkit-animation: 1.2s ease-out infinite icon1;
              animation: 1.2s ease-out infinite icon1;
}
.wealfear .column img.icon2[data-v-741698a6] {
      top: 4px;
      right: 26px;
      -webkit-animation: 1.2s ease-out infinite icon2;
              animation: 1.2s ease-out infinite icon2;
}
.wealfear .column img.icon3[data-v-741698a6] {
      width: 5px;
      height: 5px;
      top: 9px;
      right: 21px;
      -webkit-animation: 1.2s ease-out infinite icon3;
              animation: 1.2s ease-out infinite icon3;
}
.wealfear .column .title[data-v-741698a6] {
      line-height: 20px;
      font-size: 14px;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wealfear .column .desc[data-v-741698a6] {
      line-height: 20px;
      font-size: 12px;
      color: #aaaaaa;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.wealfear .column.comming[data-v-741698a6] {
      background: url("//qkassets.qkcdn.com/images/assets/2a4a6add70c3754fe74734ec971e01f4.png") no-repeat center/cover;
}
.wealfear .column.comming .title[data-v-741698a6] {
        position: relative;
        top: 7px;
}
.wealfear .column.comming .desc[data-v-741698a6] {
        visibility: hidden;
}
.wealfear .column.douyin[data-v-741698a6] {
      background: url("//qkassets.qkcdn.com/images/8df55a2b62b1dd47cecc5b9d8f5d1eb4.png") no-repeat center/cover;
}
.wealfear .column.douyin .title[data-v-741698a6] {
        position: relative;
        top: 7px;
}
.wealfear .column.douyin .desc[data-v-741698a6] {
        visibility: hidden;
}
.wealfear .column.fanqie[data-v-741698a6] {
      background: url("//qkassets.qkcdn.com/images/ce9806981dc68c7fd3fe00d904ba4e5f.png") no-repeat center/cover;
}
.wealfear .column.fanqie .title[data-v-741698a6] {
        position: relative;
        top: 7px;
}
.wealfear .column.fanqie .desc[data-v-741698a6] {
        visibility: hidden;
}
.new-wrap .column.fr[data-v-741698a6] {
  float: right;
  margin-right: 0;
}
.new-wrap .register[data-v-741698a6] {
  float: right;
  margin-right: 0 !important;
}
/* thin border */
.wrap[data-v-73de3aa2] {
  font-size: 0;
}
.wrap .column[data-v-73de3aa2] {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 56px;
    transition: 0.3s;
    color: #fff;
    background-size: 100% 100%;
    padding: 12px 10px 0 9px;
    border-radius: 4px;
}
.wrap .column.mr[data-v-73de3aa2] {
      margin-right: 7px;
}
.wrap .column .title[data-v-73de3aa2] {
      font-size: 14px;
      font-weight: 600;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .sub-title[data-v-73de3aa2] {
      font-size: 12px;
      height: 12px;
      line-height: 12px;
      margin-top: 6px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .column .icon[data-v-73de3aa2] {
      width: 17px;
      height: 17px;
      position: absolute;
      top: -1px;
      right: 10px;
      opacity: 0.5;
}
.wealfear[data-v-73de3aa2] {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
}
.wealfear .column[data-v-73de3aa2] {
    position: relative;
    width: 164px;
    height: 56px;
    padding: 9px 0 7px 8px;
    background: #fafafa;
    margin-right: 7px;
    box-sizing: border-box;
    font-size: 0;
    text-align: left;
    margin-bottom: 7px;
}
.wealfear .column .new-icon[data-v-73de3aa2] {
      position: absolute;
      top: -8px;
      left: 64px;
      width: 40px;
      height: 16px;
      background: url("//qkassets.qkcdn.com/images/assets/c57b8e1f2d15aa4c670fe93ea7d62a1e.png") no-repeat center/cover;
}
.wealfear .column .new[data-v-73de3aa2] {
      position: absolute;
      width: 17px;
      height: 17px;
      top: -1px;
      right: 10px;
      z-index: 1;
}
.wealfear .column[data-v-73de3aa2]:nth-child(2n) {
      margin-right: 0;
}
.wealfear .column img[data-v-73de3aa2] {
      position: absolute;
      top: 4px;
      right: 8px;
      width: 48px;
      height: 48px;
}
.wealfear .column img.buy[data-v-73de3aa2] {
      position: absolute;
      top: 6px;
      right: 14px;
      width: 32px;
      height: auto;
      -webkit-animation: 1.2s ease-in-out infinite bag;
              animation: 1.2s ease-in-out infinite bag;
}
@-webkit-keyframes bag {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
33% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
}
60% {
    -webkit-transform: translateY(6px) scaleY(0.84);
            transform: translateY(6px) scaleY(0.84);
}
80% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
100% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
}
@keyframes bag {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
33% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
}
60% {
    -webkit-transform: translateY(6px) scaleY(0.84);
            transform: translateY(6px) scaleY(0.84);
}
80% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
100% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
}
}
@-webkit-keyframes icon1 {
0% {
    opacity: 0;
}
46% {
    opacity: 0;
}
47% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(-12px, -16px);
            transform: translate(-12px, -16px);
}
100% {
    opacity: 0;
}
}
@keyframes icon1 {
0% {
    opacity: 0;
}
46% {
    opacity: 0;
}
47% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(-12px, -16px);
            transform: translate(-12px, -16px);
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes icon2 {
0%, 56% {
    opacity: 0;
}
57% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(6px, -20px);
            transform: translate(6px, -20px);
}
100% {
    opacity: 0;
}
}
@keyframes icon2 {
0%, 56% {
    opacity: 0;
}
57% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(6px, -20px);
            transform: translate(6px, -20px);
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes icon3 {
0% {
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(21px, -20px);
            transform: translate(21px, -20px);
}
100% {
    opacity: 0;
}
}
@keyframes icon3 {
0% {
    opacity: 0;
}
66% {
    opacity: 0;
}
67% {
    opacity: 1;
}
99% {
    opacity: 0;
    -webkit-transform: translate(21px, -20px);
            transform: translate(21px, -20px);
}
100% {
    opacity: 0;
}
}
.wealfear .column .txt[data-v-73de3aa2] {
      position: absolute;
      right: 9px;
      bottom: 6px;
      width: 46px;
      height: 14px;
      line-height: 14px;
      font-size: 9px;
      border-radius: 4px;
      background-color: #3f3d47;
      color: #ffdf61;
      text-align: center;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wealfear .column .txt .dot[data-v-73de3aa2] {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin-right: 4px;
        margin-top: 5px;
        vertical-align: top;
        background-color: #ffdf61;
}
.wealfear .column img.icon[data-v-73de3aa2] {
      position: absolute;
      width: 7px;
      height: auto;
}
.wealfear .column img.icon1[data-v-73de3aa2] {
      top: 5px;
      right: 36px;
      -webkit-animation: 1.2s ease-out infinite icon1;
              animation: 1.2s ease-out infinite icon1;
}
.wealfear .column img.icon2[data-v-73de3aa2] {
      top: 4px;
      right: 26px;
      -webkit-animation: 1.2s ease-out infinite icon2;
              animation: 1.2s ease-out infinite icon2;
}
.wealfear .column img.icon3[data-v-73de3aa2] {
      width: 5px;
      height: 5px;
      top: 9px;
      right: 21px;
      -webkit-animation: 1.2s ease-out infinite icon3;
              animation: 1.2s ease-out infinite icon3;
}
.wealfear .column .title[data-v-73de3aa2] {
      line-height: 20px;
      font-size: 14px;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wealfear .column .desc[data-v-73de3aa2] {
      line-height: 20px;
      font-size: 12px;
      color: #aaaaaa;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.wealfear .column.douyin[data-v-73de3aa2] {
      background: url("//qkassets.qkcdn.com/images/8df55a2b62b1dd47cecc5b9d8f5d1eb4.png") no-repeat center/cover;
}
.wealfear .column.fanqie[data-v-73de3aa2] {
      background: url("//qkassets.qkcdn.com/images/ce9806981dc68c7fd3fe00d904ba4e5f.png") no-repeat center/cover;
}
.new-wrap .column.fr[data-v-73de3aa2] {
  float: right;
  margin-right: 0;
}
.new-wrap .register[data-v-73de3aa2] {
  float: right;
  margin-right: 0 !important;
}
/* thin border */
.list-wrap[data-v-45cff419] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-wrap div.column[data-v-45cff419]:nth-child(1) {
    /* @include mrg-r(); */
}
.column[data-v-45cff419] {
  position: relative;
  width: 164px;
  height: 56px;
  display: inline-block;
  background-size: 100% 100% !important;
  padding-top: 12px;
  padding-left: 9px;
  border-radius: 4px;
  margin-right: 7px;
  transition: 0.3s;
}
.column .locked[data-v-45cff419] {
    width: 21px;
    height: 18px;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.column .locked.lock-thumb[data-v-45cff419] {
      background: url("//qkassets.qkcdn.com/images/assets/3d8bc01a2e86b86c227b90c5ec4c2fae.png") center/cover;
}
.column .locked.lock-punch[data-v-45cff419] {
      background: url("//qkassets.qkcdn.com/images/assets/495d897280f02d6cef7298a62f53bd45.png") center/cover;
}
.column[data-v-45cff419]:active {
    -webkit-transform: scale(0.98);
        -ms-transform: scale(0.98);
            transform: scale(0.98);
    box-shadow: none !important;
}
.column[data-v-45cff419]:nth-child(even) {
    margin-right: 0;
}
.column:nth-child(even) .title[data-v-45cff419] {
      color: #428d88;
      text-shadow: none;
      -webkit-text-shadow: none;
}
.column .title[data-v-45cff419] {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 1px;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .sub-title[data-v-45cff419] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    width: 100px;
    display: inline;
    margin-right: 3px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .tip[data-v-45cff419] {
    position: absolute;
    top: 5px;
    left: 77px;
    display: inline-block;
    padding: 0 3px;
    line-height: 14px;
    height: 14px;
    background-color: #F75946;
    font-size: 10px;
    color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .tip[data-v-45cff419]::after {
      content: ' ';
      position: absolute;
      top: 14px;
      left: 6px;
      border-right: 4px solid transparent;
      border-left: 4px solid #F75946;
      border-bottom: 4px solid transparent;
}
.column .tip-new-task[data-v-45cff419] {
    position: absolute;
    top: -6px;
    left: 67px;
    width: 46px;
    height: 18px;
    display: inline-block;
    background: url("//qkassets.qkcdn.com/images/assets/2632a3acd0ce2cb9df247f1488e139b5.png");
    background-size: cover;
}
.column .icon[data-v-45cff419] {
    width: 32px;
    height: 18px;
    position: absolute;
    top: -8px;
    left: 80px;
}
/* thin border */
.list-wrap[data-v-f3010fb8] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-wrap div.column[data-v-f3010fb8]:nth-child(1) {
    /* @include mrg-r(); */
}
.column[data-v-f3010fb8] {
  position: relative;
  width: 164px;
  height: 56px;
  display: inline-block;
  float: left;
  background-size: 100% 100% !important;
  padding-top: 12px;
  padding-left: 9px;
  border-radius: 4px;
  margin-right: 7px;
  transition: 0.3s;
  color: #fff;
}
.column.game[data-v-f3010fb8] {
    background: url("//qkassets.qkcdn.com/images/assets/3d5ddb2161e092990ec311a3726ac3d0.png") no-repeat center/cover;
    box-shadow: 0 1px 4px 0 rgba(255, 126, 117, 0.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(255, 126, 117, 0.3);
}
.column.game .sub-title[data-v-f3010fb8] {
      color: #ffcfc2;
}
.column.coin-auction[data-v-f3010fb8] {
    background: url("//qkassets.qkcdn.com/images/assets/9498254d9da0e64bfb59ceed1a0866ad.png") no-repeat center/cover;
    box-shadow: 0 1px 4px 0 rgba(255, 2, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px 0 rgba(255, 2, 0, 0.3);
}
.column.coin-auction .sub-title[data-v-f3010fb8] {
      color: #ffcfc2;
}
.column.plant[data-v-f3010fb8] {
    background: url("//qkassets.qkcdn.com/images/assets/e77d96fab6ed37caef0df421b658a68c.png") no-repeat center/cover;
    box-shadow: 0 1px 4px 0 rgba(150, 26, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px 0 rgba(150, 26, 0, 0.2);
}
.column.plant .sub-title[data-v-f3010fb8] {
      color: #fdd9cf;
}
.column.thumb[data-v-f3010fb8] {
    background: url("//qkassets.qkcdn.com/images/assets/ca443218245cfdd9527ce8c3199da13d.png") no-repeat center/cover;
    box-shadow: 0px 1px 6px 0px rgba(95, 0, 119, 0.2);
    -webkit-box-shadow: 0px 1px 6px 0px rgba(95, 0, 119, 0.2);
}
.column.thumb .sub-title[data-v-f3010fb8] {
      color: #ffd2dd;
}
.column.punch[data-v-f3010fb8] {
    background: url("//qkassets.qkcdn.com/images/assets/1445eac191855e69bf899e4c0bf0ff4f.png") no-repeat center/cover;
    box-shadow: 0 1px 4px 0 rgba(0, 138, 209, 0.2);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 138, 209, 0.2);
    margin-right: 0;
}
.column.punch .sub-title[data-v-f3010fb8] {
      color: #d0f3ff;
}
.column .locked[data-v-f3010fb8] {
    width: 21px;
    height: 18px;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.column .locked.lock-game[data-v-f3010fb8] {
      background: url("//qkassets.qkcdn.com/images/assets/be66e91aafb9893f3dcbe849615699e2.png") center/cover;
}
.column .locked.lock-thumb[data-v-f3010fb8] {
      background: url("//qkassets.qkcdn.com/images/assets/3d8bc01a2e86b86c227b90c5ec4c2fae.png") center/cover;
}
.column .locked.lock-punch[data-v-f3010fb8] {
      background: url("//qkassets.qkcdn.com/images/assets/509ccfb17f41f5f3a0480b627fe66544.png") center/cover;
}
.column[data-v-f3010fb8]:nth-child(even) {
    margin-right: 0;
}
.column:nth-child(even) .title[data-v-f3010fb8] {
      color: #fff;
      text-shadow: none;
      -webkit-text-shadow: none;
}
.column .title[data-v-f3010fb8] {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 1px;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .sub-title[data-v-f3010fb8] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    width: 100px;
    display: inline;
    margin-right: 3px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .tip[data-v-f3010fb8] {
    position: absolute;
    top: 5px;
    left: 77px;
    display: inline-block;
    padding: 0 3px;
    line-height: 14px;
    height: 14px;
    background-color: #F75946;
    font-size: 10px;
    color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .tip[data-v-f3010fb8]::after {
      content: ' ';
      position: absolute;
      top: 14px;
      left: 6px;
      border-right: 4px solid transparent;
      border-left: 4px solid #F75946;
      border-bottom: 4px solid transparent;
}
.column .tip-new-task[data-v-f3010fb8] {
    position: absolute;
    top: -6px;
    left: 67px;
    width: 46px;
    height: 18px;
    display: inline-block;
    background: url("//qkassets.qkcdn.com/images/assets/2632a3acd0ce2cb9df247f1488e139b5.png");
    background-size: cover;
}
.column .icon[data-v-f3010fb8] {
    width: 32px;
    height: 18px;
    position: absolute;
    top: -8px;
    left: 80px;
}
.column .icon-new[data-v-f3010fb8] {
    width: 37px;
    height: 16px;
    position: absolute;
    top: -8px;
    left: 71px;
    text-align: center;
    line-height: 11px;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    background-color: #ff5454;
    border: 1.5px solid #fff;
    border-radius: 4px 4px  4px 0px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.column .icon-new2[data-v-f3010fb8] {
    width: 36px;
    height: 14px;
    position: absolute;
    top: -8px;
    left: 71px;
    background: url("//qkassets.qkcdn.com/images/assets/025ba7dab0ebf0dc98b21e9701d78355.png") no-repeat;
    background-size: 100% 100%;
}

.popup-advertisement .popup {
  background: none !important;
}
.popup-advertisement .popup .advertisement {
    width: 100%;
    height: 100%;
}
.popup-advertisement .popup .advertisement img {
      width: 100%;
      height: 100%;
}
.popup-advertisement .popup .closed {
    position: absolute;
    pointer-events: auto;
    height: 34px;
    bottom: -66px;
    left: 50%;
    margin-left: -12px;
}
.popup-advertisement .popup .closed img {
      width: 24px;
      height: 24px;
}
.popup-advertisement .close {
  visibility: hidden;
}
/* thin border */
@-webkit-keyframes rotation {
from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
}
}
@keyframes rotation {
from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
}
}
.auth-wrap .top-tip {
  padding-top: 10px;
  width: 311px;
  height: 46px;
  background: #f75946;
  border-radius: 8px;
  text-align: center;
  margin: 0 auto -10px;
}
.auth-wrap .top-tip img {
    width: 258px;
    height: 14px;
}
.auth-wrap .top-tip.sepcial {
    height: 81px;
}
.auth-wrap .top-tip.sepcial img {
      width: 286px;
      height: 54px;
}
.auth-wrap .idfa-auth-popup {
  padding: 16px 16px 20px;
  background: #ffffff;
  border-radius: 8px;
  height: 495px;
}
.auth-wrap .idfa-auth-popup .v-accordion {
    padding: 6px 0;
    background-color: #fafafa;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion:nth-child(2) .item-icon-right .hairline-top::before {
      width: 287px;
      margin-left: 12px;
      height: 2px !important;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion:nth-child(2) .item-icon-right span {
      padding-left: 6px !important;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion:nth-child(3) .item-icon-right .hairline-top::before {
      width: 287px;
      margin-left: 12px;
      height: 2px !important;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion {
      min-height: 0;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion .item-icon-right span {
        padding-left: 12px;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion .hairline-bottom::after {
        display: none;
}
.auth-wrap .idfa-auth-popup .v-accordion .list-accordion .icon.ion-arrow-down-b {
        top: -1px !important;
        right: 18px;
}
.auth-wrap .idfa-auth-popup .v-accordion .list .item {
      padding: 0;
      font-size: 12px;
      background-color: #fafafa;
      color: #929292;
      min-height: 0;
      height: 33px;
      line-height: 33px;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.auth-wrap .idfa-auth-popup .v-accordion .list .item span {
        line-height: 20px;
        color: #3a3a3a;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.auth-wrap .idfa-auth-popup .v-accordion .list .item.item-accordion-content {
        height: 0;
        top: -2px;
        padding: 0;
}
.auth-wrap .idfa-auth-popup .v-accordion .list .item.item-accordion-content.show {
          height: auto;
}
.auth-wrap .idfa-auth-popup .v-accordion .list .item .contents {
        width: 311px;
        padding-bottom: 5px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.auth-wrap .idfa-auth-popup .v-accordion .list .item .contents div {
          font-size: 12px;
          padding: 0 12px;
          color: #444749;
          line-height: 20px;
}
.auth-wrap .idfa-auth-popup .step-title {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 6px;
    display: inline-block;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.auth-wrap .idfa-auth-popup .step-content {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}
.auth-wrap .idfa-auth-popup .step-content img {
      margin-left: -16px;
      vertical-align: middle;
      width: 231px;
      height: 124px;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn {
      display: inline-block;
      vertical-align: middle;
      width: 96px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 20px;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      background-color: #f75946;
      color: #ffffff;
      font-size: 14px;
      position: relative;
      top: 8px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn:active {
        background-color: #e0412e;
        box-shadow: none;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn.authed {
        float: right;
        border-radius: 20px;
        border: solid 1px #f75946;
        background-color: #ffffff;
        color: #f75946;
        box-shadow: none;
        top: -1px;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn.authed:active {
          background-color: rgba(247, 89, 70, 0.16);
          box-shadow: none;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn.authed.disabled {
          color: #aaaaaa;
          background-color: #fafafa;
          border: solid 1px #dddddd;
          box-shadow: none;
          line-height: 39px;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn.authed.disabled .loading {
            position: relative;
            top: -1px;
            margin-right: 8px;
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url("//qkassets.qkcdn.com/images/assets/2a1fba7fa81df20c809d2f819e1b4847.png");
            background-size: 100% 100%;
            vertical-align: middle;
            animation: rotation 2s linear infinite;
            -moz-animation: rotation 2s linear infinite;
            -webkit-animation: rotation 2s linear infinite;
            -o-animation: rotation 2s linear infinite;
}
.auth-wrap .idfa-auth-popup .step-content .auth-btn.authed.disabled span {
            color: #aaaaaa;
}
.auth-wrap .idfa-auth-popup .desc {
    width: 311px;
    margin: 0 auto;
    padding: 10px 12px;
    border-radius: 4px;
    background-color: #fafafa;
}
.auth-wrap .idfa-auth-popup .desc .tip {
      margin-bottom: 4px;
      font-size: 12px;
      color: #aaaaaa;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.auth-wrap .idfa-auth-popup .desc .guide {
      font-size: 12px;
      color: #3a3a3a;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.auth-wrap .idfa-auth-popup .clearfix {
    clear: both;
}
.auth-wrap .specil-desc {
  padding: 16px 16px 20px;
  background: #ffffff;
  border-radius: 8px;
  height: 461px;
}
.auth-wrap .specil-desc .step {
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    margin-bottom: 12px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.auth-wrap .specil-desc .step b {
      font-size: 16px;
      font-weight: normal;
}
.auth-wrap .specil-desc .step span {
      font-size: 14px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.auth-wrap .specil-desc .example {
    margin: -3px auto 12px;
    width: 231px;
    height: 118px;
}
.auth-wrap .specil-desc .example img {
      width: 100%;
      height: 100%;
}
.auth-wrap .specil-desc .authed {
    margin: 32px auto;
    width: 223px;
    height: 48px;
    line-height: 48px;
    color: #f75946;
    border: solid 1px #f75946;
    border-radius: 24px;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.auth-wrap .specil-desc .authed:active {
      background-color: rgba(247, 89, 70, 0.16);
      box-shadow: none;
}
.auth-wrap .kefu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  padding: 0 15px;
  border-radius: 18px;
  background-color: #fafafa;
  width: 115px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
}
.auth-wrap .kefu img {
    position: relative;
    top: -1px;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    vertical-align: middle;
}
.auth-wrap .kefu span {
    position: relative;
    top: -1px;
    font-size: 13px;
    vertical-align: middle;
    color: #444749;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.v-accordion[data-v-7a2ee533] {
  background: #FFF;
  padding-bottom: 50px;
}
.v-accordion .list-accordion[data-v-7a2ee533] {
    margin-top: -1px;
    margin-bottom: 0px;
    min-height: 50px;
}
.v-accordion .list-accordion .item[data-v-7a2ee533] {
      font-size: 16px;
      color: #3A3A3A;
      padding: 14px 0;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.v-accordion .list-accordion .item-icon-right.bottom-visible .visibles[data-v-7a2ee533]::after {
      content: '';
      display: block;
      position: absolute;
      height: 2px;
      bottom: 1px;
      width: 342px;
      left: 16px;
      z-index: 15;
      background: #fff;
}
.v-accordion .list-accordion .item-icon-right span[data-v-7a2ee533] {
      padding-left: 16px;
}
.v-accordion .list-accordion .item-icon-right .icon.ion-arrow-down-b[data-v-7a2ee533] {
      position: relative;
      margin-top: 10px;
      top: -6px;
      width: 12px;
      height: 12px;
      float: right;
      background: url("//qkassets.qkcdn.com/images/assets/47431d0516c80414bc12ba67a88c9386.png") no-repeat center/cover;
      /* position: relative;
        float: right;
        right: 20px;
        width: 12px;
        height: 10px;
        margin-top: 5px; */
      /* &::after {
          content: ' ';
          width: 10px;
          height: 2px;
          background: #DDDDDD;
          display: block;
          position: absolute;
          right: 2px;
          top: 4px;
          transform: rotateZ(90deg);
          -ms-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -o-transform: rotate(90deg);
        } */
      /* &.ion-arrow-up-b::after {
          display: none;
        } */
}
.v-accordion .list-accordion .item-icon-right .icon.ion-arrow-down-b[data-v-7a2ee533]::before {
        content: ' ';
        /* width: 10px;
          height: 2px;
          background: #DDDDDD; */
}
.v-accordion .list-accordion .item-icon-right .icon.ion-arrow-down-b[data-v-7a2ee533]::after {
        content: '';
}
.v-accordion .list-accordion .item-icon-right .icon.ion-arrow-down-b.ion-arrow-up-b[data-v-7a2ee533] {
        background: url("//qkassets.qkcdn.com/images/assets/6013d7383aeceaa9dc4addfb686d049a.png") no-repeat center/cover;
}
.v-accordion .list-accordion .item-accordion-content[data-v-7a2ee533] {
      min-height: 0px;
      white-space: normal;
      font-size: 13px;
      line-height: 22px;
      color: #888888;
      text-align: justify;
      transition: 0.2s cubic-bezier(0.4, 0.6, 0.2, 1);
      -webkit-transition: 0.2s cubic-bezier(0.4, 0.6, 0.2, 1);
      height: 0px;
      padding: 0px 35px 0px 0;
}
.v-accordion .list-accordion .item-accordion-content.show[data-v-7a2ee533] {
        height: auto;
        padding: 12px 35px 12px 0px;
        background: #fafafa;
        position: relative;
}
.v-accordion .list-accordion .item-accordion-content .contents[data-v-7a2ee533] {
        width: 375px;
}
.v-accordion .list-accordion .item-accordion-content .contents div[data-v-7a2ee533] {
          font-size: 14px;
          letter-spacing: 0;
          padding: 0 16px;
          text-align: left;
          color: #3a3a3a;
          line-height: 24px;
}
/* thin border */
.reward-pane[data-v-694f9fa3] {
  width: 100%;
}
.reward-pane .qk-strategy[data-v-694f9fa3] {
    width: 335px;
    height: 36px;
    border-radius: 4px;
    background-color: #fff3f3;
    margin: 12px auto;
}
.reward-pane .qk-strategy b[data-v-694f9fa3] {
      color: #f75946;
      font-family: 'AlibabaPuHuiTiM';
      position: relative;
      top: -13px;
      font-size: 13px;
      left: -4px;
}
.reward-pane .qk-strategy span[data-v-694f9fa3] {
      display: inline-block;
      width: 52px;
      height: 16px;
      background: url("//qkassets.qkcdn.com/images/assets/d534012664c5c4730cd7b747d98f394a.png") no-repeat center/cover;
      margin: 10px 13px 10px 20px;
      position: relative;
}
.reward-pane .qk-strategy span[data-v-694f9fa3]::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 11px;
        background: #f75946;
        right: -7px;
        top: 3px;
}
.reward-pane .qk-strategy i[data-v-694f9fa3] {
      display: inline-block;
      width: 44px;
      height: 32px;
      background: url("//qkassets.qkcdn.com/images/assets/c1706afed2ddb154d58f6e0250e18852.png") no-repeat center/cover;
      margin-left: -10px;
}
.reward-pane .qk-strategy em[data-v-694f9fa3] {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-left: 3px;
      margin-bottom: 13px;
      background: url("//qkassets.qkcdn.com/images/assets/f00e01731a52248c0dfa2ffee12315fa.png") no-repeat center/cover;
}
.reward-pane .header-wrap[data-v-694f9fa3] {
    padding: 16px 20px 0px 20px;
    background: linear-gradient(0deg, white 0%, whitesmoke 100%);
}
.reward-pane .header-wrap.newbie-head[data-v-694f9fa3] {
      padding-bottom: 0;
}
.reward-pane .header-wrap .headInfo[data-v-694f9fa3] {
      width: 100%;
      height: 144px;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
      -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.reward-pane .header-wrap .headInfo .reward-info[data-v-694f9fa3] {
        border-bottom: 0.5px solid #eee;
        margin: 0 20px;
        position: relative;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar[data-v-694f9fa3] {
          width: 160px;
          float: left;
          margin-right: 6px;
          position: relative;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar .message-dot[data-v-694f9fa3] {
            position: absolute;
            width: 6px;
            height: 6px;
            background: #f75946;
            left: 35px;
            top: 20px;
            border-radius: 3px;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar .message-dot.no-message[data-v-694f9fa3] {
              display: none;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar .avatar-img[data-v-694f9fa3] {
            width: 39px;
            height: 39px;
            border-radius: 50%;
            border: 2px solid #fff;
            box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
            margin: 16px 7px 15px 0;
            vertical-align: top;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar .avatar-name[data-v-694f9fa3] {
            display: inline-block;
            width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: 30px;
            line-height: 14px;
            height: 14px;
            color: #3a3a3a;
            vertical-align: top;
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar .avatar-levels[data-v-694f9fa3] {
            display: inline-block;
            width: 100px;
            line-height: 14px;
            height: 14px;
            font-family: Arial;
            vertical-align: top;
            margin-top: 32px;
            margin-left: -2px;
}
.reward-pane .header-wrap .headInfo .reward-info .avatar .avatar-levels span[data-v-694f9fa3] {
              margin-left: 4px;
              width: 11px;
              height: 13px;
              display: inline-block;
              vertical-align: inherit;
              background: url("//qkassets.qkcdn.com/images/assets/2878f400ad1d4d5dd5a72e22d7b347fd.png") no-repeat center/cover;
}
.reward-pane .header-wrap .headInfo .reward-info .dashboard-punch[data-v-694f9fa3] {
          position: relative;
          float: left;
          margin-top: 27px;
          width: 104px;
          -webkit-transform: translateX(5px);
              -ms-transform: translateX(5px);
                  transform: translateX(5px);
}
.reward-pane .header-wrap .headInfo .reward-info .dashboard-punch:active .punch-bg[data-v-694f9fa3] {
            background: url("//qkassets.qkcdn.com/images/assets/e0177b8a005bf1c6dbd1dfd5708e5064.png ") no-repeat center;
            background-size: 100% 100%;
}
.reward-pane .header-wrap .headInfo .reward-info .dashboard-punch .punch-entrance[data-v-694f9fa3] {
            position: relative;
            width: 104px;
            height: 30px;
            background: url("//qkassets.qkcdn.com/images/assets/1c6713ed8ac83b76129ce5be9c61ceb0.png") no-repeat;
            background-size: cover;
}
.reward-pane .header-wrap .headInfo .reward-info .dashboard-punch .punch-entrance.new-punch[data-v-694f9fa3] {
              width: 114px;
              height: 46px;
              position: relative;
              top: -10px;
              left: 2px;
              background-image: url("//qkassets.qkcdn.com/images/assets/1457118c27f314f2360f9622d4c4824b.png");
}
.reward-pane .header-wrap .headInfo .reward-info .dashboard-punch .punch-entrance.new-punch .new-icon[data-v-694f9fa3] {
                width: 39px;
                height: 19px;
                position: absolute;
                display: block;
                top: -2px;
                right: -20px;
                background: url("//qkassets.qkcdn.com/images/assets/89e2cfca1e939a7e5857d5f9e57f3590.png") no-repeat;
                background-size: 100%;
                z-index: 1;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level[data-v-694f9fa3] {
          position: relative;
          float: left;
          width: 117px;
          margin-top: 26px;
          height: 24px;
          margin-left: -2px;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .levels[data-v-694f9fa3] {
            position: absolute;
            top: 0;
            left: 0;
            width: 65.5px;
            height: 24px;
            background: url("//qkassets.qkcdn.com/images/assets/2914cd10a9cfc30083b18decfbcaed50.png") no-repeat;
            background-size: cover;
            z-index: 1;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .levels span[data-v-694f9fa3] {
              margin: 2px 4px 2px 3px;
              width: 20px;
              height: 20px;
              display: inline-block;
              background: url("//qkassets.qkcdn.com/images/assets/007c10de7ee7ca50e39f824e3fd99cb3.png") no-repeat center/cover;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .levels em[data-v-694f9fa3] {
              font-style: normal;
              line-height: 24px;
              font-size: 12px;
              color: #3a3a3a;
              vertical-align: top;
              font-weight: 400;
              font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
              font-weight: 400;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .levels-bg[data-v-694f9fa3] {
            position: absolute;
            width: 71px;
            height: 28px;
            background: url("//qkassets.qkcdn.com/images/assets/3e55502e9f1a14a2e552200b36536bc6.png") no-repeat;
            left: -2px;
            top: -2px;
            background-size: cover;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .btn-coin[data-v-694f9fa3] {
            position: absolute;
            top: 0;
            right: 0;
            width: 54.2px;
            height: 24px;
            margin-left: -7px;
            background: url("//qkassets.qkcdn.com/images/assets/46e77a4b66f4caf5c2471816188904ee.png") no-repeat;
            background-size: cover;
            text-align: center;
            z-index: 1;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .btn-coin .get-coin[data-v-694f9fa3] {
              font-size: 12px;
              font-weight: 400;
              color: #3a3a3a;
              line-height: 24px;
              font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
              font-weight: 400;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .btn-coin .point[data-v-694f9fa3] {
              position: absolute;
              top: 0;
              right: 0;
              width: 6px;
              height: 6px;
              background: #f75946;
              border-radius: 50%;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .btn-coin.btn-hascoin[data-v-694f9fa3] {
              background: url("//qkassets.qkcdn.com/images/assets/781f7cfe08924badc201ede9affbac90.png") no-repeat center/cover;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .btn-coin.btn-hascoin .get-coin[data-v-694f9fa3] {
                color: #ccc;
}
.reward-pane .header-wrap .headInfo .reward-info .head-level .coin-bg[data-v-694f9fa3] {
            width: 58.2px;
            height: 28px;
            position: absolute;
            top: -2px;
            right: -2px;
            background: url("//qkassets.qkcdn.com/images/assets/d8537d65cbbae3234cd9436d49faaec7.png");
            background-size: cover;
}
.reward-pane .header-wrap .headInfo .reward-info .head-marathon[data-v-694f9fa3] {
          position: absolute;
          width: 128px;
          height: 47px;
          top: 15px;
          right: -11px;
          background-image: url("//qkassets.qkcdn.com/images/assets/93a79ec30877596729be9d022a08c37b.png");
          background-size: cover;
}
.reward-pane .header-wrap .headInfo .reward-info .head-marathon .new-tag[data-v-694f9fa3] {
            width: 106px;
            height: 32px;
            position: absolute;
            top: -1px;
            right: -54px;
            -webkit-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                    transform-origin: 0 0;
            background-color: #f75946;
            color: #ffffff;
            font-size: 20px;
            text-align: center;
            line-height: 32px;
            border-radius: 16px 16px 16px 4px;
            -webkit-transform: scale(0.5);
                -ms-transform: scale(0.5);
                    transform: scale(0.5);
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .header-income[data-v-694f9fa3] {
        width: 100%;
}
.reward-pane .header-wrap .headInfo .header-income .head-income[data-v-694f9fa3] {
          float: left;
          width: 168px;
          padding-left: 20px;
          height: 74px;
          display: inline-block;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-money[data-v-694f9fa3] {
            background: url("//qkassets.qkcdn.com/images/assets/00c07e14fe0ae0f7ee2d360193dc8374.png") no-repeat right bottom/cover;
            background-size: 64px 77px;
            position: relative;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-money .unit-ing[data-v-694f9fa3] {
              position: absolute;
              left: 74px;
              top: 0px;
              height: 17px;
              width: 62px;
              font-size: 10px;
              background-color: #f75946;
              padding-left: 6px;
              border-radius: 12px 12px 12px 4px;
              color: #fff;
              font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-money .unit-ing span[data-v-694f9fa3] {
                position: relative;
                top: -1px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-coin[data-v-694f9fa3] {
            position: relative;
            width: 167px;
            background: url("//qkassets.qkcdn.com/images/assets/8bfe2ec83951a3896b7a7d0c3e33cdcb.png") no-repeat right bottom/cover;
            background-size: 64px 77px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-coin .get-coins[data-v-694f9fa3] {
              position: absolute;
              top: 0;
              left: 50px;
              z-index: 10;
              font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-coin .get-coins span[data-v-694f9fa3] {
                display: block;
                padding: 0px 6px;
                height: 16px;
                line-height: 16.5px;
                color: #fff;
                background: #ff5454;
                border-radius: 12px 12px 12px 4px;
                font-size: 10px;
                vertical-align: top;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-coin .award-icon[data-v-694f9fa3] {
              position: absolute;
              width: 24px;
              height: 24px;
              left: -24px;
              top: 10px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income.head-coin .award-icon img[data-v-694f9fa3] {
                width: 24px;
                height: 24px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .newbie-tip[data-v-694f9fa3] {
            position: absolute;
            top: -2px;
            right: 33px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .newbie-tip img[data-v-694f9fa3] {
              width: 46px;
              height: 20px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .unit[data-v-694f9fa3] {
            position: relative;
            margin-top: 15px;
            color: #3a3a3a;
            font-size: 12px;
            line-height: 12px;
            font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
            font-weight: 400;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .unit span[data-v-694f9fa3] {
              margin-left: 5px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .unit span.spot[data-v-694f9fa3] {
              display: inline-block;
              position: absolute;
              left: 16px;
              top: -2px;
              width: 6px;
              height: 6px;
              border-radius: 3px;
              background-color: #f75946;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .unit i[data-v-694f9fa3] {
              display: inline-block;
              width: 12px;
              height: 11px;
              background: url("//qkassets.qkcdn.com/images/assets/612584b3354410289a7bd3d3fe3140f4.png") no-repeat center/cover;
              -webkit-transform: translateY(2px);
                  -ms-transform: translateY(2px);
                      transform: translateY(2px);
}
.reward-pane .header-wrap .headInfo .header-income .head-income .num[data-v-694f9fa3] {
            color: #3a3a3a;
            font-size: 24px;
            font-family: qiankaFont;
            line-height: 24px;
            margin-top: 4px;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .num .unit[data-v-694f9fa3] {
              font-size: 12px;
              color: #3a3a3a;
              margin-left: 2px;
              position: relative;
              top: -1px;
              font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .header-income .head-income .num .plus[data-v-694f9fa3] {
              font-size: 20px;
              font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .new-header-income[data-v-694f9fa3] {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 40px 0 20px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
}
.reward-pane .header-wrap .headInfo .new-header-income.less[data-v-694f9fa3] {
          padding-right: 20px;
}
.reward-pane .header-wrap .headInfo .new-header-income.less .head-income[data-v-694f9fa3] {
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income[data-v-694f9fa3] {
          width: auto !important;
          height: 73px;
          padding-left: 0;
          float: none;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income.head-money[data-v-694f9fa3] {
            background: none;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income.head-money .unit-ing[data-v-694f9fa3] {
              position: absolute;
              left: 55px;
              top: 0px;
              height: 17px;
              width: 62px;
              font-size: 10px;
              background-color: #f75946;
              padding-left: 6px;
              border-radius: 12px 12px 12px 4px;
              color: #fff;
              font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income.head-money .unit-ing span[data-v-694f9fa3] {
                position: relative;
                top: -1px;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income.head-coin[data-v-694f9fa3] {
            background: none;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income.head-coin .get-coins[data-v-694f9fa3] {
              left: 26px;
              white-space: nowrap;
}
.reward-pane .header-wrap .headInfo .new-header-income .head-income.head-friends .get-coins[data-v-694f9fa3] {
            left: 26px;
            white-space: nowrap;
}
.reward-pane .yiyuan-punch[data-v-694f9fa3] {
    margin: 0 20px;
    height: 44px;
    background: url("//qkassets.qkcdn.com/images/assets/689fd413c947d08f3bfba820d2573bcd.png") no-repeat;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(255, 140, 0, 0.2);
    -webkit-box-shadow: 0 4px 8px 0 rgba(255, 140, 0, 0.2);
}
.reward-pane .red-packet[data-v-694f9fa3] {
    position: relative;
    float: left;
    margin-left: 8px;
    width: 150px;
    height: 44px;
    border-radius: 4px;
    background: url("//qkassets.qkcdn.com/images/assets/cdd2f9402adaafde7a3eb3ccf6e58509.png") no-repeat center/cover;
    box-shadow: 0 4px 8px 0 rgba(255, 82, 55, 0.5);
    -webkit-box-shadow: 0 4px 8px 0 rgba(255, 82, 55, 0.5);
}
.reward-pane .red-packet span[data-v-694f9fa3] {
      position: absolute;
      right: -15px;
      top: -9px;
}
.reward-pane .red-packet span img[data-v-694f9fa3] {
        width: 48px;
        height: 57px;
}
.reward-pane .punch-and-activity[data-v-694f9fa3] {
    padding: 0 20px;
}
.reward-pane .punch-and-activity .entrance[data-v-694f9fa3] {
      position: relative;
      float: left;
      width: 163px;
      height: 44px;
      display: inline-block;
      border-radius: 5px;
}
.reward-pane .punch-and-activity .entrance[data-v-694f9fa3]:first-child {
        background: url("//qkassets.qkcdn.com/images/assets/6c1c7f7ea139e04108e75f7e046ed2ad.png") no-repeat;
        background-size: 100% 100%;
        box-shadow: 0 4px 8px rgba(255, 140, 0, 0.2);
        -webkit-box-shadow: 0 4px 8px rgba(255, 140, 0, 0.2);
}
.reward-pane .punch-and-activity .entrance[data-v-694f9fa3]:last-child {
        float: right;
        background: url("//qkassets.qkcdn.com/images/assets/40727c7dcd269f1b89688528f325a34c.png") no-repeat;
        background-size: 100% 100%;
        box-shadow: 0 4px 8px rgba(221, 76, 59, 0.6);
        -webkit-box-shadow: 0 4px 8px rgba(221, 76, 59, 0.6);
}
.reward-pane .punch-and-activity .entrance img[data-v-694f9fa3] {
        position: absolute;
        top: -12px;
        right: -12px;
        width: 57px;
        height: 70px;
}
.reward-pane .group-punch[data-v-694f9fa3] {
    margin-top: 8px;
    background-color: #fafafa;
    border: solid 0.5px #eeeeee;
    border-radius: 2px;
}
.reward-pane .group-punch .hasTeam-punch[data-v-694f9fa3] {
      width: 335px;
      height: 64px;
      padding: 12px 15px 12px 19px;
}
.reward-pane .group-punch .hasTeam-punch .complete-punch[data-v-694f9fa3] {
        width: 75px;
        padding-right: 9px;
        border-right: 1px solid #efefef;
        float: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .group-punch .hasTeam-punch .complete-punch .complete-text[data-v-694f9fa3] {
          height: 18px;
          line-height: 18px;
          color: #3a3a3a;
          font-size: 13px;
}
.reward-pane .group-punch .hasTeam-punch .complete-punch .complete-peo[data-v-694f9fa3] {
          color: #3a3a3a;
          font-size: 13px;
          position: relative;
          top: 2px;
}
.reward-pane .group-punch .hasTeam-punch .complete-punch .complete-peo span[data-v-694f9fa3] {
            position: relative;
            top: 1px;
            font-size: 24px;
            font-family: 'qiankaFont';
}
.reward-pane .group-punch .hasTeam-punch .unfinish-punch[data-v-694f9fa3] {
        width: 65px;
        margin-left: 20px;
        float: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .group-punch .hasTeam-punch .unfinish-punch .unfinish-text[data-v-694f9fa3] {
          height: 18px;
          line-height: 18px;
          color: #3a3a3a;
          font-size: 13px;
}
.reward-pane .group-punch .hasTeam-punch .unfinish-punch .unfinish-peo[data-v-694f9fa3] {
          color: #3a3a3a;
          font-size: 13px;
          position: relative;
          top: 2px;
}
.reward-pane .group-punch .hasTeam-punch .unfinish-punch .unfinish-peo span[data-v-694f9fa3] {
            position: relative;
            top: 1px;
            font-size: 24px;
            font-family: 'qiankaFont';
}
.reward-pane .group-punch .completed-punch[data-v-694f9fa3] {
      width: 335px;
      height: 64px;
      padding: 12px 15px 12px 19px;
}
.reward-pane .group-punch .completed-punch .completed-text[data-v-694f9fa3] {
        width: 105px;
        line-height: 20px;
        color: #3a3a3a;
        font-size: 13px;
        float: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .group-punch .punch-button[data-v-694f9fa3] {
      width: 89px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #F75946;
      color: #F75946;
      border-radius: 20px;
      text-align: center;
      font-size: 13px;
      float: right;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .group-punch .noTeam-punch[data-v-694f9fa3] {
      width: 335px;
      height: 64px;
      padding: 12px 15px 12px 19px;
}
.reward-pane .group-punch .noTeam-punch .punch-text[data-v-694f9fa3] {
        width: 105px;
        line-height: 20px;
        color: #3a3a3a;
        font-size: 13px;
        float: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .online-info[data-v-694f9fa3] {
    position: relative;
    width: 335px;
    height: 64px;
    font-size: 0;
    border-radius: 2px;
    background-color: #fafafa;
    border: solid 0.5px #eeeeee;
    margin: 8px 20px 0 20px;
}
.reward-pane .online-info .info[data-v-694f9fa3] {
      min-width: 93px;
      height: 64px;
      position: relative;
      display: inline-block;
      padding: 9px 20px;
}
.reward-pane .online-info .info .title[data-v-694f9fa3] {
        font-size: 13px;
        font-weight: 600;
        color: #3a3a3a;
        height: 18px;
        line-height: 18px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .online-info .info .online-num span[data-v-694f9fa3]:first-child {
        font-size: 24px;
        height: 28px;
        line-height: 16px;
        font-family: qiankaFont;
}
.reward-pane .online-info .info .online-num span[data-v-694f9fa3]:nth-child(2) {
        font-size: 13px;
        font-weight: 600;
        height: 18px;
        position: relative;
        top: -1px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.reward-pane .online-info .separator[data-v-694f9fa3] {
      display: inline-block;
      height: 64px;
      position: relative;
      top: -11px;
}
.reward-pane .online-info .separator img[data-v-694f9fa3] {
        width: 2px;
        height: 40px;
        -webkit-transform: translateY(13px);
            -ms-transform: translateY(13px);
                transform: translateY(13px);
}
.reward-pane .online-info .online-reward-btn[data-v-694f9fa3] {
      position: absolute;
      display: inline-block;
      font-size: 0;
      top: 12px;
      right: 15px;
      text-align: center;
      width: 89px;
      height: 40px;
      line-height: 40px;
      background-color: #8779C8;
      border-radius: 20px;
      box-shadow: 0 1px 4px 0 rgba(191, 191, 191, 0.25);
}
.reward-pane .online-info .online-reward-btn.disabled[data-v-694f9fa3] {
        background-color: #DDDDDD;
}
.reward-pane .online-info .online-reward-btn img[data-v-694f9fa3] {
        width: 11px;
        height: 14px;
        margin-right: 3px;
        vertical-align: middle;
}
.reward-pane .online-info .online-reward-btn span[data-v-694f9fa3] {
        position: relative;
        top: 1px;
        font-size: 13px;
        font-weight: 600;
        color: #ffffff;
        vertical-align: middle;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}

.level-icon {
  position: relative;
  width: 96px;
  height: 96px;
}
.level-icon img {
    width: 100%;
    height: auto;
}
.level-icon span {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    color: #ffffff;
    top: 24px;
    padding-left: 1.5px;
    font-family: Nexa;
    font-weight: bold;
    text-align: center;
}
.level-icon.small {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: 5px 0px 1px 2px;
}
.level-icon.small span {
      left: -0.5px;
      font-size: 5px;
      top: 3px;
      letter-spacing: -0.5px;
}
/* thin border */
.tooltip {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.75;
  background-color: #000000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 38px;
  line-height: 18px;
  padding: 11px 15px;
  border-radius: 100px;
  z-index: 10;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.tooltip p {
    margin: 0;
}
.tooltip::before {
    position: absolute;
    width: 0px;
    height: 0px;
    top: -13px;
    left: 62px;
    content: '';
    border: transparent solid;
    border-top: 7px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 7px solid #000000;
}
.tooltip-bottom {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  opacity: 0.75;
  background-color: #000000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 20px;
  padding: 6px 12px;
  border-radius: 10px;
  z-index: 10;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.tooltip-bottom p {
    margin: 0;
}
.tooltip-bottom::after {
    position: absolute;
    width: 0px;
    height: 0px;
    top: 31px;
    left: 27px;
    content: '';
    border: transparent solid;
    border-bottom: 7px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 7px solid #000000;
}
.tooltip-lines {
  padding: 6px 12px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.tooltip-lines::after {
    top: 71px;
    left: 48px;
}
.tooltip-lines-2 {
  padding: 6px 0px 6px 12px;
}
.tooltip-lines-2::after {
    top: 51px;
    left: 48px;
}
.tooltip-lines-4 {
  padding: 6px 0px 6px 12px;
}
.tooltip-lines-4::after {
    top: 91px;
    left: 48px;
}
/* thin border */
@-webkit-keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
@keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
.popup-invite-hongbao .popup-invite-hongbao[data-v-6cfe193c] {
  width: 275px;
  background-color: transparent !important;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body[data-v-6cfe193c] {
    width: 275px;
    height: 410px;
    position: relative;
    text-align: center;
    background-image: url(//qkassets.qkcdn.com/images/assets/9ced1a46f477dc5d7a69427b1010ade4.png);
    background-size: 283px 410px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .tips[data-v-6cfe193c] {
      color: #b29478;
      font-size: 12px;
      height: 14px;
      line-height: 14px;
      text-align: center;
      position: absolute;
      top: 7px;
      left: 60px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .remind[data-v-6cfe193c] {
      font-size: 18px;
      color: #3a3a3a;
      height: 25px;
      line-height: 25px;
      margin-top: 15px;
      margin-bottom: 6px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .invite-code[data-v-6cfe193c] {
      height: 28px;
      line-height: 28px;
      color: #d53926;
      font-size: 20px;
      letter-spacing: 6px;
      margin-bottom: 8px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .action-remind[data-v-6cfe193c] {
      color: #bfbfbf;
      font-size: 12px;
      margin-bottom: 65px;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .action-remind div[data-v-6cfe193c] {
        height: 17px;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .use-remind[data-v-6cfe193c] {
      color: #ffffff;
      text-align: center;
      font-size: 16px;
      margin-bottom: 22px;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .use-remind div[data-v-6cfe193c] {
        height: 22px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .copy-button[data-v-6cfe193c] {
      margin: 0 auto 15px;
      width: 144px;
      height: 48px;
      line-height: 48px;
      border-radius: 24px;
      background-color: #ffaa00;
      color: #ffffff;
      box-shadow: 0 1px 4px 0 rgba(255, 148, 0, 0.25);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .copy-button.copyed[data-v-6cfe193c] {
        color: #ffaa00;
        line-height: 44px;
        border: solid 1.5px #ffaa00;
        background-color: transparent;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .to-ali-button[data-v-6cfe193c] {
      margin: 0 auto;
      width: 144px;
      height: 36px;
      line-height: 32px;
      border-radius: 24px;
      border: solid 1.5px #ffaa00;
      color: #ffaa00;
      font-size: 14px;
}
.popup-invite-hongbao .popup-invite-hongbao .popup-body .to-ali-button.copyed[data-v-6cfe193c] {
        line-height: 36px;
        color: #ffffff;
        background-color: #ffaa00;
        border: transparent;
}
.popup-invite-hongbao.active .popup[data-v-6cfe193c] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.popup-invite-hongbao .close[data-v-6cfe193c] {
  text-align: center;
  height: 34px;
  width: 100%;
  margin-top: 30px;
}
.popup-invite-hongbao .close img[data-v-6cfe193c] {
    width: 34px;
    height: 34px;
}
/* thin border */
.popup-open-rongyuka[data-v-91b34774] {
  padding-top: 35px !important;
  padding-bottom: 25px !important;
  text-align: center;
}
.popup-open-rongyuka .remind[data-v-91b34774] {
    font-size: 16px;
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 25px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-open-rongyuka .content[data-v-91b34774] {
    width: 100%;
    height: 128px;
    margin-bottom: 30px;
    position: relative;
    background-image: url(//qkassets.qkcdn.com/images/assets/e1e3cba5d0949703f035ac781505123b.png);
    background-size: 100% 128px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-open-rongyuka .content .app-icon[data-v-91b34774] {
      margin: 36px auto 10px;
      width: 58px;
      height: 58px;
      border-radius: 14px;
}
.popup-open-rongyuka .content .app-name[data-v-91b34774] {
      text-align: center;
      font-size: 13px;
      color: #333333;
      height: 11px;
      line-height: 11px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-open-rongyuka .continue[data-v-91b34774] {
    margin: 0 auto;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #ef502b;
    color: #ffffff;
    margin-bottom: 15px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-open-rongyuka .bottom-remind[data-v-91b34774] {
    margin: 0 auto;
    font-size: 12px;
    color: #B5B5B5;
    width: 180px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.wx-actions-wrapper .actions[data-v-659498da] {
    margin-bottom: 60px !important;
}
.shoutu-share[data-v-659498da] {
    padding-bottom: 28px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.actions-wrapper[data-v-659498da] {
    bottom: 50px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
.actions-wrapper[data-v-659498da] {
    bottom: 50px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
.actions-wrapper[data-v-659498da] {
    bottom: 50px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.actions-wrapper[data-v-659498da] {
    bottom: 50px !important;
}
}
.share-actions[data-v-659498da] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
}
.share-actions .share-wrapper[data-v-659498da] {
    width: 100%;
    height: 100%;
}
.share-actions.passive[data-v-659498da] {
    visibility: hidden;
}
.share-actions .actions-wrapper[data-v-659498da] {
    position: fixed;
    bottom: 16px;
    left: 50%;
    background-color: #fff;
    width: 343px;
    height: auto;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    border-radius: 8px;
    transition: all 0.3s ease-out;
}
.share-actions .actions-wrapper .title[data-v-659498da] {
      height: 48px;
      line-height: 48px;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      border-bottom: 1px solid #F0F0F0;
      margin-bottom: 32px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.share-actions .actions-wrapper .title-shoutu-v5-15[data-v-659498da] {
      padding: 20px 71px;
      height: 84px;
      color: #3a3a3a;
      border-bottom: 1px solid #F0F0F0;
      margin-bottom: 31px;
}
.share-actions .actions-wrapper .title-shoutu-v5-15 .txt[data-v-659498da] {
        position: relative;
        width: 201px;
        height: 44px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        text-align: center;
        color: #3a3a3a;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.share-actions .actions-wrapper .close-btn[data-v-659498da] {
      position: absolute;
      top: 12px;
      right: 12px;
}
.share-actions .actions-wrapper .close-btn img[data-v-659498da] {
        width: 24px;
        height: 24px;
}
.share-actions .actions-wrapper .actions[data-v-659498da] {
      font-size: 0;
      width: 100%;
      margin: 0 auto;
      margin-bottom: 24px;
      text-align: center;
}
.share-actions .actions-wrapper .actions .action[data-v-659498da] {
        display: inline-block;
        text-align: center;
        margin-right: 30px;
        margin-bottom: 10px;
}
.share-actions .actions-wrapper .actions .action[data-v-659498da]:nth-child(4) {
          margin-right: 0;
}
.share-actions .actions-wrapper .actions .action[data-v-659498da]:nth-last-child(1) {
          margin-right: 0;
}
.share-actions .actions-wrapper .actions .action img[data-v-659498da] {
          width: 52px;
          height: 52px;
}
.share-actions .actions-wrapper .actions .action span[data-v-659498da] {
          display: block;
          margin-top: -4px;
          font-size: 14px;
          color: #3a3a3a;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.share-actions .actions-wrapper .remind[data-v-659498da] {
      text-align: center;
      font-size: 13px;
      color: #b5b5b5;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.share-actions .wx-actions-wrapper[data-v-659498da] {
    position: fixed;
    bottom: 16px;
    left: 50%;
    background-color: #fff;
    width: 100%;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    border-radius: 8px;
    transition: all 0.3s ease-out;
    padding-top: 30px;
}
.share-actions .wx-actions-wrapper .title[data-v-659498da] {
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.share-actions .wx-actions-wrapper .sub-title[data-v-659498da] {
      width: 288px;
      margin: 8px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 400;
      color: #aaaaaa;
      line-height: 18px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.share-actions .wx-actions-wrapper .close-btn[data-v-659498da] {
      position: absolute;
      top: 14px;
      right: 20px;
}
.share-actions .wx-actions-wrapper .close-btn img[data-v-659498da] {
        width: 24px;
        height: 24px;
}
.share-actions .wx-actions-wrapper .actions[data-v-659498da] {
      position: relative;
      margin: 20px auto 28px;
      width: 224px;
      height: 44px;
      text-align: center;
      background: white;
      border-radius: 22px;
      border: 1px solid #6bd166;
      font-size: 16px;
      font-weight: 600;
      color: #6bd166;
      line-height: 44px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.share-actions .wx-actions-wrapper .actions img[data-v-659498da] {
        -webkit-transform: translateY(4px);
            -ms-transform: translateY(4px);
                transform: translateY(4px);
        width: 24px;
        height: 19px;
}
.share-actions.active .actions-wrapper[data-v-659498da] {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.share-actions.active .wx-actions-wrapper[data-v-659498da] {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.share-actions .shoutu-share[data-v-659498da] {
    padding: 0 20px 0 20px;
}
.share-actions .shoutu-share .title[data-v-659498da] {
      text-align: left;
      border-bottom: none;
      height: 24px;
      line-height: 24px;
      margin: 32px 0 8px 6px;
}
.share-actions .shoutu-share .sub-title[data-v-659498da] {
      font-size: 14px;
      line-height: 24px;
      color: #3a3a3a;
      margin-bottom: 16px;
      padding-left: 6px;
}
.share-actions .shoutu-share .close-btn[data-v-659498da] {
      top: 16px;
      right: 16px;
}
.share-actions .shoutu-share .actions[data-v-659498da] {
      border-top: 0.5px solid #ddd;
      padding: 17px 13px 0 16px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      font-size: 12px;
}
.share-actions .shoutu-share .actions span[data-v-659498da] {
        margin-top: 2px;
}
/* thin border */
.popup-apprentice-link {
  width: 275px;
  background-color: transparent !important;
  font-family: PingFangSC-Regular; }
  .popup-apprentice-link .popup-body {
    padding: 0 !important;
    overflow: hidden !important; }
    .popup-apprentice-link .popup-body .button-close {
      top: 0px !important;
      right: 0px !important;
      border: none; }
      .popup-apprentice-link .popup-body .button-close .ion-ios-close-empty {
        width: 50px;
        height: 50px;
        top: 50px;
        right: -1px; }
      .popup-apprentice-link .popup-body .button-close .ion-ios-close-empty::before {
        background-image: url(//qkassets.qkcdn.com/images/assets/d13f3853ec08398510879817e83a0b2a.png);
        width: 50px;
        height: 50px; }
    .popup-apprentice-link .popup-body .background-transparent {
      width: 100%;
      height: 50px; }
    .popup-apprentice-link .popup-body .link-content {
      width: 100%;
      height: 200px;
      background-color: #fff;
      border-radius: 4px;
      text-align: center;
      position: relative; }
      .popup-apprentice-link .popup-body .link-content .link-copy-area {
        user-select: text;
        -webkit-user-select: text;
        position: relative;
        top: 70px;
        padding: 0;
        margin: 0 auto;
        width: 239px;
        height: 30px; }
        .popup-apprentice-link .popup-body .link-content .link-copy-area .copy-img {
          position: absolute;
          z-index: 10;
          user-select: none;
          -webkit-user-select: none;
          height: 30px;
          width: 100%; }
        .popup-apprentice-link .popup-body .link-content .link-copy-area .copy-select {
          position: absolute;
          z-index: 11;
          height: 30px;
          width: 100%; }
        .popup-apprentice-link .popup-body .link-content .link-copy-area .copy-text {
          position: absolute;
          width: 239px;
          height: 30px;
          text-align: center;
          background-color: #FAFAFA; }
          .popup-apprentice-link .popup-body .link-content .link-copy-area .copy-text span {
            width: 100%;
            display: inline-block;
            line-height: 30px;
            font-size: 10px; }
        .popup-apprentice-link .popup-body .link-content .link-copy-area .copy-text::before {
          content: "";
          position: absolute;
          top: -50%;
          bottom: -50%;
          left: -50%;
          right: -50%;
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
          border-style: dashed;
          border-width: 1px;
          border-color: #C5C4C3;
          border-radius: 2px; }
      .popup-apprentice-link .popup-body .link-content .info {
        position: absolute;
        top: 115px;
        width: 100%;
        font-size: 12px;
        color: #3A3A3A; }
    .popup-apprentice-link .popup-body .desc {
      width: 100%;
      height: 50px;
      padding-top: 30px;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      font-size: 14px; }

.popup-apprentice-qrcode {
  width: 240px !important;
  background-color: transparent !important; }
  .popup-apprentice-qrcode .popup-body {
    padding: 0 !important;
    width: 240px !important; }
    .popup-apprentice-qrcode .popup-body .button-close {
      top: 0px !important;
      right: 0px !important;
      border: none;
      z-index: 100; }
      .popup-apprentice-qrcode .popup-body .button-close .ion-ios-close-empty {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 49.5px;
        right: -1px; }
      .popup-apprentice-qrcode .popup-body .button-close .ion-ios-close-empty::before {
        background-image: url("//qkassets.qkcdn.com/images/assets/d13f3853ec08398510879817e83a0b2a.png");
        width: 50px;
        height: 50px; }
    .popup-apprentice-qrcode .popup-body .background-transparent {
      width: 100%;
      height: 50px; }
    .popup-apprentice-qrcode .popup-body .qrcode-content-wrapper {
      position: relative;
      width: 240px;
      height: 240px;
      border-radius: 4px; }
      .popup-apprentice-qrcode .popup-body .qrcode-content-wrapper .qrcode-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 480px;
        height: 480px;
        margin-left: -120px;
        margin-top: -120px;
        background-color: #fff;
        border-radius: 8px;
        transform: scale(0.5, 0.5); }
    .popup-apprentice-qrcode .popup-body #qrcode-copy-content {
      width: 240px;
      height: 240px;
      position: absolute;
      top: 50px;
      z-index: 10;
      border-radius: 4px;
      background: #FFF; }
      .popup-apprentice-qrcode .popup-body #qrcode-copy-content img {
        width: 240px;
        height: 240px;
        border-radius: 4px;
        -webkit-touch-callout: default; }
    .popup-apprentice-qrcode .popup-body .desc {
      width: 100%;
      height: 50px;
      padding-top: 30px;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      font-size: 14px; }

.popup-apprentice-card {
  width: 276px;
  background-color: transparent !important; }
  .popup-apprentice-card .popup-body {
    padding: 0 !important;
    background-color: transparent !important;
    /*
    .card-content {
      width: 100%;
      height: 363px;
      border-radius: 4px;
      text-align: center;
      box-sizing: border-box;
      position: relative;

      .bg-img {
        width: 275px;
        height: 363px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
        border-radius: 4px;
      }

      .reward-info {
        padding-top: 20px;
        font-size: 11px;
        line-height: 16px;
      }

      .total-reward {
        font-family: hzgb;
        font-size: 30px;
        margin-top: 10px;
        line-height: 30px;
      }

      .total-prentice-count {
        > .apprentie-num {
          display: inline-block;
          background: rgba(134, 107, 173, 0.4);
          border-radius: 10px;
          min-width: 113px;
          height: 21px;
          padding: 0 17px;
          font-size: 12px;
          line-height: 21px;
        }

        padding-top: 10px;
        padding-bottom: 57px;
      }

      .qrcode {
        position: relative;
        left: 74px;
        width: 127px;
        height: 127px;
        padding: 10px;
        background: #FFF;
        border-radius: 2px;
      }

      img {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 107px;
        height: 107px;
      }

      .info-desc {
        font-size: 12px;
        line-height: 17px;
        margin-top: 18px;

        .money-font {
          font-family: PingFang-SC-Medium;
        }
      }

      .id-desc {
        font-size: 12px;
        line-height: 17px;
        margin-top: 5px;
      }
    }
    */ }
    .popup-apprentice-card .popup-body .button-close {
      top: 1px !important;
      right: 0px !important;
      border: none;
      z-index: 100; }
      .popup-apprentice-card .popup-body .button-close .ion-ios-close-empty {
        width: 50px;
        height: 50px;
        top: 50px;
        right: 0px; }
      .popup-apprentice-card .popup-body .button-close .ion-ios-close-empty::before {
        background-image: url("//qkassets.qkcdn.com/images/assets/d13f3853ec08398510879817e83a0b2a.png");
        width: 50px;
        height: 50px; }
    .popup-apprentice-card .popup-body .background-transparent {
      width: 100%;
      height: 50px; }
    .popup-apprentice-card .popup-body .card-content-wrapper {
      position: relative;
      width: 275px;
      height: 363px;
      border-radius: 4px;
      text-align: center; }
      .popup-apprentice-card .popup-body .card-content-wrapper .card-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 550px;
        height: 726px;
        margin-left: -137.5px;
        margin-top: -181.5px;
        border-radius: 8px;
        transform: scale(0.5, 0.5); }
    .popup-apprentice-card .popup-body #card-copy-content {
      width: 275px;
      height: 363px;
      position: absolute;
      top: 50px;
      z-index: 10;
      border-radius: 4px; }
      .popup-apprentice-card .popup-body #card-copy-content img {
        width: 275px;
        height: 363px;
        -webkit-touch-callout: default;
        border-radius: 4px; }
    .popup-apprentice-card .popup-body .desc {
      width: 100%;
      height: 50px;
      padding-top: 30px;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      font-size: 14px; }

.popup-apprentice-poster {
  width: 282px !important;
  height: 394px !important;
  position: absolute !important;
  top: 52px !important;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0) !important; }
  .popup-apprentice-poster .popup-body {
    width: 282px !important;
    height: 349px !important;
    position: static !important;
    padding: 0 !important;
    background-color: rgba(255, 255, 255, 0) !important; }
    .popup-apprentice-poster .popup-body .button-close {
      top: 1px !important;
      right: 0px !important;
      border: none;
      z-index: 100; }
      .popup-apprentice-poster .popup-body .button-close .ion-ios-close-empty {
        width: 32px;
        height: 32px;
        top: 446px;
        right: 124px; }
      .popup-apprentice-poster .popup-body .button-close .ion-ios-close-empty::before {
        background-image: url("//qkassets.qkcdn.com/images/assets/0d40b5362cb1ebabdbb683cf0526a2a9.png");
        width: 32px;
        height: 32px; }
    .popup-apprentice-poster .popup-body .background-transparent {
      width: 100%;
      height: 14px; }
    .popup-apprentice-poster .popup-body .poster-content-wrapper {
      position: relative;
      width: 282px;
      height: 358px;
      border-radius: 8px 8px 0 0;
      text-align: center; }
      .popup-apprentice-poster .popup-body .poster-content-wrapper .poster-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 282px;
        height: 358px;
        border-radius: 8px 8px 0 0; }
    .popup-apprentice-poster .popup-body #poster-copy-content {
      width: 282px;
      height: 358px;
      position: absolute;
      top: 0;
      z-index: 10;
      border-radius: 8px 8px 0 0; }
      .popup-apprentice-poster .popup-body #poster-copy-content img {
        width: 282px;
        height: 358px;
        border-radius: 8px 8px 0 0;
        -webkit-touch-callout: default; }
    .popup-apprentice-poster .popup-body .desc {
      width: 100%;
      height: 15px;
      position: absolute;
      bottom: -130px;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      font-size: 14px; }
    .popup-apprentice-poster .popup-body .hairline-bottom::after {
      background: none !important; }
  .popup-apprentice-poster .line-block {
    width: 100%;
    position: absolute;
    top: 357px; }
  .popup-apprentice-poster .copy {
    width: 50%;
    height: 35px;
    line-height: 27px;
    font-size: 14px;
    background: #BDA178;
    position: absolute;
    top: 376px;
    color: #fff;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-apprentice-poster .copy.copy-title {
      left: 0;
      border-radius: 0px 0px 0 8px; }
      .popup-apprentice-poster .copy.copy-title::after {
        content: '';
        height: 22px;
        position: absolute;
        top: 0;
        right: 0;
        border-left: 1px solid #CBB89B; }
      .popup-apprentice-poster .copy.copy-title.all-title {
        width: 100%;
        border-radius: 0px 0px 8px 8px; }
    .popup-apprentice-poster .copy.copy-desc {
      right: 0;
      border-radius: 0px 0px 8px 0; }
      .popup-apprentice-poster .copy.copy-desc.no-desc {
        display: none; }

.popup-gaoe-poster {
  position: fixed !important;
  background: none !important;
  width: 100% !important;
  min-width: 100%;
  height: 100%;
  max-height: 100% !important;
  top: 0;
  left: 0; }
  .popup-gaoe-poster .popup-body {
    width: 275px !important;
    height: 350px !important;
    position: static !important;
    padding: 0 !important;
    background: none !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; }
    .popup-gaoe-poster .popup-body .button-close {
      top: 1px !important;
      right: 0px !important;
      border: none;
      z-index: 100; }
      .popup-gaoe-poster .popup-body .button-close .ion-ios-close-empty {
        width: 32px;
        height: 32px;
        top: 446px;
        right: 124px; }
      .popup-gaoe-poster .popup-body .button-close .ion-ios-close-empty::before {
        background-image: url("//qkassets.qkcdn.com/images/assets/0d40b5362cb1ebabdbb683cf0526a2a9.png");
        width: 32px;
        height: 32px; }
    .popup-gaoe-poster .popup-body .desc {
      width: 100%;
      height: 15px;
      position: absolute;
      bottom: 89px;
      left: 0;
      box-sizing: border-box;
      color: #fff;
      text-align: center;
      font-size: 14px; }
    .popup-gaoe-poster .popup-body .hairline-bottom::after {
      background: none !important; }
  .popup-gaoe-poster #qrcode-copy-content {
    width: 275px;
    height: 350px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    border-radius: 8px 8px 0 0; }
    .popup-gaoe-poster #qrcode-copy-content img {
      width: 275px;
      height: 350px;
      border-radius: 8px 8px 0 0;
      -webkit-touch-callout: default; }
  .popup-gaoe-poster .qrcode-content-wrapper .qrcode-content {
    width: 275px;
    height: 350px;
    position: fixed; }

.text-color {
  width: 287px !important; }
  .text-color .popup-body {
    padding: 20px !important; }
  .text-color .title {
    font-family: PingFangSC-Semibold !important;
    margin-bottom: 0 !important;
    line-height: 26px !important; }
  .text-color .popup-buttons {
    min-height: 48px !important; }
  .text-color button {
    font-size: 16px !important; }
    .text-color button:nth-child(1) {
      font-family: PingFangSC-Regular !important; }
  .text-color .hairline-right::after {
    display: none; }
/* thin border */
.bar.bar-header[data-v-7d3fa099] {
  position: fixed;
  background: #7e6ec8;
  height: 50px;
  text-align: center;
  box-shadow: none;
  padding: 0;
}
.bar.bar-header .title[data-v-7d3fa099] {
    text-align: center;
    font-size: 17px;
    height: 52px;
    line-height: 52px;
    color: #ffffff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
@media only screen and (min-height: 732px) {
.palceholder[data-v-7d3fa099] {
    height: 56px !important;
}
}
.page-content[data-v-7d3fa099] {
  padding: 68px 16px 32px;
  background-color: #FFFFFF;
}
.page-content img[data-v-7d3fa099] {
    width: 100%;
    height: auto;
}
.page-content .share-btn[data-v-7d3fa099] {
    margin: 32px auto 16px;
    width: 263px;
    height: 48px;
    line-height: 48px;
    background-color: #7E6EC8;
    box-shadow: 0 1px 4px 0;
    border-radius: 24px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content .no-remind[data-v-7d3fa099] {
    text-align: center;
    font-size: 12px;
    color: #3a3a3a;
}
.page-content .no-remind span[data-v-7d3fa099] {
      vertical-align: middle;
}
.page-content .no-remind img[data-v-7d3fa099] {
      width: 16px;
      height: 16px;
      vertical-align: middle;
}
/* thin border */
.popup-start[data-v-fa956744] {
  overflow: visible !important;
  text-align: center;
}
.popup-start .title-img[data-v-fa956744] {
    position: relative;
    left: 3px;
    width: 116px;
    height: 96px;
    margin: -80px auto 0;
}
.popup-start .title-img img[data-v-fa956744] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.popup-start .popup-title[data-v-fa956744] {
    position: relative;
    margin: 0 auto;
    width: 100%;
    line-height: 24px;
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-start .popup-title span[data-v-fa956744] {
      color: #fa583f;
}
.popup-start .popup-money[data-v-fa956744] {
    font-size: 14px;
    color: #fa583f;
    margin-top: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-start .popup-money span[data-v-fa956744] {
      font-size: 38px;
      font-family: qiankaFont;
      line-height: 38px;
}
.popup-start .popup-des[data-v-fa956744] {
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    margin-top: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-start .btn-start[data-v-fa956744] {
    position: relative;
    width: 181px;
    height: 48px;
    margin: 32px auto 0;
    border-radius: 24px;
    color: #fff;
    background-color: #f75946;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-start .btn-start[data-v-fa956744]:active {
      background-color: #D53926 !important;
      box-shadow: none;
}
.popup-start .old-user[data-v-fa956744] {
    color: #f75946;
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.popup-welcome[data-v-588a9a5e] {
  overflow: visible !important;
}
.popup-welcome .title-img[data-v-588a9a5e] {
    position: relative;
    left: 3px;
    width: 116px;
    height: 95px;
    margin: -80px auto 0;
}
.popup-welcome .title-img img[data-v-588a9a5e] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.popup-welcome .popup-title[data-v-588a9a5e] {
    position: relative;
    margin: 16px auto 0;
    width: 208px;
    line-height: 24px;
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-welcome .btn-login[data-v-588a9a5e] {
    position: relative;
    width: 181px;
    height: 48px;
    margin: 32px auto 0;
    border-radius: 24px;
    color: #fff;
    background-color: #f75946;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-welcome .btn-login[data-v-588a9a5e]:active {
      background-color: #D53926 !important;
}
.popup-welcome .btn-register[data-v-588a9a5e] {
    position: relative;
    width: 181px;
    height: 48px;
    margin: 16px auto 0;
    border-radius: 24px;
    color: #f75946;
    border: 1px solid #f75946;
    background-color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-welcome .btn-register[data-v-588a9a5e]:active {
      color: #d53926 !important;
      border: solid 1px #d53926 !important;
      background-color: #fef6f5 !important;
}
/* thin border */
.popup-download-assistant .popup-title[data-v-1b700542] {
  position: relative;
  width: 100%;
  margin: 0 auto;
  line-height: 24px;
  color: #3a3a3a;
  font-size: 16px;
  text-align: center;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-assistant .box-app[data-v-1b700542] {
  position: relative;
  width: 261px;
  height: 120px;
  margin: 8px auto 0;
  background: url("//qkassets.qkcdn.com/images/assets/743bf4b4adf8ca947af0fb9314fc60d0.jpeg");
  background-size: contain;
}
.popup-download-assistant .box-app .app-icon[data-v-1b700542] {
    position: absolute;
    top: 46px;
    left: 47px;
    width: 36px;
    height: 36px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
}
.popup-download-assistant .box-app .app-icon img[data-v-1b700542] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
}
.popup-download-assistant .box-app .app-title[data-v-1b700542] {
    position: absolute;
    top: 44px;
    left: 97px;
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-assistant .btn-download[data-v-1b700542] {
  position: relative;
  margin: 8px auto 0;
  color: #fff;
  background-color: #f75946;
  width: 180px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 24px;
  font-size: 16px;
  box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-assistant .btn-download[data-v-1b700542]:active {
    background-color: #D53926 !important;
}
/* thin border */
.popup-newbie-step {
  overflow: visible !important;
  padding-top: 32px !important;
}
.popup-newbie-step .title-img {
    position: relative;
    left: 3px;
    width: 116px;
    height: 95px;
    margin: -80px auto 0;
}
.popup-newbie-step .title-img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.popup-newbie-step .popup-contain {
    margin-top: 16px;
    height: 221px;
    text-align: center;
}
.popup-newbie-step .popup-contain .swiper-slide {
      padding: 0 20px;
}
.popup-newbie-step .popup-contain .swiper-slide .popup-title {
        position: relative;
        line-height: 24px;
        color: #3a3a3a;
        font-size: 16px;
        text-align: center;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-newbie-step .popup-contain .swiper-slide .popup-content {
        margin-top: 16px;
}
.popup-newbie-step .popup-contain .swiper-slide .popup-content p {
          line-height: 24px;
          margin-bottom: 0;
          font-size: 14px;
          color: #3a3a3a;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.popup-newbie-step .popup-contain .swiper-slide .popup-content p span {
            color: #f75946;
}
.popup-newbie-step .popup-contain .swiper-slide .btn-know {
        position: relative;
        width: 181px;
        height: 48px;
        margin: 16px auto 0;
        border-radius: 24px;
        color: #fff;
        background-color: #f75946;
        text-align: center;
        line-height: 48px;
        font-size: 16px;
        box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-newbie-step .popup-contain .swiper-slide .btn-know:active {
          background-color: #D53926 !important;
          box-shadow: none;
}
.popup-newbie-step .popup-contain .swiper-pagination {
      bottom: -7px;
}
.popup-newbie-step .popup-contain .swiper-pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        background: #f75946;
        opacity: 0.32;
        margin-left: 8px;
        margin-right: 0 !important;
        border-radius: 1px;
}
.popup-newbie-step .popup-contain .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          width: 12px;
          height: 4px;
          border-radius: 1px;
          background: #f75946;
          opacity: 1;
}
/* thin border */
@-webkit-keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
}
@keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
}
.more-popup-container[data-v-1423b482] {
  position: relative;
  width: 100% !important;
  background-size: contain;
  border-radius: 8px;
}
.more-popup-container .swiper-wrapper[data-v-1423b482] {
    position: relative;
}
.more-popup-container .swiper-container[data-v-1423b482] {
    overflow: visible !important;
}
.more-popup-container .award-enter[data-v-1423b482] {
    position: absolute;
    bottom: -44px;
    text-align: center;
    font-size: 16px;
    left: 28px;
    color: #fff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .award-enter span[data-v-1423b482] {
      font-size: 18px;
      color: #ffb53b;
}
.more-popup-container .swiper-slide[data-v-1423b482] {
    background: #fff;
    width: 275px !important;
    border-radius: 8px;
}
.more-popup-container .swiper-slide[data-v-1423b482]:not(.swiper-slide-active) {
      opacity: 0;
}
.more-popup-container .swiper-slide .award-enter[data-v-1423b482] {
      position: absolute;
      bottom: -44px;
      text-align: center;
      font-size: 16px;
      left: 28px;
      color: #fff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .swiper-slide .award-enter span[data-v-1423b482] {
        font-size: 18px;
        color: #ffb53b;
}
.more-popup-container .swiper-slide.slide-hide[data-v-1423b482] {
      -webkit-animation-name: customScaleOut;
      animation-name: customScaleOut;
      -webkit-animation-duration: 0.25s;
      animation-duration: 0.25s;
}
.more-popup-container .title-img[data-v-1423b482] {
    position: relative;
    width: 116px;
    height: 95px;
    margin: -54px auto 0;
}
.more-popup-container .title-img img[data-v-1423b482] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.more-popup-container .title[data-v-1423b482] {
    position: relative;
    margin: 16px auto 0;
    text-align: center;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .money[data-v-1423b482] {
    margin: 24px auto 0;
    text-align: center;
    font-size: 0;
    font-weight: 600;
    color: #f75946;
    line-height: 14px;
}
.more-popup-container .money .plus[data-v-1423b482] {
      font-size: 18px;
      font-weight: 400;
      color: #f75946;
      line-height: 12px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .money .marathon-plus[data-v-1423b482] {
      position: relative;
      top: 1px;
}
.more-popup-container .money .num[data-v-1423b482] {
      font-size: 38px;
      font-family: qiankaFont;
      margin-left: 2px;
      color: #f75946;
      line-height: 38px;
      font-weight: normal;
      position: relative;
      top: 1px;
}
.more-popup-container .money .marathon-num[data-v-1423b482] {
      font-family: "gilroy-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .money .yuan[data-v-1423b482] {
      font-size: 14px;
      font-weight: 600;
      color: #f75946;
      line-height: 12px;
      margin-left: 2px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .money .marathon-yuan[data-v-1423b482] {
      position: relative;
      top: -1px;
      font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .subtitle[data-v-1423b482] {
    font-size: 12px;
    margin: 16px auto 32px;
    color: #3a3a3a;
    line-height: 20px;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.more-popup-container .marathon-subtitle[data-v-1423b482] {
    margin: 16px auto 15px;
}
.more-popup-container .rank-info[data-v-1423b482] {
    text-align: center;
    font-size: 12px;
    color: #a4acac;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.more-popup-container .rank-info .unit[data-v-1423b482] {
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .btn-activate[data-v-1423b482] {
    position: relative;
    margin: 30px auto 32px;
    width: 175px;
    height: 48px;
    background: #f75946;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5);
    border-radius: 29px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    line-height: 48px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.more-popup-container .btn-activate[data-v-1423b482]:active {
      background-color: #D53926 !important;
}
.more-popup-container .button-close[data-v-1423b482] {
    top: 372px !important;
    left: 44% !important;
    width: 34px !important;
    height: 34px !important;
    background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover;
}
.more-popup-container .button-close .ion-ios-close-empty[data-v-1423b482] {
      display: none;
}
/* thin border */
.popup-container {
  visibility: hidden;
}
.popup-container .popup {
  color: #484746;
  width: 275px;
  border-radius: 4px;
}
.popup-container .popup .popup-head {
    border-bottom: 1px solid #eee;
}
.popup-buttons > .button {
  margin-bottom: 0;
  margin-right: 10px;
}
.popup-buttons > .button:last-child {
    margin-right: 0px;
}
.popup-buttons > .button.button-block {
    margin-top: 0;
}
@-webkit-keyframes scaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
    opacity: 0;
}
}
@keyframes scaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
}
}
@-webkit-keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes superScaleIn {
from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.popup-container.popup-hidden .popup {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.popup-container.active .popup {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@-webkit-keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@keyframes customScaleIn {
from {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0.3);
    opacity: 0;
}
}
@keyframes customScaleOut {
from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
to {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
}
@-webkit-keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}
@keyframes slideDownIn {
from {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
}
@-webkit-keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
    opacity: 0;
}
}
@keyframes slideUpOut {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
to {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
}
}
.popup-container[effect='scale'].popup-hidden .popup {
  -webkit-animation-name: customScaleOut;
  animation-name: customScaleOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='scale'].active .popup {
  -webkit-animation-name: customScaleIn;
  animation-name: customScaleIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.popup-container[effect='slide'].popup-hidden .popup {
  -webkit-animation-name: slideUpOut;
  animation-name: slideUpOut;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-container[effect='slide'].active .popup {
  -webkit-animation-name: slideDownIn;
  animation-name: slideDownIn;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.popup-note {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-note .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-note .popup-body .title-img {
      position: relative;
      width: 92px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/4d1626b58ccd98936736e246e2340284.png");
      background-size: contain;
}
.popup-note .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-note .popup-body .hairline-bottom::after {
      display: none;
}
.popup-note .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-note .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward {
  background: #fff;
  position: relative;
  top: -34px;
  margin: 0 auto;
  width: 275px !important;
  height: 239px;
  background-size: contain;
}
.popup-update-version-reward .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.popup-update-version-reward .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 95px;
      margin: -48px auto 0;
      background: url("//qkassets.qkcdn.com/images/assets/1a75b2b924d561946cb3870e6fc3cb8a.png");
      background-size: contain;
}
.popup-update-version-reward .popup-body .title {
      position: relative;
      margin: 17px auto 0;
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money {
      margin: 16px auto 0;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      color: #f75946;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .money .num {
        font-size: 24px;
        line-height: 1;
        margin: 0 2px;
        vertical-align: bottom;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-body .hairline-bottom::after {
      display: none;
}
.popup-update-version-reward .popup-buttons button {
    height: 48px !important;
    margin: 32px 59px 32px !important;
    border-radius: 24px !important;
    background: #f75946 !important;
    box-shadow: 0px 1px 4px 0px rgba(247, 89, 70, 0.5) !important;
}
.popup-update-version-reward .popup-buttons button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 16px;
      font-weight: 600;
      color: white;
      line-height: 48px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-update-version-reward .popup-buttons button:active {
      background: #E0412E !important;
      box-shadow: none;
}
.popup-preorder-publish-date {
  width: 287px !important;
}
.popup-preorder-publish-date .popup-body {
    overflow: inherit !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #ffffff;
    padding: 64px 24px 0 24px !important;
    font-size: 14px;
    color: #3a3a3a;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-preorder-publish-date .popup-body .title-img {
      position: relative;
      width: 116px;
      height: 96px;
      margin: -112px auto 16px;
      background: url("//qkassets.qkcdn.com/images/assets/4feb53ba219c4729625381cd5d56cc1d.png");
      background-size: contain;
      vertical-align: top;
}
.popup-preorder-publish-date .popup-body .title {
      position: relative;
      width: 100%;
      height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      line-height: 24px;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .desc {
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      margin: 0 24px;
}
.popup-preorder-publish-date .popup-body .desc span {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap {
      margin-top: 16px;
      padding: 12px;
      background-color: #fafafa;
      border-radius: 4px;
      max-height: 134px;
      overflow: auto;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 20px;
        margin-bottom: 8px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 12px;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .left {
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          color: #3a3a3a;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-right: 24px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item .right {
          color: #f75946;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .update-wrap .date-item:last-child {
          margin-bottom: 0;
}
.popup-preorder-publish-date .popup-body .num-wrap {
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .num-wrap .num {
        font-size: 38px;
        line-height: 1;
        margin: 0 2px;
        font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-body .button-close {
      top: 338px !important;
      left: 45.2% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-preorder-publish-date .popup-body .button-close .ion-ios-close-empty {
        display: none;
}
.popup-preorder-publish-date .hairline-bottom {
    display: none;
}
.popup-preorder-publish-date .popup-buttons {
    width: 175px;
    margin: 32px auto;
}
.popup-preorder-publish-date .popup-buttons button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
      background-color: #f75946 !important;
      font-size: 16px !important;
      color: #ffffff !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-preorder-publish-date .popup-buttons button:active {
        background: #e0412e !important;
        box-shadow: none;
}
.popup-apprentice-v539 {
  width: 100% !important;
  background: none !important;
  margin-top: -60px;
}
.popup-apprentice-v539 .popup-body {
    text-align: center;
    overflow: inherit !important;
    height: 412px !important;
    padding: 0 !important;
}
.popup-apprentice-v539 .popup-body img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      margin-top: 48px;
}
.popup-apprentice-v539 .popup-body .button-small {
      padding: 0 !important;
      min-width: 24px !important;
      min-height: 24px !important;
}
.popup-apprentice-v539 .popup-body .button-close {
      top: 392px !important;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/837ec02f105e26aaba9a13ca63c4f2a4.png") no-repeat center/cover;
}
.popup-apprentice-v539 .popup-body .button-close .ion-ios-close-empty {
        display: none;
}
.popup-apprentice-v539 .hairline-bottom {
    display: none;
}

/* thin border */
.column {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-transparent {
  background-color: transparent !important;
}
.popup-container .von-popup {
  background-color: #fff;
  border-radius: 8px;
}
.more-container .von-popup {
  background-color: transparent;
}
.popup-container.custom-popup-container.popup-showing {
  transition: 0.3s;
}
.close {
  pointer-events: auto;
  margin-top: 32px;
  height: 24px;
}
.close img {
    width: 24px;
    height: 24px;
}
/* thin border */
.waimai-hongbao.next .popup {
  background-image: url("//qkassets.qkcdn.com/images/assets/6dd029fcc06d6cf05914a741b362095c.png") !important;
}
.waimai-hongbao .popup {
  width: 375px;
  height: 403px;
  background-color: transparent;
  background-image: url("//qkassets.qkcdn.com/images/assets/10b0112ab0fceb3aa3e7ae431383817e.png");
  background-size: 100% 100%;
}
.waimai-hongbao .popup .popup-body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.waimai-hongbao .popup .popup-body .order-num {
      padding-top: 6px;
      text-align: center;
      font-size: 20px;
}
.waimai-hongbao .popup .popup-body .order-num .title {
        font-size: 20px;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 58px;
        line-height: 27px;
        font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao .popup .popup-body .order-num .content {
        font-size: 20px;
        color: rgba(247, 89, 70, 0.8);
        margin-bottom: 16px;
        font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao .popup .popup-body .order-num .num {
        height: 47px;
        line-height: 47px;
        color: #ff6b6b;
}
.waimai-hongbao .popup .popup-body .order-num .num span:first-child {
          position: relative;
          top: 1px;
          font-size: 48px;
          font-family: "gilroy-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao .popup .popup-body .order-num .num span:last-child {
          font-size: 17px;
          font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao .popup .popup-body .order-desc {
      text-align: center;
      color: #fff6c0;
      font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao .popup .popup-body .order-desc .title {
        height: 33px;
        line-height: 33px;
        margin-top: 57px;
        font-size: 40px;
        margin-bottom: 12px;
        color: #FFF6C2;
}
.waimai-hongbao .popup .popup-body .order-desc .desc {
        width: 270px;
        margin: 0 auto;
        font-size: 18px;
        color: #FFF6C2;
        line-height: 25px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao .popup .popup-body .btn {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
}
/* thin border */
.waimai-hongbao-goad .popup {
  width: 375px;
  height: 403px;
  background-color: transparent;
  background-image: url("//qkassets.qkcdn.com/images/07b1f00dac441433022149cb05081bb0.png");
  background-size: 100% 100%;
}
.waimai-hongbao-goad .popup .popup-body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 106px !important;
}
.waimai-hongbao-goad .popup .popup-body .order-num {
      padding-top: 6px;
      text-align: center;
      font-size: 20px;
}
.waimai-hongbao-goad .popup .popup-body .order-num .title {
        font-size: 20px;
        line-height: 27px;
        color: #E86419;
        margin-bottom: 4px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao-goad .popup .popup-body .order-num .content {
        font-size: 20px;
        color: rgba(247, 89, 70, 0.8);
        margin-bottom: 16px;
        font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao-goad .popup .popup-body .order-num .num {
        height: 47px;
        line-height: 47px;
        color: #E86419;
}
.waimai-hongbao-goad .popup .popup-body .order-num .num span:first-child {
          position: relative;
          top: 1px;
          font-size: 48px;
          font-weight: 900;
          font-family: "gilroy-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao-goad .popup .popup-body .order-num .num span:last-child {
          font-size: 17px;
          font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao-goad .popup .popup-body .order-desc {
      text-align: center;
      color: #fff6c0;
      font-family: "Alibaba-PuHuiTi-B", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao-goad .popup .popup-body .order-desc .title {
        height: 33px;
        line-height: 33px;
        margin-top: 57px;
        font-size: 40px;
        margin-bottom: 12px;
        color: #FFF6C2;
}
.waimai-hongbao-goad .popup .popup-body .order-desc .desc {
        font-size: 18px;
        color: #FFF6C2;
        line-height: 25px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.waimai-hongbao-goad .popup .popup-body .btn {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
}
/* thin border */
.agreement[data-v-0eaa17f4] {
  padding-top: 20px;
  color: #3a3a3a;
}
.agreement .agreement-title[data-v-0eaa17f4] {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.agreement .agreement-content[data-v-0eaa17f4] {
    margin-top: 8px;
}
.agreement .agreement-content .agreement-item[data-v-0eaa17f4] {
      font-size: 14px;
      line-height: 24px;
      margin: 0 48px 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.agreement .agreement-content .agreement-item[data-v-0eaa17f4]:last-child {
        margin-bottom: 20px;
}
.agreement .agreement-content .agreement-item span.bold[data-v-0eaa17f4] {
        color: #4a90e2;
}
.agreement .footer[data-v-0eaa17f4] {
    width: 100%;
    border-top: 1px solid #ebebeb;
    font-size: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.agreement .footer div[data-v-0eaa17f4] {
      float: left;
      width: 50%;
      line-height: 48px;
      text-align: center;
}
.agreement .footer .agreement-btn-obvious[data-v-0eaa17f4] {
      color: #4a90e2;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.dashboard-notice[data-v-e8c58cc8] {
  width: 287px;
  padding-top: 63px;
  padding-bottom: 32px;
}
.dashboard-notice .icon[data-v-e8c58cc8] {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 95px;
    top: -50px;
}
.dashboard-notice .icon img[data-v-e8c58cc8] {
      height: 95px;
}
.dashboard-notice .title[data-v-e8c58cc8] {
    margin: 0 auto;
    width: 150px;
    text-align: center;
    color: #3A3A3A;
    font-size: 14px;
    margin-bottom: 12px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-notice .desc-content[data-v-e8c58cc8] {
    padding: 0 24px;
}
.dashboard-notice .desc-content div[data-v-e8c58cc8] {
      font-size: 14px;
      text-indent: 26px;
      line-height: 24px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.dashboard-notice .desc-content div[data-v-e8c58cc8]:first-child {
        text-indent: 0;
}
@media only screen and (max-height: 666px) {
.dashboard-notice .desc-content[data-v-e8c58cc8] {
      overflow: scroll;
      height: 192px;
      -webkit-overflow-scrolling: touch;
}
}
.dashboard-notice .footer[data-v-e8c58cc8] {
    float: right;
    font-size: 12px;
    text-align: right;
    line-height: 20px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.mine-update-wrapper .popup {
  border-radius: 12px !important;
}
.popup-mine-update {
  overflow: inherit;
  width: 287px;
  height: 299px;
  border-radius: 12px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  border: solid 3px #d1e2e3;
  background-color: #3d444c;
  color: #FFFFFF;
}
.popup-mine-update::before {
    content: '';
    display: block;
    width: 116px;
    height: 96px;
    background: url("//qkassets.qkcdn.com/images/assets/cd79b0b282926d3447315be666f92e16.png") no-repeat center/cover;
    margin: auto;
    position: absolute;
    top: -51px;
    left: 0;
    right: 0;
}
.popup-mine-update .title {
    width: 100%;
    height: 101px;
    border-radius: 16px 16px 0 0;
    background: url("//qkassets.qkcdn.com/images/assets/3a17ffb4d47069a53e54af14b179df77.png") no-repeat center/cover;
    margin-top: -32px;
    overflow: hidden;
}
.popup-mine-update .title img {
      width: 161px;
      height: 18px;
      display: block;
      margin: 64px auto 0;
}
.popup-mine-update .desc {
    margin-top: 32px;
    font-size: 14px;
    padding: 0 40px;
    margin-bottom: 32px;
    line-height: 24px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-mine-update .start-btn {
    margin: 0 auto;
    color: #FFFFFF;
    width: 185px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: inset 0 -2px 0 0 #c7352a;
    background-color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-mine-update .start-btn:active {
      background-color: #E0412E;
      box-shadow: none;
}
.popup-mine-update .close-btn {
    width: 24px;
    height: 24px;
    margin: 64px auto 0;
}
.popup-mine-update .close-btn img {
      width: 100%;
      height: 100%;
}
/* thin border */
.popup_company_assitant_move_normal[data-v-142b65fb] {
  overflow: inherit;
}
.popup_company_assitant_move_normal .title-img[data-v-142b65fb] {
    width: 116px;
    height: 96px;
    margin: -81px auto 0;
    background: url("//qkassets.qkcdn.com/images/assets/16d8c0a801947d7fcc9764bc8d6342f4.png");
    background-size: contain;
}
.popup_company_assitant_move_normal .title[data-v-142b65fb] {
    padding: 0 18px;
    margin: 17px auto 0;
    text-align: center;
    font-size: 16px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup_company_assitant_move_normal .remind[data-v-142b65fb] {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #3a3a3a;
    line-height: 24px;
}
.popup_company_assitant_move_normal .remind span[data-v-142b65fb] {
      color: #f75946 !important;
}
.popup_company_assitant_move_normal .content[data-v-142b65fb] {
    width: 261px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    background-image: url(//qkassets.qkcdn.com/images/assets/3a8c8bf54369b9ae36d5a905f022bf40.png);
    background-size: 100% 120px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup_company_assitant_move_normal .content .app-icon[data-v-142b65fb] {
      position: absolute;
      left: 47px;
      top: 46px;
      width: 36px;
      height: 36px;
      border-radius: 14px;
}
.popup_company_assitant_move_normal .content .app-name[data-v-142b65fb] {
      position: absolute;
      top: 44px;
      left: 97px;
      font-size: 14px;
      color: #333333;
      height: 24px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup_company_assitant_move_normal .content .app-developer[data-v-142b65fb] {
      position: absolute;
      top: 53px;
      left: 119px;
      font-size: 6px;
      color: #333333;
      height: 8px;
      line-height: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup_company_assitant_move_normal .content .app-developer img[data-v-142b65fb] {
        margin-left: 3px;
        vertical-align: middle;
}
.popup_company_assitant_move_normal .content .arrow[data-v-142b65fb] {
      width: 2px;
      height: 4px;
}
.popup_company_assitant_move_normal .content .app-size[data-v-142b65fb] {
      position: absolute;
      top: 5px;
      left: 204px;
      color: #cfcece;
      -webkit-transform: rotate(47deg);
          -ms-transform: rotate(47deg);
              transform: rotate(47deg);
      font-size: 12px;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      font-weight: 900;
}
.popup_company_assitant_move_normal .hairline-bottom[data-v-142b65fb]::after {
    display: none;
}
.popup_company_assitant_move_normal .button-close[data-v-142b65fb] {
    display: none;
}
.popup_company_assitant_move_normal .update-btn-download[data-v-142b65fb] {
    position: relative;
    margin: 16px auto 0;
    color: #fff;
    background-color: #f75946;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup_company_assitant_move_normal .update-btn-download[data-v-142b65fb]:active {
      background-color: #D53926 !important;
}
/* thin border */
input[type="checkbox"][data-v-77c97f8a] {
  -webkit-appearance: none;
  margin: 0;
}
.dashboard-notice[data-v-77c97f8a] {
  width: 287px;
  padding-top: 63px;
  padding-bottom: 32px;
}
.dashboard-notice .icon[data-v-77c97f8a] {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 95px;
    top: -50px;
}
.dashboard-notice .icon img[data-v-77c97f8a] {
      height: 95px;
}
.dashboard-notice .title[data-v-77c97f8a] {
    margin: 0 auto;
    text-align: center;
    color: #3A3A3A;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-notice .desc-content[data-v-77c97f8a] {
    padding: 0 24px;
}
.dashboard-notice .desc-content div[data-v-77c97f8a] {
      font-size: 14px;
      line-height: 24px;
      text-indent: 0;
      color: #3a3a3a;
      margin-bottom: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.dashboard-notice .desc-content div .fonts[data-v-77c97f8a] {
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-notice .desc-content .footer[data-v-77c97f8a] {
      margin-bottom: 0;
}
.dashboard-notice .desc-content .footer .not-tip[data-v-77c97f8a] {
        text-align: center;
        display: block;
        margin-top: 32px;
        margin-bottom: 16px;
}
.dashboard-notice .desc-content .footer .not-tip .checkbox-no-remind[data-v-77c97f8a] {
          text-align: center;
          width: 14px;
          height: 14px;
          display: inline-block;
          border-radius: 7px;
          border: 1px solid #aaaaaa;
          -webkit-transform: translateY(2px);
              -ms-transform: translateY(2px);
                  transform: translateY(2px);
          line-height: 20px;
}
.dashboard-notice .desc-content .footer .not-tip span[data-v-77c97f8a] {
          color: #aaa;
          line-height: 20px;
}
.dashboard-notice .desc-content .footer .not-tip .checkbox-no-remind[data-v-77c97f8a]:checked {
          border: none;
          background: url("//qkassets.qkcdn.com/images/assets/736ff9f188b55bb82470dd578b78c7c2.png") no-repeat;
          background-size: contain;
}
.dashboard-notice .desc-content .footer .btn[data-v-77c97f8a] {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 175px;
        height: 48px;
        border-radius: 24px;
        background-color: #f75946;
        box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
        font-size: 16px;
        font-weight: 600;
        line-height: 48px;
        text-align: center;
        color: #ffffff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.dashboard-notice .desc-content .footer .btn[data-v-77c97f8a]:active {
          background-color: #d53926;
}
.dashboard-notice .footer[data-v-77c97f8a] {
    font-size: 12px;
    line-height: 20px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.popup-newbie-active-index .popup {
  width: 100% !important;
  background: none !important;
}
.popup-newbie-active-index .popup .content-newbie-active {
    width: 100%;
    height: auto;
    padding-top: 46px;
}
.popup-newbie-active-index .popup .content-newbie-active img {
      width: 100%;
      height: auto;
}
.popup-newbie-active-index .popup .closed {
    text-align: center;
    pointer-events: auto;
    height: 34px;
    margin-top: 26px;
    margin-bottom: 8px;
}
.popup-newbie-active-index .popup .closed img {
      width: 24px;
      height: 24px;
}
.popup-newbie-active-index .close {
  visibility: hidden;
}

.popup-game-notice .popup {
  background: none !important;
}
.popup-game-notice .popup .game-notice {
    width: 100%;
    height: 100%;
    margin-top: -60px;
}
.popup-game-notice .popup .game-notice img {
      width: 100%;
      height: 100%;
}
.popup-game-notice .popup .closed {
    position: absolute;
    pointer-events: auto;
    height: 34px;
    bottom: -60px;
    left: 50%;
    margin-left: -12px;
}
.popup-game-notice .popup .closed img {
      width: 24px;
      height: 24px;
}
.popup-game-notice .close {
  visibility: hidden;
}
/* thin border */
.today-recommend-task[data-v-241c2f59] {
  overflow: visible !important;
  text-align: center;
  background: url("//qkassets.qkcdn.com/images/assets/fed08071a37e5ff5908e01d83b23a41f.png") no-repeat center/cover;
  background-size: 100% 100%;
  height: 316px;
}
.today-recommend-task .info-contain[data-v-241c2f59] {
    margin-top: 65px;
    position: relative;
    margin-bottom: 32px;
}
.today-recommend-task .info-contain .tags[data-v-241c2f59] {
      height: 24px;
      line-height: 24px;
      background: #f75946;
      border-radius: 12px;
      border-bottom-left-radius: 4px;
      color: #fff;
      text-align: center;
      margin-bottom: 8px;
      overflow: hidden;
      padding: 0px 12px;
      position: absolute;
      left: 88px;
      display: inline-block;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .info-contain .icon[data-v-241c2f59] {
      float: left;
      width: 48px;
      height: 48px;
      border-radius: 12px;
      border: solid 0.5px #dddddd;
      background-color: #ffffff;
      margin-left: 30px;
      overflow: hidden;
      margin-top: 34px;
}
.today-recommend-task .info-contain .task-name[data-v-241c2f59] {
      float: left;
      margin-left: 10px;
      margin-top: 34px;
}
.today-recommend-task .info-contain .task-name p[data-v-241c2f59] {
        font-size: 16px;
        line-height: 24px;
        color: #3a3a3a;
        text-align: left;
        margin: 0;
        width: 165px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.today-recommend-task .info-contain .task-name .reward[data-v-241c2f59] {
        color: #f75946;
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .info-contain .task-name .reward i[data-v-241c2f59] {
          font-size: 18px;
          margin-right: 4px;
          position: relative;
          top: -1px;
}
.today-recommend-task .info-contain .task-name .reward em[data-v-241c2f59] {
          font-size: 24px;
          margin: 0 2px;
          line-height: 24px;
          position: relative;
          top: 1px;
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .info-contain .task-name .reward b[data-v-241c2f59] {
          display: inline-block;
          font-weight: normal;
          font-size: 10px;
          color: #aaa;
          margin-left: 9px;
          background: #fafafa;
          padding: 1px 4px;
}
.today-recommend-task .btn-start[data-v-241c2f59] {
    position: relative;
    width: 189px;
    height: 48px;
    margin: 56px auto 0;
    border-radius: 24px;
    color: #fff;
    background-color: #f75946;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .btn-start[data-v-241c2f59]:active {
      background-color: #D53926 !important;
      box-shadow: none;
}
.today-recommend-task .closed[data-v-241c2f59] {
    position: absolute;
    pointer-events: auto;
    height: 34px;
    bottom: -66px;
    left: 50%;
    margin-left: -12px;
}
.today-recommend-task .closed img[data-v-241c2f59] {
      width: 24px;
      height: 24px;
}
.today-recommend-task .title-img[data-v-241c2f59] {
    position: relative;
    left: 3px;
    width: 116px;
    height: 96px;
    margin: -80px auto 0;
}
.today-recommend-task .title-img img[data-v-241c2f59] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.today-recommend-task .popup-title[data-v-241c2f59] {
    position: relative;
    margin: 0 auto;
    width: 100%;
    line-height: 24px;
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .popup-title span[data-v-241c2f59] {
      color: #fa583f;
}
.today-recommend-task .popup-money[data-v-241c2f59] {
    font-size: 14px;
    color: #fa583f;
    margin-top: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .popup-money span[data-v-241c2f59] {
      font-size: 38px;
      font-family: qiankaFont;
      line-height: 38px;
}
.today-recommend-task .popup-des[data-v-241c2f59] {
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    margin-top: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.today-recommend-task .old-user[data-v-241c2f59] {
    color: #f75946;
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.today-recommend-task .close[data-v-241c2f59] {
    visibility: hidden;
}
/* thin border */
.invite-apprentice-popup[data-v-f1a87ca2] {
  position: relative;
}
.invite-apprentice-popup img[data-v-f1a87ca2] {
    width: 278px;
    height: 343px;
    position: relative;
    left: 50%;
    margin-left: -139px;
}
.invite-apprentice-popup p[data-v-f1a87ca2] {
    position: absolute;
    margin: 0;
}
.invite-apprentice-popup .invite-btn[data-v-f1a87ca2] {
    width: 175px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 #ff503d;
    background-color: #ffd155;
    bottom: 47px;
    left: 50%;
    margin-left: -88px;
    line-height: 48px;
    text-align: center;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #a15920;
}
.invite-apprentice-popup .invite-info[data-v-f1a87ca2] {
    width: 100%;
    bottom: 22px;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Semibold;
    color: #ffd155;
    font-weight: 600;
    opacity: 0.6;
}
/* thin border */
.invite-apprentice-popup[data-v-287f7db1] {
  position: relative;
}
.invite-apprentice-popup img[data-v-287f7db1] {
    width: 278px;
    height: 337px;
    position: relative;
    left: 50%;
    margin-left: -139px;
}
.invite-apprentice-popup p[data-v-287f7db1] {
    position: absolute;
    margin: 0;
}
.invite-apprentice-popup .invite-btn[data-v-287f7db1] {
    width: 175px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 #ff503d;
    background-color: #ffd155;
    bottom: 47px;
    left: 50%;
    margin-left: -88px;
    line-height: 48px;
    text-align: center;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #a15920;
}
.invite-apprentice-popup .invite-info[data-v-287f7db1] {
    width: 100%;
    bottom: 22px;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Semibold;
    color: #ffd155;
    font-weight: 600;
    opacity: 0.6;
}
/* thin border */
.game-new-list-page .nav-header .right-menu span {
  display: inline-block;
  width: 24px;
  height: 25px;
  margin-top: 14px;
  margin-right: -4px;
  background: url("//qkassets.qkcdn.com/images/assets/2f5cb05e2c2edd0a2d5bcd060672662a.png") no-repeat center/cover;
}
.game-new-list-page .nav-header .tags {
  display: inline-block;
  width: 82px !important;
  height: 20px;
  background: #fcf475;
  border-radius: 4px;
  position: absolute;
  font-size: 12px !important;
  color: #4a90e2 !important;
  top: 16px;
  right: 60px;
  line-height: 20px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .bottom-wrap {
  width: 100%;
  height: 48px;
  position: fixed;
  bottom: 16px;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.game-new-list-page .bottom-wrap .bottom {
    width: 160px;
    height: 48px;
    font-size: 14px;
    border-radius: 24px;
    box-shadow: 0 1px 4px 0 rgba(101, 161, 242, 0.5);
    background: #4a90e2;
    text-align: center;
    line-height: 48px;
    color: #fff;
    float: right;
    margin-right: 16px;
    position: relative;
    pointer-events: auto;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .bottom-wrap .bottom .spot {
      display: block;
      height: 18px;
      border: 1.5px solid #fff;
      background-color: #f75946;
      position: absolute;
      left: 16px;
      top: -9px;
      text-align: center;
      line-height: 16px;
      color: #fff;
      font-size: 10px;
      padding: 0 6.5px;
      border-radius: 14px 14px 14px 2px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .bottom-wrap .bottom .icon {
      width: 16px;
      height: 17px;
      vertical-align: middle;
      margin-left: -4px;
      margin-top: -2px;
      display: inline-block;
      background: url("//qkassets.qkcdn.com/images/assets/5c237f27b042a1d23b7c95be268fc931.png") no-repeat center/cover;
}
.game-new-list-page .game-new-list-content {
  background: #ffffff;
  margin: 0 16px;
}
.game-new-list-page .game-new-list-content ._v-content {
    padding-bottom: 80px;
}
.game-new-list-page .game-new-list-content .head {
    width: 100%;
    height: 52px;
    background: #4a90e2;
}
.game-new-list-page .game-new-list-content .head::before {
      content: '';
      width: 100%;
      height: 500px;
      position: absolute;
      left: 0;
      top: -500px;
      background-color: #4a90e2;
}
.game-new-list-page .game-new-list-content .head-wrap {
    position: relative;
    top: -1px;
    padding: 12px 0 0 20px;
    height: 94px;
    background-color: #4a90e2;
    color: #ffffff;
    background-image: url("//qkassets.qkcdn.com/images/assets/abcb4bf282b95093a0904b9fb64980c1.png");
    background-repeat: no-repeat;
    background-size: 197px 94px;
    background-position: right bottom;
}
.game-new-list-page .game-new-list-content .head-wrap .t1 {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 12px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .game-new-list-content .head-wrap .t2 {
      font-size: 14px;
      line-height: 1;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.game-new-list-page .game-new-list-content .head-wrap img {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 197px;
      height: auto;
}
.game-new-list-page .game-new-list-content .empty-list {
    width: 100%;
    height: 100%;
}
.game-new-list-page .game-new-list-content .empty-list img {
      width: 240px;
      height: 202px;
      display: block;
      margin: 0 auto;
}
.game-new-list-page .game-new-list-content .game-list-wrap {
    position: relative;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item {
      margin-bottom: 8px;
      padding: 0 12px 0 14px;
      background: #FFFFFF;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
      border-radius: 8px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 76px;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .left {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .left .icon {
          width: 52px;
          height: 52px;
          padding: 1.5px;
          margin-right: 8px;
          border-radius: 12px;
          border: solid 0.5px rgba(0, 0, 0, 0.12);
          background-color: #ffffff;
          overflow: hidden;
          vertical-align: middle;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .left .icon img {
            width: 48px;
            height: 48px;
            border-radius: 10px;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .left .left-title {
          max-width: 165px;
          font-size: 14px;
          line-height: 24px;
          margin-top: 2px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #3a3a3a;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .left .left-desc {
          max-width: 190px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          font-size: 12px;
          line-height: 20px;
          margin-top: 2px;
          color: #aaaaaa;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right {
        position: relative;
        font-size: 12px;
        color: #f75946;
        height: 76px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right .num {
          font-size: 24px;
          line-height: 1;
          margin: 0 2px;
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right .first-reward {
          text-align: right;
          margin: 16px 0 6px 0;
          -webkit-transform: translateY(-1px);
              -ms-transform: translateY(-1px);
                  transform: translateY(-1px);
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right .first-reward .num {
            position: relative;
            top: 1px;
            font-size: 20px;
            font-family: "gilroy-extra-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right .first-reward .unit {
            position: relative;
            top: -1px;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right .tags {
          width: 21px;
          height: 17px;
          background: url("//qkassets.qkcdn.com/images/assets/da9004364309b69e241d774670fa6628.png") no-repeat center/cover;
          position: absolute;
          right: -10px;
          top: 0px;
}
.game-new-list-page .game-new-list-content .game-list-wrap .game-list-item .right .all-reward {
          padding: 1px 4px;
          color: #F75946;
          border-radius: 2px;
          text-align: center;
          font-size: 10px;
          height: 15px;
          line-height: 14px;
          margin-top: 4px;
          background: rgba(247, 89, 70, 0.08);
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
@media only screen and (min-height: 812px) {
.game-new-list-page .bottom-wrap {
    bottom: 50px !important;
}
.game-new-list-page ._v-content {
    padding-bottom: 114px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.game-new-list-page .bottom-wrap {
    bottom: 50px !important;
}
.game-new-list-page ._v-content {
    padding-bottom: 114px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.game-new-list-page .bottom-wrap {
    bottom: 50px !important;
}
.game-new-list-page ._v-content {
    padding-bottom: 114px !important;
}
}
/* thin border */
.animate-header[data-v-7d04e3b2] {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 8;
  overflow: hidden;
}
.animate-header .nav-header[data-v-7d04e3b2] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
}
.animate-header .nav-header .left-menu[data-v-7d04e3b2] {
      position: fixed;
      top: 0;
      left: 0;
      width: 42px;
      height: 52px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 1;
}
.animate-header .nav-header .title[data-v-7d04e3b2] {
      position: fixed;
      width: 100%;
      font-size: 16px;
      color: #FFFFFF;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .nav-header .right-menu[data-v-7d04e3b2] {
      display: inline-block;
      position: absolute;
      right: 20px;
      font-size: 14px;
      color: #FFFFFF;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .nav-header .right-menu .red-dot[data-v-7d04e3b2] {
        position: absolute;
        background: #F75946;
        display: block;
        top: 16px;
        right: -3px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
}
.animate-header .header-content[data-v-7d04e3b2] {
    padding-left: 20px;
    width: 100%;
    position: relative;
}
.animate-header .header-content .title[data-v-7d04e3b2] {
      margin-top: 12px;
      color: #FFFFFF;
      font-size: 24px;
      height: 24px;
      line-height: 24px;
      margin-bottom: 12px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .header-content .sub-title[data-v-7d04e3b2] {
      font-size: 14px;
      height: 14px;
      line-height: 14px;
      color: #FFFFFF;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.animate-header .header-content .bg-img[data-v-7d04e3b2] {
      position: absolute;
      right: 0;
      width: 176px;
      height: 94px;
      bottom: -32px;
}
.animate-header .header-content .bg-img img[data-v-7d04e3b2] {
        width: 100%;
}
/* thin border */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.limit-game-award .popup-limit-award[data-v-7d715946] {
    padding-bottom: 60px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
.limit-game-award .popup-limit-award[data-v-7d715946] {
    padding-bottom: 60px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
.limit-game-award .popup-limit-award[data-v-7d715946] {
    padding-bottom: 60px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.limit-game-award .popup-limit-award[data-v-7d715946] {
    padding-bottom: 60px !important;
}
}
.limit-game-award[data-v-7d715946] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
}
.limit-game-award.passive[data-v-7d715946] {
    visibility: hidden;
}
.limit-game-award.active .popup-limit-award[data-v-7d715946] {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.limit-game-award .popup-limit-award[data-v-7d715946] {
    position: fixed;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.3s ease-out;
    padding: 0 0 26px 0;
}
.limit-game-award .popup-limit-award .icon-wrapper .icon[data-v-7d715946] {
      margin: 0 auto 20px;
      height: 52px;
      width: 52px;
      text-align: center;
      font-size: 12px;
      color: #68BB8B;
      line-height: 17px;
      border: 1px solid #68bb8b;
      border-radius: 12px;
      padding: 1px;
}
.limit-game-award .popup-limit-award .icon-wrapper .icon .icon-no-img[data-v-7d715946] {
        padding: 7px 0px;
        border-radius: 10px;
        background-color: #EFF9F4;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.limit-game-award .popup-limit-award .icon-wrapper img[data-v-7d715946] {
      height: 52px;
      border-radius: 10px;
}
.limit-game-award .popup-limit-award .question-text[data-v-7d715946] {
      text-align: center;
      font-size: 18px;
      color: #3a3a3a;
      height: 64px;
      line-height: 64px;
      position: relative;
      padding: 0 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.limit-game-award .popup-limit-award .question-text .hairline-bottom[data-v-7d715946]::after {
        content: '';
        visibility: visible;
        display: block;
        width: 311px;
        height: 1px;
        background: #eee;
        box-shadow: inset 0 -0.5px 0 0 rgba(58, 58, 58, 0.1);
        left: 16px;
}
.limit-game-award .popup-limit-award .question-text span[data-v-7d715946] {
        color: #f75946;
        font-weight: 600;
}
.limit-game-award .popup-limit-award .rules[data-v-7d715946] {
      margin: 0 32px;
      text-align: left;
      font-size: 14px;
      padding: 16px;
      background: #fafafa;
      line-height: 24px;
      border-radius: 4px;
}
.limit-game-award .popup-limit-award .rules span[data-v-7d715946] {
        display: inline-block;
        margin-right: 8px;
}
.limit-game-award .popup-limit-award .rules div[data-v-7d715946] {
        margin-bottom: 12px;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
}
.limit-game-award .popup-limit-award .rules div[data-v-7d715946]:last-child {
          margin-bottom: 0;
}
.limit-game-award .popup-limit-award .button-appoint[data-v-7d715946] {
      margin: 0 auto;
      width: 231px;
      height: 48px;
      line-height: 48px;
      background-color: #f75946;
      font-size: 16px;
      font-weight: 600;
      color: #ffffff;
      border-radius: 24px;
      text-align: center;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.limit-game-award .popup-limit-award .button[data-v-7d715946] {
      position: absolute;
      right: 16px;
      top: 16px;
}
.limit-game-award .popup-limit-award .button .ion-ios-close-empty[data-v-7d715946]::before {
        content: '';
        width: 24px;
        height: 24px;
        background: url("//qkassets.qkcdn.com/images/assets/15ea1d3ac1ee9fcaabbe6cb9ecc44014.png") no-repeat center/cover;
        background-size: 100% 100%;
}

@-webkit-keyframes loading {
0% {
    background-position: 0 -400px;
}
100% {
    background-position: 0 400px;
}
}
@keyframes loading {
0% {
    background-position: 0 -400px;
}
100% {
    background-position: 0 400px;
}
}
.skeleton-loading-wrapper[data-v-d1438fa8] {
  height: 76px;
}
.skeleton-loading-wrapper .skeleton-animation[data-v-d1438fa8] {
    background-image: linear-gradient(to bottom, #f5f5f5 8%, #fafafa 18%, #f5f5f5 33%);
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-name: loading;
            animation-name: loading;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    transition: 0.3s;
}
.skeleton-loading-wrapper .skeleton-loading-item .skeleton[data-v-d1438fa8] {
    width: 375px;
    height: 800px;
    background-color: #f5f5f5;
}
.skeleton-loading-wrapper .skeleton-loading-item .icon-wrapper[data-v-d1438fa8] {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 10px;
    border: none;
}
.skeleton-loading-wrapper .skeleton-loading-item .line-wrapper[data-v-d1438fa8] {
    vertical-align: middle;
    display: inline-block;
}
.skeleton-loading-wrapper .skeleton-loading-item .line-wrapper .title[data-v-d1438fa8] {
      width: 136px;
      height: 16px;
      overflow: hidden;
      margin-bottom: 12px;
      border-radius: 4px;
}
.skeleton-loading-wrapper .skeleton-loading-item .line-wrapper .desc[data-v-d1438fa8] {
      width: 245px;
      height: 12px;
      overflow: hidden;
      border-radius: 4px;
}
/* thin border */
.underway-game-container .page-title[data-v-60259828] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 52px;
  color: #fff;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .dl-title[data-v-60259828] {
  position: relative;
  margin: 0 16px 16px;
  height: 32px;
  padding: 10px 16px;
  background: #fff6dd;
  font-size: 13px;
  color: #d1660a;
  line-height: 13px;
  z-index: 2;
  border-radius: 8px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.underway-game-container .dl-title .scroll-wrap[data-v-60259828] {
    height: 16px;
    overflow: hidden;
}
.underway-game-container .dl-title .scroll-box[data-v-60259828] {
    -webkit-animation: anim1 10s linear infinite;
            animation: anim1 10s linear infinite;
}
.underway-game-container .dl-title .scroll-box div[data-v-60259828] {
      height: 16px;
}
.underway-game-container .dl-title span[data-v-60259828] {
    color: #EF4F2A;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .dl-title img[data-v-60259828] {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 12px;
    height: 12px;
    float: right;
}
@-webkit-keyframes anim1 {
0%, 48% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50%, 98% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
100% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
}
@keyframes anim1 {
0%, 48% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50%, 98% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
100% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
}
.underway-game-container .underway-game-list[data-v-60259828] {
  background: #ffffff;
  margin: 0 16px;
}
.underway-game-container .underway-game-list .tips[data-v-60259828] {
    width: 100%;
    height: 32px;
    background-color: #fff6dd;
    color: #d1660a;
    font-size: 12px;
    padding-left: 20px;
    line-height: 32px;
    padding-right: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.underway-game-container .underway-game-list .tips span[data-v-60259828] {
      display: inline-block;
      width: 12px;
      height: 12px;
      background: url("//qkassets.qkcdn.com/images/assets/d14190c7357dc28360b2ef269c964cdb.png") no-repeat center/cover;
      float: right;
      margin-top: 10px;
}
.underway-game-container .underway-game-list .underway-game[data-v-60259828] {
    padding: 0px 16px 12px 16px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    background: #FFFFFF;
    margin-bottom: 8px;
}
.underway-game-container .underway-game-list .underway-game .game-infomation[data-v-60259828] {
      padding: 12px 0 10px;
      height: 48px;
      box-sizing: content-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .sticky-icon[data-v-60259828] {
        position: absolute;
        border: 6px solid transparent;
        border-right-color: rgba(74, 144, 226, 0.5);
        right: -6px;
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        top: 7px;
        border-radius: 2px;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-icon[data-v-60259828] {
        width: 52px;
        height: 52px;
        overflow: hidden;
        padding: 1.5px;
        border: solid 0.5px rgba(0, 0, 0, 0.12);
        border-radius: 12px;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-icon img[data-v-60259828] {
          width: 100%;
          height: 100%;
          border-radius: 10px;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-descible[data-v-60259828] {
        margin-top: 3px;
        margin-left: 10px;
        -webkit-flex: 2;
            -ms-flex: 2;
                flex: 2;
        max-width: 60%;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-descible .game-title[data-v-60259828] {
          height: 24px;
          line-height: 24px;
          font-size: 14px;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-descible .game-title span[data-v-60259828] {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 16px;
            line-height: 24px;
            color: #3a3a3a;
            margin-right: 4px;
            max-width: 85%;
            font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
            font-weight: 400;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-descible .game-title em[data-v-60259828] {
            display: inline-block;
            width: 42px;
            height: 18px;
            background: #f75946;
            border-radius: 12px;
            border-bottom-left-radius: 2px;
            color: #fff;
            font-size: 10px;
            line-height: 20px;
            position: relative;
            top: -3px;
            text-align: center;
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-descible .game-date[data-v-60259828] {
          font-size: 12px;
          line-height: 20px;
          color: #aaaaaa;
          margin-top: 4px;
}
.underway-game-container .underway-game-list .underway-game .game-infomation .game-earn[data-v-60259828] {
        font-size: 12px;
        color: #4a90e2;
        line-height: 32px;
        position: absolute;
        right: 0;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.underway-game-container .underway-game-list .underway-game .txt-box[data-v-60259828] {
      height: 36px;
      border-radius: 8px;
      background-color: rgba(74, 144, 226, 0.08);
      padding-left: 16px;
      margin-left: 60px;
}
.underway-game-container .underway-game-list .underway-game .ended-txt[data-v-60259828] {
      height: 24px;
      line-height: 24px;
      border-radius: 8px;
      background-color: #fff6dd;
      font-size: 12px;
      color: #d1660a;
      padding-left: 16px;
      margin-left: 60px;
      opacity: 0;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.underway-game-container .underway-game-list .underway-game .ended-txt.opc[data-v-60259828] {
        opacity: 1;
}
.underway-game-container .underway-game-list .underway-game .next-award[data-v-60259828] {
      height: 24px;
      line-height: 25px;
      background-color: #FAFAFA;
      border-radius: 4px;
      font-size: 12px;
      color: #3a3a3a;
      margin-left: 60px;
      padding: 0 8px;
      position: absolute;
      top: 25px;
      right: 0;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.underway-game-container .underway-game-list .underway-game .next-award span[data-v-60259828] {
        color: #f75946;
        margin-left: 2px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .underway-game-list .underway-game .next-award.opc[data-v-60259828] {
        opacity: 1;
}
.underway-game-container .no-underway-game[data-v-60259828] {
  position: relative;
}
.underway-game-container .no-underway-game .placeholder-wrap[data-v-60259828] {
    margin-bottom: 48px;
}
.underway-game-container .no-underway-game .placeholder-wrap .placeholder-pic[data-v-60259828] {
      width: 240px;
      height: 175px;
      margin: 0 auto;
}
.underway-game-container .no-underway-game .placeholder-wrap .placeholder-pic img[data-v-60259828] {
        width: 100%;
        height: 100%;
}
.underway-game-container .no-underway-game .placeholder-wrap .placeholder-text[data-v-60259828] {
      margin-top: 27px;
      font-size: 14px;
      line-height: 24px;
      color: #aaa;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.underway-game-container .no-underway-game .recommend-game[data-v-60259828] {
    padding: 0 16px;
}
.underway-game-container .no-underway-game .recommend-game h3[data-v-60259828] {
      font-size: 18px;
      line-height: 32px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item[data-v-60259828] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 76px;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .left[data-v-60259828] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 16px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .left .icon[data-v-60259828] {
          width: 52px;
          height: 52px;
          padding: 1.5px;
          margin-right: 6px;
          border-radius: 12px;
          border: solid 0.5px rgba(0, 0, 0, 0.12);
          background-color: #ffffff;
          overflow: hidden;
          vertical-align: middle;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .left .icon img[data-v-60259828] {
            width: 48px;
            height: 48px;
            border-radius: 10px;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .left .left-title[data-v-60259828] {
          max-width: 165px;
          font-size: 16px;
          line-height: 24px;
          margin-top: 2px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #3a3a3a;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .left .left-desc[data-v-60259828] {
          max-width: 190px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          font-size: 12px;
          line-height: 20px;
          margin-top: 2px;
          color: #aaaaaa;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .right[data-v-60259828] {
        font-size: 12px;
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .right .num[data-v-60259828] {
          font-size: 24px;
          line-height: 1;
          margin: 0 2px;
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .right .first-reward[data-v-60259828] {
          text-align: right;
}
.underway-game-container .no-underway-game .recommend-game .game-list-wrap .game-list-item .right .all-reward[data-v-60259828] {
          padding: 1px 4px;
          background: #fafafa;
          color: #aaa;
          border-radius: 2px;
          text-align: center;
          font-size: 10px;
          height: 15px;
          line-height: 15px;
          margin-top: 5px;
          margin-bottom: 10px;
}
.underway-game-container .bottom-gap[data-v-60259828] {
  height: 20px;
}
@media only screen and (min-height: 812px) {
.underway-game-container .bottom-gap[data-v-60259828] {
    height: 54px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.underway-game-container .bottom-gap[data-v-60259828] {
    height: 54px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.underway-game-container .bottom-gap[data-v-60259828] {
    height: 54px !important;
}
}
/* thin border */
.task-list[data-v-7ca04108] {
  padding-top: 100px;
  background: #FFF;
}
.task-list.has-subheader[data-v-7ca04108] {
    padding-top: 160px;
}
.task-list .task-tips[data-v-7ca04108] {
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.count-down-layer[data-v-7ca04108] {
  width: 146px;
  height: 52px;
  position: fixed;
  bottom: 44px;
  right: 20px;
  background: url("//qkassets.qkcdn.com/images/assets/1a26781344b0af07efa2990107f80d4c.png") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
/* thin border */
.animate-header-wrapper[data-v-bf5ea2d6] {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 8;
}
.animate-header-wrapper .animate-header[data-v-bf5ea2d6] {
    position: fixed;
    top: 0px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.animate-header-wrapper .animate-header .menu-item[data-v-bf5ea2d6] {
      width: 60px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.animate-header-wrapper .animate-header .menu-item-left[data-v-bf5ea2d6] {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
}
.animate-header-wrapper .animate-header .menu-item-right[data-v-bf5ea2d6] {
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
}
.animate-header-wrapper .animate-header .header-content[data-v-bf5ea2d6] {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
}
.animate-header-wrapper .animate-header .header-content h4[data-v-bf5ea2d6], .animate-header-wrapper .animate-header .header-content p[data-v-bf5ea2d6] {
        padding: 0 20px;
}
.animate-header-wrapper .animate-header .header-content h4[data-v-bf5ea2d6] {
        font-size: 20px;
        line-height: 28px;
        margin: 17px 0 13px 0;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
.animate-header-wrapper .animate-header .header-content p[data-v-bf5ea2d6] {
        font-size: 13px;
        line-height: 18px;
        margin: 0;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.animate-header-wrapper .sub-header[data-v-bf5ea2d6] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
/* thin border */
.assistant-banner[data-v-4eaf5875] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  background: #FFF2DD;
  color: #FFF;
  width: 100%;
  padding: 10px 16px 10px 68px;
  z-index: 8;
  /* box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15); */
}
.assistant-banner .app-icon[data-v-4eaf5875] {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 8px;
    left: 14px;
    background: #FFFFFF;
    border: 0.5px solid #DDDDDD;
    border-radius: 6px;
    box-sizing: content-box;
}
.assistant-banner .app-icon img[data-v-4eaf5875] {
      width: 80px;
      height: 80px;
      border-radius: 8px;
      margin-top: 4px;
      margin-left: 4px;
}
.assistant-banner .title[data-v-4eaf5875] {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #845B57;
    text-align: left;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.assistant-banner .desc[data-v-4eaf5875] {
    font-size: 12px;
    line-height: 17px;
    color: #C19F8C;
    text-align: left;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.assistant-banner .btn-download[data-v-4eaf5875] {
    position: absolute;
    width: 56px;
    height: 28px;
    top: 15px;
    right: 16px;
    border-radius: 2px;
}

.icon-border[data-v-2684e545] {
  border-color: #4A90E2 !important;
}
/* thin border */
.task-action-list {
  padding-top: 15px; }
  .task-action-list .task-action-list-title {
    height: 45px;
    line-height: 25px;
    padding: 16px 6px 5px 16px;
    font-size: 18px;
    color: #3A3A3A;
    display: inline-block;
    vertical-align: bottom; }
  .task-action-list .task-action-list-subtitle {
    font-size: 13px;
    line-height: 18px;
    padding: 19px 0 8px;
    height: 45px;
    color: #DDDDDD;
    display: inline-block;
    vertical-align: bottom;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .task-action-list .task-action {
    position: relative;
    height: 78px;
    padding: 14px 14px 12px 76px;
    margin-top: -2px; }
    .task-action-list .task-action .icon-wrapper {
      position: absolute;
      left: 14px;
      top: 14px; }
      .task-action-list .task-action .icon-wrapper .icon {
        border: 1px solid #ddd;
        border-radius: 22px;
        width: 100%;
        height: 100%; }
        .task-action-list .task-action .icon-wrapper .icon.border-blue {
          border: 1px solid #4A90E2; }
        .task-action-list .task-action .icon-wrapper .icon.border-green {
          border: 1px solid #68bb8b; }
        .task-action-list .task-action .icon-wrapper .icon img, .task-action-list .task-action .icon-wrapper .icon .icon-no-img {
          position: absolute;
          width: 96px;
          height: 96px;
          left: 4px;
          top: 4px;
          border-radius: 22px; }
        .task-action-list .task-action .icon-wrapper .icon .icon-no-img {
          padding: 14px 0px;
          background-color: #EFF9F4;
          text-align: center;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-size: 24px;
          color: #68BB8B;
          line-height: 34px; }
          .task-action-list .task-action .icon-wrapper .icon .icon-no-img.easy {
            background-color: #ECF5FF;
            color: #4A90E2; }
    .task-action-list .task-action .app-name {
      margin-top: 3px;
      margin-bottom: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 180px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .task-action-list .task-action .app-name span {
        font-size: 16px;
        line-height: 22px;
        color: #3A3A3A;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 180px;
        margin-right: 12px;
        vertical-align: middle; }
      .task-action-list .task-action .app-name div {
        display: inline-block;
        text-align: center;
        width: 49px;
        height: 18px;
        line-height: 18px;
        border-radius: 2px;
        border: 0.5px solid #cccccc;
        font-size: 10px;
        color: #CCCCCC;
        vertical-align: middle;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .task-action-list .task-action .desc {
      font-size: 13px;
      font-weight: lighter;
      line-height: 18px;
      color: #B5B5B5;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .task-action-list .task-action .desc .ongoing {
        font-size: 12px;
        color: #4A90E2;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .task-action-list .task-action .desc .push-tips {
        font-size: 16px;
        color: #3A3A3A;
        height: 38px;
        line-height: 35px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
    .task-action-list .task-action .no-task-desc {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #3A3A3A;
      line-height: 40px; }
    .task-action-list .task-action .reward-wrap {
      position: absolute;
      top: 0;
      right: 16px;
      height: 80px;
      color: #EF4F2A;
      line-height: 80px;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500; }
      .task-action-list .task-action .reward-wrap .reward-content {
        display: flex; }
        .task-action-list .task-action .reward-wrap .reward-content.missed {
          color: #4A90E2; }
        .task-action-list .task-action .reward-wrap .reward-content .plus {
          order: 1;
          padding-right: 3px; }
        .task-action-list .task-action .reward-wrap .reward-content .reward {
          order: 2;
          font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .task-action-list .task-action .reward-wrap .reward-content .yuan {
          order: 3;
          padding-left: 2px; }
        .task-action-list .task-action .reward-wrap .reward-content .plus, .task-action-list .task-action .reward-wrap .reward-content .yuan {
          font-size: 11px; }
        .task-action-list .task-action .reward-wrap .reward-content .reward {
          font-size: 24px; }
        .task-action-list .task-action .reward-wrap .reward-content .plus {
          transform: translate3d(0, 4.2%, 0); }
        .task-action-list .task-action .reward-wrap .reward-content .yuan {
          transform: translate3d(0, 3.5%, 0); }
      .task-action-list .task-action .reward-wrap .reward-packet {
        width: 58px;
        height: 80px;
        padding-top: 28px;
        padding-bottom: 18px;
        align-items: center;
        line-height: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        box-sizing: border-box;
        padding-left: 6px; }
        .task-action-list .task-action .reward-wrap .reward-packet .money {
          display: flex;
          width: 58px; }
        .task-action-list .task-action .reward-wrap .reward-packet .packet {
          width: 58px;
          height: 15px;
          order: 4;
          margin-top: 6px;
          margin-left: -3px;
          display: inline-block; }
          .task-action-list .task-action .reward-wrap .reward-packet .packet img {
            width: 60px; }
/* thin border */
.task-action-list .task-action-list-title[data-v-f44d40ea] {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}

.task-action[data-v-371fac4d]:active {
  background-color: whitesmoke;
}

.appoint-remind[data-v-83eabbf4] {
  position: relative;
  margin: 8px auto;
  height: 38px;
  line-height: 38px;
  width: 347px;
  padding: 1px 14px 0;
  background: #F8F8F8;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #4A4A4A;
}
.appoint-remind b[data-v-83eabbf4] {
    color: #F75946;
}
.appoint-remind .btn-appoint-rules[data-v-83eabbf4] {
    font-family: PingFangSC-Regular;
    margin-right: 3px;
    text-decoration: underline;
    color: #F75946;
}

.green[data-v-59bf6720] {
  color: #68BB8B;
}
/* thin border */
.personal-tasks[data-v-033b047a] {
  width: 100%;
  height: 80px;
  padding: 14px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.personal-tasks .day-tasks[data-v-033b047a] {
    line-height: 48px;
    font-size: 16px;
    color: #3a3a3a;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 8px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.personal-tasks .icons[data-v-033b047a] {
    height: 50px;
}
.personal-tasks .icons div[data-v-033b047a] {
      width: 52px;
      height: 52px;
      padding: 1px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 11px;
      float: left;
}
.personal-tasks .icons div img[data-v-033b047a] {
        width: 48px;
        height: 48px;
        border-radius: 11px;
}
.personal-tasks .icons div[data-v-033b047a]:nth-child(2) {
        margin-left: -36px;
}
.personal-tasks .icons div[data-v-033b047a]:nth-child(3) {
        margin-left: -36px;
}
.personal-tasks .reward-content[data-v-033b047a] {
    color: #F75946;
    font-size: 24px;
    line-height: 47px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.personal-tasks .reward-content .plus[data-v-033b047a], .personal-tasks .reward-content .yuan[data-v-033b047a] {
      font-size: 11px;
}
.personal-tasks .reward-content .plus[data-v-033b047a] {
      margin-right: -7px;
}
.personal-tasks .reward-content .yuan[data-v-033b047a] {
      margin-left: -6px;
}

.action-banner[data-v-6ff5a6f1] {
  padding: 14px 15px 0 15px;
}
.action-banner img[data-v-6ff5a6f1] {
    width: 345px;
    height: 100px;
}
/* thin border */
.jail-broken[data-v-4fd5f5d8] {
  padding: 315px 56px 0 56px;
  background-image: url("//qkassets.qkcdn.com/images/assets/8c2da759f453ea71091af703295e06b7.png");
  background-size: 255px 255px;
  background-position: 60px 50px;
  background-repeat: no-repeat;
}
.jail-broken .tips[data-v-4fd5f5d8] {
    width: 263px;
    font-size: 14px;
    line-height: 24px;
    color: #3A3A3A;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.jail-broken .tips .assertive[data-v-4fd5f5d8] {
      text-decoration: underline;
}
/* thin border */
.popup-body.popup-assistant {
  padding: 193px 10px 25px 10px !important;
  text-align: center;
  height: 342px;
}
.popup-body.popup-assistant.popup-unopen-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/6cfffc8517e6ce53457f010e41fd5c51.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.popup-assistant.popup-invalid-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/0768a1cb4d4f745d30085af717565e6a.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    height: 310px;
}
.popup-body.popup-assistant.popup-upgrade-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/2e55daba837c230dca9db2886b498149.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.popup-assistant .text {
    font-size: 14px;
    line-height: 22px;
    color: #3A3A3A;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-body.popup-assistant .btn-open, .popup-body.popup-assistant .btn-download, .popup-body.popup-assistant .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-size: 13px;
}
.popup-body.popup-assistant .btn-download {
    margin-bottom: 0;
}
.popup-body.popup-assistant .tips {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
}
.popup-assistant-help {
  text-align: center;
  width: 275px;
  height: 282px;
  padding-top: 34px !important;
}
.popup-assistant-help .icon-wrapper {
    height: 52px;
    margin-bottom: 12px;
}
.popup-assistant-help .icon-wrapper .icon {
      width: 52px;
      height: 52px;
}
.popup-assistant-help .name {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 18px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-assistant-help .tag {
    font-size: 13px;
    color: #3A3A3A;
    height: 18px;
    line-height: 18px;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-assistant-help .btn-open, .popup-assistant-help .btn-download, .popup-assistant-help .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 16px;
    font-size: 13px;
}
.popup-assistant-help .tips {
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.popup-body.popup-assistant {
  padding: 193px 10px 25px 10px !important;
  text-align: center;
  height: 342px;
}
.popup-body.popup-assistant.popup-unopen-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/6cfffc8517e6ce53457f010e41fd5c51.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.popup-assistant.popup-invalid-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/0768a1cb4d4f745d30085af717565e6a.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    height: 310px;
}
.popup-body.popup-assistant.popup-upgrade-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/2e55daba837c230dca9db2886b498149.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.popup-assistant .text {
    font-size: 14px;
    line-height: 22px;
    color: #3A3A3A;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-body.popup-assistant .btn-open, .popup-body.popup-assistant .btn-download, .popup-body.popup-assistant .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-size: 13px;
}
.popup-body.popup-assistant .btn-download {
    margin-bottom: 0;
}
.popup-body.popup-assistant .tips {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
}
.popup-assistant-help {
  text-align: center;
  width: 275px;
  height: 282px;
  padding-top: 34px !important;
}
.popup-assistant-help .icon-wrapper {
    height: 52px;
    margin-bottom: 12px;
}
.popup-assistant-help .icon-wrapper .icon {
      width: 52px;
      height: 52px;
}
.popup-assistant-help .name {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 18px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-assistant-help .tag {
    font-size: 13px;
    color: #3A3A3A;
    height: 18px;
    line-height: 18px;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-assistant-help .btn-open, .popup-assistant-help .btn-download, .popup-assistant-help .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 16px;
    font-size: 13px;
}
.popup-assistant-help .tips {
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.popup-download-certification[data-v-6a9b7076] {
  overflow: visible !important;
}
.popup-download-certification .v1 .title-img[data-v-6a9b7076] {
    position: relative;
    width: 116px;
    height: 95px;
    margin: -78px auto 0;
}
.popup-download-certification .v1 .title-img img[data-v-6a9b7076] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.popup-download-certification .v1 .popup-title[data-v-6a9b7076] {
    position: relative;
    margin: 16px auto 0;
    width: 208px;
    line-height: 24px;
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-certification .v1 .popup-txt[data-v-6a9b7076] {
    position: relative;
    width: 100%;
    margin: 16px auto 0;
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-download-certification .v2 .title[data-v-6a9b7076] {
    font-size: 16px;
    color: #3a3a3a;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-certification .v2 .desc[data-v-6a9b7076] {
    font-size: 14px;
    line-height: 24px;
    padding: 0 26px;
    text-align: center;
    margin-bottom: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-certification .v2 .remind[data-v-6a9b7076] {
    width: 218px;
    height: 92px;
    margin: 0 auto 12px;
}
.popup-download-certification .v2 .remind img[data-v-6a9b7076] {
      height: 92px;
}
.popup-download-certification .v2 .remind-desc[data-v-6a9b7076] {
    padding: 0 7px 0 15px;
    font-size: 12px;
    color: #f75946;
    margin-bottom: 32px;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-download-certification .btn-install[data-v-6a9b7076] {
    position: relative;
    width: 181px;
    height: 48px;
    margin: 32px auto 0;
    border-radius: 24px;
    color: #fff;
    background-color: #f75946;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-certification .btn-install[data-v-6a9b7076]:active {
      background-color: #D53926 !important;
}
/* thin border */
.popup-install-kagou[data-v-c3b9eee0] {
  height: 251px;
  padding: 30px 57px !important;
  text-align: center;
}
.popup-install-kagou .icon-wrapper[data-v-c3b9eee0] {
    margin-bottom: 30px;
}
.popup-install-kagou .icon-wrapper img[data-v-c3b9eee0] {
      width: 52px;
      height: 52px;
}
.popup-install-kagou .desc[data-v-c3b9eee0] {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 25px;
    position: relative;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-install-kagou .desc div[data-v-c3b9eee0] {
      height: 20px;
      line-height: 20px;
      margin-bottom: 4px;
}
.popup-install-kagou .desc .remind-icon[data-v-c3b9eee0] {
      position: absolute;
      width: 34px;
      height: 16px;
      top: 11px;
      right: -33px;
}
.popup-install-kagou .btn-install[data-v-c3b9eee0] {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    font-size: 13px;
}
/* thin border */
@-webkit-keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
@keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
.popup-new-year .popup-new-year[data-v-92e75b24] {
  width: 375px !important;
  height: 437px !important;
  background-color: transparent !important;
}
.popup-new-year .popup-new-year .popup-body[data-v-92e75b24] {
    position: relative;
    width: 375px !important;
    height: 395px !important;
    padding: 0 !important;
    background-image: url(//qkassets.qkcdn.com/images/assets/279e41b0ba207b5f15e7887676d3b555.png);
    background-size: 375px 395px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-new-year.active .popup[data-v-92e75b24] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.popup-new-year .popup[data-v-92e75b24] {
  width: 200px;
  height: 200px;
  background-color: #FFF;
}
.popup-new-year .tips[data-v-92e75b24] {
  position: absolute;
  top: 180px;
  left: 66px;
  width: 243px;
  height: 44px;
  font-size: 12px;
  line-height: 22px;
  color: #fed7b0;
  margin-bottom: 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.popup-new-year .congratulation[data-v-92e75b24] {
  width: 243px;
  height: 44px;
  position: absolute;
  top: 240px;
  left: 66px;
}
.popup-new-year .congratulation input[data-v-92e75b24] {
    padding: 0;
    border-radius: 0;
    text-align: center;
    height: 44px;
    font-size: 14px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-new-year .congratulation input[data-v-92e75b24]::-webkit-input-placeholder {
      color: #c5c4c3;
}
.popup-new-year .congratulation input[data-v-92e75b24]:focus::-webkit-input-placeholder {
      color: transparent;
}
.popup-new-year .share-button[data-v-92e75b24] {
  width: 243px;
  height: 44px;
  position: absolute;
  top: 292px;
  left: 66px;
  border-radius: 2px;
  border-color: transparent;
  background-color: #f7cc86;
  font-size: 14px;
  padding-top: 1px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-new-year .close[data-v-92e75b24] {
  text-align: center;
  top: 300px;
  height: 22px;
  width: 100%;
  margin-top: 20px;
}
.popup-new-year .close img[data-v-92e75b24] {
    width: 22px;
    height: 22px;
}
/* thin border */
.popup-noHelpTask[data-v-05b154f6] {
  padding: 10px 10px 30px 10px !important;
  text-align: center;
}
.popup-noHelpTask .text[data-v-05b154f6] {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    text-align: center;
    line-height: 23px;
    color: #3a3a3a;
}
.popup-noHelpTask .icon-gangAoTaiPopup[data-v-05b154f6] {
    position: relative;
    margin: 0 auto;
    width: 255px;
    height: 163px;
    object-fit: contain;
}
.popup-noHelpTask .icon-gangAoTaiPopup img[data-v-05b154f6] {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
}
.popup-noHelpTask .tips[data-v-05b154f6] {
    width: 183px;
    height: 40px;
    font-family: PingFangSC;
    font-size: 13px;
    line-height: 1.54;
    text-align: center;
    color: #888888;
    margin: 20px auto 0;
}
.popup-noHelpTask .double-button[data-v-05b154f6] {
    margin: 25px auto 0;
    width: 160px;
    height: 40px;
    border-radius: 2px;
    background-color: #ef4f2a;
    font-family: PingFangSC;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
}
/* thin border */
.fade-coupon-transition[data-v-7dfaaa8a] {
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fade-coupon-enter[data-v-7dfaaa8a], .fade-coupon-leave-to[data-v-7dfaaa8a] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.fade-coupon-enter-active[data-v-7dfaaa8a], .fade-coupon-leave[data-v-7dfaaa8a] {
  opacity: 1;
  transition: all 0.3s ease;
}
.page-task-detail .dl-title[data-v-7dfaaa8a] {
  width: 100%;
  height: auto;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 16px;
  position: fixed;
  top: 100px;
  z-index: 1;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-detail .dl-title span[data-v-7dfaaa8a] {
    font-weight: 600;
}
.page-task-detail .task-detail[data-v-7dfaaa8a] {
  padding: 100px 59px 0 59px;
  background-color: #FFF;
}
.page-task-detail .task-detail .app-wrapper[data-v-7dfaaa8a] {
    height: 48px;
    margin-top: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px !important;
}
.page-task-detail .task-detail .app-wrapper img[data-v-7dfaaa8a] {
      width: 48px;
      height: 48px;
      border: 1px solid #ddd;
      border-radius: 11px;
}
.page-task-detail .task-detail .app-wrapper .app-name[data-v-7dfaaa8a] {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 10px;
      font-size: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step[data-v-7dfaaa8a] {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 18px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .step.step-3[data-v-7dfaaa8a] {
      margin-bottom: 30px;
}
.page-task-detail .task-detail .step.step-3 span[data-v-7dfaaa8a] {
        color: #fff;
}
.page-task-detail .task-detail .step.step-1[data-v-7dfaaa8a] {
      margin-top: 30px;
}
.page-task-detail .task-detail .step div[data-v-7dfaaa8a] {
      margin-bottom: 6px;
      font-size: 13px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step div .light[data-v-7dfaaa8a] {
        font-size: 16px;
        color: #F75946;
        line-height: 20px;
        font-weight: bold;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div .light.light-rank[data-v-7dfaaa8a] {
          font-size: 13px;
          font-weight: 400;
}
.page-task-detail .task-detail .step div.semibold[data-v-7dfaaa8a] {
        font-size: 16px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div[data-v-7dfaaa8a]:first-child {
      margin-left: 0;
}
.page-task-detail .task-detail .step-button[data-v-7dfaaa8a] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-task-detail .task-detail .step-button span[data-v-7dfaaa8a] {
      font-size: 13px;
      color: #3A3A3A;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-task-detail .task-detail .step-button.disabled[data-v-7dfaaa8a] {
      background: #DDDDDD;
}
.page-task-detail .task-detail .step-button.disabled span[data-v-7dfaaa8a] {
        color: #fff;
}
.page-task-detail .task-detail .step-button.can-click[data-v-7dfaaa8a] {
      background: #FFDD55;
}
.page-task-detail .task-detail .step-button.can-click span[data-v-7dfaaa8a] {
        color: #3A3A3A;
}
.page-task-detail .task-detail .step-button.reward[data-v-7dfaaa8a] {
      background: #F75946;
}
.page-task-detail .task-detail .consult[data-v-7dfaaa8a] {
    width: 100%;
    height: 76px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #F5F5F5;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
}
.page-task-detail .task-detail .consult div[data-v-7dfaaa8a] {
      width: 115px;
      height: 36px;
      background-color: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 18px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.page-task-detail .task-detail .consult div img[data-v-7dfaaa8a] {
        width: 24px;
        height: 17px;
}
.page-task-detail .task-detail .consult div span[data-v-7dfaaa8a] {
        margin-left: 8px;
        font-size: 13px;
        color: #444749;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-task-detail .task-detail .coupon-use-remind[data-v-7dfaaa8a] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward[data-v-7dfaaa8a] {
      display: inline-block;
      font-size: 14px;
      color: #FFFFFF;
      margin-left: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward .light[data-v-7dfaaa8a] {
        color: #EF4F2A;
        font-weight: bold;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button[data-v-7dfaaa8a] {
      display: inline-block;
      background: #EF4F2A;
      border-radius: 2px;
      width: 68px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin-left: 19px;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button span[data-v-7dfaaa8a] {
        font-size: 12px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
/* thin border */
.animate-header[data-v-463b913e] {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 8;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.animate-header .menu-item[data-v-463b913e] {
    width: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    transition: opacify 0.3s ease-in;
    z-index: 9;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.animate-header .menu-item-left[data-v-463b913e] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}
.animate-header .menu-item-left .back-bg-img[data-v-463b913e] {
      width: 24px;
      height: 24px;
}
.animate-header .menu-item-right[data-v-463b913e] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
}
.animate-header .header-content[data-v-463b913e] {
    transition: opacify 0.3s ease-in;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.animate-header .header-content h4[data-v-463b913e], .animate-header .header-content p[data-v-463b913e] {
      padding: 0 20px;
}
.animate-header .header-content h4[data-v-463b913e] {
      font-size: 20px;
      line-height: 28px;
      margin: 21px 0 9px 0;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .header-content h4.title-center[data-v-463b913e] {
        text-align: center;
        -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
                transform: translateX(-30px);
}
.animate-header .header-content p[data-v-463b913e] {
      font-size: 13px;
      line-height: 18px;
      margin: 0;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
/* thin border */
.task-detail-title[data-v-7f9cae8d] {
  padding-left: 32px;
  padding-top: 21px;
  font-size: 0;
}
.task-detail-title .reward[data-v-7f9cae8d] {
    font-size: 14px;
    line-height: 20px;
    color: #3A3A3A;
    margin-bottom: 5px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-detail-title .reward .income[data-v-7f9cae8d] {
      display: inline-block;
      font-size: 28px;
      line-height: 1;
      color: #3A3A3A;
      position: relative;
      top: 1px;
      left: -2px;
      font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-detail-title .reward .income2[data-v-7f9cae8d] {
      font-size: 16px;
      display: inline-block;
      line-height: 1;
      vertical-align: bottom;
      margin: 0 2px 2px 2px;
      color: #3A3A3A;
      font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-detail-title .countdown[data-v-7f9cae8d] {
    font-size: 0;
    color: #3A3A3A;
    line-height: 20px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.task-detail-title .countdown span[data-v-7f9cae8d] {
      font-size: 14px;
}
.task-detail-title .countdown .countdown-time[data-v-7f9cae8d] {
      display: inline-block;
      font-size: 14px;
      width: 112px;
}
.task-detail-title .countdown .large-width[data-v-7f9cae8d] {
      width: 132px;
}
.task-detail-title .countdown .add-time[data-v-7f9cae8d] {
      font-size: 14px;
      line-height: 20px;
      text-decoration: underline;
}
.task-detail-title .countdown .added-time[data-v-7f9cae8d] {
      text-decoration: none;
}
/* thin border */
.popup-noHelpTask[data-v-2026768a] {
  padding: 35px 55px 30px 55px !important;
  text-align: center;
}
.popup-noHelpTask .text[data-v-2026768a] {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    text-align: center;
    line-height: 23px;
    color: #3a3a3a;
}
.popup-noHelpTask .icon-noHelpTask[data-v-2026768a] {
    position: relative;
    margin: 28px auto 0;
    width: 105px;
    height: 105px;
}
.popup-noHelpTask .icon-noHelpTask img[data-v-2026768a] {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
}
.popup-noHelpTask .tips[data-v-2026768a] {
    margin: 10px auto 0;
    font-size: 13px;
    font-family: PingFangSC-Regular;
    text-align: center;
    line-height: 20px;
    color: #888888;
}
.popup-noHelpTask .double-button[data-v-2026768a] {
    margin: 25px auto 0;
    width: 160px;
    height: 40px;
    background-color: #ef4f2a;
    border-radius: 2px;
    font-size: 13px;
    font-family: PingFangSC-Regular;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
/* thin border */
.popup-start-remind {
  height: 409px;
  width: 275px;
  padding: 35px 0 !important;
  text-align: center;
}
.popup-start-remind .title {
    font-size: 16px;
    color: #3A3A3A;
    line-height: 22px;
    margin-bottom: 10px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-start-remind .remind {
    font-size: 13px;
    color: #3A3A3A;
    margin-bottom: 10px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-start-remind .img {
    width: 275px;
    height: 186px;
    margin-bottom: 28px;
}
.popup-start-remind .img img {
      width: 216px;
      height: 182px;
}
.popup-start-remind .btn-know {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 14px;
    font-size: 13px;
}
.popup-start-remind .remind-wrapper {
    color: #888888;
}
.popup-start-remind .remind-wrapper input[type="checkbox"] {
      display: none;
}
.popup-start-remind .remind-wrapper input[type="checkbox"] + .label {
      font-size: 12px;
      position: relative;
      display: inline-block;
      width: 67px;
      height: 18px;
      -webkit-box-sizing: border-box;
}
.popup-start-remind .remind-wrapper input[type="checkbox"] + .label img,
    .popup-start-remind .remind-wrapper input[type="checkbox"]:checked + .label img {
      width: 10px;
      height: 10px;
      vertical-align: middle;
      position: absolute;
      top: 4px;
      left: 0px;
}
.popup-start-remind .remind-wrapper .label span {
      height: 18px;
      line-height: 18px;
      display: inline-block;
      margin-left: 13px;
      color: #3A3A3A;
      font-size: 13px;
}
/* thin border */
.popup-appstore .popup-appstore[data-v-2b2883e8] {
  width: 275px !important;
  height: 361px !important;
  background-color: #fff !important;
}
.popup-appstore .popup-appstore .popup-body[data-v-2b2883e8] {
    text-align: center;
    color: #3a3a3a;
    border-radius: 4px;
    position: relative;
    width: 275px !important;
    height: 361px !important;
    padding: 32px 0 0 !important;
    background-color: #ffffff;
}
.popup-appstore .popup-appstore .popup-body .title[data-v-2b2883e8] {
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-appstore .popup-appstore .popup-body .subtitle[data-v-2b2883e8] {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px;
      color: #3a3a3a;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-appstore .popup-appstore .popup-body .subtitle span[data-v-2b2883e8] {
        color: #f75946;
}
.popup-appstore .popup-appstore .popup-body .bg[data-v-2b2883e8] {
      width: 207px;
      height: 113px;
      display: block;
      margin: 0 auto;
}
.popup-appstore .popup-appstore .popup-body .close-button[data-v-2b2883e8] {
      margin: 32px auto;
      width: 175px;
      height: 48px;
      line-height: 48px;
      color: #fff;
      background: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      border-radius: 24px;
      font-size: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-appstore .close[data-v-2b2883e8] {
  text-align: center;
  margin-top: 40px;
}
.popup-appstore .close img[data-v-2b2883e8] {
    width: 30px;
    height: 30px;
}

.page-zstask-list .icon-border {
  border-color: #4A90E2 !important;
}
.page-zstask-list .zstask-list {
  padding-top: 50px;
  padding-bottom: 20px;
  background: #FFFFFF;
}
.page-zstask-list .zstask-list .disabled {
    color: #B5B5B5;
}
/* thin border */
.page-zstask-detail .zstask-detail[data-v-3e841ef4] {
  padding-top: 100px;
  background: #FFF;
}
.page-zstask-detail .zstask-detail .app-wrapper[data-v-3e841ef4] {
    height: 52px;
    margin-top: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px !important;
}
.page-zstask-detail .zstask-detail .app-wrapper .img-box[data-v-3e841ef4] {
      width: 52px;
      height: 52px;
      padding: 1px;
      box-sizing: border-box;
      border-radius: 11px;
      border: 1px solid #ddd;
      overflow: hidden;
}
.page-zstask-detail .zstask-detail .app-wrapper img[data-v-3e841ef4] {
      width: 48px;
      height: 48px;
      border-radius: 10px;
}
.page-zstask-detail .zstask-detail .app-wrapper .app-name[data-v-3e841ef4] {
      margin-left: 10px;
      font-size: 16px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-zstask-detail .zstask-detail .step[data-v-3e841ef4] {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 18px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-zstask-detail .zstask-detail .step.step-2[data-v-3e841ef4] {
      margin-bottom: 30px;
}
.page-zstask-detail .zstask-detail .step.step-2 .step-button[data-v-3e841ef4] {
        margin-top: 6px;
        margin-bottom: 24px;
}
.page-zstask-detail .zstask-detail .step.step-2 span[data-v-3e841ef4] {
        color: #fff;
}
.page-zstask-detail .zstask-detail .step.step-1[data-v-3e841ef4] {
      margin-top: 30px;
}
.page-zstask-detail .zstask-detail .step.step-1 .step-button[data-v-3e841ef4] {
        margin-bottom: 3px;
}
.page-zstask-detail .zstask-detail .step div[data-v-3e841ef4] {
      margin-bottom: 6px;
      font-size: 13px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-zstask-detail .zstask-detail .step div.semibold[data-v-3e841ef4] {
        font-size: 16px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-detail .zstask-detail .step div[data-v-3e841ef4]:first-child {
      margin-left: 0;
}
.page-zstask-detail .zstask-detail .step-button[data-v-3e841ef4] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-zstask-detail .zstask-detail .step-button span[data-v-3e841ef4] {
      font-size: 13px;
      color: #3A3A3A;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-zstask-detail .zstask-detail .step-button.disabled[data-v-3e841ef4] {
      background: #DDDDDD;
      box-shadow: 0px 1px 4px 0px rgba(221, 221, 221, 0.25);
}
.page-zstask-detail .zstask-detail .step-button.disabled span[data-v-3e841ef4] {
        color: #fff;
}
.page-zstask-detail .zstask-detail .step-button.can-click[data-v-3e841ef4] {
      background: #FFDD55;
      box-shadow: 0px 1px 4px 0px rgba(255, 170, 0, 0.2);
}
.page-zstask-detail .zstask-detail .step-button.can-click span[data-v-3e841ef4] {
        color: #3A3A3A;
}
.page-zstask-detail .zstask-detail .step-button.reward[data-v-3e841ef4] {
      background: #F75946;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
}
/* thin border */
.page-easy-detail .easy-detail[data-v-acf4be10] {
  padding-top: 100px;
  background: #FFF;
}
.page-easy-detail .easy-detail .icon-wrapper[data-v-acf4be10] {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 30px auto 16px;
    padding: 2px;
}
.page-easy-detail .easy-detail .icon-wrapper img[data-v-acf4be10] {
      width: 65px;
      height: 65px;
      border-radius: 8px;
}
.page-easy-detail .easy-detail .step[data-v-acf4be10] {
    text-align: center;
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 40px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-easy-detail .easy-detail .step div[data-v-acf4be10] {
      height: 20px;
      line-height: 20px;
      margin-bottom: 6px;
}
.page-easy-detail .easy-detail .btn-wrapper[data-v-acf4be10] {
    text-align: center;
}
.page-easy-detail .easy-detail .btn-wrapper .btn-download[data-v-acf4be10], .page-easy-detail .easy-detail .btn-wrapper .btn-reward[data-v-acf4be10] {
      width: 172px;
      height: 40px;
      min-height: 40px;
      border-radius: 2px;
      line-height: 40px;
      margin: 0 auto 15px auto;
      font-size: 13px;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-easy-detail .easy-detail .btn-wrapper .btn-download.disabled[data-v-acf4be10], .page-easy-detail .easy-detail .btn-wrapper .btn-reward.disabled[data-v-acf4be10] {
        background: #DDDDDD;
        opacity: 1;
}
/* thin border */
.animate-header[data-v-63e103ae] {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 8;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
.animate-header .menu-item[data-v-63e103ae] {
    width: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #f0f0f0;
}
.animate-header .menu-item-left[data-v-63e103ae] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}
.animate-header .menu-item-right[data-v-63e103ae] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
}
.animate-header .header-content[data-v-63e103ae] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: whitesmoke;
}
.animate-header .header-content h4[data-v-63e103ae] {
      padding: 0 20px;
      color: #3a3a3a;
      margin-top: 14px;
      font-size: 16px;
      line-height: 22px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .header-content p[data-v-63e103ae] {
      font-size: 13px;
      line-height: 18px;
      margin: 0;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.change-nickname[data-v-63e103ae] {
  background: #FFFFFF;
  padding-top: 75px;
  padding-left: 30px;
  color: #b5b5b5;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.change-nickname .title[data-v-63e103ae] {
    font-size: 12px;
    height: 17px;
    line-height: 17px;
}
.change-nickname .input[data-v-63e103ae] {
    width: 200px;
    height: 33px;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 3px;
    display: inline-block;
    padding: 0;
    color: #b5b5b5;
    background: #fff;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.change-nickname .input[data-v-63e103ae]::-webkit-input-placeholder {
      line-height: 33px;
      height: 33px;
      color: #DDDDDD;
}
.change-nickname .division[data-v-63e103ae] {
    position: absolute;
    top: 100px;
    right: 114px;
    width: 1px;
    height: 17px;
    background: #DDDDDD;
}
.change-nickname .btn-get-code[data-v-63e103ae] {
    position: absolute;
    padding: 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
    top: 98px;
    right: 30px;
}
.change-nickname .bottom-line[data-v-63e103ae] {
    width: 200px;
    height: 1px;
    background: #DDDDDD;
    margin-bottom: 30px;
}
.change-nickname .bottom-line.last[data-v-63e103ae] {
      margin-bottom: 60px;
}
.change-nickname .button-submit[data-v-63e103ae] {
    width: 172px;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 206px;
    border-radius: 2px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.change-nickname .button-submit.button-disabled[data-v-63e103ae] {
      background: #DDDDDD;
}
.change-nickname .button-submit.can-submit[data-v-63e103ae] {
      background-color: #ef502b;
}
.change-nickname .link-unbind-phone[data-v-63e103ae] {
    height: 20px;
    font-size: 14px;
    color: #b5b5b5;
}
.change-nickname .link-unbind-phone span[data-v-63e103ae] {
      color: #4a90e2;
}
/* thin border */
.page-task-list .dl-title[data-v-24de8d0f] {
  position: relative;
  width: 100%;
  height: 36px;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-list .dl-title .scroll-wrap[data-v-24de8d0f] {
    height: 16px;
    overflow: hidden;
}
.page-task-list .dl-title .scroll-box[data-v-24de8d0f] {
    -webkit-animation: anim1 10s linear infinite;
            animation: anim1 10s linear infinite;
}
.page-task-list .dl-title .scroll-box div[data-v-24de8d0f] {
      height: 16px;
}
.page-task-list .dl-title span[data-v-24de8d0f] {
    color: #EF4F2A;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .dl-title img[data-v-24de8d0f] {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 16px;
    height: 16px;
    float: right;
}
.task-list[data-v-24de8d0f] {
  padding-top: 100px;
  background: #FFF;
}
.task-list.has-subheader[data-v-24de8d0f] {
    padding-top: 160px;
}
.task-list .task-tips[data-v-24de8d0f] {
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
@-webkit-keyframes anim1 {
0%, 48% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50%, 98% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
100% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
}
@keyframes anim1 {
0%, 48% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50%, 98% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
100% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
}
/* thin border */
.zs-entrance[data-v-62f9dea8] {
  height: 60px;
  background: #FFF8EE;
  line-height: 60px;
  font-size: 0;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.zs-entrance .icon-wrapper[data-v-62f9dea8] {
    margin-left: 15px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
    height: 34px;
}
.zs-entrance .icon-wrapper .icon[data-v-62f9dea8] {
      height: 34px;
      width: 34px;
      border-radius: 6px;
      display: inline-block;
      position: relative;
}
.zs-entrance .icon-wrapper .icon.offset1[data-v-62f9dea8] {
        margin-left: -16px;
}
.zs-entrance .icon-wrapper .icon.offset2[data-v-62f9dea8] {
        margin-left: -16px;
}
.zs-entrance .icon-wrapper .icon img[data-v-62f9dea8] {
        border: 2px solid #FFFFFF;
        border-radius: 6px;
        width: 34px;
        height: 34px;
}
.zs-entrance .total-tip[data-v-62f9dea8] {
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #3A3A3A;
    vertical-align: middle;
}
.zs-entrance .reward-content[data-v-62f9dea8] {
    position: absolute;
    top: 0px;
    right: 14px;
    height: 60px;
    line-height: 60px;
    color: #EF4F2A;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 500;
}
.zs-entrance .reward-content .plus[data-v-62f9dea8] {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding-right: 2px;
}
.zs-entrance .reward-content .reward[data-v-62f9dea8] {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
}
.zs-entrance .reward-content .yuan[data-v-62f9dea8] {
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      padding-left: 2px;
}
.zs-entrance .reward-content .plus[data-v-62f9dea8], .zs-entrance .reward-content .yuan[data-v-62f9dea8] {
      font-size: 11px;
}
.zs-entrance .reward-content .reward[data-v-62f9dea8] {
      font-size: 22px;
}
.zs-entrance .reward-content .plus[data-v-62f9dea8] {
      -webkit-transform: translate3d(0, 3%, 0);
              transform: translate3d(0, 3%, 0);
}
.zs-entrance .reward-content .yuan[data-v-62f9dea8] {
      -webkit-transform: translate3d(0, 2.5%, 0);
              transform: translate3d(0, 2.5%, 0);
}
/* thin border */
.explore-entrance[data-v-42d78476] {
  height: 46px;
  background: #F5F5F5;
  line-height: 46px;
  font-size: 0;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.explore-entrance .icon-wrapper[data-v-42d78476] {
    margin-left: 52px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    height: 34px;
}
.explore-entrance .icon-wrapper .icon[data-v-42d78476] {
      height: 34px;
      width: 34px;
      border-radius: 6px;
      display: inline-block;
      position: relative;
}
.explore-entrance .icon-wrapper .icon.offset1[data-v-42d78476] {
        margin-left: -25px;
}
.explore-entrance .icon-wrapper .icon.offset2[data-v-42d78476] {
        margin-left: -25px;
}
.explore-entrance .icon-wrapper .icon img[data-v-42d78476] {
        border: 2px solid #FFFFFF;
        border-radius: 6px;
        width: 34px;
        height: 34px;
}
.explore-entrance .total-tip[data-v-42d78476] {
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    color: #3A3A3A;
    vertical-align: middle;
    margin-right: 7px;
}
.explore-entrance .total-tip span[data-v-42d78476] {
      color: #EF4F2A;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.explore-entrance .triangle[data-v-42d78476] {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 3px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #3A3A3A;
}
/* thin border */
.on-going-task-list[data-v-905e2aa8] {
  padding-top: 5px;
}
.icon-border[data-v-905e2aa8] {
  border: 1px solid #4A90E2 !important;
}
.count-text[data-v-905e2aa8] {
  color: #ef502b;
  font-size: 13px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}

.appoint-remind[data-v-3916d27f] {
  position: relative;
  margin: 8px auto;
  height: 38px;
  line-height: 38px;
  width: 347px;
  padding: 1px 14px 0;
  background: #F8F8F8;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #4A4A4A;
}
.appoint-remind b[data-v-3916d27f] {
    color: #F75946;
}
.appoint-remind .btn-appoint-rules[data-v-3916d27f] {
    font-family: PingFangSC-Regular;
    margin-right: 3px;
    text-decoration: underline;
    color: #F75946;
}
.xn-td-bannner[data-v-3916d27f] {
  text-align: center;
  height: 68px;
  margin: 20px 0;
}
.xn-td-bannner img[data-v-3916d27f] {
    width: 343px;
    height: 68px;
}

.appoint-banner[data-v-23f056c0] {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 64px;
  text-align: center;
}
.appoint-banner img[data-v-23f056c0] {
    width: 347px;
    height: 64px;
}
.appoint-remind[data-v-23f056c0] {
  position: relative;
  margin: 8px auto;
  height: 38px;
  line-height: 38px;
  width: 347px;
  padding: 1px 14px 0;
  background: #F8F8F8;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #4A4A4A;
}
.appoint-remind b[data-v-23f056c0] {
    color: #F75946;
}
.appoint-remind .btn-appoint-rules[data-v-23f056c0] {
    font-family: PingFangSC-Regular;
    margin-right: 3px;
    text-decoration: underline;
    color: #F75946;
}
/* thin border */
.personal-tasks[data-v-53c485a0] {
  width: 100%;
  height: 80px;
  padding: 14px 16px 14px 14px;
  line-height: 50px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.personal-tasks .day-tasks[data-v-53c485a0] {
    line-height: 48px;
    font-size: 16px;
    color: #3a3a3a;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 10px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.personal-tasks .icon-wrapper .icons[data-v-53c485a0] {
    display: inline-block;
    float: left;
}
.personal-tasks .icon-wrapper .icons[data-v-53c485a0]:nth-child(2) {
      margin-left: -38px;
}
.personal-tasks .icon-wrapper .icons[data-v-53c485a0]:nth-child(3) {
      margin-left: -38px;
}
.personal-tasks .icon-wrapper .icons div[data-v-53c485a0] {
      border: 1px solid #ddd;
      border-radius: 22px;
      width: 100%;
      height: 100%;
      background-color: #fff;
}
.personal-tasks .icon-wrapper .icons div img[data-v-53c485a0] {
        position: absolute;
        width: 96px;
        height: 96px;
        left: 4px;
        top: 4px;
        border-radius: 22px;
}
.personal-tasks .reward-content[data-v-53c485a0] {
    position: absolute;
    top: 0;
    right: 16px;
    height: 60px;
    color: #F75946;
    font-size: 24px;
    line-height: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.personal-tasks .reward-content .plus[data-v-53c485a0] {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding-right: 4px;
}
.personal-tasks .reward-content .reward[data-v-53c485a0] {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
}
.personal-tasks .reward-content .yuan[data-v-53c485a0] {
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      padding-left: 1px;
}
.personal-tasks .reward-content .plus[data-v-53c485a0], .personal-tasks .reward-content .yuan[data-v-53c485a0] {
      font-size: 11px;
}
.personal-tasks .reward-content .plus[data-v-53c485a0] {
      -webkit-transform: translate3d(0, 3%, 0);
              transform: translate3d(0, 3%, 0);
}
.personal-tasks .reward-content .yuan[data-v-53c485a0] {
      -webkit-transform: translate3d(0, 4.5%, 0);
              transform: translate3d(0, 4.5%, 0);
}
/* thin border */
.jail-broken[data-v-5321358d] {
  padding: 315px 56px 0 56px;
  background-image: url("//qkassets.qkcdn.com/images/assets/8c2da759f453ea71091af703295e06b7.png");
  background-size: 255px 255px;
  background-position: 60px 50px;
  background-repeat: no-repeat;
}
.jail-broken .tips[data-v-5321358d] {
    width: 263px;
    font-size: 14px;
    line-height: 24px;
    color: #3A3A3A;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.jail-broken .tips .assertive[data-v-5321358d] {
      text-decoration: underline;
}
/* thin border */
.appoint-immediately-wrap[data-v-28d5a01e] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
}
.appoint-immediately-wrap.passive[data-v-28d5a01e] {
    visibility: hidden;
}
.appoint-immediately-wrap.active .popup-appoint-immediately[data-v-28d5a01e] {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.appoint-immediately-wrap .popup-appoint-immediately[data-v-28d5a01e] {
    position: fixed;
    bottom: 50px;
    left: 50%;
    background-color: #fff;
    width: 343px;
    height: auto;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    border-radius: 8px;
    transition: all 0.3s ease-out;
    padding: 0 0 30px 0 !important;
}
.appoint-immediately-wrap .popup-appoint-immediately .icon-wrapper .icon[data-v-28d5a01e] {
      margin: 0 auto 20px;
      height: 52px;
      width: 52px;
      text-align: center;
      font-size: 12px;
      color: #68BB8B;
      line-height: 17px;
      border: 1px solid #68bb8b;
      border-radius: 12px;
      padding: 1px;
}
.appoint-immediately-wrap .popup-appoint-immediately .icon-wrapper .icon .icon-no-img[data-v-28d5a01e] {
        padding: 7px 0px;
        border-radius: 10px;
        background-color: #EFF9F4;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.appoint-immediately-wrap .popup-appoint-immediately .icon-wrapper img[data-v-28d5a01e] {
      height: 52px;
      border-radius: 10px;
}
.appoint-immediately-wrap .popup-appoint-immediately .question-text[data-v-28d5a01e] {
      text-align: center;
      font-size: 16px;
      color: #3a3a3a;
      height: 47px;
      line-height: 47px;
      margin-bottom: 20px;
      position: relative;
      padding: 0 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.appoint-immediately-wrap .popup-appoint-immediately .question-text .hairline-bottom[data-v-28d5a01e]::after {
        content: '';
        visibility: visible;
        display: block;
        width: 311px;
        height: 1px;
        background: #eee;
        box-shadow: inset 0 -0.5px 0 0 rgba(58, 58, 58, 0.1);
        left: 16px;
}
.appoint-immediately-wrap .popup-appoint-immediately .question-text span[data-v-28d5a01e] {
        color: #f75946;
        font-weight: 600;
}
.appoint-immediately-wrap .popup-appoint-immediately .remind[data-v-28d5a01e] {
      margin-bottom: 32px;
      padding-left: 52px;
      padding-right: 46px;
      text-align: left;
      font-size: 14px;
}
.appoint-immediately-wrap .popup-appoint-immediately .remind span[data-v-28d5a01e] {
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        display: inline-block;
        margin-right: 8px;
}
.appoint-immediately-wrap .popup-appoint-immediately .button-appoint[data-v-28d5a01e] {
      margin: 0 auto;
      width: 231px;
      height: 48px;
      line-height: 48px;
      background-color: #f75946;
      font-size: 16px;
      font-weight: 600;
      color: #ffffff;
      border-radius: 24px;
      text-align: center;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.appoint-immediately-wrap .popup-appoint-immediately .button[data-v-28d5a01e] {
      position: absolute;
      right: 6px;
      top: 12px;
}
/* thin border */
.popup-bonus-start[data-v-03929c41] {
  height: 324px;
  text-align: center;
  padding: 35px 0 0 !important;
  overflow: inherit;
  background-image: url(//qkassets.qkcdn.com/images/assets/277c3be615b73e4f897db1b681119882.png);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
.popup-bonus-start .bonus-icon[data-v-03929c41] {
    width: 116px;
    height: 96px;
    margin: -83px auto 0 auto;
}
.popup-bonus-start .bonus-icon img[data-v-03929c41] {
      width: 100%;
      height: 100%;
}
.popup-bonus-start .title[data-v-03929c41] {
    width: 80px;
    height: 20px;
    margin: 16px auto;
}
.popup-bonus-start .title img[data-v-03929c41] {
      width: 80px;
}
.popup-bonus-start .sub-title[data-v-03929c41] {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #3a3a3a;
    margin-top: 68px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-bonus-start .reward[data-v-03929c41] {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 19px;
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-bonus-start .button-start-egg[data-v-03929c41] {
    width: 175px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    background-color: #F75946;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    margin: 32px auto;
    box-shadow: 0px 1px 4px 0px #F27465;
    -webkit-box-shadow: 0px 1px 4px 0px #F27465;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-bonus-start .button-start-egg[data-v-03929c41]:active {
      background-color: #D53926;
}
/* thin border */
.year-popup {
  background-image: url("//qkassets.qkcdn.com/images/assets/be39434e15c444f7ca84e3dc45dd879a.png");
  background-size: 100% 100%;
  height: 314px;
  padding-top: 103px;
}
.year-popup .desc {
    width: 235px;
    margin: 0 auto;
    font-size: 14px;
    color: #FFEDBB;
    margin-bottom: 10px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.year-popup .share-btn {
    margin: 0 auto;
    width: 224px;
    height: 62px;
    background-image: url("//qkassets.qkcdn.com/images/assets/405e9231070eeec8eee1b4bc5451ebd9.png");
    background-size: 100% 100%;
}
.year-popup .share-btn:active {
      background-image: url("//qkassets.qkcdn.com/images/assets/9ab164289173632422390e905dcdf5b1.png");
}
.year-popup .remind {
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}

.guide[data-v-3559268c] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: auto;
  overflow: hidden;
}
.guide .guide-img[data-v-3559268c] {
    margin-left: 66px;
    width: 244px;
    height: 58px;
}
.guide .guide-img img[data-v-3559268c] {
      width: 244px;
}
.guide .wrapper[data-v-3559268c] {
    margin: 0 auto;
    width: 343px;
    height: 76px;
    border-radius: 10px;
    background-color: #ffffff;
}
/* thin border */
.popup-body.lite-popup-assistant {
  padding: 193px 10px 25px 10px !important;
  text-align: center;
  height: 342px;
}
.popup-body.lite-popup-assistant.popup-unopen-assistant {
    background-image: url("//qkassets.qkcdn.com/images/assets/6cfffc8517e6ce53457f010e41fd5c51.png");
    background-size: 255px 163px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}
.popup-body.lite-popup-assistant .text {
    font-size: 14px;
    line-height: 22px;
    color: #3A3A3A;
    margin-bottom: 25px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-body.lite-popup-assistant .btn-open, .popup-body.lite-popup-assistant .btn-download, .popup-body.lite-popup-assistant .btn-upgrade {
    width: 160px;
    height: 40px;
    min-height: 40px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-size: 13px;
}
.popup-body.lite-popup-assistant .btn-download {
    margin-bottom: 0;
}
.popup-body.lite-popup-assistant .tips {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #B5B5B5;
}

.show-backdrop {
  position: fixed;
}
.human-check-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.human-check-backdrop .human-check-box .box {
    margin: 0 !important;
}
.human-check-backdrop .human-check-box .trouble {
    text-align: center;
    color: white;
    font-size: 13px;
    text-decoration: underline;
    position: relative;
    top: 40px;
    height: 0;
    display: none;
}
/* thin border */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.count-down-layer[data-v-95eb4af6] {
    bottom: 38px !important;
}
}
.count-down-layer[data-v-95eb4af6] {
  width: 170px;
  height: 76px;
  position: fixed;
  bottom: 4px;
  right: 8px;
  background: url("//qkassets.qkcdn.com/images/assets/c657ab663982a3c31295c62055821a73.png") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  box-sizing: border-box;
  color: #f75946;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.count-down-layer span[data-v-95eb4af6] {
    position: absolute;
    top: 24px;
    right: 34px;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.action-sheet-wrapper {
    padding-bottom: 34px !important;
}
}
.action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.75);
}
.action-sheet-wrapper .action-sheet .action-sheet-group .action-sheet-title {
  font-size: 18px;
  color: #3a3a3a;
  font-family: "PingFangSC-Semibold";
}
.action-sheet {
  margin-left: 16px;
  margin-right: 16px;
}
.hairline-top::before {
  height: 0 !important;
}
.action-sheet .button {
  font-family: "PingFangSC-Semibold";
}
.action-sheet .button:last-child {
  color: #3a3a3a;
  font-family: "PingFangSC-Regular";
}
/* thin border */
em[data-v-111a3b02] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("//qkassets.qkcdn.com/images/assets/820d3e640eaf2d84db8cd6720aa11103.png") no-repeat center/cover;
  vertical-align: bottom;
  margin-bottom: 2px;
}
.fade-coupon-transition[data-v-111a3b02] {
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fade-coupon-enter[data-v-111a3b02], .fade-coupon-leave-to[data-v-111a3b02] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.fade-coupon-enter-active[data-v-111a3b02], .fade-coupon-leave[data-v-111a3b02] {
  opacity: 1;
  transition: all 0.3s ease;
}
.page-task-detail .dl-title[data-v-111a3b02] {
  width: 100%;
  height: auto;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 16px;
  position: fixed;
  top: 100px;
  z-index: 1;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-detail .dl-title span[data-v-111a3b02] {
    font-weight: 600;
}
.page-task-detail .task-detail[data-v-111a3b02] {
  padding: 100px 59px 0 59px;
  background-color: #fafafa;
}
.page-task-detail .task-detail .task-tip[data-v-111a3b02] {
    margin: 12px auto -4px auto;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding-left: 16px;
    width: 343px;
    background: #fffaeb;
}
.page-task-detail .task-detail .task-tip span[data-v-111a3b02] {
      color: #d1660a;
      margin-right: 19px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .task-tip i[data-v-111a3b02] {
      color: #f75946;
      text-decoration: underline;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .app-wrapper[data-v-111a3b02] {
    height: 52px;
    margin-top: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px !important;
}
.page-task-detail .task-detail .app-wrapper .img-box[data-v-111a3b02] {
      width: 52px;
      height: 52px;
      padding: 1px;
      box-sizing: border-box;
      border-radius: 11px;
      border: 1px solid #ddd;
      overflow: hidden;
      margin-bottom: 0;
}
.page-task-detail .task-detail .app-wrapper img[data-v-111a3b02] {
      width: 48px;
      height: 48px;
      border-radius: 10px;
}
.page-task-detail .task-detail .app-wrapper .app-name[data-v-111a3b02] {
      margin-left: 10px;
      font-size: 16px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step[data-v-111a3b02] {
    font-size: 14px;
    color: #3A3A3A;
    margin: 0 16px 12px 16px;
    overflow: hidden;
    background: #fff;
    padding: 16px 16px 0 16px;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .step.step-3 .reward-type[data-v-111a3b02] {
      font-size: 12px;
      color: #f75946;
      line-height: 20px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step.step-3 .reward-type em[data-v-111a3b02] {
        width: 16px;
        height: 16px;
        background: url("//qkassets.qkcdn.com/images/assets/c8a836da661b1ad61b709df8fc3d2f11.png") no-repeat;
        background-size: 100% 100%;
        margin-top: 2px;
        vertical-align: top;
}
.page-task-detail .task-detail .step.step-3 .reward-type span[data-v-111a3b02] {
        color: #f75946;
        line-height: 20px;
}
.page-task-detail .task-detail .step.step-3 .reward-type .zs-desc[data-v-111a3b02] {
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-task-detail .task-detail .step.step-3 .step-button[data-v-111a3b02] {
      margin-top: 12px;
      margin-bottom: 24px;
}
.page-task-detail .task-detail .step.step-3 .light[data-v-111a3b02] {
      color: #3a3a3a;
}
.page-task-detail .task-detail .step.step-3 .upload[data-v-111a3b02] {
      font-size: 0;
      margin-bottom: 0;
      display: inline-block;
      width: 52px;
      height: 52px;
      line-height: 52px;
      text-align: center;
      border-radius: 8px;
      border: solid 1px #eeeeee;
      vertical-align: middle;
      background: #ffffff url("//qkassets.qkcdn.com/images/assets/0b8c7fedcf59a8f5c08ae3d4a385402d.png") center center no-repeat;
      background-size: 18px 18px;
      margin-top: 2px;
}
.page-task-detail .task-detail .step.step-3 .upload input[data-v-111a3b02] {
        width: 52px;
        height: 52px;
        display: none;
}
.page-task-detail .task-detail .step.step-3 .upload .dopacity[data-v-111a3b02] {
        display: inline-block;
        opacity: 0;
}
.page-task-detail .task-detail .step.step-3 .upload .dnone[data-v-111a3b02] {
        display: none;
        cursor: pointer;
}
.page-task-detail .task-detail .step.step-3 .update-loading[data-v-111a3b02] {
      vertical-align: middle;
      display: inline-block;
      height: 52px;
      width: 52px;
      background: #fff;
      border-radius: 8px;
      text-align: center;
      border: 1px solid #eee;
}
.page-task-detail .task-detail .step.step-3 .update-loading .progress[data-v-111a3b02] {
        position: relative;
        width: 36px;
        height: 4px;
        background: #eee;
        border-radius: 2.5px;
        margin-left: 8px;
        margin-top: 12px;
        overflow: hidden;
}
.page-task-detail .task-detail .step.step-3 .update-loading .progress em[data-v-111a3b02] {
          position: absolute;
          left: 0;
          top: 0;
          display: inline-block;
          background: #f75946;
          height: 4px;
}
.page-task-detail .task-detail .step.step-3 .update-loading span[data-v-111a3b02] {
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        color: #3a3a3a;
}
.page-task-detail .task-detail .step.step-3 .preview[data-v-111a3b02] {
      display: inline-block;
      position: relative;
      width: 52px;
      height: 52px;
      vertical-align: middle;
      margin-bottom: 0;
      border-radius: 8px;
}
.page-task-detail .task-detail .step.step-3 .preview img[data-v-111a3b02] {
        width: 52px;
        height: 52px;
        border-radius: 8px;
}
.page-task-detail .task-detail .step.step-3 .preview input[data-v-111a3b02] {
        position: absolute;
        top: 0;
        left: 0;
        width: 52px;
        height: 52px;
        display: none;
}
.page-task-detail .task-detail .step.step-3 .preview .btn-delete[data-v-111a3b02] {
        position: absolute;
        top: -5px;
        right: -5px;
}
.page-task-detail .task-detail .step.step-3 .preview .btn-delete img[data-v-111a3b02] {
          width: 20px;
          height: 20px;
}
.page-task-detail .task-detail .step.step-3 .verify-txt[data-v-111a3b02] {
      display: inline-block;
      max-width: 123px;
      word-wrap: break-word;
      white-space: pre-wrap;
      font-size: 12px;
      line-height: 1;
      margin-left: 8px;
      margin-bottom: 0;
      color: #aaaaaa;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step.step-3 .verify-txt span[data-v-111a3b02] {
        display: inline-block;
        line-height: 20px;
        vertical-align: middle;
}
.page-task-detail .task-detail .step.step-1[data-v-111a3b02] {
      margin-top: 16px;
}
.page-task-detail .task-detail .step.step-1 .step-button[data-v-111a3b02] {
        margin-top: 14px;
}
.page-task-detail .task-detail .step.step-1 .step-button.default-button[data-v-111a3b02] {
          background: #fafafa;
          box-shadow: none;
          border: 0.5px solid #ddd;
}
.page-task-detail .task-detail .step.step-1 .step-button.game-default-bg[data-v-111a3b02] {
          background: #ffdd55;
          border: none;
}
.page-task-detail .task-detail .step.step-2 .step-button[data-v-111a3b02] {
      margin-bottom: 24px;
}
.page-task-detail .task-detail .step.step-2 div[data-v-111a3b02]:nth-child(2) {
      margin-bottom: 12px;
}
.page-task-detail .task-detail .step.step-2 .light[data-v-111a3b02] {
      color: #3a3a3a;
}
.page-task-detail .task-detail .step.step-2 .example[data-v-111a3b02] {
      position: absolute;
      display: inline-block;
      width: 52px;
      height: 52px;
      background-color: black;
      font-size: 12px;
      text-align: center;
      color: #FFFFFF;
      padding: 6px 12px;
      vertical-align: middle;
      background-size: 100% 100%;
      border-radius: 8px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step.step-2 .example .cover[data-v-111a3b02] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
        border-radius: 8px;
        margin-bottom: 0;
}
.page-task-detail .task-detail .step.step-2 .example span[data-v-111a3b02] {
        position: relative;
        z-index: 2;
}
.page-task-detail .task-detail .step div[data-v-111a3b02] {
      margin-bottom: 4px;
      font-size: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step div .light[data-v-111a3b02] {
        font-size: 16px;
        color: #F75946;
        line-height: 20px;
        font-weight: bold;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div .light.light-rank[data-v-111a3b02] {
          font-size: 12px;
          font-weight: 400;
}
.page-task-detail .task-detail .step div.semibold[data-v-111a3b02] {
        font-size: 16px;
        line-height: 24px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div.semibold .regular[data-v-111a3b02] {
          display: inline-block;
          width: 16px;
          height: 16px;
          position: relative;
          top: 2px;
}
.page-task-detail .task-detail .step div.semibold .regular.step-one[data-v-111a3b02] {
            background: url("//qkassets.qkcdn.com/images/assets/6a9cf7a3256057d457bd9908ceacee99.png") no-repeat center/cover;
}
.page-task-detail .task-detail .step div.semibold .regular.step-two[data-v-111a3b02] {
            background: url("//qkassets.qkcdn.com/images/assets/7ee2294b9d7e5cf8aa7caf3916d775ef.png") no-repeat center/cover;
}
.page-task-detail .task-detail .step div.semibold .regular.step-three[data-v-111a3b02] {
            background: url("//qkassets.qkcdn.com/images/assets/d6932001b2e8fd139a55b6f5b74e3f5d.png") no-repeat center/cover;
}
.page-task-detail .task-detail .step div[data-v-111a3b02]:first-child {
      margin-left: 0;
}
.page-task-detail .task-detail .step-button[data-v-111a3b02] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-task-detail .task-detail .step-button span[data-v-111a3b02] {
      font-size: 14px;
      color: #3A3A3A;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step-button.disabled[data-v-111a3b02] {
      background: #eeeeee;
      box-shadow: none;
}
.page-task-detail .task-detail .step-button.disabled span[data-v-111a3b02] {
        color: #fff;
}
.page-task-detail .task-detail .step-button.normal-check[data-v-111a3b02] {
      box-shadow: 0 1px 4px 0 rgba(255, 170, 0, 0.2);
      background-color: #ffdd55;
}
.page-task-detail .task-detail .step-button.normal-check span[data-v-111a3b02] {
        color: #3a3a3a;
}
.page-task-detail .task-detail .step-button.no-click[data-v-111a3b02] {
      background: #fafafa;
      border: solid 0.5px #dddddd;
}
.page-task-detail .task-detail .step-button.can-click[data-v-111a3b02] {
      background: #FFDD55;
      box-shadow: 0px 1px 4px 0px rgba(255, 170, 0, 0.2);
      border: none;
}
.page-task-detail .task-detail .step-button.can-click[data-v-111a3b02]:active {
        background-color: #FFC236;
}
.page-task-detail .task-detail .step-button.can-click span[data-v-111a3b02] {
        color: #3A3A3A;
}
.page-task-detail .task-detail .step-button.reward[data-v-111a3b02] {
      background: #F75946;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
}
.page-task-detail .task-detail .step-button.reward[data-v-111a3b02]:active {
        background: #E0412E;
        box-shadow: none;
}
.page-task-detail .task-detail .consult[data-v-111a3b02] {
    width: 100%;
    height: 76px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fafafa;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
}
.page-task-detail .task-detail .consult div[data-v-111a3b02] {
      width: 115px;
      height: 36px;
      background-color: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 18px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.page-task-detail .task-detail .consult div img[data-v-111a3b02] {
        width: 24px;
        height: 17px;
        margin-left: -1px;
}
.page-task-detail .task-detail .consult div span[data-v-111a3b02] {
        margin-left: 8px;
        font-size: 12px;
        color: #444749;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-task-detail .task-detail .explore-tips[data-v-111a3b02] {
    margin-top: 25px;
    height: 18px;
    line-height: 18px;
    color: #3A3A3A;
    text-align: center;
    font-size: 0;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .explore-tips img[data-v-111a3b02] {
      width: 14px;
      height: 14px;
      margin-right: 5px;
      vertical-align: middle;
}
.page-task-detail .task-detail .explore-tips div[data-v-111a3b02] {
      display: inline-block;
      font-size: 12px;
      vertical-align: middle;
}
.page-task-detail .task-detail .explore-tips div span[data-v-111a3b02] {
        color: #EF502B;
}
.page-task-detail .task-detail .coupon-use-remind[data-v-111a3b02] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward[data-v-111a3b02] {
      display: inline-block;
      font-size: 14px;
      color: #FFFFFF;
      margin-left: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward .light[data-v-111a3b02] {
        color: #EF4F2A;
        font-weight: bold;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button[data-v-111a3b02] {
      display: inline-block;
      background: #EF4F2A;
      border-radius: 2px;
      width: 68px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin-left: 19px;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button span[data-v-111a3b02] {
        font-size: 12px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
/* thin border */
.wrap[data-v-7be05cf0] {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 8;
}
.wrap .tab[data-v-7be05cf0] {
    height: 40px;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 0;
}
.wrap .tab .tab-item[data-v-7be05cf0] {
      width: 120px;
      display: inline-block;
      text-align: center;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      color: #ffffff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wrap .tab .br-l[data-v-7be05cf0] {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
}
.wrap .tab .active[data-v-7be05cf0] {
      background-color: #f75946;
}
.wrap .tab .normal[data-v-7be05cf0] {
      background: rgba(255, 255, 255, 0.16);
}
.wrap .tab .br-r[data-v-7be05cf0] {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
}
.wrap .tab-content[data-v-7be05cf0] {
    padding-left: 56px;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}
.wrap .tab-content .tab-content-item[data-v-7be05cf0] {
      background-color: #ffffff;
      position: relative;
      display: inline-block;
      height: 400px;
      border-radius: 8px;
      margin-right: 17px;
      overflow: hidden;
}
.wrap .tab-content .tab-content-item img[data-v-7be05cf0] {
        height: 400px;
}
.wrap .tab-content .tab-content-item .tab-content-item-index-wrap[data-v-7be05cf0] {
        position: absolute;
        bottom: 4px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        height: 28px;
        overflow: hidden;
}
.wrap .tab-content .tab-content-item .tab-content-item-index[data-v-7be05cf0] {
        width: 64px;
        height: 64px;
        padding-top: 6px;
        border-radius: 50%;
        text-align: center;
        background: rgba(0, 0, 0, 0.32);
        color: #ffffff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
@media screen and (device-width: 320px) {
.wrap .tab-content .tab-content-item[data-v-7be05cf0] {
        width: 242px;
        height: 400px;
}
.wrap .tab-content .tab-content-item img[data-v-7be05cf0] {
          width: 242px;
}
}
.wrap .guide-close[data-v-7be05cf0] {
    margin-top: 32px;
    pointer-events: auto;
    text-align: center;
}
.wrap .guide-close div[data-v-7be05cf0] {
      display: inline-block;
      width: 30px;
      height: 30px;
      text-align: center;
}

.award-list ._v-content {
  padding-bottom: 0 !important;
}
/* thin border */
.award-container[data-v-73e77ace] {
  position: relative;
  width: 275px !important;
  text-align: center;
}
.award-container .award-icon[data-v-73e77ace] {
    position: relative;
    margin: -47px auto 0 auto;
    width: 114px;
    height: 95px;
    overflow: hidden;
}
.award-container .award-icon img[data-v-73e77ace] {
      width: 114px;
      height: 95px;
}
.award-container .award-title[data-v-73e77ace] {
    margin-top: 19px;
    color: #3a3a3a;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.award-container .award-subtitle[data-v-73e77ace] {
    font-size: 14px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.award-container .award-list[data-v-73e77ace] {
    width: 243px !important;
    max-height: 100px !important;
    position: relative !important;
    margin: 16px auto 0 auto;
    background: #f5f5f5;
    text-align: left;
    padding: 0px 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.award-container .award-list .pb-18[data-v-73e77ace] {
      padding-bottom: 18px !important;
}
.award-container .award-list li[data-v-73e77ace] {
      line-height: 20px;
      margin-bottom: 8px;
}
.award-container .award-list li span[data-v-73e77ace] {
        display: inline-block;
        color: #3a3a3a;
        font-size: 12px;
        width: 28%;
}
.award-container .award-list li span[data-v-73e77ace]:first-child {
          width: 36%;
}
.award-container .award-list li span[data-v-73e77ace]:last-child {
          float: right;
          text-align: right;
}
.award-container .award-list li[data-v-73e77ace]:last-child {
      margin-bottom: 0;
}
.award-container .hairline-bottom[data-v-73e77ace]::after {
    display: none;
}
.award-container .button-close[data-v-73e77ace] {
    top: 372px !important;
    left: 44% !important;
    width: 34px !important;
    height: 34px !important;
    background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover;
}
.award-container .button-close .ion-ios-close-empty[data-v-73e77ace] {
      display: none;
}
.award-container .award-button[data-v-73e77ace] {
    width: 175px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    background-color: #f75946;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin: 32px auto;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.award-container .award-button[data-v-73e77ace]:active {
      background: #E0412E;
      box-shadow: none;
}
/* thin border */
.page-content[data-v-46c7df78] {
  padding-top: 0;
  background-color: #000;
}
.bar-header[data-v-46c7df78] {
  background: rgba(0, 0, 0, 0.75);
  box-shadow: none;
  padding: 0 5px;
  border-bottom: none;
  line-height: 52px;
  height: 52px;
}
.light[data-v-46c7df78] {
  font-size: 16px;
  line-height: 52px;
  color: #ffffff;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.button-back[data-v-46c7df78] {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 52px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 52px;
  color: #ffffff;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.ion-ios-close-empty[data-v-46c7df78]::before {
  padding: 0px;
  width: 24px;
  height: 32px;
  font-size: 24px;
  margin: -16px 0px 0px;
}
.slide[data-v-46c7df78] {
  padding: 80px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.slide img[data-v-46c7df78] {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
/* thin border */
.page-zstask-list .header {
  height: 52px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #FFDD55;
  text-align: center;
  margin-bottom: 16px;
}
.page-zstask-list .header .back {
    width: 24px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    left: 16px;
    top: 14px;
    z-index: 99;
}
.page-zstask-list .header .back img {
      width: 24px;
      height: 24px;
}
.page-zstask-list .header .title {
    color: #3a3a3a;
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list .icon-border {
  border-color: #4A90E2 !important;
}
.page-zstask-list .zstask-list {
  padding-top: 0;
  position: relative;
  padding-bottom: 20px;
  background: #f5f5f5;
}
.page-zstask-list .zstask-list .zstask-list-content {
    margin: 0px 16px 12px 16px;
    padding-top: 0;
    background: #fff;
    border-radius: 8px;
    padding-bottom: 16px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.page-zstask-list .zstask-list .disabled {
    color: #f75946;
}
.page-zstask-list .zstask-list .task-action-list-title {
    padding-left: 20px;
    padding-bottom: 0;
    height: 32px;
    line-height: 32px;
    box-sizing: content-box;
}
.page-zstask-list .zstask-list .desc .light {
    color: #4a90e2;
}
/* thin border */
.page-zstask-detail .zstask-detail[data-v-8c7c5f0a] {
  padding-top: 100px;
  background: #FFF;
  height: 366px;
}
.page-zstask-detail .zstask-detail .app-wrapper[data-v-8c7c5f0a] {
    height: 52px;
    margin-top: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px !important;
}
.page-zstask-detail .zstask-detail .app-wrapper .img-box[data-v-8c7c5f0a] {
      width: 52px;
      height: 52px;
      padding: 1px;
      box-sizing: border-box;
      border-radius: 11px;
      border: 1px solid #ddd;
      overflow: hidden;
}
.page-zstask-detail .zstask-detail .app-wrapper img[data-v-8c7c5f0a] {
      width: 48px;
      height: 48px;
      border-radius: 10px;
}
.page-zstask-detail .zstask-detail .app-wrapper .app-name[data-v-8c7c5f0a] {
      margin-left: 10px;
      font-size: 16px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-zstask-detail .zstask-detail .step[data-v-8c7c5f0a] {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 16px;
    padding: 0 16px;
    overflow: hidden;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-zstask-detail .zstask-detail .step.step-2[data-v-8c7c5f0a] {
      margin-bottom: 30px;
}
.page-zstask-detail .zstask-detail .step.step-2 .step-button[data-v-8c7c5f0a] {
        margin-top: 5px;
        margin-bottom: 24px;
}
.page-zstask-detail .zstask-detail .step.step-2 span[data-v-8c7c5f0a] {
        color: #fff;
}
.page-zstask-detail .zstask-detail .step.step-1[data-v-8c7c5f0a] {
      margin-top: 30px;
}
.page-zstask-detail .zstask-detail .step.step-1 .step-button[data-v-8c7c5f0a] {
        margin-bottom: 3px;
}
.page-zstask-detail .zstask-detail .step div[data-v-8c7c5f0a] {
      margin-bottom: 6px;
      font-size: 13px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-zstask-detail .zstask-detail .step div.semibold[data-v-8c7c5f0a] {
        font-size: 16px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-detail .zstask-detail .step div[data-v-8c7c5f0a]:first-child {
      margin-left: 0;
}
.page-zstask-detail .zstask-detail .step-button[data-v-8c7c5f0a] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-zstask-detail .zstask-detail .step-button span[data-v-8c7c5f0a] {
      font-size: 13px;
      color: #3A3A3A;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-zstask-detail .zstask-detail .step-button.disabled[data-v-8c7c5f0a] {
      background: #DDDDDD;
      box-shadow: 0px 1px 4px 0px rgba(221, 221, 221, 0.25);
}
.page-zstask-detail .zstask-detail .step-button.disabled span[data-v-8c7c5f0a] {
        color: #fff;
}
.page-zstask-detail .zstask-detail .step-button.can-click[data-v-8c7c5f0a] {
      background: #FFDD55;
      box-shadow: 0px 1px 4px 0px rgba(255, 170, 0, 0.2);
}
.page-zstask-detail .zstask-detail .step-button.can-click span[data-v-8c7c5f0a] {
        color: #3A3A3A;
}
.page-zstask-detail .zstask-detail .step-button.reward[data-v-8c7c5f0a] {
      background: #F75946;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
}
/* thin border */
.fade-coupon-transition[data-v-29afaea3] {
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fade-coupon-enter[data-v-29afaea3], .fade-coupon-leave-to[data-v-29afaea3] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.fade-coupon-enter-active[data-v-29afaea3], .fade-coupon-leave[data-v-29afaea3] {
  opacity: 1;
  transition: all 0.3s ease;
}
.page-task-detail .task-detail[data-v-29afaea3] {
  padding: 100px 59px 0 59px;
  background-color: #FFF;
}
.page-task-detail .task-detail .icon-wrapper[data-v-29afaea3] {
    text-align: center;
    height: 65px;
    margin: 30px auto 25px;
}
.page-task-detail .task-detail .icon-wrapper img[data-v-29afaea3] {
      width: 65px;
      height: 65px;
      border-radius: 8px;
}
.page-task-detail .task-detail .step[data-v-29afaea3] {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 18px;
    padding-left: 59px;
    padding-right: 50px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .step.step-3[data-v-29afaea3] {
      margin-bottom: 40px;
}
.page-task-detail .task-detail .step div[data-v-29afaea3] {
      margin-bottom: 6px;
      margin-left: 28px;
}
.page-task-detail .task-detail .step div .light[data-v-29afaea3] {
        font-size: 14px;
        color: #EF4F2A;
        line-height: 20px;
        font-weight: bold;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
.page-task-detail .task-detail .step div[data-v-29afaea3]:first-child {
      margin-left: 0;
}
.page-task-detail .task-detail .step-button[data-v-29afaea3] {
    width: 172px;
    height: 40px;
    border-radius: 2px;
    line-height: 40px;
    text-align: center;
    margin: 15px auto;
}
.page-task-detail .task-detail .step-button span[data-v-29afaea3] {
      font-size: 13px;
      color: #FFFFFF;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-task-detail .task-detail .step-button.disabled[data-v-29afaea3] {
      background: #DDDDDD;
}
.page-task-detail .task-detail .step-button.can-click[data-v-29afaea3] {
      background: #4A90E2;
}
.page-task-detail .task-detail .step-button.reward[data-v-29afaea3] {
      background: #EF4F2A;
}
.page-task-detail .task-detail .coupon-use-remind[data-v-29afaea3] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward[data-v-29afaea3] {
      display: inline-block;
      font-size: 14px;
      color: #FFFFFF;
      margin-left: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward .light[data-v-29afaea3] {
        color: #EF4F2A;
        font-weight: bold;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button[data-v-29afaea3] {
      display: inline-block;
      background: #EF4F2A;
      border-radius: 2px;
      width: 68px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin-left: 19px;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button span[data-v-29afaea3] {
        font-size: 12px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
/* thin border */
.fade-coupon-transition[data-v-14a26075] {
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fade-coupon-enter[data-v-14a26075], .fade-coupon-leave-to[data-v-14a26075] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.fade-coupon-enter-active[data-v-14a26075], .fade-coupon-leave[data-v-14a26075] {
  opacity: 1;
  transition: all 0.3s ease;
}
.page-task-detail .dl-title[data-v-14a26075] {
  width: 100%;
  height: auto;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 16px;
  position: fixed;
  top: 100px;
  z-index: 1;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-detail .dl-title span[data-v-14a26075] {
    font-weight: 600;
}
.page-task-detail .task-detail[data-v-14a26075] {
  padding: 100px 59px 0 59px;
  background-color: #FFF;
}
.page-task-detail .task-detail .app-wrapper[data-v-14a26075] {
    height: 52px;
    margin-top: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px !important;
}
.page-task-detail .task-detail .app-wrapper .img-box[data-v-14a26075] {
      width: 52px;
      height: 52px;
      padding: 1px;
      box-sizing: border-box;
      border-radius: 11px;
      border: 1px solid #ddd;
      overflow: hidden;
}
.page-task-detail .task-detail .app-wrapper img[data-v-14a26075] {
      width: 48px;
      height: 48px;
      border-radius: 10px;
}
.page-task-detail .task-detail .app-wrapper .app-name[data-v-14a26075] {
      margin-left: 10px;
      font-size: 16px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step[data-v-14a26075] {
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .step.step-3 .step-button[data-v-14a26075] {
      margin-top: 6px;
      margin-bottom: 10px;
}
.page-task-detail .task-detail .step.step-3 span[data-v-14a26075] {
      color: #fff;
}
.page-task-detail .task-detail .step.step-3 .light[data-v-14a26075] {
      color: #3a3a3a;
}
.page-task-detail .task-detail .step.step-1[data-v-14a26075] {
      margin-top: 30px;
}
.page-task-detail .task-detail .step.step-1 .step-button[data-v-14a26075] {
        margin-bottom: 3px;
}
.page-task-detail .task-detail .step.step-2 .step-button[data-v-14a26075] {
      margin-bottom: 25px;
}
.page-task-detail .task-detail .step.step-2 div[data-v-14a26075]:nth-child(2) {
      margin-bottom: 9px;
}
.page-task-detail .task-detail .step.step-2 .light[data-v-14a26075] {
      color: #3a3a3a;
}
.page-task-detail .task-detail .step div[data-v-14a26075] {
      margin-bottom: 5px;
      font-size: 13px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step div .light[data-v-14a26075] {
        font-size: 16px;
        color: #F75946;
        line-height: 20px;
        font-weight: bold;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div .light.light-rank[data-v-14a26075] {
          font-size: 13px;
          font-weight: 400;
}
.page-task-detail .task-detail .step div.semibold[data-v-14a26075] {
        font-size: 16px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div[data-v-14a26075]:first-child {
      margin-left: 0;
}
.page-task-detail .task-detail .step-button[data-v-14a26075] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-task-detail .task-detail .step-button span[data-v-14a26075] {
      font-size: 13px;
      color: #3A3A3A;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-task-detail .task-detail .step-button.disabled[data-v-14a26075] {
      background: #DDDDDD;
      box-shadow: 0px 1px 4px 0px rgba(221, 221, 221, 0.25);
}
.page-task-detail .task-detail .step-button.disabled span[data-v-14a26075] {
        color: #fff;
}
.page-task-detail .task-detail .step-button.can-click[data-v-14a26075] {
      background: #FFDD55;
      box-shadow: 0px 1px 4px 0px rgba(255, 170, 0, 0.2);
}
.page-task-detail .task-detail .step-button.can-click span[data-v-14a26075] {
        color: #3A3A3A;
}
.page-task-detail .task-detail .step-button.reward[data-v-14a26075] {
      background: #F75946;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
}
.page-task-detail .task-detail .consult[data-v-14a26075] {
    width: 100%;
    height: 76px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #F5F5F5;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
}
.page-task-detail .task-detail .consult div[data-v-14a26075] {
      width: 115px;
      height: 36px;
      background-color: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 18px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.page-task-detail .task-detail .consult div img[data-v-14a26075] {
        width: 24px;
        height: 17px;
        margin-left: -1px;
}
.page-task-detail .task-detail .consult div span[data-v-14a26075] {
        margin-left: 8px;
        font-size: 13px;
        color: #444749;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-task-detail .task-detail .explore-tips[data-v-14a26075] {
    margin-top: 25px;
    height: 18px;
    line-height: 18px;
    color: #3A3A3A;
    text-align: center;
    font-size: 0;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .explore-tips img[data-v-14a26075] {
      width: 14px;
      height: 14px;
      margin-right: 5px;
      vertical-align: middle;
}
.page-task-detail .task-detail .explore-tips div[data-v-14a26075] {
      display: inline-block;
      font-size: 13px;
      vertical-align: middle;
}
.page-task-detail .task-detail .explore-tips div span[data-v-14a26075] {
        color: #EF502B;
}
.page-task-detail .task-detail .coupon-use-remind[data-v-14a26075] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward[data-v-14a26075] {
      display: inline-block;
      font-size: 14px;
      color: #FFFFFF;
      margin-left: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward .light[data-v-14a26075] {
        color: #EF4F2A;
        font-weight: bold;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button[data-v-14a26075] {
      display: inline-block;
      background: #EF4F2A;
      border-radius: 2px;
      width: 68px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin-left: 19px;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button span[data-v-14a26075] {
        font-size: 12px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
/* thin border */
.fade-out[data-v-27e9ee4e], .fade-in[data-v-27e9ee4e] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.fade-out[data-v-27e9ee4e] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: fade-out;
          animation-name: fade-out;
}
.fade-in[data-v-27e9ee4e] {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}
.flip-reserve-0[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-reserve-0;
          animation-name: flip-reserve-0;
}
.flip-0[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-0;
          animation-name: flip-0;
}
.flip-reserve-0[data-v-27e9ee4e], .flip-0[data-v-27e9ee4e] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes flip-0 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-14px, -15px, 0);
            transform: rotateY(540deg) translate3d(-14px, -15px, 0);
    z-index: 2;
}
}
@keyframes flip-0 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-14px, -15px, 0);
            transform: rotateY(540deg) translate3d(-14px, -15px, 0);
    z-index: 2;
}
}
@-webkit-keyframes flip-reserve-0 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-14px, -15px, 0);
            transform: rotateY(720deg) translate3d(-14px, -15px, 0);
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
@keyframes flip-reserve-0 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-14px, -15px, 0);
            transform: rotateY(720deg) translate3d(-14px, -15px, 0);
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
.flip-reserve-1[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-reserve-1;
          animation-name: flip-reserve-1;
}
.flip-1[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-1;
          animation-name: flip-1;
}
.flip-reserve-1[data-v-27e9ee4e], .flip-1[data-v-27e9ee4e] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes flip-1 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-131px, -15px, 0);
            transform: rotateY(540deg) translate3d(-131px, -15px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 2;
}
}
@keyframes flip-1 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-131px, -15px, 0);
            transform: rotateY(540deg) translate3d(-131px, -15px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 2;
}
}
@-webkit-keyframes flip-reserve-1 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-131px, -15px, 0);
            transform: rotateY(720deg) translate3d(-131px, -15px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
@keyframes flip-reserve-1 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-131px, -15px, 0);
            transform: rotateY(720deg) translate3d(-131px, -15px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
.flip-reserve-2[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-reserve-2;
          animation-name: flip-reserve-2;
}
.flip-2[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-2;
          animation-name: flip-2;
}
.flip-reserve-2[data-v-27e9ee4e], .flip-2[data-v-27e9ee4e] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes flip-2 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-14px, -131px, 0);
            transform: rotateY(540deg) translate3d(-14px, -131px, 0);
    z-index: 2;
}
}
@keyframes flip-2 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-14px, -131px, 0);
            transform: rotateY(540deg) translate3d(-14px, -131px, 0);
    z-index: 2;
}
}
@-webkit-keyframes flip-reserve-2 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-14px, -131px, 0);
            transform: rotateY(720deg) translate3d(-14px, -131px, 0);
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
@keyframes flip-reserve-2 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-14px, -131px, 0);
            transform: rotateY(720deg) translate3d(-14px, -131px, 0);
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
.flip-reserve-3[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-reserve-3;
          animation-name: flip-reserve-3;
}
.flip-3[data-v-27e9ee4e] {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: flip-3;
          animation-name: flip-3;
}
.flip-reserve-3[data-v-27e9ee4e], .flip-3[data-v-27e9ee4e] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes flip-3 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-131px, -131px, 0);
            transform: rotateY(540deg) translate3d(-131px, -131px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 2;
}
}
@keyframes flip-3 {
from {
    -webkit-transform: rotateY(0deg) translate3d(0, 0, 0);
            transform: rotateY(0deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    -webkit-transform: rotateY(540deg) translate3d(-131px, -131px, 0);
            transform: rotateY(540deg) translate3d(-131px, -131px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    z-index: 2;
}
}
@-webkit-keyframes flip-reserve-3 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-131px, -131px, 0);
            transform: rotateY(720deg) translate3d(-131px, -131px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
@keyframes flip-reserve-3 {
from {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
            transform: rotateY(180deg) translate3d(0, 0, 0);
}
to {
    width: 255px;
    height: 257px;
    z-index: 3;
    padding-top: 33px;
    -webkit-transform: rotateY(720deg) translate3d(-131px, -131px, 0);
            transform: rotateY(720deg) translate3d(-131px, -131px, 0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    background-image: url(//qkassets.qkcdn.com/images/assets/0325817ed4d36497aa814adbb78490c3.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
}
}
@-webkit-keyframes fade-out {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fade-out {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@-webkit-keyframes fade-in {
from {
    opacity: 0;
}
85% {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fade-in {
from {
    opacity: 0;
}
85% {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.popup-bonus[data-v-27e9ee4e] {
  width: 287px;
  height: 379px;
  text-align: center;
  padding: 28px 16px 0 !important;
  overflow: hidden;
  background-image: url(//qkassets.qkcdn.com/images/assets/61172e02dc7c199a2595a21a698d27b1.png);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
.popup-bonus .title[data-v-27e9ee4e] {
    margin-bottom: 6px;
    width: 128px;
    height: 32px;
    margin: 0 auto;
}
.popup-bonus .title img[data-v-27e9ee4e] {
      width: 128px;
      height: 32px;
}
.popup-bonus .sub-title[data-v-27e9ee4e] {
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    color: #FB6521;
    margin-bottom: 12px;
    margin-top: 6px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-bonus .card-content[data-v-27e9ee4e] {
    padding: 15px 14px;
    width: 255px;
    height: 257px;
    background-color: #FFFFFF;
    border-radius: 8px;
}
.popup-bonus .card-content .card-item[data-v-27e9ee4e] {
      width: 110px;
      height: 110px;
      position: relative;
      display: inline-block;
      -webkit-perspective: 320px;
              perspective: 320px;
      z-index: 0;
}
.popup-bonus .card-content .card-item[data-v-27e9ee4e]:first-child, .popup-bonus .card-content .card-item[data-v-27e9ee4e]:nth-child(3) {
        margin-right: 7px;
}
.popup-bonus .card-content .card-item[data-v-27e9ee4e]:first-child, .popup-bonus .card-content .card-item[data-v-27e9ee4e]:nth-child(2) {
        margin-bottom: 1px;
}
.popup-bonus .card-content .card-item.priority[data-v-27e9ee4e] {
        z-index: 1;
}
.popup-bonus .card-content .card-item .positive[data-v-27e9ee4e] {
        position: absolute;
        height: 110px;
        width: 110px;
        top: 0;
        left: 0;
        z-index: 2;
        background-image: url(//qkassets.qkcdn.com/images/assets/72107e0d040df7a00e30dd60ebee318a.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
}
.popup-bonus .card-content .card-item .negative[data-v-27e9ee4e] {
        position: absolute;
        top: 0;
        left: 0;
        width: 110px;
        height: 110px;
        z-index: 1;
        padding-top: 22px;
        background-image: url(//qkassets.qkcdn.com/images/assets/269ce166d26cfb533306ebe3a22c256a.png);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;
}
.popup-bonus .card-content .card-item .negative .icon[data-v-27e9ee4e] {
          opacity: 0;
          height: 60px;
          margin-bottom: 15px;
}
.popup-bonus .card-content .card-item .negative .icon img[data-v-27e9ee4e] {
            width: 60px;
            height: 60px;
}
.popup-bonus .card-content .card-item .negative .desc[data-v-27e9ee4e] {
          font-size: 12px;
          font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 500;
}
.popup-bonus .card-content .card-item .negative .desc span[data-v-27e9ee4e] {
            color: #F75946;
}
.popup-bonus .card-content .card-item .negative .sub-title[data-v-27e9ee4e] {
          opacity: 0;
          font-size: 13px;
          color: #B5B5B5;
          line-height: 13px;
          height: 13px;
          margin-bottom: 5px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.popup-bonus .card-content .card-item .negative .reward[data-v-27e9ee4e] {
          opacity: 0;
          height: 32px;
          line-height: 32px;
          font-size: 32px;
          font-family: qiankaFont;
          margin-bottom: 15px;
}
.popup-bonus .card-content .card-item .negative .button-coral[data-v-27e9ee4e] {
          opacity: 0;
          font-size: 14px;
          width: 175px;
          font-size: 16px;
}
/* thin border */
.page[data-v-a63b6e62] {
  padding: 0 20px;
  background: #fff;
  text-align: center;
}
.page .title[data-v-a63b6e62] {
    font-size: 16px;
    color: #3A3A3A;
    line-height: 22px;
    margin-top: 40px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page .v-short-line[data-v-a63b6e62] {
    width: 21px;
    height: 3px;
    background: #eeeeee;
    margin: 10px auto 15px;
}
.page .desc[data-v-a63b6e62] {
    font-size: 14px;
    color: #3A3A3A;
    line-height: 22px;
    text-align: left;
    margin-bottom: 10px;
    font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.user-info[data-v-1a4b517a] {
  margin-top: 50px;
  background: #FFF;
}
.user-info .user-account[data-v-1a4b517a] {
    position: relative;
    height: 130px;
    margin-bottom: 20px;
}
.user-info .user-account .my-account[data-v-1a4b517a] {
      position: absolute;
      top: 24px;
      left: 20px;
      font-size: 20px;
      color: #DDDDDD;
      height: 28px;
      line-height: 28px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.user-info .user-account .avatar[data-v-1a4b517a] {
      position: absolute;
      right: 24px;
      top: 24px;
}
.user-info .user-account .avatar img[data-v-1a4b517a] {
        width: 44px;
        height: 44px;
        border-radius: 50%;
}
.user-info .user-account .income[data-v-1a4b517a] {
      position: absolute;
      top: 56px;
      left: 20px;
}
.user-info .user-account .income span[data-v-1a4b517a] {
        font-family: giorgio;
        font-size: 64px;
        color: #3A3A3A;
        line-height: 64px;
        height: 64px;
        margin-right: 5px;
}
.user-info .user-account .income img[data-v-1a4b517a] {
        width: 19px;
        height: 21px;
}
.user-info .user-account .widthdraw-progress[data-v-1a4b517a] {
      position: absolute;
      height: 18px;
      line-height: 18px;
      font-size: 13px;
      top: 98px;
      right: 20px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.user-info .user-account .widthdraw-progress span[data-v-1a4b517a] {
        vertical-align: middle;
}
.user-info .user-account .widthdraw-progress img[data-v-1a4b517a] {
        width: 4px;
        height: 6px;
        margin-left: 5px;
        vertical-align: middle;
}
.user-info .user-account .division[data-v-1a4b517a] {
      top: 129px;
      left: 20px;
      border-top: 1px solid #3A3A3A;
      position: relative;
      width: 335px;
}
.user-info .user-account .division[data-v-1a4b517a]::before, .user-info .user-account .division[data-v-1a4b517a]::after {
        width: 0px;
        height: 0px;
        content: '';
        position: absolute;
        border: transparent solid;
        top: -10px;
        left: 16px;
}
.user-info .user-account .division[data-v-1a4b517a]::before {
        border-width: 5px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 4px solid #000;
}
.user-info .user-account .division[data-v-1a4b517a]::after {
        top: -9px;
        border-width: 5px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 4px solid #fff;
}
.user-info .withdraw[data-v-1a4b517a] {
    margin-bottom: 44px;
}
.user-info .withdraw .withdraw-item[data-v-1a4b517a] {
      position: relative;
      height: 40px;
      padding-left: 24px;
      margin-bottom: 22px;
}
.user-info .withdraw .withdraw-item.account-income[data-v-1a4b517a] {
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.user-info .withdraw .withdraw-item .label[data-v-1a4b517a] {
        font-size: 24px;
        font-weight: bold;
        color: #3A3A3A;
        margin-bottom: 3px;
        line-height: 40px;
        height: 40px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.user-info .withdraw .withdraw-item .rate[data-v-1a4b517a] {
        font-size: 12px;
        height: 17px;
        line-height: 17px;
        letter-spacing: -0.1px;
        color: #B5B5B5;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.user-info .withdraw .withdraw-item .jfb-rate[data-v-1a4b517a] {
        line-height: 12px;
        letter-spacing: -0.2px;
}
.user-info .withdraw .withdraw-item .withdraw-button[data-v-1a4b517a] {
        position: absolute;
        text-align: center;
        top: 5px;
        right: 24px;
        width: 80px;
        height: 32px;
        border-radius: 100px;
        background: #EF4F2A;
        line-height: 33px;
        font-size: 13px;
        color: #FFFFFF;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.user-info .withdraw .withdraw-item .spot[data-v-1a4b517a] {
        position: absolute;
        top: 1px;
        right: 26px;
        width: 13px;
        height: 13px;
        z-index: 10;
}
.user-info .withdraw .withdraw-item .jfb-button[data-v-1a4b517a] {
        position: absolute;
        text-align: center;
        top: 4px;
        right: 24px;
        width: 80px;
        height: 32px;
        border-radius: 100px;
        border: solid 1px #3a3a3a;
        background-color: #ffffff;
        line-height: 31px;
        font-size: 13px;
        color: #3a3a3a;
        border-color: #3a3a3a;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.user-info .withdraw .withdraw-item .jfb-button[data-v-1a4b517a]:active {
          color: #FFFFFF;
          background-color: #3a3a3a;
}
.user-info .withdraw .withdraw-item .withdraw-jfb-button[data-v-1a4b517a] {
        position: absolute;
        top: 3px;
        right: 24px;
        min-height: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 13px;
        color: #3A3A3A;
        background: #FFFFFF;
        border: 1px solid #3A3A3A;
        border-radius: 100px;
}
.user-info .shoutu-entrance[data-v-1a4b517a] {
    position: relative;
    margin: -15px auto 36px;
    width: 335px;
    height: 64px;
    object-fit: contain;
    background: url("//qkassets.qkcdn.com/images/assets/44a7d334d5c51f70043fb09d07eb1055.png");
    background-size: contain;
}
.user-info .account-related .related[data-v-1a4b517a] {
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    color: #DDDDDD;
    margin-left: 20px;
    margin-bottom: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.user-info .account-related .action-type[data-v-1a4b517a] {
    padding: 0 10px 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 30px;
}
.user-info .account-related .action-type .action-button[data-v-1a4b517a] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-width: 25%;
      font-size: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.user-info .account-related .action-type .action-button.message[data-v-1a4b517a] {
        position: relative;
}
.user-info .account-related .action-type .action-button.message img[data-v-1a4b517a] {
          width: 30px;
}
.user-info .account-related .action-type .action-button img[data-v-1a4b517a] {
        width: 32px;
        height: 30px;
        margin-bottom: -4px;
        padding-top: 1px;
}
.user-info .account-related .action-type .action-button div[data-v-1a4b517a] {
        height: 17px;
        line-height: 17px;
}
.user-info .account-related .action-type .action-button .msg-spot[data-v-1a4b517a] {
        max-width: 26px;
        padding: 0 4px 0 5px;
        height: 16px;
        background-color: #F75946;
        border-radius: 8px;
        position: absolute;
        top: -6px;
        right: 22px;
        text-align: center;
        line-height: 16px;
        color: #fff;
        font-size: 11px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.user-info .account-related .action-type .action-button .msg-spot.letter-spac[data-v-1a4b517a] {
          letter-spacing: -4px;
          font-size: 18px;
          text-indent: -4px;
}
.user-info .account-related .action-type .action-button .msg-spot.circle-border[data-v-1a4b517a] {
          width: 16px;
          border-radius: 50%;
}
/* thin border */
.popup_assistant_upgrade {
  text-align: center; }
  .popup_assistant_upgrade .popup-body {
    height: 342px;
    padding: 35px 0 !important; }
    .popup_assistant_upgrade .popup-body .remind {
      color: #3A3A3A;
      font-size: 16px;
      height: 22px;
      margin-bottom: 21px;
      line-height: 22px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup_assistant_upgrade .popup-body .content {
      width: 100%;
      height: 132px;
      position: relative;
      background-image: url(//qkassets.qkcdn.com/images/assets/3fb24401809bed504703cec2b738a238.png);
      background-size: 100% 132px;
      background-position: center;
      background-repeat: no-repeat; }
      .popup_assistant_upgrade .popup-body .content .app-icon {
        position: absolute;
        left: 53px;
        top: 39px;
        width: 58px;
        height: 58px;
        border-radius: 14px; }
      .popup_assistant_upgrade .popup-body .content .app-name {
        position: absolute;
        top: 40px;
        left: 119px;
        font-size: 8px;
        color: #333333;
        height: 11px;
        line-height: 11px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .popup_assistant_upgrade .popup-body .content .app-developer {
        position: absolute;
        top: 53px;
        left: 119px;
        font-size: 6px;
        color: #333333;
        height: 8px;
        line-height: 8px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
        .popup_assistant_upgrade .popup-body .content .app-developer img {
          margin-left: 3px;
          vertical-align: middle; }
      .popup_assistant_upgrade .popup-body .content .arrow {
        width: 2px;
        height: 4px; }
      .popup_assistant_upgrade .popup-body .content .app-size {
        position: absolute;
        top: 5px;
        left: 204px;
        color: #cfcece;
        transform: rotate(47deg);
        font-size: 12px;
        transform-origin: 0 0;
        font-weight: 900; }
    .popup_assistant_upgrade .popup-body .bottom-remind {
      position: absolute;
      top: 300px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px;
      color: #B5B5B5;
      width: 150px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
    .popup_assistant_upgrade .popup-body .hairline-bottom {
      visibility: hidden !important; }
  .popup_assistant_upgrade .popup-buttons {
    width: 160px;
    position: absolute;
    top: 240px;
    left: 58px; }
    .popup_assistant_upgrade .popup-buttons .button {
      background-color: #EF4F2A !important;
      border-radius: 2px !important;
      min-height: 40px !important;
      height: 40px !important;
      line-height: 40px !important;
      padding: 0 !important; }
      .popup_assistant_upgrade .popup-buttons .button span {
        font-size: 13px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500; }

.popup-check-img {
  text-align: center; }
  .popup-check-img .popup-body input {
    border-bottom: 1px solid #eeeeee; }
/* thin border */
.qk-bind-zhima-form[data-v-4fe8f7f0] {
  background-color: #EEEEEE;
}
.qk-bind-zhima-form .hairline-top[data-v-4fe8f7f0] {
    content: '';
    position: absolute;
    background-color: #EEE;
    display: block;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -ms-transform: scaleY(0.5);
        transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}
.qk-bind-zhima-form .bnind-progress[data-v-4fe8f7f0] {
    position: relative;
    background-color: #FFFFFF;
    height: 100px;
}
.qk-bind-zhima-form .bnind-progress .progress[data-v-4fe8f7f0] {
      position: absolute;
      display: inline-block;
}
.qk-bind-zhima-form .bnind-progress .progress img[data-v-4fe8f7f0] {
        width: 52px;
        height: 42px;
}
.qk-bind-zhima-form .bnind-progress .progress.progress-left[data-v-4fe8f7f0] {
        top: 14px;
        left: 52px;
}
.qk-bind-zhima-form .bnind-progress .progress.progress-left span[data-v-4fe8f7f0] {
          display: block;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
          font-size: 11px;
          color: #888888;
          letter-spacing: 0;
          line-height: 18px;
}
.qk-bind-zhima-form .bnind-progress .progress.progress-middle[data-v-4fe8f7f0] {
        top: 14px;
        left: 162px;
}
.qk-bind-zhima-form .bnind-progress .progress.progress-middle span[data-v-4fe8f7f0] {
          display: block;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
          font-size: 11px;
          color: #C5C4C3;
          letter-spacing: 0;
          line-height: 18px;
}
.qk-bind-zhima-form .bnind-progress .progress.progress-right[data-v-4fe8f7f0] {
        top: 14px;
        left: 272px;
}
.qk-bind-zhima-form .bnind-progress .progress.progress-right span[data-v-4fe8f7f0] {
          display: block;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
          font-size: 11px;
          color: #C5C4C3;
          letter-spacing: 0;
          line-height: 18px;
}
.qk-bind-zhima-form .bnind-progress .progress-arrow-left[data-v-4fe8f7f0] {
      position: absolute;
      top: 25px;
      left: 126px;
}
.qk-bind-zhima-form .bnind-progress .progress-arrow-left img[data-v-4fe8f7f0] {
        width: 12px;
        height: 8px;
}
.qk-bind-zhima-form .bnind-progress .progress-arrow-right[data-v-4fe8f7f0] {
      position: absolute;
      top: 25px;
      right: 125px;
}
.qk-bind-zhima-form .bnind-progress .progress-arrow-right img[data-v-4fe8f7f0] {
        width: 12px;
        height: 8px;
}
.qk-bind-zhima-form .btn-clear-mobile[data-v-4fe8f7f0] {
    position: absolute;
    top: 19px;
    right: 8px;
    width: 24px;
    height: 50px;
    line-height: 12px;
}
.qk-bind-zhima-form .btn-clear-mobile img[data-v-4fe8f7f0] {
      width: 12px;
      height: 12px;
}
.qk-bind-zhima-form .item-submit[data-v-4fe8f7f0] {
    padding: 0 16px;
}
.qk-bind-zhima-form .item-submit .button[data-v-4fe8f7f0] {
      border-radius: 2px;
      background-color: #04C9B3;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #FFFFFF;
}
.qk-bind-zhima-form .login-form[data-v-4fe8f7f0] {
    margin-bottom: 30px;
    margin-top: 10px;
}
.qk-bind-zhima-form .login-form .item[data-v-4fe8f7f0] {
      padding: 8px 0;
}
.qk-bind-zhima-form .login-form .item input[data-v-4fe8f7f0] {
        width: 100%;
}
.qk-bind-zhima-form .bind-remind[data-v-4fe8f7f0] {
    position: absolute;
    left: 16px;
    font-size: 13px;
    color: #B5B5B5;
    letter-spacing: 0;
    line-height: 22px;
}
.qk-bind-zhima-form .bind-remind span[data-v-4fe8f7f0] {
      display: block;
}
/* thin border */
.page-content .remind-icon[data-v-6363e200] {
  padding-top: 72px;
}
.page-content .remind-icon img[data-v-6363e200] {
    width: 32px;
    height: 36px;
}
.page-content .remind-icon span[data-v-6363e200] {
    margin-top: 15px;
    display: block;
    font-size: 16px;
    color: #484746;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-content .zhima-button[data-v-6363e200] {
  margin-top: 40px;
  margin-left: 16px;
  width: 343px;
  height: 44px;
  background: #04C9B3;
  border-radius: 2px;
}
.page-content .zhima-button span[data-v-6363e200] {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #FFFFFF;
}
/* thin border */
.page-content .remind-icon[data-v-56fe53f1] {
  padding-top: 72px;
}
.page-content .remind-icon img[data-v-56fe53f1] {
    width: 32px;
    height: 36px;
}
.page-content .remind-icon span[data-v-56fe53f1] {
    margin-top: 15px;
    display: block;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #484746;
}
.page-content .zhima-button[data-v-56fe53f1] {
  margin-top: 40px;
  margin-left: 16px;
  width: 343px;
  height: 44px;
  background: #04C9B3;
  border-radius: 2px;
}
.page-content .zhima-button span[data-v-56fe53f1] {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #FFFFFF;
}
.page-content .back[data-v-56fe53f1] {
  margin-top: 16px;
  font-size: 12px;
  color: #04C9B3;
  letter-spacing: 0;
}
/* thin border */
@-webkit-keyframes noticeDown {
0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(48px);
    transform: translateY(48px);
}
to {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
}
@keyframes noticeDown {
0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(48px);
    transform: translateY(48px);
}
to {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
}
.page-content[data-v-21c0cc71] {
  background: #fafafa;
}
.page-task-list .strategy-entrance[data-v-21c0cc71] {
  position: fixed;
  right: 0px;
  top: 60%;
  width: 24px;
  height: 86px;
  z-index: 10;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  background-color: #f75946;
  color: #fff;
  font-size: 11px;
  line-height: 1.27;
  padding-left: 7px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .strategy-entrance span[data-v-21c0cc71] {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    background: url("//qkassets.qkcdn.com/images/assets/ee04352fe7840ac1f98479ea27b52cb7.png") no-repeat center/cover;
}
.page-task-list .header[data-v-21c0cc71] {
  width: 100%;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.page-task-list .header .left-menu[data-v-21c0cc71] {
    position: fixed;
    top: 0;
    left: 0;
    width: 42px;
    height: 52px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}
.page-task-list .header .fade-enter-active[data-v-21c0cc71], .page-task-list .header .fade-leave-active[data-v-21c0cc71] {
    transition: opacity 0.3s;
}
.page-task-list .header .fade-enter[data-v-21c0cc71], .page-task-list .header .fade-leave-to[data-v-21c0cc71] {
    opacity: 0;
}
.page-task-list .header .title[data-v-21c0cc71] {
    position: fixed;
    width: 100%;
    height: 52px;
    font-size: 16px;
    color: #3a3a3a;
    background-color: #ffdf61;
    top: 0;
    z-index: 2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .header .title span[data-v-21c0cc71] {
      transition: all 1s linear;
}
.page-task-list .header .right-menu[data-v-21c0cc71] {
    display: inline-block;
    position: absolute;
    right: 20px;
    font-size: 14px;
    color: #FFFFFF;
    z-index: 2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .header .right-menu .red-dot[data-v-21c0cc71] {
      position: absolute;
      background: #F75946;
      display: block;
      top: 16px;
      right: -3px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
}
.page-task-list .head[data-v-21c0cc71] {
  width: 100%;
  height: 52px;
  background: #ffdf61;
}
.page-task-list .head[data-v-21c0cc71]::before {
    content: '';
    width: 100%;
    height: 500px;
    position: absolute;
    left: 0;
    top: -500px;
    background-color: #ffdf61;
}
.page-task-list .header-content[data-v-21c0cc71] {
  padding: 12px 0 12px 20px;
  padding-left: 20px;
  width: 100%;
  height: 94px;
  background-color: #ffdf61;
  position: relative;
}
.page-task-list .header-content .title[data-v-21c0cc71] {
    color: #FFFFFF;
    font-size: 24px;
    height: 24px;
    margin-bottom: 12px;
    line-height: 24px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .header-content .sub-title[data-v-21c0cc71] {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #FFFFFF;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-list .header-content .bg-img[data-v-21c0cc71] {
    position: absolute;
    right: 0;
    top: 0;
    width: 176px;
    height: 94px;
}
.page-task-list .header-content .bg-img img[data-v-21c0cc71] {
      width: 100%;
      margin-top: 10px;
}
.page-task-list .upgrade-tip[data-v-21c0cc71] {
  padding-left: 20px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #fff3f3;
  font-size: 12px;
  color: #f75946;
}
.page-task-list .upgrade-tip span[data-v-21c0cc71] {
    color: #4a90e2;
}
.page-task-list .upgrade-tip span[data-v-21c0cc71]:first-child {
    text-decoration: underline;
}
.page-task-list .dl-title[data-v-21c0cc71] {
  position: relative;
  width: 100%;
  height: 32px;
  padding: 10px 16px;
  background: #fff6dd;
  font-size: 13px;
  color: #d1660a;
  line-height: 13px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-list .dl-title .scroll-wrap[data-v-21c0cc71] {
    height: 16px;
    overflow: hidden;
}
.page-task-list .dl-title .scroll-box[data-v-21c0cc71] {
    -webkit-animation: anim1 10s linear infinite;
            animation: anim1 10s linear infinite;
}
.page-task-list .dl-title .scroll-box.anim2[data-v-21c0cc71] {
      -webkit-animation: anim2 15s linear infinite;
              animation: anim2 15s linear infinite;
}
.page-task-list .dl-title .scroll-box .tip-item[data-v-21c0cc71] {
      height: 16px;
}
.page-task-list .dl-title span[data-v-21c0cc71] {
    color: #EF4F2A;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .dl-title img[data-v-21c0cc71] {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 12px;
    height: 12px;
    float: right;
}
.page-task-list .dl-title2[data-v-21c0cc71] {
  position: relative;
  width: 100%;
  height: 32px;
  padding: 10px 16px;
  background: #fff6dd;
  font-size: 13px;
  color: #d1660a;
  line-height: 13px;
  margin-top: 52px;
  text-align: left;
  z-index: 1;
  opacity: 0;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-list .dl-title2 .scroll-wrap[data-v-21c0cc71] {
    height: 16px;
    overflow: hidden;
}
.page-task-list .dl-title2 .scroll-box[data-v-21c0cc71] {
    -webkit-animation: anim1 10s linear infinite;
            animation: anim1 10s linear infinite;
}
.page-task-list .dl-title2 .scroll-box.anim2[data-v-21c0cc71] {
      -webkit-animation: anim2 15s linear infinite;
              animation: anim2 15s linear infinite;
}
.page-task-list .dl-title2 .scroll-box .tip-item[data-v-21c0cc71] {
      height: 16px;
}
.page-task-list .dl-title2 span[data-v-21c0cc71] {
    color: #EF4F2A;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .dl-title2 img[data-v-21c0cc71] {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 12px;
    height: 12px;
    float: right;
}
.page-task-list .opacity-1[data-v-21c0cc71] {
  opacity: 1;
}
.page-task-list .appointment[data-v-21c0cc71] {
  position: fixed;
  bottom: 24px;
  width: 211px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.75);
  left: 50%;
  margin-left: -105px;
}
.page-task-list .appointment p[data-v-21c0cc71] {
    margin: 6px 0 6px 16px;
    font-family: PingFangSC;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #ffffff;
}
.page-task-list .appointment p span[data-v-21c0cc71] {
      font-family: PingFangSC-Semibold;
      color: #ffd15c;
}
.page-task-list .appointment p img[data-v-21c0cc71] {
      width: 9px;
      height: 9px;
      display: inline-block;
      margin-left: 10px;
}
.page-task-list .appointment.notice_close[data-v-21c0cc71] {
    opacity: 0;
    translate: translateY(100px);
    -webkit-animation: noticeDown 1s ease-in-out;
    animation: noticeDown 1s ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
.task-list[data-v-21c0cc71] {
  padding-top: 100px;
}
.task-list.has-subheader[data-v-21c0cc71] {
    padding-top: 160px;
}
.task-list .task-tips[data-v-21c0cc71] {
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.task-list .game-card[data-v-21c0cc71] {
    position: relative;
    height: 82px;
    margin-top: 16px;
}
.task-list .game-card .card-img[data-v-21c0cc71] {
      width: 343px;
      height: 82px;
      position: absolute;
      left: 50%;
      margin-left: -171px;
      object-fit: contain;
      border-radius: 8px;
      box-shadow: 0 1px 4px 0 rgba(84, 137, 240, 0.5);
      background: url(//qkassets.qkcdn.com/images/assets/a474793654c1c866739af37c4c72e040.png) no-repeat;
      background-size: cover;
}
.task-list .game-card .card-img span[data-v-21c0cc71] {
        display: inline-block;
        font-family: PingFangSC-Semibold;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        overflow: hidden;
}
.task-list .game-card .card-img .card-title[data-v-21c0cc71] {
        height: 25px;
        font-size: 18px;
        margin: 16px 0 2px 22px;
}
.task-list .game-card .card-img .card-info[data-v-21c0cc71] {
        height: 20px;
        font-size: 14px;
}
.task-list .game-card .card-img .card-special[data-v-21c0cc71] {
        width: 40px;
        display: inline-block;
        margin-bottom: -2px;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.appointment[data-v-21c0cc71] {
    bottom: 58px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
.appointment[data-v-21c0cc71] {
    bottom: 58px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
.appointment[data-v-21c0cc71] {
    bottom: 58px !important;
}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.appointment[data-v-21c0cc71] {
    bottom: 58px !important;
}
}
@-webkit-keyframes anim2 {
0%, 32% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
34%, 64% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
66%, 98% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
100% {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px);
}
}
@keyframes anim2 {
0%, 32% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
34%, 64% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
66%, 98% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
100% {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px);
}
}
@-webkit-keyframes anim1 {
0%, 48% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50%, 98% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
100% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
}
@keyframes anim1 {
0%, 48% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50%, 98% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
}
100% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
}
}
.box-ad[data-v-21c0cc71] {
  position: relative;
  padding: 0 20px;
  margin: 12px auto -5px;
}
.box-ad img[data-v-21c0cc71] {
    position: relative;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
}
.box-ad .icon[data-v-21c0cc71] {
    position: absolute;
    bottom: 10px;
    right: 27px;
    width: 24px;
    height: 12px;
    background: url("//qkassets.qkcdn.com/images/assets/b609462f231053d4e7a8e0c1a95581a0.png") no-repeat;
    background-size: cover;
}
/* thin border */
.animate-header[data-v-5c882d68] {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 8;
}
.animate-header .nav-header[data-v-5c882d68] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
}
.animate-header .nav-header .left-menu[data-v-5c882d68] {
      position: fixed;
      top: 0;
      left: 0;
      width: 58px;
      height: 52px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 1;
}
.animate-header .nav-header .left-menu span[data-v-5c882d68] {
        width: 24px;
        height: 24px;
        display: inline-block;
        position: relative;
        background: url("//qkassets.qkcdn.com/images/assets/b24fb199386987285f50a40bc5c228af.png") left no-repeat/cover;
}
.animate-header .nav-header .title[data-v-5c882d68] {
      position: fixed;
      width: 100%;
      font-size: 16px;
      color: #FFFFFF;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .nav-header .right-menu[data-v-5c882d68] {
      display: inline-block;
      position: absolute;
      right: 20px;
      font-size: 14px;
      color: #FFFFFF;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .nav-header .right-menu .red-dot[data-v-5c882d68] {
        position: absolute;
        background: #F75946;
        display: block;
        top: 16px;
        right: -3px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
}
.animate-header .header-content[data-v-5c882d68] {
    padding-left: 20px;
    width: 100%;
    position: absolute;
}
.animate-header .header-content.safari-landing .title[data-v-5c882d68] {
      font-size: 18px;
      width: 180px;
      margin-top: 0;
      height: 100%;
}
.animate-header .header-content .title[data-v-5c882d68] {
      margin-top: 12px;
      color: #FFFFFF;
      font-size: 24px;
      height: 24px;
      line-height: 24px;
      margin-bottom: 12px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.animate-header .header-content .sub-title[data-v-5c882d68] {
      position: absolute;
      z-index: 2;
      font-size: 14px;
      height: 14px;
      line-height: 14px;
      color: #FFFFFF;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.animate-header .header-content .bg-img[data-v-5c882d68] {
      position: absolute;
      right: 22px;
      width: 197px;
      height: 94px;
      top: 0;
}
.animate-header .header-content .bg-img img[data-v-5c882d68] {
        width: 100%;
}
/* thin border */
.sub-titles[data-v-c59411a2] {
  font-size: 12px;
  color: #f75946;
  display: inline-block;
  float: right;
  margin-top: 9px;
  margin-right: 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.sub-titles span[data-v-c59411a2] {
    margin-right: 1px;
}
.no-task-content .no-task[data-v-c59411a2] {
  margin-top: 32px;
  margin-bottom: 16px;
  color: #aaa;
  line-height: 24px;
  text-align: center;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.no-task-content p[data-v-c59411a2] {
  text-align: center;
  line-height: 20px;
  color: #3a3a3a;
  margin: 0;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.no-task-content p span[data-v-c59411a2] {
    color: #49be75;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.no-task-content .earning-button[data-v-c59411a2] {
  width: 263px;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  box-shadow: 0 1px 4px 0 rgba(255, 170, 0, 0.2);
  background-color: #ffdd55;
  color: #3a3a3a;
  text-align: center;
  margin: 32px auto 16px auto;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.no-task-content .earning-button[data-v-c59411a2]:active {
    background: #FFC236;
}
.appoint-remind[data-v-c59411a2] {
  position: relative;
  margin: 8px 14px;
  height: 32px;
  line-height: 32px;
  background: #F8F8F8;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #3a3a3a;
  padding-left: 16px;
  border-radius: 4px;
  text-align: left;
}
.appoint-remind b[data-v-c59411a2] {
    color: #F75946;
}
.appoint-remind .btn-appoint-rules[data-v-c59411a2] {
    font-family: PingFangSC-Regular;
    margin-right: 3px;
    text-decoration: underline;
    color: #F75946;
}
.xn-td-bannner[data-v-c59411a2] {
  text-align: center;
  height: 68px;
  margin: 20px 0;
}
.xn-td-bannner img[data-v-c59411a2] {
    width: 343px;
    height: 68px;
}
.lock-tip[data-v-c59411a2] {
  margin: 12px 16px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  background-color: #fff9e8;
  font-size: 12px;
  color: #d1660a;
  padding-left: 16px;
}
.amount-max .plus[data-v-c59411a2] {
  position: absolute;
  right: 11px;
}
.amount-max .reward[data-v-c59411a2] {
  margin-right: 10px;
}
/* thin border */
.task-action-list-new {
  margin: 16px 16px;
  background: #FFFFFF;
  padding-top: 16px;
  padding-bottom: 16px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px; }
  .task-action-list-new.safari-class {
    margin-top: 12px;
    box-shadow: inset 0 -4px 0 0 #ffdec4;
    border-radius: 12px; }
    .task-action-list-new.safari-class .task-action-list-title {
      margin-top: 8px;
      width: 77px;
      height: 20px;
      background: url("//qkassets.qkcdn.com/images/13586317890b327f76fbcff1ad809ee9.png") no-repeat center/cover;
      margin-left: 16px;
      margin-bottom: 5px; }
  .task-action-list-new .task-action-list-title {
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    font-size: 18px;
    color: #3A3A3A;
    display: inline-block;
    vertical-align: bottom; }
  .task-action-list-new .task-action-list-subtitle {
    font-size: 13px;
    line-height: 18px;
    padding: 19px 0 8px;
    height: 45px;
    color: #DDDDDD;
    display: inline-block;
    vertical-align: bottom;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
  .task-action-list-new .task-action {
    position: relative;
    height: 76px;
    padding: 12px 16px 12px 76px; }
    .task-action-list-new .task-action .icon-wrapper {
      position: absolute;
      left: 16px;
      top: 12px; }
      .task-action-list-new .task-action .icon-wrapper .icon {
        border: 1px solid #ddd;
        border-radius: 24px;
        width: 100%;
        height: 100%;
        position: relative; }
        .task-action-list-new .task-action .icon-wrapper .icon .small-lock {
          position: absolute;
          left: 52px;
          top: 58px;
          width: 42px;
          height: 36px;
          border-radius: 0; }
        .task-action-list-new .task-action .icon-wrapper .icon .box-background {
          position: absolute;
          top: 3px;
          left: 3px;
          width: 96px;
          height: 96px;
          border-radius: 20px;
          background: #fafafa; }
        .task-action-list-new .task-action .icon-wrapper .icon.big-size-icon {
          padding: 0px; }
          .task-action-list-new .task-action .icon-wrapper .icon.big-size-icon img {
            width: 96px;
            height: 96px;
            border-radius: 20px;
            z-index: 12; }
        .task-action-list-new .task-action .icon-wrapper .icon.middle-size-icon {
          padding: 8px; }
          .task-action-list-new .task-action .icon-wrapper .icon.middle-size-icon img {
            position: relative;
            z-index: 2;
            width: 38px;
            height: 38px;
            margin-right: 4px;
            border-radius: 4px; }
        .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon {
          padding: 8px; }
          .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img {
            position: relative;
            width: 24px;
            height: 24px;
            border-radius: 4px;
            z-index: 2; }
            .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img:first-child, .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img:nth-child(2), .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img:nth-child(4), .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img:nth-child(5), .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img:nth-child(7), .task-action-list-new .task-action .icon-wrapper .icon.small-size-icon img:nth-child(8) {
              margin-right: 4px; }
        .task-action-list-new .task-action .icon-wrapper .icon.border-blue {
          border: 1px solid #4A90E2; }
        .task-action-list-new .task-action .icon-wrapper .icon.border-green {
          border: 1px solid #68bb8b; }
        .task-action-list-new .task-action .icon-wrapper .icon img, .task-action-list-new .task-action .icon-wrapper .icon .icon-no-img {
          position: absolute;
          width: 96px;
          height: 96px;
          left: 3px;
          top: 3px;
          border-radius: 20px; }
        .task-action-list-new .task-action .icon-wrapper .icon .icon-no-img {
          padding: 14px 0px;
          background-color: #EFF9F4;
          text-align: center;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-size: 24px;
          color: #68BB8B;
          line-height: 34px; }
          .task-action-list-new .task-action .icon-wrapper .icon .icon-no-img.easy {
            background-color: #ECF5FF;
            color: #4A90E2; }
    .task-action-list-new .task-action .app-name {
      margin-top: 3px;
      margin-bottom: 3px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .task-action-list-new .task-action .app-name span {
        font-size: 16px;
        line-height: 24px;
        color: #3A3A3A;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        margin-right: 12px;
        vertical-align: middle; }
        .task-action-list-new .task-action .app-name span.middle {
          margin-top: 10px; }
      .task-action-list-new .task-action .app-name div {
        display: inline-block;
        text-align: center;
        width: 49px;
        height: 18px;
        line-height: 18px;
        border-radius: 2px;
        border: 0.5px solid #cccccc;
        font-size: 10px;
        color: #CCCCCC;
        vertical-align: middle;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .task-action-list-new .task-action .desc {
      font-size: 12px;
      font-weight: lighter;
      line-height: 20px;
      color: #B5B5B5;
      margin-bottom: 2px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
      .task-action-list-new .task-action .desc .ongoing {
        font-size: 13px;
        color: #4A90E2;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .task-action-list-new .task-action .desc .ongoing.fail {
          color: #f75946; }
      .task-action-list-new .task-action .desc .push-tips {
        display: block;
        font-size: 16px;
        color: #3A3A3A;
        height: 24px;
        line-height: 24px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .task-action-list-new .task-action .desc .push-subtitle {
        display: block;
        color: #aaa;
        font-size: 12px;
        line-height: 20px;
        margin-top: 4px; }
    .task-action-list-new .task-action .no-task-desc {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #3A3A3A;
      line-height: 40px; }
    .task-action-list-new .task-action .reward-wrap {
      position: absolute;
      top: 0;
      right: 16px;
      height: 76px;
      color: #f75946;
      line-height: 76px;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500; }
      .task-action-list-new .task-action .reward-wrap .reward-content {
        display: flex; }
        .task-action-list-new .task-action .reward-wrap .reward-content.missed {
          color: #4A90E2; }
          .task-action-list-new .task-action .reward-wrap .reward-content.missed .coin {
            background-color: #edf3fb;
            color: #4a90e2; }
        .task-action-list-new .task-action .reward-wrap .reward-content .coin {
          order: 0;
          padding: 4px 4px 3px 4px;
          color: #f75946;
          background: rgba(247, 89, 70, 0.08);
          border-radius: 2px;
          height: 15px;
          line-height: 8px;
          font-size: 10px;
          transform: translate3d(0, 32px, 0);
          margin-right: 4px; }
        .task-action-list-new .task-action .reward-wrap .reward-content .plus {
          order: 1;
          padding-right: 3px; }
        .task-action-list-new .task-action .reward-wrap .reward-content .reward {
          order: 2;
          font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
        .task-action-list-new .task-action .reward-wrap .reward-content .yuan {
          order: 3;
          padding-left: 2px; }
        .task-action-list-new .task-action .reward-wrap .reward-content .plus, .task-action-list-new .task-action .reward-wrap .reward-content .yuan {
          font-size: 12px;
          font-family: PingFangSC-Semibold; }
        .task-action-list-new .task-action .reward-wrap .reward-content .reward {
          font-size: 22px; }
        .task-action-list-new .task-action .reward-wrap .reward-content .plus {
          transform: translate3d(0, 5.5%, 0); }
        .task-action-list-new .task-action .reward-wrap .reward-content .yuan {
          transform: translate3d(0, 3.5%, 0); }
      .task-action-list-new .task-action .reward-wrap .reward-packet {
        width: 58px;
        height: 80px;
        padding-top: 28px;
        padding-bottom: 18px;
        align-items: center;
        line-height: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        box-sizing: border-box;
        padding-left: 6px; }
        .task-action-list-new .task-action .reward-wrap .reward-packet .money {
          display: flex;
          width: 58px; }
        .task-action-list-new .task-action .reward-wrap .reward-packet .packet {
          width: 58px;
          height: 15px;
          order: 4;
          margin-top: 6px;
          margin-left: -3px;
          display: inline-block; }
          .task-action-list-new .task-action .reward-wrap .reward-packet .packet img {
            width: 60px; }
/* thin border */
.task-action-list-new .task-action-list-title[data-v-95f515fc] {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.block-game-title {
  max-width: 170px !important;
}
.game-reward-content {
  padding-top: 14px;
  height: 48px;
  line-height: 24px;
}
.game-reward-content .first-reward {
    height: 24px;
    line-height: 24px;
    text-align: right;
}
.game-reward-content .first-reward .plus {
      position: relative;
      right: -10px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding-right: 3px;
}
.game-reward-content .first-reward .reward {
      position: relative;
      top: 1px;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      font-size: 22px !important;
      font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-reward-content .first-reward .yuan {
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      padding-left: 2px;
}
.game-reward-content .first-reward .plus, .game-reward-content .first-reward .yuan {
      font-size: 11px;
}
.game-reward-content .first-reward .reward {
      position: relative;
      right: -5px;
      font-size: 24px;
}
.game-reward-content .first-reward .plus {
      -webkit-transform: translate3d(0, 3%, 0);
              transform: translate3d(0, 3%, 0);
}
.game-reward-content .first-reward .yuan {
      -webkit-transform: translate3d(0, 4%, 0);
              transform: translate3d(0, 4%, 0);
}
.game-reward-content .total-reward {
    background-color: #fafafa;
    float: right;
    height: 24px;
    padding: 0 4px;
    font-size: 10px;
    color: #aaaaaa;
}

.green[data-v-048b8727] {
  color: #68BB8B;
}
/* thin border */
.go-start {
  margin-top: 12px;
  font-size: 12px;
  color: #f75946;
  line-height: 52px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.go-start i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("//qkassets.qkcdn.com/images/assets/86a51904d0aaaf9aa759376396386b26.png") no-repeat center/cover;
}
/* thin border */
.count-down-gaoe[data-v-001d166c] {
  color: #4a90e2;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.count-down-gaoe .count-text[data-v-001d166c] {
    color: #4a90e2;
}
.icon-border[data-v-001d166c] {
  border: 1px solid #4A90E2 !important;
}
.count-text[data-v-001d166c] {
  color: #ef502b;
  font-size: 13px;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.count-text.light[data-v-001d166c] {
    color: #4a90e2;
}
.on-going-task-list .count-down-box .ongoing[data-v-001d166c] {
  font-size: 12px;
}
.on-going-task-list .desc .light[data-v-001d166c] {
  color: #4a90e2;
}
/* thin border */
.popup_company_assitant_move_normal[data-v-cbba0872] {
  overflow: inherit;
}
.popup_company_assitant_move_normal .title-img[data-v-cbba0872] {
    width: 116px;
    height: 96px;
    margin: -81px auto 0;
    background: url("//qkassets.qkcdn.com/images/122921a91550f416349f8a115099931b.png");
    background-size: contain;
}
.popup_company_assitant_move_normal .title[data-v-cbba0872] {
    padding: 0 18px;
    text-align: center;
    font-size: 16px;
    color: #c6443f;
    line-height: 24px;
    margin-bottom: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup_company_assitant_move_normal .remind[data-v-cbba0872] {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup_company_assitant_move_normal .remind span[data-v-cbba0872] {
      color: #f75946 !important;
}
.popup_company_assitant_move_normal .content[data-v-cbba0872] {
    width: 261px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    background-image: url(//qkassets.qkcdn.com/images/assets/3a8c8bf54369b9ae36d5a905f022bf40.png);
    background-size: 100% 120px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup_company_assitant_move_normal .content .app-icon[data-v-cbba0872] {
      position: absolute;
      left: 47px;
      top: 46px;
      width: 36px;
      height: 36px;
      border-radius: 14px;
}
.popup_company_assitant_move_normal .content .app-name[data-v-cbba0872] {
      position: absolute;
      top: 44px;
      left: 97px;
      font-size: 14px;
      color: #333333;
      height: 24px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup_company_assitant_move_normal .content .app-developer[data-v-cbba0872] {
      position: absolute;
      top: 53px;
      left: 119px;
      font-size: 6px;
      color: #333333;
      height: 8px;
      line-height: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup_company_assitant_move_normal .content .app-developer img[data-v-cbba0872] {
        margin-left: 3px;
        vertical-align: middle;
}
.popup_company_assitant_move_normal .content .arrow[data-v-cbba0872] {
      width: 2px;
      height: 4px;
}
.popup_company_assitant_move_normal .content .app-size[data-v-cbba0872] {
      position: absolute;
      top: 5px;
      left: 204px;
      color: #cfcece;
      -webkit-transform: rotate(47deg);
          -ms-transform: rotate(47deg);
              transform: rotate(47deg);
      font-size: 12px;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      font-weight: 900;
}
.popup_company_assitant_move_normal .hairline-bottom[data-v-cbba0872]::after {
    display: none;
}
.popup_company_assitant_move_normal .button-close[data-v-cbba0872] {
    display: none;
}
.popup_company_assitant_move_normal .update-btn-download[data-v-cbba0872] {
    position: relative;
    margin: 0 auto;
    color: #fff;
    background-color: #f75946;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup_company_assitant_move_normal .update-btn-download[data-v-cbba0872]:active {
      background-color: #D53926 !important;
}
/* thin border */
.recommend-task-popup[data-v-5366b736] {
  overflow: visible !important;
  text-align: center;
  background: url("//qkassets.qkcdn.com/images/assets/89e26262a8148c49844dbcda614c2d28.png") no-repeat center/cover;
  background-size: 100% 100%;
  height: 316px;
}
.recommend-task-popup .info-contain[data-v-5366b736] {
    margin-top: 65px;
    position: relative;
    margin-bottom: 32px;
}
.recommend-task-popup .info-contain .tags[data-v-5366b736] {
      height: 24px;
      line-height: 24px;
      background: #f75946;
      border-radius: 12px;
      border-bottom-left-radius: 4px;
      color: #fff;
      text-align: center;
      margin-bottom: 8px;
      overflow: hidden;
      padding: 0px 12px;
      position: absolute;
      left: 88px;
      display: inline-block;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .info-contain .icon[data-v-5366b736] {
      float: left;
      width: 48px;
      height: 48px;
      border-radius: 12px;
      border: solid 0.5px #dddddd;
      background-color: #ffffff;
      margin-left: 30px;
      overflow: hidden;
      margin-top: 34px;
}
.recommend-task-popup .info-contain .task-name[data-v-5366b736] {
      float: left;
      margin-left: 10px;
      margin-top: 34px;
}
.recommend-task-popup .info-contain .task-name p[data-v-5366b736] {
        font-size: 16px;
        line-height: 24px;
        color: #3a3a3a;
        text-align: left;
        margin: 0;
        width: 165px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.recommend-task-popup .info-contain .task-name .reward[data-v-5366b736] {
        color: #f75946;
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .info-contain .task-name .reward .coin[data-v-5366b736] {
          padding: 0 4px;
          font-size: 12px;
          border-radius: 2px;
          height: 18px;
          background-color: rgba(247, 89, 70, 0.08);
}
.recommend-task-popup .info-contain .task-name .reward i[data-v-5366b736] {
          font-size: 18px;
          margin-right: 4px;
          position: relative;
          top: -1px;
}
.recommend-task-popup .info-contain .task-name .reward em[data-v-5366b736] {
          font-size: 24px;
          margin: 0 2px;
          line-height: 24px;
          position: relative;
          top: 1px;
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .info-contain .task-name .reward b[data-v-5366b736] {
          display: inline-block;
          font-weight: normal;
          font-size: 10px;
          color: #aaa;
          margin-left: 9px;
          background: #fafafa;
          padding: 1px 4px;
}
.recommend-task-popup .btn-start[data-v-5366b736] {
    position: relative;
    width: 189px;
    height: 48px;
    margin: 56px auto 0;
    border-radius: 24px;
    color: #fff;
    background-color: #f75946;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .btn-start[data-v-5366b736]:active {
      background-color: #D53926 !important;
      box-shadow: none;
}
.recommend-task-popup .closed[data-v-5366b736] {
    position: absolute;
    pointer-events: auto;
    height: 34px;
    bottom: -66px;
    left: 50%;
    margin-left: -12px;
}
.recommend-task-popup .closed img[data-v-5366b736] {
      width: 24px;
      height: 24px;
}
.recommend-task-popup .title-img[data-v-5366b736] {
    position: relative;
    left: 3px;
    width: 116px;
    height: 96px;
    margin: -80px auto 0;
}
.recommend-task-popup .title-img img[data-v-5366b736] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.recommend-task-popup .popup-title[data-v-5366b736] {
    position: relative;
    margin: 0 auto;
    width: 100%;
    line-height: 24px;
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .popup-title span[data-v-5366b736] {
      color: #fa583f;
}
.recommend-task-popup .popup-money[data-v-5366b736] {
    font-size: 14px;
    color: #fa583f;
    margin-top: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .popup-money span[data-v-5366b736] {
      font-size: 38px;
      font-family: qiankaFont;
      line-height: 38px;
}
.recommend-task-popup .popup-des[data-v-5366b736] {
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    margin-top: 16px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.recommend-task-popup .old-user[data-v-5366b736] {
    color: #f75946;
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.recommend-task-popup .close[data-v-5366b736] {
    visibility: hidden;
}
/* thin border */
.task-card[data-v-53dfbad0] {
  margin: 0 20px;
  padding: 20px 0 19px;
  position: relative;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.task-card .icon-wrapper[data-v-53dfbad0] {
    display: inline-block;
    margin-right: 10px;
}
.task-card .icon-wrapper .icon[data-v-53dfbad0] {
      text-align: center;
      width: 100%;
      height: 100%;
      border: 1px solid #DDDDDD;
      border-radius: 24px;
}
.task-card .icon-wrapper .icon.ongoing[data-v-53dfbad0] {
        border: 1px solid #4A90E2;
}
.task-card .icon-wrapper .icon img[data-v-53dfbad0] {
        position: absolute;
        width: 96px;
        top: 4px;
        left: 4px;
        border-radius: 24px;
}
.task-card .icon-wrapper .icon-large[data-v-53dfbad0] {
      text-align: center;
      width: 100%;
      height: 100%;
      border: 1px solid #DDDDDD;
      border-radius: 10px;
}
.task-card .icon-wrapper .icon-large img[data-v-53dfbad0] {
        position: absolute;
        width: 160px;
        height: 100px;
        top: 4px;
        left: 4px;
        border-radius: 5px;
}
.task-card .content[data-v-53dfbad0] {
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.task-card .content .title[data-v-53dfbad0] {
      font-size: 16px;
      height: 16px;
      line-height: 18px;
      color: #3A3A3A;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.task-card .content .sub-title[data-v-53dfbad0] {
      height: 12px;
      line-height: 12px;
      font-size: 12px;
      color: #AAAAAA;
      margin: 8px 0;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.task-card .content .tags[data-v-53dfbad0] {
      height: 19px;
      font-size: 0;
}
.task-card .content .tags .tag[data-v-53dfbad0] {
        display: inline-block;
        padding: 0 6px;
        height: 19px;
        line-height: 19px;
        background: #F5F5F5;
        border-radius: 2px;
        font-size: 10px;
        color: #AAAAAA;
        margin-right: 6px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.task-card .reward[data-v-53dfbad0] {
    color: #F75946;
    font-size: 0px;
    position: absolute;
    top: 34px;
    right: 0;
    height: 28px;
}
.task-card .reward .plus[data-v-53dfbad0] {
      float: left;
      font-size: 12px;
      width: 12px;
      text-align: center;
      height: 18px;
      line-height: 18px;
      -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
              transform: translateY(8px);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-card .reward .num[data-v-53dfbad0] {
      float: left;
      font-size: 24px;
      height: 28px;
      line-height: 28px;
      font-family: qiankaFont;
}
.task-card .reward .unit[data-v-53dfbad0] {
      float: left;
      margin-left: 2px;
      font-size: 13px;
      height: 18px;
      line-height: 18px;
      -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
              transform: translateY(8px);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-card .ongoging[data-v-53dfbad0] {
    position: absolute;
    top: 30px;
    right: 0;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    color: #4A90E2;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-progress-card[data-v-53dfbad0] {
  margin: 0 20px;
  padding: 20px 0 16px;
  position: relative;
  border-bottom: 1px solid #EEEEEE;
}
.task-progress-card.is-fail-reason-open[data-v-53dfbad0] {
    border-bottom: none;
}
.task-progress-card.is-fail-reason-open .content[data-v-53dfbad0] {
      margin-bottom: 20px;
}
.task-progress-card .icon-wrapper[data-v-53dfbad0] {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
}
.task-progress-card .icon-wrapper .icon[data-v-53dfbad0] {
      text-align: center;
      width: 100%;
      height: 100%;
      border: 1px solid #DDDDDD;
      border-radius: 24px;
}
.task-progress-card .icon-wrapper .icon.ongoing[data-v-53dfbad0] {
        border: 1px solid #4A90E2;
}
.task-progress-card .icon-wrapper .icon img[data-v-53dfbad0] {
        position: absolute;
        width: 96px;
        top: 4px;
        left: 4px;
        border-radius: 24px;
}
.task-progress-card .icon-wrapper .icon-large[data-v-53dfbad0] {
      text-align: center;
      width: 100%;
      height: 100%;
      border: 1px solid #DDDDDD;
      border-radius: 10px;
}
.task-progress-card .icon-wrapper .icon-large img[data-v-53dfbad0] {
        position: absolute;
        width: 160px;
        height: 100px;
        top: 4px;
        left: 4px;
        border-radius: 5px;
}
.task-progress-card .content[data-v-53dfbad0] {
    display: inline-block;
}
.task-progress-card .content .title[data-v-53dfbad0] {
      font-size: 14px;
      height: 14px;
      line-height: 14px;
      color: #3A3A3A;
      margin-bottom: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.task-progress-card .content .desc[data-v-53dfbad0] {
      height: 12px;
      line-height: 12px;
      font-size: 12px;
      color: #AAAAAA;
      margin-bottom: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.task-progress-card .content .desc[data-v-53dfbad0]:last-child {
        margin-bottom: 0;
}
.task-progress-card .info .reward[data-v-53dfbad0] {
    color: #3A3A3A;
    font-size: 0px;
    position: absolute;
    top: 19px;
    right: 0;
}
.task-progress-card .info .reward .plus[data-v-53dfbad0] {
      float: left;
      font-size: 12px;
      width: 12px;
      text-align: center;
      height: 16px;
      line-height: 16px;
      -webkit-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
              transform: translateY(-1px);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-progress-card .info .reward .num[data-v-53dfbad0] {
      float: left;
      font-size: 16px;
      height: 16px;
      line-height: 16px;
      font-family: qiankaFont;
}
.task-progress-card .info .reward .unit[data-v-53dfbad0] {
      float: left;
      margin-left: 2px;
      font-size: 12px;
      height: 16px;
      line-height: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.task-progress-card .info .status[data-v-53dfbad0] {
    position: absolute;
    top: 42px;
    right: 0;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #F75946;
}
.task-progress-card .info .status.audit[data-v-53dfbad0] {
      color: #4A90E2;
}
.task-progress-card .info .result[data-v-53dfbad0] {
    position: absolute;
    top: 82px;
    right: 0;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #F75946;
}
.task-progress-card .info .result .triangle[data-v-53dfbad0] {
      float: right;
      margin-left: 4px;
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid red;
}
.task-progress-card .info .result .triangle.up[data-v-53dfbad0] {
        border-top: none;
        border-bottom: 4px solid red;
}
.task-progress-card .fail-reason[data-v-53dfbad0] {
    position: relative;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #3a3a3a;
    line-height: 20px;
    background: #fafafa;
    width: 375px;
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.clear[data-v-53dfbad0] {
  clear: both;
}
.new-gaoe-card[data-v-53dfbad0] {
  position: relative;
}
.new-gaoe-list[data-v-53dfbad0] {
  margin: 16px 16px 0 16px;
  padding-bottom: 16px;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.new-gaoe-list .title-scroller[data-v-53dfbad0] {
    position: relative;
    padding: 22px 0 8px 16px;
    font-size: 18px;
    font-weight: 600;
    color: #3a3a3a;
    line-height: 1;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-gaoe-list .new-task-card[data-v-53dfbad0] {
    position: relative;
    width: 343px;
    height: 76px;
}
.new-gaoe-list .new-task-card .icon-wrapper[data-v-53dfbad0] {
      position: absolute;
      top: 12px;
      left: 16px;
}
.new-gaoe-list .new-task-card .icon-wrapper .icon[data-v-53dfbad0] {
        border: 1px solid #ddd;
        border-radius: 22px;
        width: 100%;
        height: 100%;
}
.new-gaoe-list .new-task-card .icon-wrapper .icon img[data-v-53dfbad0] {
          position: absolute;
          width: 96px;
          height: 96px;
          left: 4px;
          top: 4px;
          border-radius: 22px;
}
.new-gaoe-list .new-task-card .content[data-v-53dfbad0] {
      position: absolute;
      height: 76px;
      width: 200px;
      top: 0;
      left: 76px;
}
.new-gaoe-list .new-task-card .content .title[data-v-53dfbad0] {
        position: relative;
        font-size: 16px;
        color: #3a3a3a;
        line-height: 24px;
        margin-top: 14px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.new-gaoe-list .new-task-card .content .title span[data-v-53dfbad0] {
          display: inline-block;
          max-width: 96px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
}
.new-gaoe-list .new-task-card .content .title i[data-v-53dfbad0] {
          display: inline-block;
          margin-left: 8px;
          width: 62px;
          height: 16px;
          background: url("//qkassets.qkcdn.com/images/assets/73d915d1f8466cddde0c023f2fd43a75.png") no-repeat;
          background-size: 100%;
}
.new-gaoe-list .new-task-card .content .tags[data-v-53dfbad0] {
        position: relative;
        font-size: 12px;
        color: #AAAAAA;
        margin-top: 4px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.new-gaoe-list .new-task-card .content .tags .tag[data-v-53dfbad0] {
          border-radius: 2px;
          line-height: 20px;
          float: left;
}
.new-gaoe-list .new-task-card .content .tags .tag-float[data-v-53dfbad0] {
          float: left;
}
.new-gaoe-list .new-task-card .content .countDown[data-v-53dfbad0] {
        font-size: 14px;
        line-height: 24px;
        color: #4a90e2;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-gaoe-list .new-task-card .reward[data-v-53dfbad0] {
      position: absolute;
      top: 26px;
      right: 16px;
      color: #ef4f2a;
}
.new-gaoe-list .new-task-card .reward span[data-v-53dfbad0] {
        display: block;
        float: left;
}
.new-gaoe-list .new-task-card .reward .plus[data-v-53dfbad0], .new-gaoe-list .new-task-card .reward .unit[data-v-53dfbad0] {
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        color: #f75946;
        margin-top: 10px;
        width: 12px;
        height: 12px;
        text-align: center;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-gaoe-list .new-task-card .reward .num[data-v-53dfbad0] {
        margin: 0 2px 0 0;
        font-size: 22px;
        line-height: 1;
        text-align: right;
        color: #f75946;
        position: relative;
        top: 2px;
        font-family: "gilroy-extra-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-gaoe-list .new-task-card .reward .plus[data-v-53dfbad0] {
        margin-top: 11px;
}
.new-gaoe-list .new-task-card .reward1 .num[data-v-53dfbad0] {
      margin: 1px 2px 0 0;
      font-size: 22px;
      top: 4px;
      font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-gaoe-list .new-task-card .reward1 .plus[data-v-53dfbad0] {
      margin-top: 14px !important;
}
.new-gaoe-list .new-task-card .reward1 .unit[data-v-53dfbad0] {
      margin-top: 12px !important;
}
/* thin border */
.page-content[data-v-8435e06c] {
  background: #fafafa;
}
.page-task-list .dl-title[data-v-8435e06c] {
  width: 100%;
  height: 36px;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-list .dl-title span[data-v-8435e06c] {
    color: #EF4F2A;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .dl-title img[data-v-8435e06c] {
    width: 16px;
    height: 16px;
    float: right;
}
.task-list[data-v-8435e06c] {
  padding-top: 100px;
}
.task-list.has-subheader[data-v-8435e06c] {
    padding-top: 160px;
}
.task-list .task-tips[data-v-8435e06c] {
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}

.appoint-banner[data-v-0dcd45f0] {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 64px;
  text-align: center;
}
.appoint-banner img[data-v-0dcd45f0] {
    width: 347px;
    height: 64px;
}
.appoint-remind[data-v-0dcd45f0] {
  position: relative;
  margin: 8px 16px;
  height: 32px;
  line-height: 32px;
  padding-left: 16px;
  background: #F8F8F8;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #4A4A4A;
  border-radius: 4px;
}
.appoint-remind b[data-v-0dcd45f0] {
    color: #F75946;
}
.appoint-remind .btn-appoint-rules[data-v-0dcd45f0] {
    font-family: PingFangSC-Regular;
    margin-right: 3px;
    text-decoration: underline;
    color: #F75946;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.action-sheet-wrapper {
    padding-bottom: 34px !important;
}
}
.action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.75);
}
.action-sheet-wrapper .action-sheet .action-sheet-group .action-sheet-title {
  font-size: 18px;
  color: #3a3a3a;
  font-family: "PingFangSC-Semibold";
}
.action-sheet {
  margin-left: 16px;
  margin-right: 16px;
}
.hairline-top::before {
  height: 0 !important;
}
.action-sheet .button {
  font-family: "PingFangSC-Semibold";
}
.action-sheet .button:last-child {
  color: #3a3a3a;
  font-family: "PingFangSC-Regular";
}
/* thin border */
.page-preorder-detail .dl-title[data-v-2d307b2c] {
  width: 100%;
  height: auto;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 16px;
  position: fixed;
  top: 100px;
  z-index: 1;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-preorder-detail .dl-title span[data-v-2d307b2c] {
    font-weight: 600;
}
.page-preorder-detail .task-detail[data-v-2d307b2c] {
  padding: 100px 59px 0 59px;
  background-color: #fafafa;
}
.page-preorder-detail .task-detail .tip[data-v-2d307b2c] {
    width: 343px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    color: #3a3a3a;
    background-color: #f5f5f5;
    margin: 16px auto;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-preorder-detail .task-detail .app-wrapper[data-v-2d307b2c] {
    height: 84px;
    margin-top: 12px;
    margin-bottom: 24px !important;
}
.page-preorder-detail .task-detail .app-wrapper .img-box[data-v-2d307b2c] {
      display: inline-block;
      vertical-align: middle;
      width: 52px;
      height: 52px;
      padding: 1px;
      box-sizing: border-box;
      border-radius: 11px;
      border: 1px solid #ddd;
      overflow: hidden;
      margin-right: 7px;
      margin-bottom: 0;
}
.page-preorder-detail .task-detail .app-wrapper .info[data-v-2d307b2c] {
      display: inline-block;
      vertical-align: middle;
}
.page-preorder-detail .task-detail .app-wrapper .info .app-name[data-v-2d307b2c] {
        height: 24px;
        line-height: 24px;
        font-size: 16px;
        margin-bottom: 4px;
}
.page-preorder-detail .task-detail .app-wrapper .info .release-date[data-v-2d307b2c] {
        font-size: 12px;
        color: #aaaaaa;
}
.page-preorder-detail .task-detail .app-wrapper img[data-v-2d307b2c] {
      width: 48px;
      height: 48px;
      border-radius: 10px;
}
.page-preorder-detail .task-detail .app-wrapper .preorder-notice[data-v-2d307b2c] {
      color: #aaaaaa;
      font-size: 12px;
      line-height: 20px;
      margin-top: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-preorder-detail .task-detail .upload-wrapper-box[data-v-2d307b2c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 14px;
}
.page-preorder-detail .task-detail .upload-wrapper[data-v-2d307b2c] {
    padding: 11px 16px 20px;
    background-color: #fafafa;
    border-radius: 4px;
    margin-bottom: 16px;
}
.page-preorder-detail .task-detail .upload-wrapper .example[data-v-2d307b2c] {
      position: relative;
      display: inline-block;
      margin: 8px 12px 0 0;
      width: 52px;
      height: 52px;
      line-height: 52px;
      background-color: black;
      font-size: 18px;
      text-align: center;
      color: #FFFFFF;
      vertical-align: middle;
      background-image: url("//qkassets.qkcdn.com/images/assets/d9d44e3ad45ec78412f56ed647260d84.png");
      background-size: 100% 100%;
      border-radius: 8px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-preorder-detail .task-detail .upload-wrapper .example .cover[data-v-2d307b2c] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
        border-radius: 8px;
}
.page-preorder-detail .task-detail .upload-wrapper .example span[data-v-2d307b2c] {
        position: relative;
        z-index: 2;
}
.page-preorder-detail .task-detail .upload-wrapper .update-loading[data-v-2d307b2c] {
      vertical-align: middle;
      display: inline-block;
      height: 52px;
      width: 52px;
      background: #fff;
      border-radius: 8px;
      text-align: center;
      border: 1px solid #eee;
      margin-top: 8px;
}
.page-preorder-detail .task-detail .upload-wrapper .update-loading .progress[data-v-2d307b2c] {
        position: relative;
        width: 36px;
        height: 4px;
        background: #eee;
        border-radius: 2.5px;
        margin-left: 8px;
        margin-top: 16px;
        overflow: hidden;
}
.page-preorder-detail .task-detail .upload-wrapper .update-loading .progress em[data-v-2d307b2c] {
          position: absolute;
          left: 0;
          top: 0;
          display: inline-block;
          background: #f75946;
          height: 4px;
}
.page-preorder-detail .task-detail .upload-wrapper .update-loading span[data-v-2d307b2c] {
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        color: #3a3a3a;
}
.page-preorder-detail .task-detail .upload-wrapper .upload[data-v-2d307b2c] {
      font-size: 0;
      margin-top: 8px;
      display: inline-block;
      width: 52px;
      height: 52px;
      line-height: 52px;
      text-align: center;
      border-radius: 8px;
      border: solid 1px #eeeeee;
      vertical-align: middle;
      background: #ffffff url("//qkassets.qkcdn.com/images/assets/0b8c7fedcf59a8f5c08ae3d4a385402d.png") center center no-repeat;
      background-size: 18px 18px;
}
.page-preorder-detail .task-detail .upload-wrapper .upload input[data-v-2d307b2c] {
        width: 52px;
        height: 52px;
        opacity: 0;
}
.page-preorder-detail .task-detail .upload-wrapper .preview[data-v-2d307b2c] {
      display: inline-block;
      position: relative;
      width: 52px;
      height: 52px;
      vertical-align: top;
      margin-top: 8px;
      margin-bottom: 0;
      border-radius: 8px;
}
.page-preorder-detail .task-detail .upload-wrapper .preview img[data-v-2d307b2c] {
        width: 52px;
        height: 52px;
        border-radius: 8px;
}
.page-preorder-detail .task-detail .upload-wrapper .preview input[data-v-2d307b2c] {
        position: absolute;
        top: 0;
        left: 0;
        width: 52px;
        height: 52px;
        opacity: 0;
}
.page-preorder-detail .task-detail .upload-wrapper .preview .btn-delete[data-v-2d307b2c] {
        position: absolute;
        top: -5px;
        right: -5px;
}
.page-preorder-detail .task-detail .upload-wrapper .preview .btn-delete img[data-v-2d307b2c] {
          width: 20px;
          height: 20px;
}
.page-preorder-detail .task-detail .upload-wrapper .submit-button[data-v-2d307b2c] {
      margin-top: 24px;
}
.page-preorder-detail .task-detail .upload-wrapper .submit-button span[data-v-2d307b2c] {
        font-size: 14px;
}
.page-preorder-detail .task-detail .fail-guide[data-v-2d307b2c] {
    height: 40px;
    line-height: 40px;
}
.page-preorder-detail .task-detail .fail-guide span[data-v-2d307b2c] {
      font-size: 12px;
      color: #aaaaaa;
      margin-right: 4px;
      display: inline-block;
      vertical-align: middle;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-preorder-detail .task-detail .fail-guide img[data-v-2d307b2c] {
      vertical-align: middle;
      width: 16px;
      height: 16px;
}
.page-preorder-detail .task-detail .step[data-v-2d307b2c] {
    font-size: 14px;
    color: #3A3A3A;
    margin: 0 16px 12px 16px;
    overflow: hidden;
    background: #fff;
    padding: 16px 16px 0 16px;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-preorder-detail .task-detail .step.step-1[data-v-2d307b2c] {
      margin-top: 16px;
}
.page-preorder-detail .task-detail .step.step-1 .step-button[data-v-2d307b2c] {
        margin-top: 12px;
}
.page-preorder-detail .task-detail .step.step-1 .step-button.default-button[data-v-2d307b2c] {
          background: #fafafa;
          box-shadow: none;
          border: 0.5px solid #ddd;
}
.page-preorder-detail .task-detail .step.step-2[data-v-2d307b2c] {
      padding-bottom: 24px;
}
.page-preorder-detail .task-detail .step.step-2 .gray-tip[data-v-2d307b2c] {
        padding: 8px 0;
        margin-top: 16px;
        border-radius: 4px;
        text-align: center;
        font-size: 12px;
        background-color: #fafafa;
        color: #aaaaaa;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-preorder-detail .task-detail .step.step-2 .step-2-tip[data-v-2d307b2c] {
        font-size: 12px;
        line-height: 20px;
        margin-top: 4px;
        color: #f75946;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-preorder-detail .task-detail .step div[data-v-2d307b2c] {
      font-size: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-preorder-detail .task-detail .step div .light[data-v-2d307b2c] {
        font-size: 16px;
        color: #F75946;
        line-height: 20px;
        font-weight: bold;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-preorder-detail .task-detail .step div .light.light-rank[data-v-2d307b2c] {
          font-size: 12px;
          font-weight: 400;
}
.page-preorder-detail .task-detail .step div.semibold[data-v-2d307b2c] {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-preorder-detail .task-detail .step div.semibold.upload[data-v-2d307b2c] {
          margin-bottom: 0;
}
.page-preorder-detail .task-detail .step div.semibold .regular[data-v-2d307b2c] {
          display: inline-block;
          width: 16px;
          height: 16px;
          position: relative;
          top: 2px;
}
.page-preorder-detail .task-detail .step div.semibold .regular.step-one[data-v-2d307b2c] {
            background: url("//qkassets.qkcdn.com/images/assets/6a9cf7a3256057d457bd9908ceacee99.png") no-repeat center/cover;
}
.page-preorder-detail .task-detail .step div.semibold .regular.step-two[data-v-2d307b2c] {
            background: url("//qkassets.qkcdn.com/images/assets/7ee2294b9d7e5cf8aa7caf3916d775ef.png") no-repeat center/cover;
}
.page-preorder-detail .task-detail .step div[data-v-2d307b2c]:first-child {
      margin-left: 0;
}
.page-preorder-detail .task-detail .step-button[data-v-2d307b2c] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-preorder-detail .task-detail .step-button span[data-v-2d307b2c] {
      font-size: 14px;
      color: #3A3A3A;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-preorder-detail .task-detail .step-button.disabled[data-v-2d307b2c] {
      background: #eeeeee;
      box-shadow: none;
}
.page-preorder-detail .task-detail .step-button.disabled span[data-v-2d307b2c] {
        color: #fff;
}
.page-preorder-detail .task-detail .step-button.can-click[data-v-2d307b2c] {
      background: #FFDD55;
      box-shadow: 0px 1px 4px 0px rgba(255, 170, 0, 0.2);
}
.page-preorder-detail .task-detail .step-button.can-click[data-v-2d307b2c]:active {
        background-color: #FFC236;
}
.page-preorder-detail .task-detail .step-button.can-click span[data-v-2d307b2c] {
        color: #3A3A3A;
}
.page-preorder-detail .task-detail .step-button.reward[data-v-2d307b2c] {
      background: #F75946;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
}
.page-preorder-detail .task-detail .step-button.reward[data-v-2d307b2c]:active {
        background: #E0412E;
        box-shadow: none;
}
.page-preorder-detail .task-detail .consult[data-v-2d307b2c] {
    width: 100%;
    height: 76px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fafafa;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
}
.page-preorder-detail .task-detail .consult div[data-v-2d307b2c] {
      width: 115px;
      height: 36px;
      background-color: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 18px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.page-preorder-detail .task-detail .consult div img[data-v-2d307b2c] {
        width: 24px;
        height: 17px;
        margin-left: -1px;
}
.page-preorder-detail .task-detail .consult div span[data-v-2d307b2c] {
        margin-left: 8px;
        font-size: 12px;
        color: #444749;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
/* thin border */
.preorder-upload-example {
  position: relative;
  padding-top: 52px !important;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.preorder-upload-example .bar {
    font-size: 14px;
    height: 52px;
    border-bottom: none;
}
.preorder-upload-example .button-back {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 30px;
    height: 25px;
    z-index: 100;
    color: #fff;
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.preorder-upload-example .page-content-bg {
    background: #000;
    opacity: 0.95;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.preorder-upload-example .specimen {
    position: relative;
    z-index: 12;
    overflow: hidden;
}
.preorder-upload-example .specimen p {
      padding: 12px 16px;
      font-size: 12px;
      color: #aaa;
      line-height: 20px;
      position: absolute;
      bottom: 0;
}
.preorder-upload-example .specimen .swiper-slide {
      height: 100%;
      width: 375px;
      transition: 0.5s;
}
.preorder-upload-example .specimen .swiper-slide img {
        display: block;
        margin: 20px auto;
        height: 440px;
}
@media only screen and (device-height: 480px) {
.preorder-upload-example .specimen .swiper-slide img {
            height: 350px !important;
            max-height: 350px;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.preorder-upload-example .specimen .swiper-slide img {
            margin: 20px auto;
            height: 520px !important;
            max-height: 520px;
}
}
.preorder-upload-example .specimen .swiper-slide:not(.swiper-slide-active) {
        -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
                transform: scale(0.85);
}
.preorder-upload-example .desc {
    padding: 0 18px;
    font-size: 12px;
    color: #aaaaaa;
    position: absolute;
    bottom: 11px;
    width: 100%;
    height: 64px;
    z-index: 99;
}

.preorder-fail-example {
  position: relative;
  padding-top: 52px !important;
}
.preorder-fail-example .bar {
    font-size: 14px;
    height: 52px;
    border-bottom: none;
}
.preorder-fail-example .button-back {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 30px;
    height: 25px;
    z-index: 100px;
    color: #fff;
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center;
}
.preorder-fail-example .page-content-bg {
    background: #000;
    opacity: 0.95;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.preorder-fail-example .specimen {
    position: relative;
    z-index: 12;
    overflow: hidden;
}
.preorder-fail-example .specimen p {
      padding: 12px 16px;
      font-size: 12px;
      color: #aaa;
      line-height: 20px;
      position: absolute;
      bottom: 0;
}
.preorder-fail-example .specimen .swiper-slide {
      height: 100%;
      width: 375px;
      transition: 0.5s;
}
.preorder-fail-example .specimen .swiper-slide img {
        display: block;
        margin: 0 auto;
        height: 407px;
}
@media only screen and (device-height: 480px) {
.preorder-fail-example .specimen .swiper-slide img {
            height: 350px !important;
            max-height: 350px;
}
}
@media only screen and (min-height: 812px) {
.preorder-fail-example .specimen .swiper-slide img {
            height: 480px !important;
            max-height: 480px;
}
}
.preorder-fail-example .specimen .swiper-slide:not(.swiper-slide-active) {
        -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
                transform: scale(0.85);
}
.preorder-fail-example .desc {
    padding: 0 18px;
    font-size: 12px;
    color: #aaaaaa;
    position: absolute;
    bottom: 11px;
    width: 100%;
    height: 64px;
    z-index: 99;
}
/* thin border */
.preorder-result-example {
  position: relative;
  padding-top: 52px !important;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.preorder-result-example .bar {
    font-size: 14px;
    height: 52px;
    border-bottom: none;
}
.preorder-result-example .button-back {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 30px;
    height: 25px;
    z-index: 100px;
    color: #fff;
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center;
}
.preorder-result-example .page-content-bg {
    background: #000;
    opacity: 0.95;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.preorder-result-example .specimen {
    position: relative;
    z-index: 12;
    overflow: hidden;
}
.preorder-result-example .specimen p {
      padding: 12px 16px;
      font-size: 12px;
      color: #aaa;
      line-height: 20px;
      position: absolute;
      bottom: 0;
}
.preorder-result-example .specimen .swiper-slide {
      height: 100%;
      width: 375px;
      transition: 0.5s;
}
.preorder-result-example .specimen .swiper-slide img {
        display: block;
        margin: 20px auto;
        height: 440px;
}
@media only screen and (device-height: 480px) {
.preorder-result-example .specimen .swiper-slide img {
            height: 350px !important;
            max-height: 350px;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.preorder-result-example .specimen .swiper-slide img {
            height: 520px !important;
            max-height: 520px;
            margin: 20px auto;
}
}
.preorder-result-example .preorder-example-tip {
    position: absolute;
    bottom: 12px;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    z-index: 99;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.preorder-result-example .preorder-example-tip {
        bottom: 46px;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
.preorder-result-example .preorder-example-tip {
        bottom: 46px;
}
}
/* thin border */
.preorder-start-container[data-v-3e5e081c] {
  position: relative;
  width: 287px;
}
.preorder-start-container .icon[data-v-3e5e081c] {
    position: relative;
    margin: -53px auto 16px auto;
    width: 116px;
    height: 96px;
    overflow: hidden;
}
.preorder-start-container .icon img[data-v-3e5e081c] {
      width: 116px;
      height: 96px;
}
.preorder-start-container .title[data-v-3e5e081c] {
    font-size: 16px;
    color: #3A3A3A;
    line-height: 24px;
    text-align: center;
    height: 24px;
    margin-bottom: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.preorder-start-container .desc[data-v-3e5e081c] {
    padding-left: 26px;
    padding-right: 18px;
    margin-bottom: 8px;
    color: #3a3a3a;
    font-size: 14px;
    line-height: 24px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.preorder-start-container .desc .order[data-v-3e5e081c] {
      width: 13px;
      display: inline-block;
      margin-right: 4px;
      vertical-align: top;
}
.preorder-start-container .desc .content[data-v-3e5e081c] {
      vertical-align: top;
      width: 226px;
      display: inline-block;
}
.preorder-start-container .tip[data-v-3e5e081c] {
    padding: 8px 12px;
    margin: 0 auto 16px;
    width: 233px;
    height: 76px;
    background-color: #fafafa;
    color: #aaaaaa;
    font-size: 12px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.preorder-start-container .remind-wrapper[data-v-3e5e081c] {
    text-align: center;
    margin-bottom: 32px;
    font-size: 12px;
    color: #aaaaaa;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.preorder-start-container .remind-wrapper img[data-v-3e5e081c] {
      width: 16px;
      height: 16px;
      vertical-align: middle;
}
.preorder-start-container .remind-wrapper span[data-v-3e5e081c] {
      vertical-align: middle;
}
.preorder-start-container .button-confirm[data-v-3e5e081c] {
    width: 175px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    box-shadow: 0 1px 4px 0 rgba(155, 108, 0, 0.2);
    background-color: #ffdf61;
    color: #3a3a3a;
    text-align: center;
    margin: 0 auto 32px;
    font-size: 16px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.preorder-start-container .button-confirm[data-v-3e5e081c]:active {
      background-color: #FFC236 !important;
}
/* thin border */
.preorder-task-guide[data-v-d5c5f1de] {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: z-index 0.1s;
}
.preorder-task-guide.show[data-v-d5c5f1de] {
    z-index: 11;
}
.preorder-task-guide.show .popup-bg[data-v-d5c5f1de] {
      opacity: 0.75 !important;
}
.preorder-task-guide.show .box-step[data-v-d5c5f1de] {
      -webkit-transform: translateX(0) !important;
          -ms-transform: translateX(0) !important;
              transform: translateX(0) !important;
}
.preorder-task-guide .popup-bg[data-v-d5c5f1de] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    transition: opacity 0.1s;
}
.preorder-task-guide .box-step[data-v-d5c5f1de] {
    position: absolute;
    z-index: 2;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 100%;
    height: 544px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #ffffff;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.preorder-task-guide .box-step[data-v-d5c5f1de] {
        padding-bottom: 34px !important;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
.preorder-task-guide .box-step[data-v-d5c5f1de] {
        padding-bottom: 34px !important;
}
}
.preorder-task-guide .box-step .btn-close[data-v-d5c5f1de] {
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 40px;
}
.preorder-task-guide .box-step .btn-close img[data-v-d5c5f1de] {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 24px;
        height: 24px;
}
.preorder-task-guide .box-step .step-item[data-v-d5c5f1de] {
      text-align: center;
}
.preorder-task-guide .box-step .step-item .step-title[data-v-d5c5f1de] {
        position: relative;
        margin: 32px auto 0;
        text-align: center;
        height: 32px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.78;
        color: #3a3a3a;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.preorder-task-guide .box-step .step-item .step-subtitle[data-v-d5c5f1de] {
        position: relative;
        margin: 8px auto 0;
        height: 24px;
        font-size: 14px;
        line-height: 1.71;
        text-align: center;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.preorder-task-guide .box-step .step-item .step-tips[data-v-d5c5f1de] {
        position: relative;
        margin: 0 auto;
        height: 20px;
        font-size: 12px;
        line-height: 1.67;
        text-align: center;
        color: #f75946;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.preorder-task-guide .box-step .step-item .step-img[data-v-d5c5f1de] {
        position: relative;
        margin: 16px auto 0;
        width: 280px;
        border-radius: 8px;
        vertical-align: top;
}
.preorder-task-guide .box-step .step-item .remind-wrapper[data-v-d5c5f1de] {
        position: relative;
        margin: 20px auto 0;
        text-align: center;
        font-size: 12px;
        height: 20px;
        line-height: 1.67;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.preorder-task-guide .box-step .step-item .remind-wrapper img[data-v-d5c5f1de] {
          width: 16px;
          height: 16px;
          vertical-align: middle;
}
.preorder-task-guide .box-step .step-item .remind-wrapper span[data-v-d5c5f1de] {
          vertical-align: middle;
}
.preorder-task-guide .box-step .step-1[data-v-d5c5f1de], .preorder-task-guide .box-step .step-2[data-v-d5c5f1de], .preorder-task-guide .box-step .step-3[data-v-d5c5f1de], .preorder-task-guide .box-step .step-4[data-v-d5c5f1de] {
      margin-bottom: 32px;
}
.preorder-task-guide .box-step .step-4[data-v-d5c5f1de] {
      margin-bottom: 72px;
}
.preorder-task-guide .box-step .step-4.step-first[data-v-d5c5f1de] {
        margin-bottom: 16px;
}
.preorder-task-guide .box-step .step-4 .step-img[data-v-d5c5f1de] {
        width: 280px;
}
.preorder-task-guide .box-step .step-next[data-v-d5c5f1de] {
      position: relative;
      margin: 0 auto 0;
      width: 223px;
      height: 48px;
      border-radius: 24px;
      text-align: center;
      background-color: #fbb0a7;
}
.preorder-task-guide .box-step .step-next span[data-v-d5c5f1de] {
        line-height: 48px;
        height: 24px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.preorder-task-guide .box-step .step-next.can-click[data-v-d5c5f1de] {
        background-color: #f75946;
        box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
}
.preorder-task-guide .box-step .step-next.can-click[data-v-d5c5f1de]:active {
          background-color: #E0412E;
          box-shadow: none;
}
.preorder-task-guide .box-step .step-again[data-v-d5c5f1de] {
      position: relative;
      margin: 16px auto 0;
      width: 100px;
      height: 16px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.33;
      text-align: center;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.popup-play-tip {
  background: #ffffff !important;
  width: 287px !important;
  height: 276px !important;
  border-radius: 8px; }
  .popup-play-tip .popup-body {
    position: relative;
    padding: 32px 0 0 !important;
    background: #ffffff;
    border-radius: 8px;
    text-align: center;
    color: #3a3a3a;
    font-size: 14px;
    overflow: inherit;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-play-tip .popup-body .title {
      font-size: 16px;
      line-height: 24px;
      margin: 0 40px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-play-tip .popup-body .icon {
      width: 52px;
      height: 52px;
      padding: 1px;
      margin: 18px auto 18px;
      border-radius: 12px;
      border: solid 0.5px #dddddd;
      background-color: #ffffff; }
      .popup-play-tip .popup-body .icon img {
        width: 48px;
        height: 48px;
        border-radius: 10px; }
    .popup-play-tip .popup-body .desc {
      font-size: 14px;
      line-height: 24px;
      color: #3a3a3a; }
    .popup-play-tip .popup-body .hairline-bottom::after {
      display: none; }
    .popup-play-tip .popup-body .button-close {
      top: 326px !important;
      left: 45% !important;
      width: 24px !important;
      height: 24px !important;
      background: url("//qkassets.qkcdn.com/images/assets/db2f1b381b5d6eb1aa7c384e10aee343.png") no-repeat;
      background-size: 100% 100%; }
      .popup-play-tip .popup-body .button-close .ion-ios-close-empty {
        display: none; }
  .popup-play-tip .popup-buttons {
    display: block; }
    .popup-play-tip .popup-buttons .button {
      color: #3a3a3a !important;
      box-shadow: 0 1px 4px 0 rgba(155, 108, 0, 0.2) !important;
      background-color: #ffdf61 !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-play-tip .popup-buttons .button:active {
        background-color: #FFC236 !important; }

.zs-give-up-popup .popup-buttons .button.obvious {
  color: #f85946 !important; }

.popup-preorder-failed-tip {
  background: #ffffff !important;
  width: 287px !important;
  border-radius: 8px; }
  .popup-preorder-failed-tip .popup-body {
    position: relative;
    padding: 32px 48px 0 !important;
    border-radius: 8px;
    text-align: center;
    color: #3a3a3a;
    font-size: 14px;
    overflow: inherit;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400; }
    .popup-preorder-failed-tip .popup-body .title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-preorder-failed-tip .popup-body .desc {
      font-size: 14px;
      line-height: 24px;
      color: #3a3a3a; }
      .popup-preorder-failed-tip .popup-body .desc span {
        text-decoration: underline;
        color: #4a90e2; }
    .popup-preorder-failed-tip .popup-body .hairline-bottom::after {
      display: none; }
  .popup-preorder-failed-tip .popup-buttons {
    display: block; }
    .popup-preorder-failed-tip .popup-buttons .button {
      width: 175px;
      height: 48px;
      border-radius: 24px !important;
      background-color: #f75946 !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      color: #ffffff;
      margin: 32px auto !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
      .popup-preorder-failed-tip .popup-buttons .button:active {
        background-color: #e0412e !important;
        box-shadow: none !important; }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.action-sheet-wrapper {
    padding-bottom: 34px !important;
}
}
.action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.75);
}
.action-sheet-wrapper .action-sheet .action-sheet-group .action-sheet-title {
  font-size: 18px;
  color: #3a3a3a;
  font-family: "PingFangSC-Semibold";
}
.action-sheet {
  margin-left: 16px;
  margin-right: 16px;
}
.hairline-top::before {
  height: 0 !important;
}
.action-sheet .button {
  font-family: "PingFangSC-Semibold";
}
.action-sheet .button:last-child {
  color: #3a3a3a;
  font-family: "PingFangSC-Regular";
}
/* thin border */
.fade-coupon-transition[data-v-1f1a990a] {
  transition: all 0.3s ease;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fade-coupon-enter[data-v-1f1a990a], .fade-coupon-leave-to[data-v-1f1a990a] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.fade-coupon-enter-active[data-v-1f1a990a], .fade-coupon-leave[data-v-1f1a990a] {
  opacity: 1;
  transition: all 0.3s ease;
}
.page-task-detail .dl-title[data-v-1f1a990a] {
  width: 100%;
  height: auto;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 16px;
  position: fixed;
  top: 100px;
  z-index: 1;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-detail .dl-title span[data-v-1f1a990a] {
    font-weight: 600;
}
.page-task-detail .task-detail[data-v-1f1a990a] {
  padding: 100px 59px 0 59px;
  background-color: #fafafa;
}
.page-task-detail .task-detail .app-wrapper[data-v-1f1a990a] {
    height: 52px;
    margin-top: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px !important;
}
.page-task-detail .task-detail .app-wrapper .img-box[data-v-1f1a990a] {
      width: 52px;
      height: 52px;
      padding: 1px;
      box-sizing: border-box;
      border-radius: 11px;
      border: 1px solid #ddd;
      overflow: hidden;
      margin-bottom: 0;
}
.page-task-detail .task-detail .app-wrapper img[data-v-1f1a990a] {
      width: 48px;
      height: 48px;
      border-radius: 10px;
}
.page-task-detail .task-detail .app-wrapper .app-name[data-v-1f1a990a] {
      margin-left: 10px;
      font-size: 16px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step[data-v-1f1a990a] {
    font-size: 14px;
    color: #3A3A3A;
    margin: 0 16px 12px 16px;
    overflow: hidden;
    background: #fff;
    padding: 16px 16px 0 16px;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .step.step-3 .reward-type[data-v-1f1a990a] {
      font-size: 12px;
      color: #f75946;
      line-height: 20px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step.step-3 .reward-type span[data-v-1f1a990a] {
        color: #f75946;
        line-height: 20px;
}
.page-task-detail .task-detail .step.step-3 .reward-type .zs-desc[data-v-1f1a990a] {
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-task-detail .task-detail .step.step-3 .step-button[data-v-1f1a990a] {
      margin-top: 8px;
      margin-bottom: 24px;
}
.page-task-detail .task-detail .step.step-3 .light[data-v-1f1a990a] {
      color: #3a3a3a;
}
.page-task-detail .task-detail .step.step-1[data-v-1f1a990a] {
      margin-top: 16px;
}
.page-task-detail .task-detail .step.step-1 .step-button[data-v-1f1a990a] {
        margin-top: 14px;
}
.page-task-detail .task-detail .step.step-1 .step-button.default-button[data-v-1f1a990a] {
          background: #fafafa;
          box-shadow: none;
          border: 0.5px solid #ddd;
}
.page-task-detail .task-detail .step.step-2 .step-button[data-v-1f1a990a] {
      margin-bottom: 24px;
}
.page-task-detail .task-detail .step.step-2 div[data-v-1f1a990a]:nth-child(2) {
      margin-bottom: 12px;
}
.page-task-detail .task-detail .step.step-2 .light[data-v-1f1a990a] {
      color: #3a3a3a;
}
.page-task-detail .task-detail .step div[data-v-1f1a990a] {
      margin-bottom: 4px;
      font-size: 12px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .step div .light[data-v-1f1a990a] {
        font-size: 16px;
        color: #F75946;
        line-height: 20px;
        font-weight: bold;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div .light.light-rank[data-v-1f1a990a] {
          font-size: 12px;
          font-weight: 400;
}
.page-task-detail .task-detail .step div.semibold[data-v-1f1a990a] {
        font-size: 16px;
        line-height: 24px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step div.semibold .regular[data-v-1f1a990a] {
          display: inline-block;
          width: 16px;
          height: 16px;
          position: relative;
          top: 2px;
}
.page-task-detail .task-detail .step div.semibold .regular.step-one[data-v-1f1a990a] {
            background: url("//qkassets.qkcdn.com/images/assets/6a9cf7a3256057d457bd9908ceacee99.png") no-repeat center/cover;
}
.page-task-detail .task-detail .step div.semibold .regular.step-two[data-v-1f1a990a] {
            background: url("//qkassets.qkcdn.com/images/assets/7ee2294b9d7e5cf8aa7caf3916d775ef.png") no-repeat center/cover;
}
.page-task-detail .task-detail .step div.semibold .regular.step-three[data-v-1f1a990a] {
            background: url("//qkassets.qkcdn.com/images/assets/d6932001b2e8fd139a55b6f5b74e3f5d.png") no-repeat center/cover;
}
.page-task-detail .task-detail .step div[data-v-1f1a990a]:first-child {
      margin-left: 0;
}
.page-task-detail .task-detail .step-button[data-v-1f1a990a] {
    width: 96px;
    height: 40px;
    border-radius: 24px;
    line-height: 40px;
    text-align: center;
    float: right;
}
.page-task-detail .task-detail .step-button span[data-v-1f1a990a] {
      font-size: 14px;
      color: #3A3A3A;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-detail .task-detail .step-button.disabled[data-v-1f1a990a] {
      background: #eeeeee;
      box-shadow: none;
}
.page-task-detail .task-detail .step-button.disabled span[data-v-1f1a990a] {
        color: #fff;
}
.page-task-detail .task-detail .step-button.can-click[data-v-1f1a990a] {
      background: #FFDD55;
      box-shadow: 0px 1px 4px 0px rgba(255, 170, 0, 0.2);
}
.page-task-detail .task-detail .step-button.can-click[data-v-1f1a990a]:active {
        background-color: #FFC236;
}
.page-task-detail .task-detail .step-button.can-click span[data-v-1f1a990a] {
        color: #3A3A3A;
}
.page-task-detail .task-detail .step-button.reward[data-v-1f1a990a] {
      background: #F75946;
      box-shadow: 0px 1px 4px 0px rgba(255, 53, 0, 0.25);
}
.page-task-detail .task-detail .step-button.reward[data-v-1f1a990a]:active {
        background: #E0412E;
        box-shadow: none;
}
.page-task-detail .task-detail .consult[data-v-1f1a990a] {
    width: 100%;
    height: 76px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fafafa;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
}
.page-task-detail .task-detail .consult div[data-v-1f1a990a] {
      width: 115px;
      height: 36px;
      background-color: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 18px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.page-task-detail .task-detail .consult div img[data-v-1f1a990a] {
        width: 24px;
        height: 17px;
        margin-left: -1px;
}
.page-task-detail .task-detail .consult div span[data-v-1f1a990a] {
        margin-left: 8px;
        font-size: 12px;
        color: #444749;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-task-detail .task-detail .explore-tips[data-v-1f1a990a] {
    margin-top: 25px;
    height: 18px;
    line-height: 18px;
    color: #3A3A3A;
    text-align: center;
    font-size: 0;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-task-detail .task-detail .explore-tips img[data-v-1f1a990a] {
      width: 14px;
      height: 14px;
      margin-right: 5px;
      vertical-align: middle;
}
.page-task-detail .task-detail .explore-tips div[data-v-1f1a990a] {
      display: inline-block;
      font-size: 12px;
      vertical-align: middle;
}
.page-task-detail .task-detail .explore-tips div span[data-v-1f1a990a] {
        color: #EF502B;
}
.page-task-detail .task-detail .coupon-use-remind[data-v-1f1a990a] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward[data-v-1f1a990a] {
      display: inline-block;
      font-size: 14px;
      color: #FFFFFF;
      margin-left: 16px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-detail .task-detail .coupon-use-remind .num-and-reward .light[data-v-1f1a990a] {
        color: #EF4F2A;
        font-weight: bold;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button[data-v-1f1a990a] {
      display: inline-block;
      background: #EF4F2A;
      border-radius: 2px;
      width: 68px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin-left: 19px;
}
.page-task-detail .task-detail .coupon-use-remind .coupon-use-button span[data-v-1f1a990a] {
        font-size: 12px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
/* thin border */
.popup-appstore .popup-appstore[data-v-2ce31c91] {
  width: 287px !important;
  height: auto !important;
  border-radius: 8px !important;
  background-color: #fff !important;
}
.popup-appstore .popup-appstore .popup-body[data-v-2ce31c91] {
    text-align: center;
    color: #3a3a3a;
    border-radius: 8px;
    position: relative;
    width: 287px !important;
    height: auto !important;
    padding: 32px 0 0 !important;
    background-color: #ffffff;
}
.popup-appstore .popup-appstore .popup-body .title[data-v-2ce31c91] {
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      margin-bottom: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-appstore .popup-appstore .popup-body .subtitle[data-v-2ce31c91] {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px;
      color: #3a3a3a;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-appstore .popup-appstore .popup-body .subtitle span[data-v-2ce31c91] {
        color: #f75946;
}
.popup-appstore .popup-appstore .popup-body .bg[data-v-2ce31c91] {
      width: 238px;
      height: 68px;
      display: block;
      margin: 0 auto;
}
.popup-appstore .popup-appstore .popup-body .tip[data-v-2ce31c91] {
      font-size: 12px;
      line-height: 20px;
      color: #3a3a3a;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-appstore .popup-appstore .popup-body .look[data-v-2ce31c91] {
      font-size: 12px;
      line-height: 20px;
      color: #3a3a3a;
      text-align: center;
      margin: 4px auto 32px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-appstore .popup-appstore .popup-body .look i[data-v-2ce31c91] {
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("//qkassets.qkcdn.com/images/assets/753d435161b116f062ecac611f9bdcd8.png") no-repeat;
        background-size: 100%;
        margin-left: 4px;
        position: relative;
        top: 3px;
}
.popup-appstore .popup-appstore .popup-body .steps[data-v-2ce31c91] {
      line-height: 20px;
      font-size: 12px;
      color: #3a3a3a;
      margin: 8px 24px 32px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-appstore .popup-appstore .popup-body .steps .step-item[data-v-2ce31c91] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.popup-appstore .popup-appstore .popup-body .steps .step-item span[data-v-2ce31c91] {
          display: inline-block;
          text-align: left;
}
.popup-appstore .popup-appstore .popup-body .steps .step-item span[data-v-2ce31c91]:nth-child(1) {
            width: 11px;
            margin-right: 4px;
}
.popup-appstore .popup-appstore .popup-body .close-button[data-v-2ce31c91] {
      margin: 32px auto;
      width: 175px;
      height: 48px;
      line-height: 48px;
      color: #fff;
      background: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      border-radius: 24px;
      font-size: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-appstore .close[data-v-2ce31c91] {
  text-align: center;
  margin-top: 40px;
}
.popup-appstore .close img[data-v-2ce31c91] {
    width: 30px;
    height: 30px;
}
/* thin border */
.page-zstask-list-new[data-v-60cc7978] {
  background-color: #fafafa;
}
.page-zstask-list-new .header[data-v-60cc7978] {
    height: 52px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #ffdd55;
    text-align: center;
    z-index: 2;
}
.page-zstask-list-new .header .back[data-v-60cc7978] {
      width: 24px;
      height: 24px;
      overflow: hidden;
      position: absolute;
      left: 16px;
      top: 14px;
      z-index: 1;
}
.page-zstask-list-new .header .back img[data-v-60cc7978] {
        width: 24px;
        height: 24px;
}
.page-zstask-list-new .header .title[data-v-60cc7978] {
      color: #3a3a3a;
      font-size: 16px;
      height: 52px;
      line-height: 52px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list-new .o-hidden[data-v-60cc7978] {
    width: 100%;
    position: absolute;
    height: 48px;
    overflow: hidden;
}
.page-zstask-list-new .date-wrap[data-v-60cc7978] {
    width: 100%;
    position: absolute;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 17px 20px 16px;
    line-height: 48px;
    background-color: #ffffff;
    z-index: 1;
}
.page-zstask-list-new .date-wrap[data-v-60cc7978]::-webkit-scrollbar {
      display: none;
}
.page-zstask-list-new .date-wrap .date-normal[data-v-60cc7978] {
      display: inline-block;
      width: 52px;
      margin-right: 12px;
      line-height: 48px;
      text-align: center;
      position: relative;
      font-size: 14px;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list-new .date-wrap .date-normal .light-wrapper[data-v-60cc7978] {
        display: inline-block;
        width: 52px;
        height: 24px;
        line-height: 24px;
}
.page-zstask-list-new .date-wrap .date-normal .light-wrapper.active[data-v-60cc7978] {
          border-radius: 13px;
          background-color: #ffdf61;
}
.page-zstask-list-new .date-wrap .dot[data-v-60cc7978] {
      display: block;
      width: 6px;
      height: 6px;
      background-color: #f75946;
      border-radius: 50%;
      position: absolute;
      right: 4px;
      top: 12px;
}
.page-zstask-list-new .date-wrap .line[data-v-60cc7978] {
      display: inline-block;
      position: absolute;
      width: 28px;
      margin: 0 10px;
      height: 3px;
      bottom: 20px;
      transition: all 0.3s;
      background-color: #3a3a3a;
}
.page-zstask-list-new .date-wrap .date-zs[data-v-60cc7978] {
      color: #aaaaaa;
}
.page-zstask-list-new .zstask-list-new[data-v-60cc7978] {
    padding-top: 52px;
    background-color: #fafafa;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content[data-v-60cc7978] {
      padding: 16px 16px 32px;
      margin-top: 44px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card[data-v-60cc7978] {
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.04);
        background-color: #ffffff;
        margin-bottom: 12px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-date[data-v-60cc7978] {
          font-size: 18px;
          line-height: 32px;
          color: #3a3a3a;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-tip[data-v-60cc7978] {
          line-height: 40px;
          border-radius: 4px;
          padding-left: 16px;
          font-size: 12px;
          margin: 16px 0;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-tip .num[data-v-60cc7978] {
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-tip.normal[data-v-60cc7978] {
            background-color: #fffaeb;
            color: #d1660a;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-tip.none[data-v-60cc7978] {
            background-color: #fafafa;
            color: #aaaaaa;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t[data-v-60cc7978] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 76px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-l[data-v-60cc7978] {
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-r[data-v-60cc7978] {
            color: #f75946;
            font-size: 12px;
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-r .plus[data-v-60cc7978] {
              position: relative;
              left: 1px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-r .reward[data-v-60cc7978] {
              display: inline-block;
              font-size: 20px;
              line-height: 1;
              font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-r .yuan[data-v-60cc7978] {
              font-family: PingFangSC-Semibold;
              font-size: 12px;
              position: relative;
              bottom: 1px;
              right: 1px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-r .finished-btn[data-v-60cc7978] {
              width: 72px;
              height: 32px;
              text-align: center;
              border-radius: 16px;
              font-size: 12px;
              line-height: 32px;
              box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
              background-color: #f75946;
              color: #ffffff;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-t .item-t-r .finished-btn[data-v-60cc7978]:active {
                color: #fff !important;
                background-color: #d53926 !important;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-pic[data-v-60cc7978] {
          width: 100%;
          padding-bottom: 56.25%;
          height: 0;
          position: relative;
          margin-bottom: 12px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .item-pic img[data-v-60cc7978] {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 8px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .mb-0[data-v-60cc7978] {
          margin-bottom: 0;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .icon[data-v-60cc7978] {
          display: inline-block;
          position: relative;
          width: 52px;
          height: 52px;
          padding: 1px;
          margin-right: 6px;
          border-radius: 12px;
          border: solid 0.5px rgba(0, 0, 0, 0.12);
          background-color: #ffffff;
          overflow: hidden;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .icon img.logo[data-v-60cc7978] {
            width: 48px;
            height: 48px;
            border-radius: 10px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .icon .lock-icon[data-v-60cc7978] {
            width: 21px;
            position: absolute;
            right: 2px;
            bottom: 4px;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .app-name[data-v-60cc7978] {
          display: inline-block;
          font-size: 16px;
          line-height: 24px;
          color: #3a3a3a;
          max-width: 108px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .app-type[data-v-60cc7978] {
          display: inline-block;
          padding: 3px 6px;
          margin-top: 3px;
          font-size: 10px;
          line-height: 1;
          border-radius: 2px;
          color: #aaaaaa;
          background-color: #f5f5f5;
          vertical-align: top;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-zstask-list-new .zstask-list-new .zstask-list-new-content .list-card .list-card-content-item .app-desc[data-v-60cc7978] {
          max-width: 170px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 12px;
          line-height: 20px;
          color: #aaaaaa;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-zstask-list-new .zstask-list-new .no-data[data-v-60cc7978] {
      margin-top: 52px;
      line-height: 40px;
      color: #3a3a3a;
      text-align: center;
      font-size: 16px;
}
/* thin border */
em[data-v-bf3fc7e8] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("//qkassets.qkcdn.com/images/assets/820d3e640eaf2d84db8cd6720aa11103.png") no-repeat center/cover;
  vertical-align: bottom;
  margin-bottom: 2px;
}
.page-task-verify .task-verify[data-v-bf3fc7e8] {
  padding: 116px 20px 0;
  background-color: #fafafa;
}
.page-task-verify .task-verify .task-verify-content[data-v-bf3fc7e8] {
    padding: 16px;
    height: 296px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}
.page-task-verify .task-verify .task-verify-content .title[data-v-bf3fc7e8] {
      font-size: 16px;
      line-height: 24px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-verify .task-verify .task-verify-content .app[data-v-bf3fc7e8] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 12px;
}
.page-task-verify .task-verify .task-verify-content .app .app-icon[data-v-bf3fc7e8] {
        width: 52px;
        height: 52px;
        padding: 1px;
        box-sizing: border-box;
        border-radius: 11px;
        border: 1px solid #ddd;
        overflow: hidden;
        margin-bottom: 0;
}
.page-task-verify .task-verify .task-verify-content .app .app-icon img[data-v-bf3fc7e8] {
          width: 48px;
          height: 48px;
          border-radius: 10px;
}
.page-task-verify .task-verify .task-verify-content .app .app-name[data-v-bf3fc7e8] {
        margin-left: 12px;
}
.page-task-verify .task-verify .task-verify-content .app-check-wrap[data-v-bf3fc7e8] {
      text-align: center;
      height: 160px;
      border-radius: 4px;
      background-color: #fafafa;
      margin-top: 16px;
      overflow: hidden;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-verify .task-verify .task-verify-content .icon[data-v-bf3fc7e8] {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 4px;
      margin-top: 4px;
      vertical-align: top;
}
.page-task-verify .task-verify .task-verify-content .icon-warn[data-v-bf3fc7e8] {
      background: url("//qkassets.qkcdn.com/images/assets/91996266b9fc9da896bdb9f065d601ee.png") no-repeat;
      background-size: 100% 100%;
}
.page-task-verify .task-verify .task-verify-content .icon-info[data-v-bf3fc7e8] {
      background: url("//qkassets.qkcdn.com/images/assets/3d7eada045d9f63ec2a3aa15c3479b0c.png") no-repeat;
      background-size: 100% 100%;
}
.page-task-verify .task-verify .task-verify-content .icon-success[data-v-bf3fc7e8] {
      background: url("//qkassets.qkcdn.com/images/assets/fde41c0a836c068f3e566993d9d2f491.png") no-repeat;
      background-size: 100% 100%;
}
.page-task-verify .task-verify .task-verify-content .tip[data-v-bf3fc7e8] {
      font-size: 12px;
      margin: 32px auto;
}
.page-task-verify .task-verify .task-verify-content .tip-warn[data-v-bf3fc7e8] {
      margin: 22px auto;
      color: #f75946;
}
.page-task-verify .task-verify .task-verify-content .tip-info[data-v-bf3fc7e8] {
      color: #aaaaaa;
}
.page-task-verify .task-verify .task-verify-content .tip-success[data-v-bf3fc7e8] {
      color: #31b362;
}
.page-task-verify .task-verify .task-verify-content .btn[data-v-bf3fc7e8] {
      width: 231px;
      line-height: 48px;
      border-radius: 24px;
      text-align: center;
      color: #ffffff;
      margin: 0 auto;
}
.page-task-verify .task-verify .task-verify-content .btn-warn[data-v-bf3fc7e8] {
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      background-color: #f75946;
}
.page-task-verify .task-verify .task-verify-content .btn-warn[data-v-bf3fc7e8]:active {
        background-color: #e0412e;
        box-shadow: none;
}
.page-task-verify .task-verify .task-verify-content .btn-gray[data-v-bf3fc7e8] {
      background-color: #eeeeee;
      box-shadow: none;
}
/* thin border */
.wake-up-friends .header-content {
  padding: 30px 16px 18px 32px;
  width: 100%;
  background-color: #ffdf61;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.wake-up-friends .header-content .title {
    font-size: 14px;
    height: 24px;
    line-height: 1.43;
    font-family: PingFangSC-Semibold;
}
.wake-up-friends .header-content .title span {
      font-size: 28px;
      line-height: 0;
      margin-left: 4px;
      position: relative;
      top: 1px;
      font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wake-up-friends .header-content .title .yuan {
      font-size: 14px;
      position: relative;
      top: -1px;
      line-height: 1.43;
      font-family: PingFangSC-Semibold;
}
.wake-up-friends .header-content .sub-title {
    font-size: 14px;
    line-height: 2;
    color: #3a3a3a;
    font-family: PingFangSC-Regular;
}
.wake-up-friends .header-content .sub-title img {
      width: 16px;
      height: 16px;
      position: relative;
      top: 3px;
      left: 6px;
}
.wake-up-friends .header-content .header-back {
    position: absolute;
    top: 38px;
    right: 16px;
    width: 24px;
    height: 24px;
}
.wake-up-friends .wake-list-container {
  background: none !important;
  padding-top: 116px;
  overflow-x: hidden;
  overflow-y: auto;
}
.wake-up-friends .wake-up-title {
  width: 343px;
  height: 80px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin: 0 auto;
  color: #3a3a3a;
  overflow: hidden;
}
.wake-up-friends .wake-up-title .container {
    margin: 16px 0 0 16px;
}
.wake-up-friends .wake-up-title .container .title {
      font-family: PingFangSC-Semibold;
      font-size: 16px;
      line-height: 1.5;
}
.wake-up-friends .wake-up-title .container .desc {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      line-height: 1.67;
      margin-top: 4px;
}
.wake-up-friends .wake-list {
  margin: 12px 14px 100px;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 0.5px #eeeeee;
  background-color: #ffffff;
}
.wake-up-friends .wake-list .wake-item {
    overflow: hidden;
    position: relative;
}
.wake-up-friends .wake-list .wake-item .icon {
      float: left;
      width: 44px;
      height: 44px;
      margin: 16px 0 16px 2px;
}
.wake-up-friends .wake-list .wake-item .icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
}
.wake-up-friends .wake-list .wake-item .info {
      float: left;
      margin: 14px 0 14px 14px;
}
.wake-up-friends .wake-list .wake-item .info p {
        margin: 0;
        font-family: PingFangSC-Regular;
}
.wake-up-friends .wake-list .wake-item .info .name {
        font-size: 16px;
        color: #3a3a3a;
        line-height: 1.5;
}
.wake-up-friends .wake-list .wake-item .info .desc {
        margin-top: 4px;
        font-size: 12px;
        color: #aaaaaa;
}
.wake-up-friends .wake-list .wake-item .reward-content {
      position: absolute;
      top: 0;
      right: 0;
      height: 76px;
      font-family: PingFangSC-Semibold;
      font-weight: 600;
      color: #f75946;
}
.wake-up-friends .wake-list .wake-item .reward-content span {
        line-height: 76px;
}
.wake-up-friends .wake-list .wake-item .reward-content .reward {
        font-size: 20px;
        font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.wake-up-friends .wake-list .wake-item .reward-content .yuan {
        position: relative;
        left: -1px;
        top: -1px;
}
.wake-up-friends .wake-list .no-more {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #aaaaaa;
    line-height: 1.67;
    text-align: center;
    margin: 16px 0 8px;
}
.wake-up-friends .wake-list .no-more span {
      display: inline-block;
}
.wake-up-friends .wake-list .no-more .ileft, .wake-up-friends .wake-list .no-more .iright {
      width: 24px;
      height: 1px;
      background-color: #d8d8d8;
      position: relative;
      top: -4px;
}
.wake-up-friends .wake-list .no-more .info {
      padding: 0 8px;
}
.wake-up-friends .wake-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 16px 32px;
  z-index: 3;
}
.wake-up-friends .wake-btn p {
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 1px 4px 0 rgba(155, 108, 0, 0.2);
    background-color: #ffdf61;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: #3a3a3a;
    text-align: center;
    margin: 0;
    line-height: 48px;
}
.wake-up-friends .wake-btn p:active {
      background-color: #FFC236 !important;
}
.wake-up-friends .loading {
  background: #fff;
  padding: 30px 0;
  overflow: hidden;
}
.wake-up-friends .loading .loading-img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 auto;
    margin-left: 114px;
    -webkit-animation: infinite-rotate 1s linear infinite;
            animation: infinite-rotate 1s linear infinite;
}
.wake-up-friends .loading .loading-tip {
    font-size: 12px;
    color: #aaaaaa;
    position: relative;
    top: -3px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.wake-up-friends .wake-list {
    margin: 16px 16px 124px;
}
.wake-up-friends .wake-btn {
    height: 98px;
    padding: 16px 32px 34px;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
.wake-up-friends .wake-list {
    margin: 16px 16px 124px;
}
.wake-up-friends .wake-btn {
    height: 98px;
    padding: 16px 32px 34px;
}
}

.popup-wake-up .popup {
  width: 287px !important;
}
.popup-wake-up .pop-icon {
  width: 114px;
  height: 95px;
  margin-left: 50%;
  margin-top: -44px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-wake-up .popup-body {
  padding: 16px 31px 32px 32px !important;
}
.popup-wake-up .popup-body .rule-container {
    height: 263px;
    overflow: scroll;
    overflow-y: none;
}
.popup-wake-up .popup-body .rule-container .title {
      font-size: 16px;
      color: #3a3a3a;
      font-weight: 600;
      font-family: PingFangSC-Semibold;
      line-height: 1.5;
      text-align: center;
}
.popup-wake-up .popup-body .rule-container .info {
      margin-top: 16px;
      font-size: 14px;
      font-family: PingFangSC-Regular;
      color: #3a3a3a;
      line-height: 1.71;
}
.popup-wake-up .popup-body .rule-container .info div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
}
.popup-wake-up .popup-body .rule-container .info p {
        margin: 0;
}
.popup-wake-up .popup-body .rule-container .info .num {
        margin-right: 7px;
}
.popup-wake-up .popup-body .btn {
    width: 175px;
    height: 48px;
    margin-left: 50%;
    margin-top: 32px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 24px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    background-color: #f75946;
    text-align: center;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: #ffffff;
    line-height: 48px;
}
.popup-wake-up .popup-body .btn:active {
      background-color: #d53926;
}
/* thin border */
.fade-enter-active[data-v-d8a512e8], .fade-leave-active[data-v-d8a512e8] {
  transition: all 0.3s ease-in-out;
}
.fade-enter[data-v-d8a512e8], .fade-leave-to[data-v-d8a512e8] {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.share-content[data-v-d8a512e8] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.share-content .share-pic[data-v-d8a512e8] {
    position: relative;
    width: 303px;
    height: 443px;
}
.share-content .share-pic #poster[data-v-d8a512e8] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      -webkit-touch-callout: default;
}
.share-content .share-pic #picCanvas[data-v-d8a512e8] {
      width: 303px;
      height: 443px;
      background: rgba(255, 255, 255, 0);
}
.share-content .tip[data-v-d8a512e8] {
    width: 96px;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
    font-size: 12px;
    margin: 12px auto;
    color: #ffffff;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.16);
}
.share-content .tip.show-tip[data-v-d8a512e8] {
      visibility: visible;
}
.share-content .share-way[data-v-d8a512e8] {
    text-align: center;
}
.share-content .share-way .share-ways-common[data-v-d8a512e8] {
      display: inline-block;
      color: #ffffff;
      font-size: 0px;
      text-align: center;
      margin: 0 8px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.share-content .share-way .share-ways-common img[data-v-d8a512e8] {
        width: 52px;
        height: 52px;
}
.share-content .share-way .share-ways-common div[data-v-d8a512e8] {
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        color: #ffffff;
}
.share-content .share-way .share-ways-system[data-v-d8a512e8] {
      height: 48px;
      border-radius: 24px;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      padding: 0 61px;
      background-color: #f75946;
      font-size: 16px;
      color: #ffffff;
      line-height: 32px;
      display: inline-block;
      font-family: 'PingFangSC-Semibold';
}
.share-content .share-way .share-ways-system span[data-v-d8a512e8] {
        margin-left: 3px;
        line-height: 48px;
}
.share-content .share-way .share-ways-system img[data-v-d8a512e8] {
        margin-left: 8px;
        margin-top: 8px;
        width: 14px;
        height: 12px;
}
/* thin border */
.fade-enter-active[data-v-d888e3e6], .fade-leave-active[data-v-d888e3e6] {
  transition: all 0.3s ease-in-out;
}
.fade-enter[data-v-d888e3e6], .fade-leave-to[data-v-d888e3e6] {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.share-content[data-v-d888e3e6] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.share-content .share-pic[data-v-d888e3e6] {
    position: relative;
    width: 288px;
    height: 441px;
}
.share-content .share-pic #poster[data-v-d888e3e6] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      -webkit-touch-callout: default;
}
.share-content .share-pic #picCanvas[data-v-d888e3e6] {
      width: 288px;
      height: 441px;
      background: rgba(255, 255, 255, 0);
}
.share-content .tip[data-v-d888e3e6] {
    width: 96px;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
    font-size: 12px;
    margin: 12px auto;
    color: #ffffff;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.16);
}
.share-content .tip.show-tip[data-v-d888e3e6] {
      visibility: visible;
}
.share-content .share-way[data-v-d888e3e6] {
    text-align: center;
}
.share-content .share-way .share-ways-common[data-v-d888e3e6] {
      display: inline-block;
      color: #ffffff;
      font-size: 0px;
      text-align: center;
      margin: 0 8px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.share-content .share-way .share-ways-common img[data-v-d888e3e6] {
        width: 52px;
        height: 52px;
}
.share-content .share-way .share-ways-common div[data-v-d888e3e6] {
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        color: #ffffff;
}
.share-content .share-way .share-ways-system[data-v-d888e3e6] {
      height: 48px;
      border-radius: 24px;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
      padding: 0 61px;
      background-color: #f75946;
      font-size: 16px;
      color: #ffffff;
      line-height: 32px;
      display: inline-block;
      font-family: 'PingFangSC-Semibold';
}
.share-content .share-way .share-ways-system span[data-v-d888e3e6] {
        margin-left: 3px;
        line-height: 48px;
}
.share-content .share-way .share-ways-system img[data-v-d888e3e6] {
        margin-left: 8px;
        margin-top: 8px;
        width: 14px;
        height: 12px;
}

@charset "UTF-8";
/* thin border */
.page-read[data-v-3d267de4] {
  min-height: 812px;
  /** 整个阅读容器最小高度改为iPhone X的页面高度 测试反馈没数据最小高度太大 可以一直往下滑动  **/
  margin-top: 8px;
}
.page-read .loading[data-v-3d267de4] {
    background: #fff;
    padding-bottom: 30px;
}
.page-read .loading .loading-img[data-v-3d267de4] {
      width: 30px;
      height: 30px;
      display: block;
      margin: 0 auto;
      -webkit-animation: infinite-rotate 1s linear infinite;
              animation: infinite-rotate 1s linear infinite;
}
.page-read .no-more[data-v-3d267de4] {
    padding-bottom: 30px;
    background: #fff;
}
.page-read .no-more .hint[data-v-3d267de4] {
      font-size: 13px;
      color: #B5B5B5;
      text-align: center;
      line-height: 18px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-read .load-fail[data-v-3d267de4] {
    padding-bottom: 30px;
    background: #fff;
}
.page-read .load-fail .img-fail[data-v-3d267de4] {
      display: block;
      width: 30px;
      height: 30px;
      margin: 0 auto 10px;
}
.page-read .load-fail .hint[data-v-3d267de4] {
      font-size: 13px;
      color: #B5B5B5;
      text-align: center;
      line-height: 18px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
@-webkit-keyframes infinite-rotate {
0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg);
}
}
@keyframes infinite-rotate {
0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
}
100% {
    -webkit-transform: rotateZ(-360deg);
            transform: rotateZ(-360deg);
}
}
.page-read .page-header[data-v-3d267de4] {
    background: #fff;
}
.page-read .page-header .page-title[data-v-3d267de4] {
      font-size: 16px;
      color: #B5B5B5;
      line-height: 22px;
      letter-spacing: 0.3px;
      text-align: center;
      padding-top: 20px;
      font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 500;
}
.page-read .page-header .v-short-line[data-v-3d267de4] {
      width: 21px;
      height: 3px;
      background-color: #eeeeee;
      margin: 5px auto 0;
}
.page-read .go-top[data-v-3d267de4] {
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 55;
}
.page-read .go-top img[data-v-3d267de4] {
      width: 70px;
      height: 75px;
}
.page-read .read-list-wrap[data-v-3d267de4] {
    background: #fff;
    padding: 16px 0 8px;
}
.page-read .read-list-wrap .active[data-v-3d267de4] {
      background: #F5F5F5;
}
.page-read .read-list-wrap .visited .title[data-v-3d267de4] {
      color: #b5b5b5 !important;
}
.page-read .read-list-wrap .overflow-h[data-v-3d267de4] {
      overflow: hidden;
}
.page-read .read-list-wrap .cover[data-v-3d267de4] {
      background-size: cover;
      height: 142px;
}
.page-read .read-list-wrap .item-common[data-v-3d267de4] {
      padding: 14px 20px;
      margin-bottom: 8px;
}
.page-read .read-list-wrap .item-common[data-v-3d267de4]:active {
        background: #F5F5F5;
}
.page-read .read-list-wrap .read-item-a .title[data-v-3d267de4] {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 22px;
      margin-bottom: 2px;
      max-height: 44px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-read .read-list-wrap .read-item-a .sub[data-v-3d267de4] {
      font-size: 11px;
      color: #b5b5b5;
      line-height: 16px;
      margin-bottom: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-read .read-list-wrap .read-item-a .img-wrap[data-v-3d267de4] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
}
.page-read .read-list-wrap .read-item-a .img-wrap .time[data-v-3d267de4] {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 44px;
        height: 18px;
        line-height: 18px;
        border-radius: 4px;
        background-color: rgba(58, 58, 58, 0.8);
        font-size: 11px;
        letter-spacing: 0.5px;
        color: #bfbfbf;
        text-align: center;
}
.page-read .read-list-wrap .read-item-a .img-wrap .play-btn[data-v-3d267de4] {
        position: absolute;
        top: 48px;
        left: 144px;
}
.page-read .read-list-wrap .read-item-a .img-wrap .play-btn img[data-v-3d267de4] {
          width: 47px;
          height: 47px;
}
.page-read .read-list-wrap .read-item-a .img-wrap div[data-v-3d267de4] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-right: 5px;
}
.page-read .read-list-wrap .read-item-a .img-wrap div[data-v-3d267de4]:last-child {
          margin-right: 0px;
}
.page-read .read-list-wrap .read-item-a .img-wrap div img[data-v-3d267de4] {
          width: 100%;
          height: auto;
}
.page-read .read-list-wrap .read-item-a.three-img .cover[data-v-3d267de4] {
      height: 78px;
}
.page-read .read-list-wrap .read-item-b[data-v-3d267de4] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
}
.page-read .read-list-wrap .read-item-b .left[data-v-3d267de4] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-right: 18px;
}
.page-read .read-list-wrap .read-item-b .left img[data-v-3d267de4] {
          width: 100%;
          height: auto;
}
.page-read .read-list-wrap .read-item-b .right[data-v-3d267de4] {
        -webkit-flex: 2;
            -ms-flex: 2;
                flex: 2;
}
.page-read .read-list-wrap .read-item-b .title[data-v-3d267de4] {
        font-size: 16px;
        color: #3A3A3A;
        margin-top: 8px;
        margin-bottom: 2px;
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-read .read-list-wrap .read-item-b .sub[data-v-3d267de4] {
        font-size: 11px;
        color: #B5B5B5;
        line-height: 16px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-read .read-list-wrap .ad-item[data-v-3d267de4] {
      margin: 0px 20px;
      padding: 8px 0px;
      position: relative;
}
.page-read .read-list-wrap .ad-item img[data-v-3d267de4] {
        width: 100%;
        height: auto;
}
.page-read .read-list-wrap .ad-item .i-ad-mark[data-v-3d267de4] {
        display: inline-block;
        position: absolute;
        right: 6px;
        bottom: 6px;
        width: 34px;
        height: 16px;
        line-height: 16px;
        opacity: 0.5;
        border-radius: 1px;
        border: solid 0.5px #ffffff;
        font-size: 11px;
        font-weight: 300;
        color: #fff;
        text-align: center;
        font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-read .tips-bar[data-v-3d267de4] {
    margin: 8px 0;
}
.page-read .tips-bar img[data-v-3d267de4] {
      display: block;
      width: 100%;
      height: auto;
}
/* thin border */
.menu-wrap-fixed[data-v-37343bac] {
  position: fixed;
  top: 0px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 20px 16px;
  line-height: 20px;
  background: #fff;
  z-index: 1111;
}
.menu-wrap-fixed .menu-item[data-v-37343bac] {
    font-size: 14px;
    color: #3A3A3A;
    padding-bottom: 2px;
    margin-right: 22px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.menu-wrap-fixed .menu-item.active[data-v-37343bac] {
      border-bottom: 2px solid #F75946;
}
.menu-wrap[data-v-37343bac] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px 16px;
  line-height: 20px;
}
.menu-wrap .menu-item[data-v-37343bac] {
    font-size: 14px;
    color: #3A3A3A;
    padding-bottom: 2px;
    margin-right: 22px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.menu-wrap .menu-item.active[data-v-37343bac] {
      border-bottom: 2px solid #F75946;
}
/* thin border */
.page-recall .recall-online {
  margin-top: 100px;
}
.page-recall .recall-online .detail .info-block {
    background-color: #ffffff;
    padding: 15px 20px 20px 20px;
    margin-bottom: 8px;
}
.page-recall .recall-online .detail .info-block .detail-info {
      height: 50px;
}
.page-recall .recall-online .detail .info-block .detail-info .icon {
        display: inline-block;
        vertical-align: middle;
        height: 32px;
}
.page-recall .recall-online .detail .info-block .detail-info .icon img {
          width: 32px;
          height: 32px;
          border-radius: 50%;
}
.page-recall .recall-online .detail .info-block .detail-info .name {
        display: inline-block;
        vertical-align: middle;
        margin-left: 22px;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        color: #3a3a3a;
        width: 80px;
        overflow: hidden;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-recall .recall-online .detail .info-block .detail-info .reward {
        float: right;
        vertical-align: middle;
        color: #F75946;
        height: 50px;
        line-height: 50px;
}
.page-recall .recall-online .detail .info-block .detail-info .reward span {
          font-size: 14px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.page-recall .recall-online .detail .info-block .detail-info .reward span:nth-child(2) {
          font-size: 18px;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-recall .recall-online .detail .info-block .detail-info .status {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        float: right;
        color: #FF5F22;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-recall .recall-online .detail .info-block .detail-info .status.fail {
          color: #45A8AD;
}
.page-recall .recall-online .detail .info-block .title {
      font-size: 18px;
      height: 25px;
      line-height: 25px;
      margin-bottom: 10px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-recall .recall-online .detail .info-block .sub-title {
      width: 347px;
      background: #F8F8F8;
      vertical-align: middle;
      font-size: 14px;
      height: 76px;
      line-height: 20px;
      color: #3a3a3a;
      margin: 0 auto 5px;
      padding: 8px 14px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-recall .recall-online .detail .info-block .sub-title span {
        color: #F75946;
        font-size: 16px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-recall .recall-online .detail .footer {
    margin-top: 50px;
    height: 280px;
}
.page-recall .recall-online .detail .footer img {
      width: 100%;
      height: 180px;
}
/* thin border */
.page[data-v-63c9214a] {
  background: #fff;
}
.page-content[data-v-63c9214a] {
  margin-top: 32px;
  text-align: center;
  background: #fff;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-content .cf6[data-v-63c9214a] {
    color: #f75946;
    font-weight: 600;
}
.page-content .expand-detail[data-v-63c9214a] {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    border: solid 0.5px #dddddd;
    color: #b5b5b5;
    font-size: 11px;
    margin-top: 26px;
}
.page-content .top-section[data-v-63c9214a] {
    background: #ffffff;
    padding-bottom: 24px;
}
.page-content .top-section .level-info[data-v-63c9214a] {
      position: relative;
      text-align: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 32px;
}
.page-content .top-section .level-info .i-level[data-v-63c9214a] {
        display: block;
        width: 98px;
        height: 90px;
        margin: 0 auto 32px;
}
.page-content .top-section .level-info .cur-level[data-v-63c9214a] {
        position: absolute;
        top: 16px;
        left: 0;
        right: 0;
        color: #fff;
}
.page-content .top-section .tips[data-v-63c9214a] {
      text-align: center;
      color: #b5b5b5;
      font-size: 13px;
      margin-top: 10px;
}
.page-content .top-section .progress[data-v-63c9214a] {
      position: relative;
      width: 335px;
      height: 10px;
      background: #eeeeee;
      border-radius: 30px;
      margin: 0 auto;
}
.page-content .top-section .progress span.from[data-v-63c9214a] {
        position: absolute;
        top: -20px;
        left: 0;
        font-size: 13px;
        text-align: left;
        color: #aaaaaa;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content .top-section .progress span.to[data-v-63c9214a] {
        position: absolute;
        top: -20px;
        right: 0;
        font-size: 13px;
        text-align: left;
        color: #aaaaaa;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content .top-section .progress .ftr[data-v-63c9214a] {
        position: absolute;
        top: -25px;
        margin-left: -30px;
        display: inline-block;
        padding: 0 6px;
        height: 19px;
        line-height: 19px;
        border-radius: 2px;
        background-color: #ffc236;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        z-index: 11;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.5s ease-in 1.1s;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content .top-section .progress .ftr[data-v-63c9214a]::after {
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          border-left: 3px solid transparent;
          border-right: 3px solid transparent;
          border-top: 3px solid #ffc236;
          position: absolute;
          bottom: -3px;
          left: 50%;
          margin-left: -2px;
}
.page-content .top-section .progress .perc[data-v-63c9214a] {
        height: 100%;
        background: #8c8c8c;
        transition: width 1s ease-in;
        border-radius: 50px;
        background-image: linear-gradient(to right, #ffdd55, #f75946);
}
.page-content .section[data-v-63c9214a] {
    background: #FFFFFF;
    padding: 24px 20px 24px;
}
.page-content .section .title[data-v-63c9214a] {
      line-height: 22px;
      font-size: 16px;
      font-weight: 600;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content .section .short-line[data-v-63c9214a] {
      width: 21px;
      height: 3px;
      background: #EEEEEE;
      margin: 10px auto 20px;
}
.page-content .section .level-coin[data-v-63c9214a] {
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content .section .level-coin span[data-v-63c9214a]:nth-child(1) {
        font-size: 32px;
}
.page-content .section .level-coin span[data-v-63c9214a]:nth-child(2) {
        font-size: 13px;
}
.page-content .section .sc-content[data-v-63c9214a] {
      font-size: 13px;
      line-height: 18px;
      text-align: left;
      color: #b5b5b5;
}
@-webkit-keyframes tst {
0% {
    width: 0%;
}
50% {
    width: 50%;
}
100% {
    width: 60%;
}
}
@keyframes tst {
0% {
    width: 0%;
}
50% {
    width: 50%;
}
100% {
    width: 60%;
}
}

@charset "UTF-8";
/* thin border */
.v-table-overflow[data-v-31650338] {
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.v-table-overflow .ftr-trail[data-v-31650338] {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 12px;
    line-height: 14px;
    background-color: #ffc236;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.v-table-overflow .ftr-times[data-v-31650338] {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 12px;
    line-height: 12px;
    background-color: #6dc485;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.v-table-overflow col[data-v-31650338]:first-child {
    width: 60px;
}
.v-table-overflow col[data-v-31650338] {
    width: 82px;
}
.v-table-overflow col[data-v-31650338]:last-child {
    width: 80px;
}
.v-table-overflow tbody[data-v-31650338] {
    /* 第二行 */
    /* 第一列跟第一行字体特殊 */
}
.v-table-overflow tbody tr[data-v-31650338]:nth-child(2) {
      /* 不是第一个元素 */
}
.v-table-overflow tbody tr:nth-child(2) td[data-v-31650338]:not(:first-child) {
        color: #f75946;
        font-weight: 600;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.v-table-overflow tbody td[data-v-31650338]:first-child, .v-table-overflow tbody tr[data-v-31650338]:first-child {
      font-weight: 600;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.v-table-overflow tbody tr[data-v-31650338]:nth-child(odd) {
      background: #f5f5f5;
}
.v-table-overflow tbody tr[data-v-31650338]:nth-child(even) {
      background: #FAFAFA;
}
.v-table-overflow td[data-v-31650338] {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    color: #3a3a3a;
    font-size: 13px;
    position: relative;
    height: 40px;
    line-height: 38px;
}
.v-table-overflow td[data-v-31650338]:last-child {
    border-right: none;
}

/* 等级奖励说明 */
.v-table[data-v-31650338] {
  font-size: 0px;
  line-height: 0px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.v-table .i-ms-level[data-v-31650338] {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin: 5px 0 5px 11px;
}
.v-table td[data-v-31650338] {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    color: #3a3a3a;
    box-sizing: border-box;
    vertical-align: middle;
}
.v-table td[data-v-31650338]:last-child {
    border-right: none;
}
.v-table tr[data-v-31650338]:first-child {
    font-size: 13px;
    height: 40px;
    line-height: 38px;
}
.v-table tbody[data-v-31650338] {
    /* 第一行 */
    /* 第二行开始 */
}
.v-table tbody tr[data-v-31650338]:first-child {
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.v-table tbody tr[data-v-31650338]:not(:first-child) {
      /* 第一列 */
}
.v-table tbody tr:not(:first-child) td[data-v-31650338]:not(:first-child) {
        color: #3a3a3a;
        font-size: 13px;
        text-align: center;
}
.v-table tbody tr:not(:first-child) td[data-v-31650338]:first-child {
        padding-left: 10px;
        font-size: 0px;
        font-weight: 600;
        text-align: left;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.v-table tbody tr:not(:first-child) td:first-child .number[data-v-31650338] {
          display: inline-block;
          width: 16px;
          line-height: 38px;
          vertical-align: middle;
          font-size: 11px;
}
.v-table tbody tr[data-v-31650338]:nth-child(even) {
      background: #FAFAFA;
}
.v-table tbody tr[data-v-31650338]:nth-child(odd) {
      background: #f5f5f5;
}
.v-table thead td[data-v-31650338] {
    background: #f5f5f5;
    font-size: 13px;
    color: #3a3a3a;
    line-height: 37px;
}
/* thin border */
.page-group .punch-container[data-v-49654336] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #fff;
}
.page-group .punch-container .background-img[data-v-49654336] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 189px;
    background: url("//qkassets.qkcdn.com/images/assets/9a4748ff0838e878a20921efb86f4a8e.png") no-repeat left top/cover;
}
.page-group .punch-container .header[data-v-49654336] {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.page-group .punch-container .header .back[data-v-49654336] {
      width: 40px;
      height: 40px;
      overflow: hidden;
      float: left;
      display: inline-block;
      margin-top: 25px;
      padding-right: 39px;
      padding-left: 20px;
}
.page-group .punch-container .header .back img[data-v-49654336] {
        width: 11px;
        height: 16px;
        margin-top: 10px;
}
.page-group .punch-container .header .packet[data-v-49654336] {
      /* font-size: 16px;
        line-height: 14px;
        color: #fff;
        float: left; */
      width: 231px;
      height: 30px;
      margin-top: 30px;
      display: inline-block;
      text-align: center;
      background: url("//qkassets.qkcdn.com/images/assets/3f6d1ec2611fd9375daa89f7b3e5f5da.png") no-repeat center/cover;
      margin-left: 15px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-group .punch-container .header .quit[data-v-49654336] {
      width: 68px;
      height: 24px;
      line-height: 22px;
      border-radius: 13px 0 0 13px;
      font-size: 12px;
      color: #fff;
      border: 1px solid #faaa9d;
      float: right;
      text-align: center;
      margin-top: 31px;
      background: #f86f5a;
      border-right: none;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-group .punch-container .boundary[data-v-49654336] {
    height: 8px;
    width: 100%;
    background: #FBFBFB;
}
.page-group .punch-container .activity-rules[data-v-49654336] {
    padding: 22px 30px;
    background: #fff;
    text-align: justify;
}
.page-group .punch-container .activity-rules h4[data-v-49654336] {
      font-size: 16px;
      line-height: 22px;
      color: #4A4A4A;
      margin: 0;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-group .punch-container .activity-rules .rules[data-v-49654336] {
      margin-top: 7px;
      color: #4A4A4A;
      font-size: 13px;
      line-height: 22px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
/* thin border */
.register[data-v-0c2e5440] {
  position: relative;
  width: 339px;
  height: 205px;
  overflow: hidden;
  padding: 31px 20px 20px 20px;
  margin: 0 auto;
  border-radius: 8px;
  background: #fff;
}
.register .register-shadow[data-v-0c2e5440] {
    width: 335px;
    height: 90px;
    position: absolute;
    bottom: 9px;
    z-index: 0;
    left: 2px;
    border-radius: 20px;
    box-shadow: 0 2px 3px whitesmoke;
    -webkit-box-shadow: 0 4px 8px whitesmoke;
}
.register .days[data-v-0c2e5440] {
    margin-bottom: 20px;
}
.register .days li[data-v-0c2e5440] {
      font-size: 12px;
      color: #B5B5B5;
      line-height: 17px;
      margin-right: 13px;
      float: left;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.register .days li[data-v-0c2e5440]:last-child {
        margin-right: 0;
}
.register .days li.register-day[data-v-0c2e5440] {
        color: #3A3A3A;
}
.register .progress-bar[data-v-0c2e5440] {
    margin-bottom: 58px;
    height: 6px;
    margin-left: 10px;
}
.register .progress-bar li[data-v-0c2e5440] {
      position: relative;
      float: left;
      width: 12px;
      height: 12px;
      background: #F5F5F5;
      border-radius: 50%;
      margin-right: 32px;
}
.register .progress-bar li.has-register[data-v-0c2e5440] {
        position: relative;
        float: left;
        width: 12px;
        height: 12px;
        background: url("//qkassets.qkcdn.com/images/assets/4c91302cd8afdcfd9ccce7445ca1c22e.png") no-repeat center/cover;
}
.register .progress-bar li.has-register span[data-v-0c2e5440] {
          position: absolute;
          width: 27px;
          height: 2px;
          background: #F75946;
          left: 13px;
          top: 4px;
}
.register .progress-bar li span[data-v-0c2e5440] {
        position: absolute;
        width: 27px;
        height: 2px;
        background: #F5F5F5;
        left: 13px;
        top: 4px;
}
.register .progress-bar li[data-v-0c2e5440]:nth-child(6) {
        margin-right: 19px;
}
.register .progress-bar li:nth-child(6) span[data-v-0c2e5440] {
          width: 20px;
}
.register .progress-bar li.packet[data-v-0c2e5440] {
        margin-right: 0;
        top: -13px;
        width: 38px;
        height: 38px;
        background: url("//qkassets.qkcdn.com/images/assets/0c7466152225b2799c6d1afdd5923c9c.png") no-repeat center/cover;
}
.register .progress-bar li.packet span[data-v-0c2e5440] {
          position: absolute;
          top: 47px;
          left: -5px;
          width: 50px;
          height: 16px;
          border-radius: 8px;
          background: #F75946;
          font-size: 10px;
          color: #fff;
          line-height: 16px;
          -ms-text-size-adjust: auto;
              text-size-adjust: auto;
          -webkit-text-size-adjust: auto;
          text-align: center;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.register .progress-bar li.packet i[data-v-0c2e5440] {
          position: absolute;
          top: 43px;
          left: 15px;
          width: 9px;
          height: 4px;
          background: url("//qkassets.qkcdn.com/images/assets/d0b5785ec21074161acaf2aae6319cc9.png") no-repeat center/cover;
}
.register .progress-bar li.double[data-v-0c2e5440] {
        background: url("//qkassets.qkcdn.com/images/assets/bd1382637d70674983a6bfc3bb075c92.png") no-repeat center/cover;
}
.register .progress-bar li.colonel[data-v-0c2e5440] {
        background: url("//qkassets.qkcdn.com/images/assets/5567a64ec13cf9f7fc8122e5f84163d9.png") no-repeat center/cover !important;
}
.register .progress-bar li.League span[data-v-0c2e5440] {
        width: 56px;
        left: -9px;
}
.register .progress-bar li.awards[data-v-0c2e5440] {
        background: url("//qkassets.qkcdn.com/images/assets/fb37efa44680cbe4e2b2526f4d357022.png") no-repeat center/cover !important;
}
.register .attendance[data-v-0c2e5440] {
    width: 275px;
    height: 48px;
    line-height: 48px;
    border-radius: 25px;
    background: #f5f5f5;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.register .attendance span[data-v-0c2e5440] {
      font-size: 16px;
      color: #ddd;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.register .clockon[data-v-0c2e5440] {
    background: #F75946;
}
.register .clockon span[data-v-0c2e5440] {
      color: #fff;
}
.register .clockon[data-v-0c2e5440]:active {
      background-color: #d53926;
}
.register .clockoff[data-v-0c2e5440] {
    background: #FDCFC9;
}
.register .clockoff span[data-v-0c2e5440] {
      color: #fff;
}
/* thin border */
.punch[data-v-65f06e7e] {
  margin-top: 33px;
}
.punch .title[data-v-65f06e7e] {
    text-align: center;
}
.punch .title span[data-v-65f06e7e] {
      position: relative;
      font-size: 16px;
      line-height: 16px;
      color: #4A4A4A;
      font-family: "PingFangSC-Bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 600;
}
.punch .title span i[data-v-65f06e7e] {
        color: #F75946;
}
.punch .title span em[data-v-65f06e7e] {
        color: #F75946;
        margin: 0 5px;
}
.punch .title span[data-v-65f06e7e]::before {
        content: '';
        position: absolute;
        left: -36px;
        top: 8px;
        width: 24px;
        height: 4px;
        background: url("//qkassets.qkcdn.com/images/assets/35369e3647cbf60818465f03b98495e0.png") no-repeat center/cover;
}
.punch .title span[data-v-65f06e7e]::after {
        content: '';
        position: absolute;
        right: -30px;
        top: 8px;
        width: 24px;
        height: 4px;
        background: url("//qkassets.qkcdn.com/images/assets/b90d3875fe813ddc9b523799fd0a0586.png") no-repeat center/cover;
}
.punch .sub-title[data-v-65f06e7e] {
    margin-top: 8px;
    color: #B5B5B5;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.punch .groun-punch[data-v-65f06e7e] {
    margin: 19px 32px 23px 32px;
}
.punch .groun-punch li[data-v-65f06e7e] {
      float: left;
      margin-right: 17px;
      width: 48px;
      overflow: hidden;
}
.punch .groun-punch li[data-v-65f06e7e]:first-child {
        margin-right: 14px;
        width: 54px;
        margin-top: 0;
}
.punch .groun-punch li:first-child .role[data-v-65f06e7e] {
          margin-bottom: 5px;
}
.punch .groun-punch li .avatar[data-v-65f06e7e] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid #fdb8a0;
        margin-bottom: 8px;
        overflow: hidden;
        margin-top: 3px;
}
.punch .groun-punch li .avatar img[data-v-65f06e7e] {
          width: 48px;
          height: 48px;
}
.punch .groun-punch li .name[data-v-65f06e7e] {
        width: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 11px;
        line-height: 11px;
        color: #3a3a3a;
        text-align: center;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.punch .groun-punch li .unClockname[data-v-65f06e7e] {
        color: #B5B5B5;
}
.punch .groun-punch li .invitename[data-v-65f06e7e] {
        color: #FE8053;
}
.punch .groun-punch li.lock[data-v-65f06e7e] {
        border: none;
}
.punch .groun-punch li.lock .avatar[data-v-65f06e7e] {
          background: #fef2ed;
          text-align: center;
          line-height: 42px;
}
.punch .groun-punch li.lock .avatar img[data-v-65f06e7e] {
            width: 18px;
            height: 21px;
            vertical-align: middle;
}
.punch .groun-punch li.lock .role[data-v-65f06e7e] {
          position: relative;
          border: 3px solid #FFDD55;
          width: 54px;
          height: 54px;
}
.punch .groun-punch li.lock .role img[data-v-65f06e7e] {
            width: 48px;
            height: 48px;
}
.punch .groun-punch li.lock .role span[data-v-65f06e7e] {
            position: absolute;
            bottom: 0;
            left: 10px;
            width: 24px;
            height: 13px;
            line-height: 13px;
            border-radius: 3px 3px 4px 4px;
            background: #FFDD55;
            color: #8A4343;
            text-align: center;
            font-size: 9px;
            z-index: 9;
            font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
            font-weight: 400;
}
.punch .groun-punch li.unlock[data-v-65f06e7e] {
        border: none;
}
.punch .groun-punch li.unlock .avatar[data-v-65f06e7e] {
          position: relative;
          background: #fef2ed;
          text-align: center;
          line-height: 42px;
}
.punch .groun-punch li.unlock .avatar img[data-v-65f06e7e] {
            width: 18px;
            height: 18px;
            vertical-align: middle;
}
.punch .groun-punch li.unlock .normal[data-v-65f06e7e] {
          border: none;
}
.punch .groun-punch li.unlock .normal img[data-v-65f06e7e] {
            width: 48px;
            height: 48px;
}
.punch .groun-punch li.unlock .normal img.unClock[data-v-65f06e7e] {
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              opacity: 0.2;
              z-index: 5;
              background: #fff;
}
.punch .groun-punch li.unlock .role[data-v-65f06e7e] {
          position: relative;
          border: 3px solid #FFDD55;
          width: 54px;
          height: 54px;
          margin-top: 0;
}
.punch .groun-punch li.unlock .role img[data-v-65f06e7e] {
            width: 48px;
            height: 48px;
}
.punch .groun-punch li.unlock .role img.unClock[data-v-65f06e7e] {
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              opacity: 0.5;
              z-index: 5;
              background: #fff;
}
.punch .groun-punch li.unlock .role span[data-v-65f06e7e] {
            position: absolute;
            bottom: 0;
            left: 13px;
            width: 24px;
            height: 13px;
            line-height: 13px;
            border-radius: 3px 3px 4px 4px;
            background: #FFDD55;
            color: #8A4343;
            text-align: center;
            font-size: 9px;
            z-index: 9;
            font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
            font-weight: 400;
}
.punch .groun-punch li.stay .avatar[data-v-65f06e7e] {
        border: 1px solid #E4E2E2;
        background: #F5F5F5;
}
.punch .groun-punch li.stay .avatar img[data-v-65f06e7e] {
          width: 24px;
          height: 13px;
}
.punch .groun-punch li.stay .invitename[data-v-65f06e7e] {
        color: #B5B5B5;
}
.punch .groun-punch li[data-v-65f06e7e]:last-child {
        margin-right: 0;
}
.punch .deblocking[data-v-65f06e7e] {
    width: 275px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    background: #F75946;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto 20px auto;
}
.punch .deblocking span[data-v-65f06e7e] {
      color: #fff;
      font-size: 16px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.punch .deblocking[data-v-65f06e7e]:active {
      background-color: #d53926;
}

@charset "UTF-8";
/* thin border */
/* 挂载到 vonic components 内部的样式写在这里 */
/* thin border */
/* 首页入口 */
.qk-entrances > .row:first-of-type > .hairline-top[data-v-00ff148e],
.qk-entrances > .hairline-bottom[data-v-00ff148e] {
  display: none;
}
.qk-entrances .hairline-top[data-v-00ff148e]::before, .qk-entrances .hairline-top[data-v-00ff148e]::after, .qk-entrances .hairline-bottom[data-v-00ff148e]::before, .qk-entrances .hairline-bottom[data-v-00ff148e]::after, .qk-entrances .hairline-left[data-v-00ff148e]::before, .qk-entrances .hairline-left[data-v-00ff148e]::after, .qk-entrances .hairline-right[data-v-00ff148e]::before, .qk-entrances .hairline-right[data-v-00ff148e]::after {
  background: #EEE !important;
}
.qk-entrance[data-v-00ff148e] {
  position: relative;
  height: 88px;
  padding: 25px 0 0 68px;
  text-align: left;
  z-index: 2;
}
.qk-entrance[data-v-00ff148e]:active {
    background-color: rgba(234, 90, 73, 0.02);
}
.qk-entrance .icon[data-v-00ff148e] {
    position: absolute;
    top: 28px;
    left: 20px;
    width: 34px;
    height: 34px;
}
.qk-entrance .title[data-v-00ff148e] {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    display: inline-block;
    color: #484746;
    position: relative;
}
.qk-entrance .title .tag[data-v-00ff148e] {
      position: absolute;
      height: 14px;
      top: -11px;
      padding: 0 5px;
      margin-left: 2px;
      left: 52px;
      border-radius: 2px;
      background-size: 100% 100%;
}
.qk-entrance .title .tag img[data-v-00ff148e] {
        height: 14px;
}
.qk-entrance .title .tag .text[data-v-00ff148e] {
        position: absolute;
        top: -3px;
        left: 10px;
        font-size: 8px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
.qk-entrance .desc[data-v-00ff148e] {
    font-size: 12px;
    line-height: 17px;
    color: #b5b5b5;
}
.qk-withdraw-detail-input .hl-item-borderless-top .hairline-top[data-v-00ff148e]::before {
  visibility: hidden;
}
.qk-withdraw-detail-input .hl-item-borderless-bottom .hairline-bottom[data-v-00ff148e]::after {
  visibility: hidden;
}
.qk-withdraw-detail-input .button[data-v-00ff148e] {
  border-radius: 2px;
}
[qk-progress-bar][data-v-00ff148e] {
  top: 44px !important;
}
.modal-open-1000 .modal-backdrop[data-v-00ff148e] {
  z-index: 1000;
}
.modal-open-1000.modal-open[data-v-00ff148e] {
  pointer-events: auto !important;
}
.modal-open-1000.popup-open[data-v-00ff148e] {
  pointer-events: auto !important;
}
.popup-container[data-v-00ff148e] {
  width: 375px;
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
.popup-container[data-v-00ff148e] {
    width: 100%;
}
}
.von-input-1.von-input-wrapper .von-input[data-v-00ff148e] {
  padding-left: 16px;
}
.von-input-1 .input-label[data-v-00ff148e] {
  width: auto;
  padding-right: 16px;
}

/* 全局样式覆盖 */
body[font="pingfang"][data-v-00ff148e] {
  font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
body[font="pingfang"] .font-regular[data-v-00ff148e] {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
body[font="pingfang"] .font-medium[data-v-00ff148e] {
    font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 500;
}
body[font="pingfang"] .font-bold[data-v-00ff148e] {
    font-family: "PingFangSC-Bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 600;
}
body[font="pingfang"] .font-hzgb[data-v-00ff148e] {
    font-family: "hzgb", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page .page-content[data-v-00ff148e] {
  background-color: #F5F5F5;
}
textarea[data-v-00ff148e], input[type][data-v-00ff148e] {
  font-weight: 300;
  color: #484746;
}
textarea[data-v-00ff148e]::-webkit-input-placeholder, input[type][data-v-00ff148e]::-webkit-input-placeholder {
    color: #b5b5b5;
}
.popup-body[data-v-00ff148e] {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.popup-body .hairline-bottom[data-v-00ff148e]::after {
    background-color: #EEEEEE;
}
.popup-body .button-close .ion-ios-close-empty[data-v-00ff148e] {
    position: absolute;
    top: -1px;
    right: 10px;
    width: 14px;
    height: 14px;
}
.popup-body .button-close .ion-ios-close-empty[data-v-00ff148e]::before {
      content: ' ';
      width: 16px;
      height: 16px;
      background-image: url(//qkassets.qkcdn.com/images/assets/3ce4e07ec1b73a39d0757881f7f2ac37.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
}
.popup-buttons > .button[data-v-00ff148e] {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-buttons > .button .hairline-right[data-v-00ff148e]::after {
    background-color: #EEEEEE;
}
.popup-buttons > .button:last-child .hairline-right[data-v-00ff148e]::after {
    visibility: hidden;
}
.modal .bar.bar-dark[data-v-00ff148e] {
  background-color: rgba(45, 44, 51, 0.98) !important;
}
.modal .bar.bar-dark h1.title[data-v-00ff148e] {
    font-weight: 300;
}
.button-assertive[data-v-00ff148e]:active {
  background-color: #D25041 !important;
}
.button-positive[data-v-00ff148e]:active {
  background-color: #447DC4 !important;
}
.button-light[data-v-00ff148e]:active {
  background-color: #fbfbfb !important;
}
.text-ellipsis[data-v-00ff148e] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.hairline-stand-alone[data-v-00ff148e] {
  height: 1px;
  display: block;
  background-color: #eee;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  -ms-transform: scaleY(0.5);
      transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.hairline-stand-alone.vertical[data-v-00ff148e] {
  height: 100%;
  width: 1px;
  background-color: #eee;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform: scaleX(0.5);
      transform: scaleX(0.5);
  -webkit-transform: scaleX(0.5);
}
.divider[data-v-00ff148e] {
  height: 10px;
}
.clearfix[data-v-00ff148e] {
  clear: both;
}
.shift-right[data-v-00ff148e] {
  margin-right: -16px !important;
}
.right[data-v-00ff148e] {
  float: right !important;
}
.left[data-v-00ff148e] {
  float: left !important;
}
.invited-container[data-v-00ff148e] {
  position: relative !important;
  overflow: inherit !important;
  z-index: 15 !important;
}
.invited-container .popup-invited-body[data-v-00ff148e] {
    padding: 22px 18px 0 18px !important;
    border-bottom: none !important;
}
.invited-container .popup-invited-body .invite-title[data-v-00ff148e] {
      font-size: 16px;
      color: #3A3A3A;
      line-height: 22px;
      text-align: center;
      margin-bottom: 20px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.invited-container .popup-invited-body .closed[data-v-00ff148e] {
      position: absolute;
      right: 14px;
      top: 14px;
      width: 14px;
      height: 14px;
}
.invited-container .popup-invited-body .closed img[data-v-00ff148e] {
        width: 14px;
        height: 14px;
}
.invited-container .popup-invited-body .input-id[data-v-00ff148e] {
      padding: 14px 0 15px 0;
      margin: 10px 0 13px 0;
      color: #B5B5B5;
      width: 237px;
      height: 54px;
      background: #f5f5f5;
      border-radius: 4px;
}
.invited-container .popup-invited-body .input-id input[data-v-00ff148e] {
        background: #f5f5f5;
        text-align: center;
        font-size: 16px;
        color: #3A3A3A;
        letter-spacing: 0px;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.invited-container .popup-invited-body .input-id input[data-v-00ff148e]:focus::-webkit-input-placeholder {
        color: transparent;
        /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}
.invited-container .popup-invited-body .input-id input[data-v-00ff148e]:focus {
        letter-spacing: 3px;
}
.invited-container .popup-invited-body .prompt[data-v-00ff148e] {
      font-size: 13px;
      color: #B5B5B5;
      line-height: 13px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.invited-container .popup-invited-body .hairline-bottom[data-v-00ff148e]::after {
      content: '';
      height: 0 !important;
}
.invited-container .popup-buttons[data-v-00ff148e] {
    width: 144px;
    height: 48px;
    margin: 24px auto 20px auto;
}
.invited-container .popup-buttons .button-block[data-v-00ff148e] {
      background: #F75946 !important;
      border-radius: 24px !important;
}
.invited-container .popup-buttons .button-block span[data-v-00ff148e] {
        line-height: 20px !important;
        text-align: center !important;
        color: #fff !important;
        font-size: 14px !important;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.invited-container .popup-buttons .button-block[data-v-00ff148e]:active {
        background: #d53926;
}
/* thin border */
.group-referral[data-v-17e939bc] {
  width: 275px;
}
.group-referral .icon[data-v-17e939bc] {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 95px;
    top: -50px;
}
.group-referral .icon img[data-v-17e939bc] {
      height: 95px;
}
.group-referral .title[data-v-17e939bc] {
    text-align: center;
    color: #3A3A3A;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 63px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.group-referral .desc-content[data-v-17e939bc] {
    padding: 0 24px;
}
.group-referral .desc-content div[data-v-17e939bc] {
      margin-bottom: 8px;
      font-size: 13px;
      line-height: 18px;
      color: #3A3A3A;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.group-referral .desc-content div[data-v-17e939bc]:last-child {
        margin-bottom: 32px;
}
.group-referral .footer[data-v-17e939bc] {
    float: right;
    margin-right: 24px;
    font-size: 13px;
    padding-bottom: 40px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.page[data-v-dac34e18] {
  padding: 0 20px;
  background: #fff;
  text-align: center;
}
.page .title[data-v-dac34e18] {
    font-size: 16px;
    color: #3A3A3A;
    line-height: 22px;
    margin-top: 40px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page .v-short-line[data-v-dac34e18] {
    width: 21px;
    height: 3px;
    background: #eeeeee;
    margin: 10px auto 15px;
}
.page .desc[data-v-dac34e18] {
    font-size: 14px;
    color: #3A3A3A;
    line-height: 22px;
    text-align: left;
    font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.shoutu-entrance[data-v-63e1ca8e] {
  position: fixed;
  z-index: 9;
  right: 8px;
  bottom: 8px;
  width: 120px;
  height: 120px;
  object-fit: contain;
  background: url("//qkassets.qkcdn.com/images/assets/f753540ece86924c46c1e229639ba45a.png");
  background-size: contain;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.shoutu-entrance[data-v-63e1ca8e] {
    bottom: 42px !important;
}
}
.page-explore .explore-content[data-v-63e1ca8e] {
  margin-top: 100px;
}
.page-explore .explore-content .tab[data-v-63e1ca8e] {
    background-color: #ffffff;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 0;
    margin-bottom: 8px;
}
.page-explore .explore-content .tab .tab-item[data-v-63e1ca8e] {
      display: inline-block;
      width: 50%;
      max-width: none;
      text-align: center;
      font-size: 13px;
      color: #B5B5B5;
      letter-spacing: 0.9px;
      opacity: 1 !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-explore .explore-content .tab .tab-item[data-v-63e1ca8e]:first-child {
        padding-left: 20px;
        position: relative;
}
.page-explore .explore-content .tab .tab-item:first-child .new-tip[data-v-63e1ca8e] {
          position: absolute;
          top: 3px;
          left: 131px;
          display: inline-block;
          padding: 1px 3px;
          line-height: 14px;
          background-color: #F75946;
          font-size: 10px;
          color: #ffffff;
          border-radius: 2px;
          box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
          letter-spacing: -1px;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-explore .explore-content .tab .tab-item:first-child .new-tip[data-v-63e1ca8e]::after {
            content: ' ';
            position: absolute;
            bottom: -4px;
            left: 6px;
            border-right: 4px solid transparent;
            border-left: 4px solid #F75946;
            border-bottom: 4px solid transparent;
}
.page-explore .explore-content .tab .tab-item[data-v-63e1ca8e]:last-child {
        padding-right: 20px;
}
.page-explore .explore-content .tab .tab-item.active[data-v-63e1ca8e] {
        color: #4A90E2;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-explore .explore-content .tab .tab-item.active .selected[data-v-63e1ca8e] {
          position: relative;
          top: -3px;
          margin: 0 auto;
          width: 28px;
          height: 3px;
          background-color: #4A90E2;
}
.page-explore .explore-content .tip[data-v-63e1ca8e] {
    width: 100%;
    height: 36px;
    background-color: #FFF5E3;
    color: #3a3a3a;
    font-size: 13px;
    line-height: 38px;
    margin-bottom: 8px;
    margin-top: -8px;
    padding-left: 20px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-explore .explore-content .explore-block[data-v-63e1ca8e] {
    padding: 15px 20px 0;
    background-color: #ffffff;
    font-size: 0;
}
.page-explore .explore-content .explore-block.my-explore[data-v-63e1ca8e] {
      margin-bottom: 8px;
}
.page-explore .explore-content .explore-block .title[data-v-63e1ca8e] {
      display: inline-block;
      font-size: 18px;
      height: 25px;
      line-height: 25px;
      color: #3a3a3a;
      margin-right: 10px;
      margin-bottom: 5px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-explore .explore-content .explore-block .sub-title[data-v-63e1ca8e] {
      display: inline-block;
      font-size: 13px;
      color: #B5B5B5;
      height: 18px;
      line-height: 18px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-explore .explore-content .copyright-img[data-v-63e1ca8e] {
    margin: 50px auto;
    width: 100%;
}
.page-explore .explore-content .no-content[data-v-63e1ca8e] {
    text-align: center;
}
.page-explore .explore-content .no-content .remind-title[data-v-63e1ca8e] {
      margin-top: 80px;
      margin-bottom: 9px;
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      color: #B5B5B5;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-explore .explore-content .no-content .remind-tip[data-v-63e1ca8e] {
      font-size: 14px;
      height: 20px;
      line-height: 20px;
      color: #B5B5B5;
      margin-bottom: 50px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-explore .explore-content .no-content img[data-v-63e1ca8e] {
      width: 100%;
      height: 180px;
}
.transparent-bg[data-v-63e1ca8e] {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
/* thin border */
.card-wraper[data-v-a82cfb2c] {
  position: relative;
  width: 100%;
  height: 88px;
  background-color: #ffffff;
}
.card-wraper .icon[data-v-a82cfb2c] {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 14px;
}
.card-wraper .icon img[data-v-a82cfb2c] {
      width: 60px;
      height: 60px;
      border-radius: 13px;
}
.card-wraper .title[data-v-a82cfb2c] {
    position: absolute;
    top: 20px;
    left: 72px;
    color: #3a3a3a;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.card-wraper .subtitle[data-v-a82cfb2c] {
    position: absolute;
    top: 50px;
    left: 72px;
    color: #B5B5B5;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.card-wraper .ongoing .reward-button[data-v-a82cfb2c] {
    position: absolute;
    top: 24px;
    right: 2px;
    width: 89px;
    height: 40px;
    line-height: 40px;
    background-color: #F75946;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 1px 4px 0 rgba(255, 53, 0, 0.25);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.card-wraper .reward[data-v-a82cfb2c] {
    color: #FFC236;
    font-size: 0px;
    position: absolute;
    top: 18px;
    right: 0;
    height: 28px;
}
.card-wraper .reward .plus[data-v-a82cfb2c] {
      float: left;
      font-size: 13px;
      height: 18px;
      line-height: 18px;
      margin-right: 4px;
      -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
              transform: translateY(8px);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.card-wraper .reward .num[data-v-a82cfb2c] {
      float: left;
      font-size: 24px;
      height: 28px;
      line-height: 28px;
      font-family: qiankaFont;
}
.card-wraper .reward .unit[data-v-a82cfb2c] {
      float: left;
      font-size: 13px;
      height: 18px;
      line-height: 18px;
      -webkit-transform: translateY(8px);
          -ms-transform: translateY(8px);
              transform: translateY(8px);
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.card-wraper .days[data-v-a82cfb2c] {
    position: absolute;
    top: 51px;
    right: 0;
    width: 84px;
    height: 16px;
    background: #FAFAFA;
    color: #B5B5B5;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    border-radius: 9px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.start-explore-popup[data-v-fc01737c] {
  width: 275px;
  overflow: hidden;
  position: relative !important;
  z-index: 221 !important;
  padding: 0 !important;
}
.start-explore-popup .start-explore[data-v-fc01737c] {
    height: 59px;
    padding: 15px 15px 12px 15px;
}
.start-explore-popup .start-explore .explore-pic[data-v-fc01737c] {
      width: 32px;
      height: 32px;
      overflow: hidden;
      float: left;
      margin-right: 5px;
      border-radius: 8px;
}
.start-explore-popup .start-explore .explore-pic img[data-v-fc01737c] {
        width: 32px;
        height: 32px;
}
.start-explore-popup .start-explore .explore-name[data-v-fc01737c] {
      width: 132px;
      float: left;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
}
.start-explore-popup .start-explore .explore-name span[data-v-fc01737c] {
        display: block;
        font-size: 13px;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
        line-height: 18px;
}
.start-explore-popup .start-explore .explore-name em[data-v-fc01737c] {
        font-style: normal;
        display: block;
        color: #B5B5B5;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
}
.start-explore-popup .start-explore .explore-coin[data-v-fc01737c] {
      float: right;
      color: #FFC236;
      margin-top: 7px;
}
.start-explore-popup .start-explore .explore-coin i[data-v-fc01737c] {
        font-style: normal;
        display: inline-block;
        width: 10px;
        height: 8px;
        background: url("//qkassets.qkcdn.com/images/assets/64db9227d56c3db4f076bdb598e3beff.png") no-repeat center/cover;
        vertical-align: middle;
        margin-right: -2px;
}
.start-explore-popup .start-explore .explore-coin span[data-v-fc01737c] {
        position: relative;
        top: 1px;
        left: -1px;
        font-size: 24px;
        font-family: 'qiankaFont';
}
.start-explore-popup .start-explore .explore-coin b[data-v-fc01737c] {
        font-style: normal;
        font-size: 13px;
        margin-left: -5px;
}
.start-explore-popup .start-explore-middle[data-v-fc01737c] {
    width: 275px;
    height: 152px;
    overflow: hidden;
}
.start-explore-popup .start-explore-middle img[data-v-fc01737c] {
      width: 275px;
      height: 152px;
}
.start-explore-popup .start-explore-bottom[data-v-fc01737c] {
    margin-top: 20px;
}
.start-explore-popup .start-explore-bottom .copywriting[data-v-fc01737c] {
      word-break: break-all;
      position: relative;
      font-size: 16px;
      color: #3a3a3a;
      width: 195px;
      line-height: 22px;
      text-align: center;
      margin: 0 auto;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.start-explore-popup .start-explore-bottom .copywriting[data-v-fc01737c]::before {
        content: '';
        width: 18px;
        height: 14px;
        position: absolute;
        left: -25px;
        top: 0;
        background: url("//qkassets.qkcdn.com/images/assets/d49b2f964b05f242c495b9eda365e434.png") no-repeat center;
}
.start-explore-popup .start-explore-bottom .copywriting[data-v-fc01737c]::after {
        content: '';
        width: 18px;
        height: 14px;
        position: absolute;
        right: -25px;
        top: 0;
        background: url("//qkassets.qkcdn.com/images/assets/fbc3804e3dd48501817a4448e360b142.png") no-repeat center;
}
.start-explore-popup .start-explore-bottom .start-btn[data-v-fc01737c] {
      width: 144px;
      height: 48px;
      margin: 20px auto;
      background: #4A90E2;
      border-radius: 24px;
      line-height: 48px;
      color: #fff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      text-align: center;
}

@charset "UTF-8";
/* thin border */
/* 挂载到 vonic components 内部的样式写在这里 */
/* thin border */
/* 首页入口 */
.qk-entrances > .row:first-of-type > .hairline-top[data-v-1140fca2],
.qk-entrances > .hairline-bottom[data-v-1140fca2] {
  display: none;
}
.qk-entrances .hairline-top[data-v-1140fca2]::before, .qk-entrances .hairline-top[data-v-1140fca2]::after, .qk-entrances .hairline-bottom[data-v-1140fca2]::before, .qk-entrances .hairline-bottom[data-v-1140fca2]::after, .qk-entrances .hairline-left[data-v-1140fca2]::before, .qk-entrances .hairline-left[data-v-1140fca2]::after, .qk-entrances .hairline-right[data-v-1140fca2]::before, .qk-entrances .hairline-right[data-v-1140fca2]::after {
  background: #EEE !important;
}
.qk-entrance[data-v-1140fca2] {
  position: relative;
  height: 88px;
  padding: 25px 0 0 68px;
  text-align: left;
  z-index: 2;
}
.qk-entrance[data-v-1140fca2]:active {
    background-color: rgba(234, 90, 73, 0.02);
}
.qk-entrance .icon[data-v-1140fca2] {
    position: absolute;
    top: 28px;
    left: 20px;
    width: 34px;
    height: 34px;
}
.qk-entrance .title[data-v-1140fca2] {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    display: inline-block;
    color: #484746;
    position: relative;
}
.qk-entrance .title .tag[data-v-1140fca2] {
      position: absolute;
      height: 14px;
      top: -11px;
      padding: 0 5px;
      margin-left: 2px;
      left: 52px;
      border-radius: 2px;
      background-size: 100% 100%;
}
.qk-entrance .title .tag img[data-v-1140fca2] {
        height: 14px;
}
.qk-entrance .title .tag .text[data-v-1140fca2] {
        position: absolute;
        top: -3px;
        left: 10px;
        font-size: 8px;
        color: #FFFFFF;
        font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 500;
}
.qk-entrance .desc[data-v-1140fca2] {
    font-size: 12px;
    line-height: 17px;
    color: #b5b5b5;
}
.qk-withdraw-detail-input .hl-item-borderless-top .hairline-top[data-v-1140fca2]::before {
  visibility: hidden;
}
.qk-withdraw-detail-input .hl-item-borderless-bottom .hairline-bottom[data-v-1140fca2]::after {
  visibility: hidden;
}
.qk-withdraw-detail-input .button[data-v-1140fca2] {
  border-radius: 2px;
}
[qk-progress-bar][data-v-1140fca2] {
  top: 44px !important;
}
.modal-open-1000 .modal-backdrop[data-v-1140fca2] {
  z-index: 1000;
}
.modal-open-1000.modal-open[data-v-1140fca2] {
  pointer-events: auto !important;
}
.modal-open-1000.popup-open[data-v-1140fca2] {
  pointer-events: auto !important;
}
.popup-container[data-v-1140fca2] {
  width: 375px;
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
.popup-container[data-v-1140fca2] {
    width: 100%;
}
}
.von-input-1.von-input-wrapper .von-input[data-v-1140fca2] {
  padding-left: 16px;
}
.von-input-1 .input-label[data-v-1140fca2] {
  width: auto;
  padding-right: 16px;
}

/* 全局样式覆盖 */
body[font="pingfang"][data-v-1140fca2] {
  font-family: "PingFangSC-Light", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
body[font="pingfang"] .font-regular[data-v-1140fca2] {
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
body[font="pingfang"] .font-medium[data-v-1140fca2] {
    font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 500;
}
body[font="pingfang"] .font-bold[data-v-1140fca2] {
    font-family: "PingFangSC-Bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 600;
}
body[font="pingfang"] .font-hzgb[data-v-1140fca2] {
    font-family: "hzgb", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page .page-content[data-v-1140fca2] {
  background-color: #F5F5F5;
}
textarea[data-v-1140fca2], input[type][data-v-1140fca2] {
  font-weight: 300;
  color: #484746;
}
textarea[data-v-1140fca2]::-webkit-input-placeholder, input[type][data-v-1140fca2]::-webkit-input-placeholder {
    color: #b5b5b5;
}
.popup-body[data-v-1140fca2] {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.popup-body .hairline-bottom[data-v-1140fca2]::after {
    background-color: #EEEEEE;
}
.popup-body .button-close .ion-ios-close-empty[data-v-1140fca2] {
    position: absolute;
    top: -1px;
    right: 10px;
    width: 14px;
    height: 14px;
}
.popup-body .button-close .ion-ios-close-empty[data-v-1140fca2]::before {
      content: ' ';
      width: 16px;
      height: 16px;
      background-image: url(//qkassets.qkcdn.com/images/assets/3ce4e07ec1b73a39d0757881f7f2ac37.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
}
.popup-buttons > .button[data-v-1140fca2] {
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-buttons > .button .hairline-right[data-v-1140fca2]::after {
    background-color: #EEEEEE;
}
.popup-buttons > .button:last-child .hairline-right[data-v-1140fca2]::after {
    visibility: hidden;
}
.modal .bar.bar-dark[data-v-1140fca2] {
  background-color: rgba(45, 44, 51, 0.98) !important;
}
.modal .bar.bar-dark h1.title[data-v-1140fca2] {
    font-weight: 300;
}
.button-assertive[data-v-1140fca2]:active {
  background-color: #D25041 !important;
}
.button-positive[data-v-1140fca2]:active {
  background-color: #447DC4 !important;
}
.button-light[data-v-1140fca2]:active {
  background-color: #fbfbfb !important;
}
.text-ellipsis[data-v-1140fca2] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.hairline-stand-alone[data-v-1140fca2] {
  height: 1px;
  display: block;
  background-color: #eee;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  -ms-transform: scaleY(0.5);
      transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.hairline-stand-alone.vertical[data-v-1140fca2] {
  height: 100%;
  width: 1px;
  background-color: #eee;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform: scaleX(0.5);
      transform: scaleX(0.5);
  -webkit-transform: scaleX(0.5);
}
.divider[data-v-1140fca2] {
  height: 10px;
}
.clearfix[data-v-1140fca2] {
  clear: both;
}
.shift-right[data-v-1140fca2] {
  margin-right: -16px !important;
}
.right[data-v-1140fca2] {
  float: right !important;
}
.left[data-v-1140fca2] {
  float: left !important;
}
.giveup-popup[data-v-1140fca2] {
  position: relative !important;
  padding: 0 20px !important;
  overflow: inherit !important;
  z-index: 15;
}
.giveup-popup .task-title[data-v-1140fca2] {
    line-height: 25px;
    padding-top: 20px;
    text-align: center;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-size: 18px;
}
.giveup-popup .task-content[data-v-1140fca2] {
    margin-top: 20px;
}
.giveup-popup .task-content li[data-v-1140fca2] {
      margin-bottom: 20px;
}
.giveup-popup .task-content li .task-pic[data-v-1140fca2] {
        width: 44px;
        height: 44px;
        overflow: hidden;
        float: left;
        margin-right: 12px;
}
.giveup-popup .task-content li .task-pic img[data-v-1140fca2] {
          width: 44px;
          height: 44px;
          border-radius: 11px;
}
.giveup-popup .task-content li .task-card[data-v-1140fca2] {
        width: 120px;
        float: left;
}
.giveup-popup .task-content li .task-card span[data-v-1140fca2] {
          display: block;
          font-size: 16px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
          line-height: 22px;
          color: #3a3a3a;
}
.giveup-popup .task-content li .task-card em[data-v-1140fca2] {
          letter-spacing: -0.4px;
          -webkit-transform: translate(-1px, 4px);
              -ms-transform: translate(-1px, 4px);
                  transform: translate(-1px, 4px);
          font-style: normal;
          color: #B5B5B5;
          height: 18px;
          display: block;
          line-height: 18px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.giveup-popup .task-content li .giveup-btn[data-v-1140fca2] {
        width: 54px;
        height: 26px;
        line-height: 26px;
        border-radius: 15px;
        color: #B5B5B5;
        border: 1px solid #B5B5B5;
        float: right;
        text-align: center;
        margin-top: 9px;
        font-size: 13px;
}
/* thin border */
.jail-broken[data-v-339f2538] {
  background-color: #f5f5f5;
}
.jail-broken .tips[data-v-339f2538] {
    margin: 80px auto 29px;
    width: 263px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.jail-broken .tips .assertive[data-v-339f2538] {
      text-decoration: underline;
      color: #f75946;
}
.jail-broken img[data-v-339f2538] {
    width: 100%;
}
/* thin border */
.page-content-upgrade[data-v-10fd4a8e] {
  background-color: #ffffff;
}
.page-content-upgrade .back[data-v-10fd4a8e] {
    position: absolute;
    top: 18px;
    left: 20px;
    height: 22px;
    line-height: 22px;
}
.page-content-upgrade .back img[data-v-10fd4a8e] {
      width: 11px;
      height: 16px;
      vertical-align: middle;
      margin-right: 2px;
}
.page-content-upgrade .back span[data-v-10fd4a8e] {
      color: #3A3A3A;
      font-size: 16px;
      vertical-align: middle;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content-upgrade .banner[data-v-10fd4a8e] {
    width: 100%;
    height: 149px;
    margin-top: 41px;
    margin-bottom: 40px;
}
.page-content-upgrade .banner img[data-v-10fd4a8e] {
      width: 100%;
      height: 149px;
}
.page-content-upgrade .title[data-v-10fd4a8e] {
    text-align: center;
    color: #3A3A3A;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 20px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content-upgrade .tips[data-v-10fd4a8e] {
    margin-left: 40px;
    margin-bottom: 6px;
    height: 18px;
    line-height: 18px;
    color: #3A3A3A;
    font-size: 13px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.page-content-upgrade .tips[data-v-10fd4a8e]:first-child {
      color: #F75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-content-upgrade .tips[data-v-10fd4a8e]:last-child {
      margin-bottom: 40px;
}
.page-content-upgrade .btn-upgrade[data-v-10fd4a8e] {
    display: block;
    margin: 0 auto 20px;
}
.page-content-upgrade .remind-tip[data-v-10fd4a8e] {
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    color: #B5B5B5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.new-header[data-v-05d2ca1c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  background-color: #f5f5f5;
  z-index: 9;
}
.new-header .page-title[data-v-05d2ca1c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 52px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.mobile-verify-content[data-v-05d2ca1c] {
  background: #FFFFFF;
  margin-top: 52px;
  padding: 25px 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.mobile-verify-content .label[data-v-05d2ca1c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 47px;
    position: relative;
}
.mobile-verify-content .title[data-v-05d2ca1c] {
    font-size: 16px;
    line-height: 47px;
}
.mobile-verify-content .input[data-v-05d2ca1c] {
    width: 200px;
    height: 46px;
    line-height: 24px;
    font-size: 16px;
    display: inline-block;
    padding: 12px 0;
    margin-left: 11px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.mobile-verify-content .input[data-v-05d2ca1c]::-webkit-input-placeholder {
      height: 46px;
      line-height: 22px;
      padding-top: 2px;
      font-size: 16px;
      color: #DDDDDD;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.mobile-verify-content .bottom-line[data-v-05d2ca1c] {
    width: 100%;
    height: 1px;
    border-top: 0.5px solid rgba(58, 58, 58, 0.1);
}
.mobile-verify-content .button-submit[data-v-05d2ca1c] {
    width: 263px;
    height: 48px;
    margin: 31px 40px;
    border-radius: 24px;
    opacity: 0.48;
    background: #f75946;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.mobile-verify-content .button-submit.can-submit[data-v-05d2ca1c] {
      opacity: 1;
      background: #f75946;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
}
.mobile-verify-content .button-submit.can-submit[data-v-05d2ca1c]:active {
        background: #F54738;
        box-shadow: none;
}
/* thin border */
.list-enter-active[data-v-1d1242fc], .list-leave-active[data-v-1d1242fc] {
  transition: all 0.5s ease-out;
}
.list-leave-to[data-v-1d1242fc] {
  opacity: 0 !important;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}
.new-year-activity[data-v-1d1242fc] {
  background-image: url("//qkassets.qkcdn.com/images/assets/8cdc2a2c43e85945cba87246f92d6574.png"), url("//qkassets.qkcdn.com/images/assets/ff2ea0f8280be59c143b07d3512c1e6c.png"), linear-gradient(180deg, #ff6743 0%, #d03f2e 100%);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top, bottom, center;
  padding-top: 52px;
}
.new-year-activity .back[data-v-1d1242fc] {
    position: fixed;
    top: 14px;
    left: 20px;
    z-index: 99;
}
.new-year-activity .back img[data-v-1d1242fc] {
      height: 24px;
      display: block;
}
.new-year-activity .rules[data-v-1d1242fc] {
    display: inline-block;
    float: right;
    margin-top: -40px;
}
.new-year-activity .rules img[data-v-1d1242fc] {
      display: block;
      height: 26px;
}
.new-year-activity .logo[data-v-1d1242fc] {
    width: 315px;
    margin: 0 auto;
    position: relative;
    left: 4px;
}
.new-year-activity .logo img[data-v-1d1242fc] {
      height: 69px;
}
.new-year-activity .desc[data-v-1d1242fc] {
    text-align: center;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #FFFBC7;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-year-activity .border-top[data-v-1d1242fc] {
    width: 361px;
    margin: -7px auto 0;
    position: relative;
    left: 2px;
}
.new-year-activity .border-top img[data-v-1d1242fc] {
      width: 100%;
}
.new-year-activity .apprentices[data-v-1d1242fc] {
    width: 335px;
    margin: -35px auto 0;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px 0px #9a0f0c;
    border-radius: 8px;
    padding-bottom: 12px;
}
.new-year-activity .apprentices .carousel-wrapper[data-v-1d1242fc] {
      position: absolute;
      top: 161px;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      width: 200px;
      border-radius: 12px;
      height: 24px;
      line-height: 24px;
      background: rgba(74, 0, 0, 0.3);
      color: #FFFFFF;
      font-size: 12px;
      overflow: hidden;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.new-year-activity .apprentices .remind[data-v-1d1242fc] {
      padding: 33px 0 0;
      color: #3A3A3A;
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 12px;
      text-align: center;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.new-year-activity .apprentices .remind span[data-v-1d1242fc] {
        color: #F75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-year-activity .apprentices .apprencite-card[data-v-1d1242fc] {
      padding: 12px 24px 12px 0;
      position: relative;
      font-size: 0;
}
.new-year-activity .apprentices .apprencite-card .sort[data-v-1d1242fc] {
        display: inline-block;
        width: 52px;
        font-size: 14px;
        height: 14px;
        line-height: 14px;
        vertical-align: middle;
        text-align: center;
        position: absolute;
        top: 23px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.new-year-activity .apprentices .apprencite-card .avatar[data-v-1d1242fc] {
        display: inline-block;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 12px;
        margin-left: 42px;
}
.new-year-activity .apprentices .apprencite-card .avatar img[data-v-1d1242fc] {
          width: 36px;
          height: 36px;
          border-radius: 50%;
}
.new-year-activity .apprentices .apprencite-card .info[data-v-1d1242fc] {
        display: inline-block;
        vertical-align: middle;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.new-year-activity .apprentices .apprencite-card .info .nickname[data-v-1d1242fc] {
          color: #3A3A3A;
          font-size: 14px;
          height: 14px;
          line-height: 14px;
          margin-bottom: 6px;
}
.new-year-activity .apprentices .apprencite-card .info .status-desc[data-v-1d1242fc] {
          color: #AAAAAA;
          font-size: 12px;
          height: 12px;
          line-height: 12px;
}
.new-year-activity .apprentices .apprencite-card .status-action[data-v-1d1242fc] {
        width: 61px;
        float: right;
        margin-top: 7px;
        display: inline-block;
        text-align: center;
}
.new-year-activity .apprentices .apprencite-card .status-action .step-0[data-v-1d1242fc], .new-year-activity .apprentices .apprencite-card .status-action .step-1[data-v-1d1242fc] {
          background: linear-gradient(90deg, #ffe69c 0%, #ffcc62 100%);
          border-radius: 13px;
          font-size: 12px;
          color: #F5B744;
          height: 21px;
          line-height: 23px;
          vertical-align: top;
          box-shadow: 0 1px 2px rgba(206, 129, 0, 0.5);
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.new-year-activity .apprentices .apprencite-card .status-action .step-0 span[data-v-1d1242fc], .new-year-activity .apprentices .apprencite-card .status-action .step-1 span[data-v-1d1242fc] {
            font-size: 15px;
            vertical-align: top;
}
.new-year-activity .apprentices .apprencite-card .status-action .step-1[data-v-1d1242fc] {
          color: #F35F00;
}
.new-year-activity .apprentices .apprencite-card .status-action .step-2[data-v-1d1242fc] {
          font-size: 12px;
          color: #F35F00;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.new-year-activity .share-btn[data-v-1d1242fc] {
    position: fixed;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
    width: 280px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #D33A00;
    background: linear-gradient(90deg, #ffe69c 0%, #ffcc62 100%);
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(236, 118, 25, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.year-rules-container {
  position: relative;
  height: 309px !important;
  width: 275px !important;
  top: -9px; }
  .year-rules-container .popup-body {
    padding: 0 !important;
    overflow: inherit !important; }
    .year-rules-container .popup-body .rules-icon {
      position: relative;
      margin: -47px auto 0 auto;
      width: 114px;
      height: 95px;
      overflow: hidden; }
      .year-rules-container .popup-body .rules-icon img {
        width: 114px;
        height: 95px; }
    .year-rules-container .popup-body .rules-title {
      margin-top: 12px;
      color: #3a3a3a;
      font-size: 16px;
      margin-bottom: 12px;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .year-rules-container .popup-body .rules-list {
      padding: 0 24px 44px; }
      .year-rules-container .popup-body .rules-list p {
        margin: 0;
        line-height: 22px;
        color: #3a3a3a;
        font-size: 14px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400; }
      .year-rules-container .popup-body .rules-list span {
        color: #F75946;
        font-weight: 600; }
    .year-rules-container .popup-body .button-close {
      top: 347px !important;
      left: 44% !important;
      width: 34px !important;
      height: 34px !important;
      background: url("//qkassets.qkcdn.com/images/assets/f466dd7d75dd84a439ad8205c4648e47.png") no-repeat center/cover; }
      .year-rules-container .popup-body .button-close .ion-ios-close-empty {
        display: none; }

.bilu-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 44px;
  z-index: 4;
}
.bilu-header .back {
    display: inline-block;
    padding-top: 10px;
    padding-left: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.bilu-header .back img {
      width: 24px;
      height: 24px;
}
.bilu-img {
  background-color: #101729 !important;
  position: relative;
}
.bilu-img img {
    width: 100%;
    margin-bottom: 310px;
}
.bilu-img .bilu-btn {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 52px;
    background-color: #9DE7F8;
    text-align: center;
    border-radius: 31px;
    font-size: 16px;
    line-height: 52px;
    font-family: PingFangSC-Regular;
    font-weight: 600;
    top: 381px;
    left: 50%;
    margin-left: -100px;
}
.bilu-img .bilu-btn:active {
      background: #45A9D3;
}
.bilu-img .bilu-info {
    position: absolute;
    z-index: 3;
    width: 335px;
    background-color: #253562;
    border-radius: 20px;
    padding: 24px 28px;
    color: #ffffff;
    top: 462px;
    left: 50%;
    margin-left: -168px;
    margin-bottom: 70px;
}
.bilu-img .bilu-info p {
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      font-size: 14px;
      line-height: 24px;
}
.bilu-img .bilu-info p:last-child {
        margin-bottom: 0 !important;
}
/* thin border */
.gaoe-earning[data-v-82f38a7e] {
  width: 79px;
  height: 18px;
  background: url("//qkassets.qkcdn.com/images/48ab3fa616eed66e3e4c9f61570fe001.png") no-repeat center/cover;
  margin: 8px 0 8px 16px;
}
.game-list-item[data-v-82f38a7e] {
  padding: 0 12px 0 14px;
  background: #FFFFFF;
  border-radius: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 76px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.game-list-item .left[data-v-82f38a7e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.game-list-item .left .icon[data-v-82f38a7e] {
      width: 52px;
      height: 52px;
      padding: 1.5px;
      margin-right: 8px;
      border-radius: 12px;
      border: solid 0.5px rgba(0, 0, 0, 0.12);
      background-color: #ffffff;
      overflow: hidden;
      vertical-align: middle;
}
.game-list-item .left .icon img[data-v-82f38a7e] {
        width: 48px;
        height: 48px;
        border-radius: 10px;
}
.game-list-item .left .left-title[data-v-82f38a7e] {
      max-width: 165px;
      font-size: 14px;
      line-height: 24px;
      margin-top: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #3a3a3a;
}
.game-list-item .left .left-desc[data-v-82f38a7e] {
      max-width: 190px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 12px;
      line-height: 20px;
      margin-top: 2px;
      color: #aaaaaa;
}
.game-list-item .right[data-v-82f38a7e] {
    position: relative;
    font-size: 12px;
    color: #f75946;
    height: 76px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-list-item .right .num[data-v-82f38a7e] {
      font-size: 24px;
      line-height: 1;
      margin: 0 2px;
      font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-list-item .right .first-reward[data-v-82f38a7e] {
      text-align: right;
      margin: 16px 0 6px 0;
      -webkit-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
              transform: translateY(-1px);
}
.game-list-item .right .first-reward .num[data-v-82f38a7e] {
        position: relative;
        top: 1px;
        font-size: 20px;
        font-family: "gilroy-extra-bold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.game-list-item .right .first-reward .unit[data-v-82f38a7e] {
        position: relative;
        top: -1px;
}
.game-list-item .right .tags[data-v-82f38a7e] {
      width: 21px;
      height: 17px;
      background: url("//qkassets.qkcdn.com/images/assets/da9004364309b69e241d774670fa6628.png") no-repeat center/cover;
      position: absolute;
      right: -10px;
      top: 0px;
}
.game-list-item .right .all-reward[data-v-82f38a7e] {
      padding: 1px 4px;
      color: #F75946;
      border-radius: 2px;
      text-align: center;
      font-size: 10px;
      height: 15px;
      line-height: 14px;
      margin-top: 4px;
      background: rgba(247, 89, 70, 0.08);
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.entrances[data-v-82f38a7e] {
  width: 343px;
  margin: 0 auto 12px;
  background: #FFFFFF;
  border-radius: 8px;
}
.entrances .balance-ent[data-v-82f38a7e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;
    padding: 0 8px;
}
.entrances .balance-ent .ent-item[data-v-82f38a7e] {
      width: 64px;
      display: inline-block;
      position: relative;
}
.entrances .balance-ent .ent-item .bubble-tip[data-v-82f38a7e] {
        position: absolute;
        top: -6px;
        right: -9px;
}
.entrances .balance-ent .ent-item .icon[data-v-82f38a7e] {
        width: 64px;
}
.entrances .balance-ent .ent-item .icon img[data-v-82f38a7e] {
          width: 64px;
          height: 64px;
}
.entrances .balance-ent .ent-item .title[data-v-82f38a7e] {
        margin-top: -9px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.6);
}
.entrances .coin-ent[data-v-82f38a7e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 8px;
}
.entrances .coin-ent .ent-item[data-v-82f38a7e] {
      width: 64px;
      display: inline-block;
}
.entrances .coin-ent .ent-item .icon[data-v-82f38a7e] {
        margin: 0 8px;
        width: 48px;
}
.entrances .coin-ent .ent-item .icon img[data-v-82f38a7e] {
          width: 48px;
          height: 48px;
}
.entrances .coin-ent .ent-item .title[data-v-82f38a7e] {
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.6);
}
.coins-earning[data-v-82f38a7e] {
  width: 79px;
  height: 18px;
  background: url("//qkassets.qkcdn.com/images/5b5d92591016511d0febe5b06e9f79c7.png") no-repeat center/cover;
  margin: 8px 0 18px 16px;
}
.page-content[data-v-82f38a7e] {
  background: #f5f5f5;
}
.page-task-list .header-background[data-v-82f38a7e] {
  position: relative;
  z-index: 10;
  width: 343px;
  height: 161px;
  margin: 16px auto 0;
  background: url("//qkassets.qkcdn.com/images/d3ce02d03c45eb278106590e2841310a.png") no-repeat;
  background-size: 100% 100%;
}
.page-task-list .box-tips[data-v-82f38a7e] {
  position: relative;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 343px;
  height: 32px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 12px;
  margin-top: 1px;
}
.page-task-list .box-tips .box-tips-bg[data-v-82f38a7e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background: #fff;
    border-radius: 12px;
    background-image: linear-gradient(to right, rgba(255, 250, 242, 0), #fff6e9 50%, rgba(255, 242, 225, 0));
}
.page-task-list .box-tips .tips[data-v-82f38a7e] {
    position: relative;
    transition: 0.3s -webkit-transform;
    transition: 0.3s transform;
    transition: 0.3s transform, 0.3s -webkit-transform;
}
.page-task-list .box-tips .item-tips[data-v-82f38a7e] {
    position: relative;
    width: 335px;
    height: 32px;
    text-align: center;
}
.page-task-list .box-tips .item-tips .icon[data-v-82f38a7e] {
      width: 24px;
      height: 24px;
      margin-right: 4px;
      border: solid 1px #ffffff;
      border-radius: 50%;
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
}
.page-task-list .box-tips .item-tips span[data-v-82f38a7e] {
      position: relative;
      top: -3px;
      font-size: 12px;
      text-align: left;
      color: #fff;
      vertical-align: middle;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.page-task-list .box-tips .item-tips span.txt[data-v-82f38a7e] {
        display: inline-block;
        max-width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.page-task-list .dl-title[data-v-82f38a7e] {
  width: 100%;
  height: 36px;
  padding: 10px 16px;
  background: #FFF5E3;
  font-size: 13px;
  color: #4A4A4A;
  line-height: 16px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.page-task-list .dl-title span[data-v-82f38a7e] {
    color: #EF4F2A;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-task-list .dl-title img[data-v-82f38a7e] {
    width: 16px;
    height: 16px;
    float: right;
}
.task-list[data-v-82f38a7e] {
  padding-top: 100px;
}
.task-list.has-subheader[data-v-82f38a7e] {
    padding-top: 160px;
}
.task-list .customer-service[data-v-82f38a7e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 115px;
    height: 36px;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 32px;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    border-radius: 18px;
    background-color: rgba(255, 255, 255, 0.16);
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.task-list .customer-service img[data-v-82f38a7e] {
      width: 24px;
      margin-right: 8px;
}
.task-list .task-tips[data-v-82f38a7e] {
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    color: #b5b5b5;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
/* thin border */
.assistant-banner[data-v-d8a3f220] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 64px;
  background: #ffeaca;
  color: #FFF;
  width: 100%;
  padding: 12px 16px 10px 76px;
  z-index: 8;
  /* box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15); */
}
.assistant-banner .app-icon[data-v-d8a3f220] {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 7px;
    left: 18px;
    background: #FFFFFF;
    border: 0.5px solid #DDDDDD;
    border-radius: 10px;
    box-sizing: content-box;
}
.assistant-banner .app-icon img[data-v-d8a3f220] {
      width: 96px;
      height: 96px;
      border-radius: 20px;
      margin-top: 2px;
      margin-left: 2px;
}
.assistant-banner .title[data-v-d8a3f220] {
    margin-top: -2px;
    font-size: 14px;
    line-height: 24px;
    color: #845b58;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.assistant-banner .desc[data-v-d8a3f220] {
    font-size: 12px;
    line-height: 20px;
    color: #845b58;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.assistant-banner .desc span[data-v-d8a3f220] {
      color: #fa583f;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.assistant-banner .btn-download[data-v-d8a3f220] {
    position: absolute;
    width: 89px;
    height: 32px;
    top: 15px;
    right: 16px;
    border-radius: 20px;
    background: #f75946;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.assistant-banner .btn-download[data-v-d8a3f220]:active {
      background: #e0412e !important;
      box-shadow: none !important;
}
/* thin border */
.popup-download-assistant .popup-title[data-v-40e4d7e0] {
  position: relative;
  width: 100%;
  margin: 0 auto;
  line-height: 24px;
  color: #3a3a3a;
  font-size: 14px;
  text-align: center;
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-assistant .popup-title .app_name[data-v-40e4d7e0] {
    font-size: 16px;
    color: #f75946;
}
.popup-download-assistant .desc[data-v-40e4d7e0] {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 32px;
  color: #3a3a3a;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
.popup-download-assistant .box-app[data-v-40e4d7e0] {
  position: relative;
  width: 239px;
  height: 120px;
  margin: 0 auto 16px;
  background: url("//qkassets.qkcdn.com/images/assets/93c8150940fcc4b5acc0f49bb7363404.png");
  background-size: contain;
}
.popup-download-assistant .box-app .app-icon[data-v-40e4d7e0] {
    position: absolute;
    top: 46px;
    left: 34px;
}
.popup-download-assistant .box-app .app-icon img[data-v-40e4d7e0] {
      position: absolute;
      top: 0;
      left: 0;
      width: 36px;
      height: 36px;
      border-radius: 8.4px;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
      border: solid 0.6px #f2f2f2;
}
.popup-download-assistant .box-app .app-title[data-v-40e4d7e0] {
    position: absolute;
    top: 44px;
    left: 85px;
    font-size: 14px;
    line-height: 24px;
    color: #3a3a3a;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-assistant .box-app .tip[data-v-40e4d7e0] {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 105px;
    font-size: 12px;
    color: #B5B5B5;
}
.popup-download-assistant .disabled[data-v-40e4d7e0] {
  opacity: 0.3;
  box-shadow: none;
}
.popup-download-assistant .disabled[data-v-40e4d7e0]:active {
    background-color: #f75946;
}
.popup-download-assistant .btn-download[data-v-40e4d7e0] {
  position: relative;
  margin: 8px auto 0;
  color: #fff;
  background-color: #f75946;
  width: 219px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 24px;
  font-size: 16px;
  box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
  font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-download-assistant .btn-download[data-v-40e4d7e0]:active {
    background-color: #D53926;
}
/* thin border */
.page-assistant-new[data-v-70f49948] {
  background-color: #fafafa;
}
.page-assistant-new .page-content[data-v-70f49948] {
    background-color: #fff;
}
.page-assistant-new .page-content .header[data-v-70f49948] {
      position: relative;
      width: 100%;
      height: 52px;
      margin: 24px auto 0;
}
.page-assistant-new .page-content .header .icon[data-v-70f49948] {
        position: absolute;
        top: 0;
        left: 24px;
        width: 52px;
        height: 52px;
        background-color: #fff;
        border-radius: 12px;
        border: solid 0.5px rgba(0, 0, 0, 0.12);
}
.page-assistant-new .page-content .header .icon img[data-v-70f49948] {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 48px;
          height: 48px;
          border-radius: 10px;
          background-color: #fafafa;
}
.page-assistant-new .page-content .header .title[data-v-70f49948] {
        position: absolute;
        top: 4px;
        left: 84px;
        height: 24px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-assistant-new .page-content .header .subtitle[data-v-70f49948] {
        position: absolute;
        top: 28px;
        left: 84px;
        height: 20px;
        color: #aaaaaa;
        font-size: 12px;
        line-height: 1.67;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.page-assistant-new .page-content .header .btn-re-download[data-v-70f49948] {
        position: absolute;
        top: 10px;
        right: 24px;
        width: 92px;
        height: 32px;
        border-radius: 24px;
        background-color: #ffffff;
        border: solid 0.5px rgba(0, 0, 0, 0.12);
}
.page-assistant-new .page-content .header .btn-re-download span[data-v-70f49948] {
          position: absolute;
          top: 6px;
          left: 50%;
          width: 100%;
          height: 20px;
          text-align: center;
          color: #3a3a3a;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          font-size: 12px;
          font-weight: 600;
          line-height: 1.67;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-assistant-new .page-content .header .btn-re-download[data-v-70f49948]:active {
          border-color: #AAAAAA;
}
.page-assistant-new .page-content .content[data-v-70f49948] {
      position: relative;
      margin: 0 auto 0;
      padding: 24px;
      width: 327px;
      background-color: #fff;
      border-radius: 8px;
}
.page-assistant-new .page-content .content .content-title[data-v-70f49948] {
        position: relative;
        text-align: center;
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.67;
        color: #3a3a3a;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-assistant-new .page-content .content .content-title .red[data-v-70f49948] {
          color: #f75946;
}
.page-assistant-new .page-content .content .content-title .blue[data-v-70f49948] {
          color: #0091ff;
}
.page-assistant-new .page-content .content .content-img[data-v-70f49948] {
        position: relative;
        margin-bottom: 24px;
        text-align: center;
        width: 279px;
        height: 112px;
}
.page-assistant-new .page-content .content .content-img img[data-v-70f49948] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
}
.page-assistant-new .page-content .content .btn-trust[data-v-70f49948] {
        position: relative;
        margin: 0 auto;
        width: 279px;
        height: 48px;
        border-radius: 24px;
        background-color: #f75946;
        box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
}
.page-assistant-new .page-content .content .btn-trust span[data-v-70f49948] {
          position: absolute;
          top: 12px;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 100%;
          height: 24px;
          text-align: center;
          font-size: 16px;
          font-weight: 600;
          line-height: 1.5;
          color: #fff;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.page-assistant-new .page-content .content .btn-trust[data-v-70f49948]:active {
          background-color: #e0412e;
          box-shadow: none;
}
/* thin border */
.guess-number[data-v-02caf334] {
  overflow: auto !important;
}
.guess-number .page-content[data-v-02caf334] {
    position: absolute;
    z-index: 9;
    width: 100%;
    background-color: #c9593b;
}
.guess-number .page-content .part[data-v-02caf334] {
      position: relative;
      margin: 0 auto 0;
      width: 359px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      -webkit-transform: translateX(3px);
          -ms-transform: translateX(3px);
              transform: translateX(3px);
}
.guess-number .page-content .part.part1[data-v-02caf334] {
        margin-top: -20px;
        height: 216px;
        background-image: url("//qkassets.qkcdn.com/images/assets/1b10510f2560747e0d8377c330a7b587.png");
}
.guess-number .page-content .part.part2[data-v-02caf334] {
        height: 279px;
        background-image: url("//qkassets.qkcdn.com/images/assets/3d5cacb9c3e9509eed8a00b7067fa3f2.png");
}
.guess-number .page-content .part.part3[data-v-02caf334] {
        height: 92px;
        background-image: url("//qkassets.qkcdn.com/images/assets/593dd49445f8a1c9c55d0aa3d1e8b2b1.png");
}
.guess-number .page-content .part.part4[data-v-02caf334] {
        height: 368px;
        background-image: url("//qkassets.qkcdn.com/images/assets/d5989a9035387ec0221ccb6f0bce4d3f.png");
}
.guess-number .page-content .part.part4.v539[data-v-02caf334] {
        height: 388px;
}
.guess-number .page-content .part1 .btn-back[data-v-02caf334] {
      position: absolute;
      top: 40px;
      left: 34px;
      width: 32px;
      height: 24px;
      background: url("//qkassets.qkcdn.com/images/assets/0613eca4e56718fc62c59668853d9f9d.png") no-repeat;
      background-size: 100% 100%;
}
.guess-number .page-content .part1 .btn-back[data-v-02caf334]:active {
        background-image: url(//qkassets.qkcdn.com/images/assets/8781338bca3006d121e7320f27954eec.png);
}
.guess-number .page-content .part1 .btn-rule[data-v-02caf334] {
      position: absolute;
      top: 39px;
      right: 41px;
      width: 27px;
      height: 27px;
      background: url("//qkassets.qkcdn.com/images/assets/5536c1bd244b2aab5d9b4516f9627d5a.png") no-repeat;
      background-size: 100% 100%;
}
.guess-number .page-content .part1 .btn-rule[data-v-02caf334]:active {
        background-image: url(//qkassets.qkcdn.com/images/assets/d5ce625684bf9641545bf3e79e7e045a.png);
}
.guess-number .page-content .part1 .box-screen[data-v-02caf334] {
      position: absolute;
      top: 80px;
      left: 50%;
      margin-left: -141px;
      width: 275px;
      height: 85px;
      font-style: normal;
}
.guess-number .page-content .part1 .box-screen.shake[data-v-02caf334] {
        animation: shake 0.1s linear infinite;
        -webkit-animation: shake 0.1s linear infinite;
        -moz-animation: shake 0.1s linear infinite;
        -o-animation: shake 0.1s linear infinite;
}
@keyframes shake {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
25% {
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
}
50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
75% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@-webkit-keyframes shake {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
25% {
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
}
50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
75% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
.guess-number .page-content .part1 .box-screen-border[data-v-02caf334] {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("//qkassets.qkcdn.com/images/assets/6b42b0c9db04f4e0d13d020c00bf41b4.png");
      background-size: 100% 100%;
}
.guess-number .page-content .part1 .slow-flash[data-v-02caf334] {
      animation: flash 1s linear infinite;
      -webkit-animation: flash 1s linear infinite;
      -moz-animation: flash 1s linear infinite;
      -o-animation: flash 1s linear infinite;
}
.guess-number .page-content .part1 .fast-flash[data-v-02caf334] {
      animation: flash 0.1s linear infinite;
      -webkit-animation: flash 0.1s linear infinite;
      -moz-animation: flash 0.1s linear infinite;
      -o-animation: flash 0.1s linear infinite;
}
@keyframes flash {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes flash {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.guess-number .page-content .part1 .screen-title[data-v-02caf334] {
      position: absolute;
      top: 11px;
      left: 13px;
      height: 17px;
      font-size: 12px;
      letter-spacing: -0.1px;
      color: #ffee6a;
      text-shadow: 0 0 5px #ff3c3c;
      font-style: normal !important;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.guess-number .page-content .part1 .screen-title .digital[data-v-02caf334] {
        font-style: normal;
        font-family: "digital-7", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part1 .screen-content[data-v-02caf334] {
      font-size: 32px;
      font-style: italic;
      letter-spacing: 0;
      text-align: center;
      color: #ffee6a;
      text-shadow: 0 0 5px #ff3c3c;
      font-family: "digital-7", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part1 .screen-num[data-v-02caf334] {
      opacity: 1;
      transition: opacity 0.1s;
}
.guess-number .page-content .part1 .screen-num.hide[data-v-02caf334] {
        opacity: 0;
}
.guess-number .page-content .part1 .start-num[data-v-02caf334] {
      position: absolute;
      top: 47px;
      left: 12px;
      width: 65px;
      height: 29px;
      white-space: nowrap;
      font-style: normal;
}
.guess-number .page-content .part1 .a-1[data-v-02caf334] {
      position: absolute;
      top: 47px;
      left: 86px;
      width: 11px;
      height: 29px;
      font-style: normal;
}
.guess-number .page-content .part1 .enter-num[data-v-02caf334] {
      position: absolute;
      top: 47px;
      left: 102px;
      width: 70px;
      height: 29px;
      text-align: center;
      white-space: nowrap;
      font-style: normal;
}
.guess-number .page-content .part1 .a-2[data-v-02caf334] {
      position: absolute;
      top: 47px;
      left: 177px;
      width: 11px;
      height: 29px;
      font-style: normal;
}
.guess-number .page-content .part1 .end-num[data-v-02caf334] {
      position: absolute;
      top: 47px;
      left: 196px;
      width: 46px;
      height: 29px;
      white-space: nowrap;
      font-style: normal;
}
.guess-number .page-content .part1 .elapsed-time[data-v-02caf334] {
      position: absolute;
      top: 178px;
      left: 215px;
      width: 102px;
      height: 20px;
      border-radius: 16px;
      background-color: #ed5938;
      box-shadow: 1px 1px 0 0 #ff8566, inset 1px 1px 1px 1px #c95132;
      text-align: center;
}
.guess-number .page-content .part1 .elapsed-time span[data-v-02caf334] {
        width: 100%;
        height: 17px;
        font-size: 12px;
        text-align: center;
        color: #fff9f3;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part2[data-v-02caf334] {
      padding: 6px 30px 6px 33px;
}
.guess-number .page-content .part2 .btn-num[data-v-02caf334] {
        position: relative;
        float: left;
        width: 66px;
        height: 66px;
        background: url("//qkassets.qkcdn.com/images/assets/c357ebe6cf688bbaf13af96d3fc76459.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
        margin-right: 7px;
        margin-bottom: -5px;
}
.guess-number .page-content .part2 .btn-num[data-v-02caf334]:active {
          background-image: url("//qkassets.qkcdn.com/images/assets/cc20805c0009edc27a65e4ce9b63ddd1.png");
}
.guess-number .page-content .part2 .btn-num.btn-num-4 .guess-number .page-content .part2 .btn-num.btn-num-8[data-v-02caf334] {
          margin-right: 0;
}
.guess-number .page-content .part2 .btn-num span[data-v-02caf334] {
          position: absolute;
          top: 9px;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          height: 44px;
          line-height: 44px;
          font-size: 32px;
          letter-spacing: 0;
          color: #ff6e48;
          text-shadow: 0 1px 1px #da4b31;
          font-family: "puhui", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part2 .btn-delete[data-v-02caf334] {
        float: left;
        margin-left: -3px;
        width: 143px;
        height: 66px;
        background: url("//qkassets.qkcdn.com/images/assets/1a92d9732fb9ada9276dffb69ce4f4be.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
}
.guess-number .page-content .part2 .btn-delete[data-v-02caf334]:active {
          background-image: url("//qkassets.qkcdn.com/images/assets/efd64308ac9d52ae91b31fc2587a1a81.png");
}
.guess-number .page-content .part2 .btn-delete span[data-v-02caf334] {
          height: 22px;
          line-height: 66px;
          font-size: 16px;
          letter-spacing: 0;
          color: #ff7450;
          font-family: "puhui", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part2 .box-click-disabled-area[data-v-02caf334] {
        position: absolute;
        z-index: 8;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
}
.guess-number .page-content .part2 .clear[data-v-02caf334] {
        clear: both;
}
.guess-number .page-content .part2 .btn-free[data-v-02caf334] {
        position: relative;
        margin: 13px auto 0;
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px);
        width: 287px;
        height: 65px;
        background: url("//qkassets.qkcdn.com/images/assets/7eb26320c139fae0508c857ef080d124.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-free[data-v-02caf334]:active {
          background-image: url("//qkassets.qkcdn.com/images/assets/302e09c6c3a3b0f8a3c17d398526e5a7.png");
}
.guess-number .page-content .part2 .btn-give-up-free[data-v-02caf334] {
        position: relative;
        float: left;
        margin-top: 39px;
        margin-left: 3px;
        width: 82px;
        height: 15px;
        font-size: 14px;
        letter-spacing: 0;
        color: #ff7450;
        background: url("//qkassets.qkcdn.com/images/assets/c5cbee44869b5bc835c39fe315f7b6cf.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-commit-free[data-v-02caf334] {
        position: relative;
        float: right;
        margin: 13px 4px 0 0;
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px);
        width: 190px;
        height: 65px;
        background: url("//qkassets.qkcdn.com/images/assets/ef5fc1af4ab509661ff494f2cbedb5f1.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-commit-free[data-v-02caf334]:active {
          background-image: url(//qkassets.qkcdn.com/images/assets/a233b91e2e6ce2786411d904fb0cf3af.png);
}
.guess-number .page-content .part2 .btn-start[data-v-02caf334] {
        position: relative;
        margin: 13px auto 0;
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px);
        width: 287px;
        height: 65px;
        background: url("//qkassets.qkcdn.com/images/assets/b339b1553d4a7b6082f265793676f11f.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-start[data-v-02caf334]:active {
          background-image: url("//qkassets.qkcdn.com/images/assets/f95d448b5cef5e40e218f0412905882d.png");
}
.guess-number .page-content .part2 .btn-start.v539[data-v-02caf334] {
          background: url("//qkassets.qkcdn.com/images/assets/2fc808f49f4717580daf1386f305cf0f.png") no-repeat;
          background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-start.v539[data-v-02caf334]:active {
          background-image: url("//qkassets.qkcdn.com/images/assets/874c9aa14d82f62bd6430c398171bef1.png");
}
.guess-number .page-content .part2 .btn-end[data-v-02caf334] {
        position: relative;
        margin: 13px auto 0;
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px);
        width: 287px;
        height: 65px;
        background: url("//qkassets.qkcdn.com/images/assets/87674d3a5ba461b4dcbc26e368d4cdf2.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-restart[data-v-02caf334] {
        position: relative;
        float: left;
        margin-top: 39px;
        margin-left: 10px;
        width: 55px;
        height: 15px;
        font-size: 14px;
        letter-spacing: 0;
        color: #ff7450;
        background: url("//qkassets.qkcdn.com/images/assets/6c3c82256239243a2b5d3de91dea7393.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-commit[data-v-02caf334] {
        position: relative;
        float: right;
        margin: 13px 4px 0 0;
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px);
        width: 190px;
        height: 65px;
        background: url("//qkassets.qkcdn.com/images/assets/ef5fc1af4ab509661ff494f2cbedb5f1.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .btn-commit[data-v-02caf334]:active {
          background-image: url(//qkassets.qkcdn.com/images/assets/cc72904f64ed15a565efc5428d49cf2d.png);
}
.guess-number .page-content .part2 .txt-off-time[data-v-02caf334] {
        position: relative;
        margin: 38px auto 0;
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px);
        width: 175px;
        height: 14px;
        background: url("//qkassets.qkcdn.com/images/assets/8dc40939a5b020e7263370b54cbef9e0.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .tips[data-v-02caf334] {
        position: absolute;
        top: 198px;
        left: 236px;
        padding: 0 8px;
        line-height: 25px;
        height: 25px;
        background: url("//qkassets.qkcdn.com/images/assets/08029da4b8a8c6ad453b417584dca562.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .page-content .part2 .tips .txt[data-v-02caf334] {
          position: relative;
          text-align: center;
          font-size: 12px;
          font-weight: 600;
          line-height: 12px;
          letter-spacing: 0;
          color: #ed5938;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part3[data-v-02caf334] {
      padding: 26px 27px 14px 43px;
}
.guess-number .page-content .part3 .box-time[data-v-02caf334] {
        width: 92px;
        float: left;
}
.guess-number .page-content .part3 .box-time .title[data-v-02caf334] {
          height: 17px;
          font-size: 12px;
          color: #ffffff;
          margin-bottom: 3px;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.guess-number .page-content .part3 .box-time .time[data-v-02caf334] {
          color: #ffffff;
}
.guess-number .page-content .part3 .box-time .time span[data-v-02caf334] {
            display: table-cell;
}
.guess-number .page-content .part3 .box-time .time .num[data-v-02caf334] {
            height: 23px;
            line-height: 23px;
            letter-spacing: 0;
            font-size: 20px;
            -webkit-transform: translateY(1px);
                -ms-transform: translateY(1px);
                    transform: translateY(1px);
            font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part3 .box-time .time .num.num-s[data-v-02caf334] {
              -webkit-transform: translate(2px, 1px);
                  -ms-transform: translate(2px, 1px);
                      transform: translate(2px, 1px);
}
.guess-number .page-content .part3 .box-time .time .unit[data-v-02caf334] {
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            letter-spacing: 0;
            -webkit-transform: translate(1px, -1px);
                -ms-transform: translate(1px, -1px);
                    transform: translate(1px, -1px);
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part3 .box-time .time .unit.unit-s[data-v-02caf334] {
              -webkit-transform: translate(2px, -1px);
                  -ms-transform: translate(2px, -1px);
                      transform: translate(2px, -1px);
}
.guess-number .page-content .part3 .box-rank[data-v-02caf334] {
        width: 78px;
        float: left;
}
.guess-number .page-content .part3 .box-rank .title[data-v-02caf334] {
          height: 17px;
          font-size: 12px;
          color: #ffffff;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.guess-number .page-content .part3 .box-rank .rank[data-v-02caf334] {
          height: 27px;
          line-height: 27px;
          text-align: left;
          white-space: nowrap;
          width: 48px;
          font-size: 20px;
          letter-spacing: 0;
          color: #ffffff;
          -webkit-transform: translateY(2px);
              -ms-transform: translateY(2px);
                  transform: translateY(2px);
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part3 .btn-get-award[data-v-02caf334] {
        width: 104px;
        height: 43px;
        float: left;
        background: url("//qkassets.qkcdn.com/images/assets/9ea27bfadc4f93ff8d0b933193edef38.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
}
.guess-number .page-content .part3 .btn-get-award.enabled[data-v-02caf334] {
          background-image: url("//qkassets.qkcdn.com/images/assets/934ab1a400f753157eb98fd3da2b9785.png");
}
.guess-number .page-content .part3 .btn-get-award.enabled[data-v-02caf334]:active {
            background-image: url("//qkassets.qkcdn.com/images/assets/175133ccebe3bc442ca8827cec6ee1f7.png");
}
.guess-number .page-content .part3 .btn-get-award.got[data-v-02caf334] {
          background-image: url("//qkassets.qkcdn.com/images/assets/dbd9e5d66c092d33022d47fa5aecca1b.png");
}
.guess-number .page-content .part3 .btn-get-award span[data-v-02caf334] {
          line-height: 43px;
          height: 20px;
          font-family: 'AlibabaPuHuiTiB';
          font-size: 14px;
          letter-spacing: 0;
          color: #ed5938;
}
.guess-number .page-content .part4[data-v-02caf334] {
      padding: 32px 44px 32px 43px;
      margin-bottom: 32px;
}
.guess-number .page-content .part4 .part-title[data-v-02caf334] {
        position: relative;
        float: left;
        height: 22px;
        line-height: 22px;
        font-size: 16px;
        color: #3a3a3a;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part4 .btn-rank[data-v-02caf334] {
        position: relative;
        float: right;
        margin-top: 5px;
        width: 55px;
        height: 17px;
        line-height: 17px;
}
.guess-number .page-content .part4 .btn-rank .txt[data-v-02caf334] {
          position: relative;
          float: left;
          font-size: 12px;
          text-align: right;
          color: #3a3a3a;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.guess-number .page-content .part4 .btn-rank .red-point[data-v-02caf334] {
          position: relative;
          float: left;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #f75946;
}
.guess-number .page-content .part4 .btn-rank img[data-v-02caf334] {
          position: relative;
          float: left;
          top: 3px;
          margin-left: -4px;
          width: 12px;
          height: 12px;
}
.guess-number .page-content .part4 .info[data-v-02caf334] {
        display: inline-block;
        margin-top: 8px;
        height: 40px;
        font-size: 12px;
        line-height: 1.67;
        color: #3a3a3a;
        letter-spacing: -0.3px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.guess-number .page-content .part4 .rank-award[data-v-02caf334] {
        position: relative;
        margin: 12px auto 0;
        -webkit-transform: translateX(-3px);
            -ms-transform: translateX(-3px);
                transform: translateX(-3px);
        width: 267px;
}
.guess-number .page-content .part4 .rank-award .line-item[data-v-02caf334] {
          height: 24px;
          margin-bottom: 8px;
}
.guess-number .page-content .part4 .rank-award .line-item .rank[data-v-02caf334] {
            float: left;
            height: 24px;
            font-size: 14px;
            line-height: 1.71;
            color: #3a3a3a;
            font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
            font-weight: 400;
}
.guess-number .page-content .part4 .rank-award .line-item .award[data-v-02caf334] {
            float: right;
            height: 24px;
            font-size: 14px;
            line-height: 1.71;
            text-align: right;
            color: #ed5938;
            font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .page-content .part4 .rank-award .line-item .award .num[data-v-02caf334] {
              font-size: 16px;
              line-height: 1.5;
              margin: 0 2px;
}
.guess-number .popup-new-guide[data-v-02caf334] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.guess-number .popup-new-guide.show[data-v-02caf334] {
      z-index: 98;
}
.guess-number .popup-new-guide.show .popup-new-guide-bg[data-v-02caf334] {
        opacity: 0.75;
}
.guess-number .popup-new-guide.step1 .popup-new-guide-step1[data-v-02caf334] {
      display: block !important;
}
.guess-number .popup-new-guide.step2 .popup-new-guide-step2[data-v-02caf334] {
      display: block !important;
}
.guess-number .popup-new-guide .popup-new-guide-bg[data-v-02caf334] {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0;
      transition: 0.2s opacity;
}
.guess-number .popup-new-guide .popup-new-guide-step1[data-v-02caf334] {
      display: none;
}
.guess-number .popup-new-guide .popup-new-guide-step1 .btn-3[data-v-02caf334] {
        position: absolute;
        top: 206px;
        left: 194px;
        width: 58px;
        height: 58px;
        background: url("//qkassets.qkcdn.com/images/assets/81d8d23b0fd631fa121a79382b5830d1.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .popup-new-guide .popup-new-guide-step1 .tips-box[data-v-02caf334] {
        position: absolute;
        top: 293px;
        left: 12px;
        width: 326px;
        height: 74px;
        background-color: #ed5938;
        border-radius: 10px;
}
.guess-number .popup-new-guide .popup-new-guide-step1 .tips-box[data-v-02caf334]::before {
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          border: 12px solid;
          top: -24px;
          left: 200px;
          border-color: transparent transparent #ed5938;
}
.guess-number .popup-new-guide .popup-new-guide-step1 .tips-box span[data-v-02caf334] {
          position: absolute;
          top: 11px;
          left: 16px;
          width: 298px;
          height: 52px;
          font-size: 16px;
          font-weight: 600;
          line-height: 1.62;
          color: #ffffff;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .popup-new-guide .popup-new-guide-step2[data-v-02caf334] {
      display: none;
}
.guess-number .popup-new-guide .popup-new-guide-step2 .tips-box[data-v-02caf334] {
        position: absolute;
        top: 373px;
        left: 86px;
        width: 252px;
        height: 73px;
        background-color: #ed5938;
        border-radius: 10px;
        padding-top: 10px;
        padding-left: 16px;
}
.guess-number .popup-new-guide .popup-new-guide-step2 .tips-box[data-v-02caf334]::before {
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          border: 14px solid;
          bottom: -28px;
          left: 126px;
          border-color: #ed5938 transparent transparent;
}
.guess-number .popup-new-guide .popup-new-guide-step2 .tips-box p[data-v-02caf334] {
          margin-bottom: 1px;
          top: 11px;
          left: 16px;
          font-size: 16px;
          font-weight: 600;
          line-height: 1.62;
          color: #ffffff;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .popup-new-guide .popup-new-guide-step2 .get-award-box[data-v-02caf334] {
        position: absolute;
        top: 476px;
        left: 20px;
        width: 333px;
        height: 90px;
        background: url("//qkassets.qkcdn.com/images/assets/6ebdd8613db3a2785482135e7b59457b.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number #show-ready-go-canvas[data-v-02caf334] {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}
.guess-number #show-ready-go-canvas.show[data-v-02caf334] {
      z-index: 99;
}
.guess-number .popup-spend-coin[data-v-02caf334] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.guess-number .popup-spend-coin.showing[data-v-02caf334] {
      z-index: 98;
}
.guess-number .popup-spend-coin.show[data-v-02caf334] {
      z-index: 98;
}
.guess-number .popup-spend-coin.show .popup-spend-coin-box[data-v-02caf334] {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
}
.guess-number .popup-spend-coin.show .popup-spend-coin-bg[data-v-02caf334] {
        opacity: 0.75;
}
.guess-number .popup-spend-coin .popup-spend-coin-bg[data-v-02caf334] {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0;
      transition: 0.2s opacity;
}
@media only screen and (min-height: 724px) {
.guess-number .popup-spend-coin .popup-spend-coin-box[data-v-02caf334] {
        bottom: 42px !important;
}
}
.guess-number .popup-spend-coin .popup-spend-coin-box[data-v-02caf334] {
      position: absolute;
      left: 50%;
      margin-left: -175px;
      -webkit-transform: translateY(300px);
          -ms-transform: translateY(300px);
              transform: translateY(300px);
      bottom: 8px;
      width: 351px;
      height: 221px;
      border-radius: 16px;
      background-color: #fffdf8;
      box-shadow: 0 2px 8px 2px rgba(18, 44, 39, 0.2);
      transition: 0.2s -webkit-transform;
      transition: 0.2s transform;
      transition: 0.2s transform, 0.2s -webkit-transform;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .popup-btn-close[data-v-02caf334] {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        background: url("//qkassets.qkcdn.com/images/assets/d3f6fb06076c0d2cc2f456ebe72244b3.png") 0 100% no-repeat;
        background-size: 24px 24px;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .coin[data-v-02caf334] {
        position: absolute;
        top: 16px;
        left: 16px;
        width: 80px;
        height: 24px;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .coin img[data-v-02caf334] {
          float: left;
          width: 24px;
          height: 24px;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .coin .x[data-v-02caf334] {
          float: left;
          margin-left: 4px;
          margin-right: 4px;
          font-size: 18px;
          font-weight: 600;
          line-height: 24px;
          color: #ffab10;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .coin .num[data-v-02caf334] {
          float: left;
          font-size: 20px;
          line-height: 24px;
          color: #ffab10;
          font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .title[data-v-02caf334] {
        position: absolute;
        top: 48px;
        left: 16px;
        height: 24px;
        font-size: 14px;
        line-height: 1.71;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .content[data-v-02caf334] {
        position: absolute;
        width: 320px;
        top: 80px;
        left: 16px;
        height: 44px;
        font-size: 12px;
        line-height: 1.83;
        color: #3a3a3a;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .line[data-v-02caf334] {
        position: absolute;
        top: 140px;
        left: 16px;
        width: 319px;
        height: 1px;
        background: url("//qkassets.qkcdn.com/images/assets/2a7c6b7ac1cb146676b5717589d464a1.png") no-repeat;
        background-size: 100% 100%;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .checkShow[data-v-02caf334] {
        position: absolute;
        top: 171px;
        left: 16px;
        height: 20px;
        line-height: 20px;
        width: 106px;
        text-align: center;
        float: left;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .checkShow input[type="checkbox"][data-v-02caf334] {
          -webkit-appearance: none;
          border-color: #fff;
          margin: 0;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .checkShow .checkbox-no-remind[data-v-02caf334] {
          float: left;
          width: 16px;
          height: 16px;
          display: inline-block;
          -webkit-transform: translateY(1px);
              -ms-transform: translateY(1px);
                  transform: translateY(1px);
          background: url(//qkassets.qkcdn.com/images/assets/996e8d6db96c194ed53df2acbfb06295.png) no-repeat;
          background-size: contain;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .checkShow .checkbox-no-remind[data-v-02caf334]:checked {
          background: url(//qkassets.qkcdn.com/images/assets/6e7bd90d1a0eb526caf199666f22fb3d.png) no-repeat;
          background-size: contain;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .checkShow span[data-v-02caf334] {
          float: left;
          margin-left: 4px;
          opacity: 0.8;
          font-size: 12px;
          line-height: 20px;
          color: #3a3a3a;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .checkShow label[data-v-02caf334] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .btn-ok[data-v-02caf334] {
        position: absolute;
        top: 157px;
        left: 179px;
        width: 156px;
        height: 48px;
        border-radius: 24px;
        background-color: #ff6e48;
        box-shadow: 0 1px 4px 0 rgba(255, 110, 72, 0.5);
}
.guess-number .popup-spend-coin .popup-spend-coin-box .btn-ok[data-v-02caf334]:active {
          background-color: #e0412e !important;
          box-shadow: none;
}
.guess-number .popup-spend-coin .popup-spend-coin-box .btn-ok span[data-v-02caf334] {
          position: absolute;
          top: 16px;
          width: 100%;
          height: 16px;
          line-height: 16px;
          font-size: 16px;
          text-align: center;
          color: #ffffff;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number .toast-loading[data-v-02caf334] {
    position: absolute;
    visibility: hidden;
    top: 50%;
    left: 50%;
    z-index: 19;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 12px 24px !important;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s;
}
.guess-number .toast-loading.show[data-v-02caf334] {
      visibility: visible;
}
.guess-number .toast-loading.showing[data-v-02caf334] {
      opacity: 1;
}
.guess-number .toast-loading .tips[data-v-02caf334] {
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      letter-spacing: -0.3px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
/* thin border */
.popup-guess-number {
  width: 287px !important;
  background: #fff !important; }
  .popup-guess-number .popup-body {
    padding: 20px 24px !important;
    position: relative;
    overflow: inherit; }
    .popup-guess-number .popup-body .common-style-title {
      height: 24px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-guess-number .popup-body .common-style-subtitle {
      font-size: 14px;
      color: #3A3A3A;
      line-height: 1.77 !important;
      margin-top: 8px;
      text-align: center;
      letter-spacing: -0.3px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400; }
  .popup-guess-number .popup-buttons button {
    height: 48px;
    font-size: 16px !important;
    font-family: PingFangSC-Regular !important; }
    .popup-guess-number .popup-buttons button:first-child {
      color: #4A90E2;
      font-family: PingFangSC-Semibold !important; }

.popup-guess-congratulations .popup-body {
  padding: 32px 63px !important; }
  .popup-guess-congratulations .popup-body .common-style-icon {
    position: relative;
    margin: -86px auto 14px;
    width: 116px;
    height: 96px; }
    .popup-guess-congratulations .popup-body .common-style-icon img {
      width: 100%;
      height: 100%; }
  .popup-guess-congratulations .popup-body .consuming {
    margin: 14px auto 14px;
    text-align: center;
    height: 20px;
    font-size: 14px;
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-guess-congratulations .popup-body .common-style-subtitle {
    font-size: 12px; }
  .popup-guess-congratulations .popup-body .hairline-bottom::after {
    display: none; }

.popup-guess-congratulations .popup-buttons {
  display: block;
  margin-bottom: 32px; }
  .popup-guess-congratulations .popup-buttons .button {
    width: 175px !important;
    height: 48px !important;
    background-color: #f75946 !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    border-radius: 24px !important;
    box-sizing: border-box;
    display: block;
    margin: 0 auto !important;
    padding: 0;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-guess-congratulations .popup-buttons .button span {
      font-size: 16px;
      line-height: 1.5;
      color: #fff !important; }
    .popup-guess-congratulations .popup-buttons .button:active {
      background-color: #e0412e !important;
      box-shadow: none; }

.popup-guess-get-award .popup-body {
  padding: 32px 63px !important; }
  .popup-guess-get-award .popup-body .common-style-icon {
    position: relative;
    margin: -86px auto 14px;
    width: 116px;
    height: 96px; }
    .popup-guess-get-award .popup-body .common-style-icon img {
      width: 100%;
      height: 100%; }
  .popup-guess-get-award .popup-body .reward {
    position: relative;
    margin: 24px auto 14px;
    color: #f75946;
    text-align: center; }
    .popup-guess-get-award .popup-body .reward .plus {
      font-size: 16px;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-guess-get-award .popup-body .reward .yuan {
      position: relative;
      top: -2px;
      font-size: 13px;
      color: #f75946;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-guess-get-award .popup-body .reward .amount {
      margin-left: -2px;
      margin-right: -2px;
      font-size: 38px;
      text-align: center;
      color: #f75946;
      font-family: "qiankaFont", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
  .popup-guess-get-award .popup-body .common-style-subtitle {
    font-size: 12px; }
  .popup-guess-get-award .popup-body .hairline-bottom::after {
    display: none; }

.popup-guess-get-award .popup-buttons {
  display: block;
  margin-bottom: 32px; }
  .popup-guess-get-award .popup-buttons .button {
    width: 175px !important;
    height: 48px !important;
    background-color: #f75946 !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    border-radius: 24px !important;
    box-sizing: border-box;
    display: block;
    margin: 0 auto !important;
    padding: 0;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-guess-get-award .popup-buttons .button span {
      font-size: 16px;
      line-height: 1.5;
      color: #fff !important; }
    .popup-guess-get-award .popup-buttons .button:active {
      background-color: #e0412e !important;
      box-shadow: none; }

.popup-guess-no-award .popup-body {
  padding: 32px 56px !important; }
  .popup-guess-no-award .popup-body .common-style-subtitle {
    margin-top: 16px; }
  .popup-guess-no-award .popup-body .hairline-bottom::after {
    display: none; }

.popup-guess-no-award .popup-buttons {
  display: block;
  margin-bottom: 32px; }
  .popup-guess-no-award .popup-buttons .button {
    width: 175px !important;
    height: 48px !important;
    background-color: #f75946 !important;
    box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5);
    border-radius: 24px !important;
    box-sizing: border-box;
    display: block;
    margin: 0 auto !important;
    padding: 0;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }
    .popup-guess-no-award .popup-buttons .button span {
      font-size: 16px;
      line-height: 1.5;
      color: #fff !important; }
    .popup-guess-no-award .popup-buttons .button:active {
      background-color: #e0412e !important;
      box-shadow: none; }

.popup-guess-number-free .popup-body .tips {
  margin-top: 9px;
  font-size: 12px;
  line-height: 2;
  text-align: center;
  color: #aaaaaa;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400; }

.popup-guess-number-free .popup-buttons button {
  height: 48px;
  font-size: 16px !important;
  font-family: PingFangSC-Regular !important; }
  .popup-guess-number-free .popup-buttons button:first-child {
    color: #3A3A3A;
    font-family: PingFangSC-Regular !important; }
  .popup-guess-number-free .popup-buttons button:last-child {
    color: #4A90E2;
    font-family: PingFangSC-Semibold !important; }
/* thin border */
.guess-number-rule[data-v-99d3e7ea] {
  background: #fff;
}
.guess-number-rule .rule-header[data-v-99d3e7ea] {
    position: fixed;
    width: 100%;
    height: 52px;
    background: #ff6e48;
    text-align: center;
}
.guess-number-rule .rule-header .back[data-v-99d3e7ea] {
      display: inline-block;
      padding-top: 14px;
      padding-left: 20px;
      position: absolute;
      left: 0;
      top: 0;
}
.guess-number-rule .rule-header .back img[data-v-99d3e7ea] {
        width: 24px;
        height: 24px;
}
.guess-number-rule .rule-header span[data-v-99d3e7ea] {
      line-height: 52px;
      font-size: 16px;
      color: #fff;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-number-rule .rule-content[data-v-99d3e7ea] {
    padding: 72px 20px 40px 20px;
    text-align: justify;
}
.guess-number-rule .rule-content .box-rules[data-v-99d3e7ea] {
      display: contents;
      margin-bottom: 16px;
      font-size: 14px;
      line-height: 1.71;
      color: #3a3a3a;
      border-collapse: separate;
      width: 314px;
      height: 672px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.guess-number-rule .rule-content .box-rules tr:nth-child(1) .rule[data-v-99d3e7ea] {
        padding-top: 0 !important;
}
.guess-number-rule .rule-content .box-rules tr .order[data-v-99d3e7ea] {
        width: 14px;
        padding-right: 3px;
}
.guess-number-rule .rule-content .box-rules tr .rule[data-v-99d3e7ea] {
        padding-top: 14px;
        letter-spacing: 0;
}
.guess-number-rule .rule-content .explain[data-v-99d3e7ea] {
      margin-bottom: 16px;
}
.guess-number-rule .rule-content .explain div[data-v-99d3e7ea] {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #f5f5f5;
        margin-bottom: 4px;
        box-sizing: border-box;
}
.guess-number-rule .rule-content .explain div[data-v-99d3e7ea]:nth-child(even) {
          background-color: #fafafa;
}
.guess-number-rule .rule-content .explain div span[data-v-99d3e7ea] {
          display: inline-block;
          font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
          font-weight: 400;
}
.guess-number-rule .rule-content .explain div span[data-v-99d3e7ea]:nth-child(1) {
          float: left;
          width: 160px;
          padding-left: 20px;
          border-right: 4px solid #fff;
}
.guess-number-rule .rule-content .explain div span[data-v-99d3e7ea]:nth-child(2) {
          float: right;
          width: 171px;
          color: #f75946;
          padding-right: 20px;
          text-align: right;
}
/* thin border */
.page[data-v-312b9570] {
  background: #fff !important;
  position: fixed;
}
.guess-number-rank .animate-header[data-v-312b9570] {
  background-color: #ff6e48;
  height: 52px !important;
}
.guess-rank-page-content[data-v-312b9570] {
  position: relative;
  top: 52px !important;
  background: #fff !important;
}
.guess-rank-page-content .rank-title[data-v-312b9570] {
    position: relative;
    width: 100%;
    height: 52px;
}
.guess-rank-page-content .rank-title span[data-v-312b9570] {
      height: 52px;
      font-size: 12px;
      font-weight: 400;
      color: #aaaaaa;
      line-height: 52px;
      float: left;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.guess-rank-page-content .rank-title .rank-title-rank[data-v-312b9570] {
      width: 60px;
      padding-left: 20px;
}
.guess-rank-page-content .rank-title .rank-title-user[data-v-312b9570] {
      width: 140px;
      padding-left: 41px;
}
.guess-rank-page-content .rank-title .rank-title-num[data-v-312b9570] {
      width: 110px;
      padding-left: 17px;
}
.guess-rank-page-content .rank-title .rank-title-award[data-v-312b9570] {
      width: 65px;
      padding-left: 21px;
}
.guess-rank-page-content .rank-list[data-v-312b9570] {
    position: relative;
    padding-bottom: 60px;
    font-size: 0;
}
@media only screen and (min-height: 724px) {
.guess-rank-page-content .rank-list[data-v-312b9570] {
      padding-bottom: 80px;
}
}
.guess-rank-item[data-v-312b9570] {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 52px;
  vertical-align: top;
}
.guess-rank-item span[data-v-312b9570] {
    position: relative;
    height: 52px;
    line-height: 52px;
    float: left;
}
.guess-rank-item .rank-item-rank[data-v-312b9570] {
    padding-left: 4px;
    width: 55px;
    margin-right: 9px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 0;
    color: #aaaaaa;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-rank-item .rank-item-rank.first[data-v-312b9570] {
      background: url("//qkassets.qkcdn.com/images/assets/6dbf434d4d63caf685d2e1bf48cedb88.png") 19px 13px no-repeat;
      background-size: 24px 24px;
      font-size: 0;
}
.guess-rank-item .rank-item-rank.second[data-v-312b9570] {
      background: url("//qkassets.qkcdn.com/images/assets/bf508ab90916c180775dc0e9d322a697.png") 19px 13px no-repeat;
      background-size: 24px 24px;
      font-size: 0;
}
.guess-rank-item .rank-item-rank.third[data-v-312b9570] {
      background: url("//qkassets.qkcdn.com/images/assets/e3489beae22a3d74d5d85dd97ef5bbf3.png") 19px 13px no-repeat;
      background-size: 24px 24px;
      font-size: 0;
}
.guess-rank-item .rank-item-avatar[data-v-312b9570] {
    width: 28px;
}
.guess-rank-item .rank-item-avatar img[data-v-312b9570] {
      position: absolute;
      width: 28px;
      height: 28px;
      left: 0;
      top: 50%;
      border-radius: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
}
.guess-rank-item .rank-item-nickname[data-v-312b9570] {
    width: 104px;
    padding-left: 9px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #3a3a3a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.guess-rank-item .rank-item-zan[data-v-312b9570] {
    width: 14px;
}
.guess-rank-item .rank-item-zan img[data-v-312b9570] {
      position: absolute;
      width: 14px;
      height: 14px;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
}
.guess-rank-item .rank-item-num[data-v-312b9570] {
    width: 100px;
    font-size: 14px;
    padding-right: 34px;
    color: #3a3a3a;
    text-align: right;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.guess-rank-item .rank-item-reward[data-v-312b9570] {
    width: 59px;
    font-size: 14px;
    margin-right: 2px;
    text-align: right;
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.guess-rank-item .rank-item-yuan[data-v-312b9570] {
    font-size: 12px;
    font-weight: bold;
    color: #ff5f22;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
@media only screen and (min-height: 724px) {
.guess-rank-my[data-v-312b9570] {
    height: 86px !important;
}
}
.guess-rank-my[data-v-312b9570] {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.04);
}
.guess-rank-no-data[data-v-312b9570] {
  position: absolute;
  top: 52px;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.guess-rank-no-data img[data-v-312b9570] {
    position: relative;
    margin: 100px auto 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.guess-rank-no-data .tips-title[data-v-312b9570] {
    position: relative;
    margin: 0 auto;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
    color: #aaaaaa;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.guess-rank-no-data .tips[data-v-312b9570] {
    position: relative;
    margin: 16px auto 0;
    width: 210px;
    height: 40px;
    font-size: 12px;
    line-height: 1.67;
    text-align: center;
    color: #aaaaaa;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}

.fade-customer-service-enter-active[data-v-5a09ce31], .fade-customer-service-leave-active[data-v-5a09ce31] {
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.fade-customer-service-enter[data-v-5a09ce31], .fade-customer-service-leave-to[data-v-5a09ce31] {
  opacity: 0;
}
.customer-service[data-v-5a09ce31] {
  height: 45px;
  position: absolute;
  bottom: 54px;
  z-index: 11;
  right: 16px;
}
.customer-service img[data-v-5a09ce31] {
    width: 76px;
    height: 76px;
}
.customer-service.move[data-v-5a09ce31] {
    bottom: 50px;
}
/* thin border */
.fade-webclip-enter[data-v-d8c9a544], .fade-webclip-leave-to[data-v-d8c9a544], .fade-webclip-leave[data-v-d8c9a544] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
}
.fade-webclip-enter-active[data-v-d8c9a544], .fade-webclip-leave-active[data-v-d8c9a544] {
  transition: all 0.3s ease;
}
.webclip[data-v-d8c9a544] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 60px;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  width: 100%;
  padding: 10px 16px 10px 68px;
  z-index: 20;
}
.webclip .qk-icon[data-v-d8c9a544] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-image: url(//qkassets.qkcdn.com/images/assets/4ee0c9242575135ba0c1613e492ce0a6.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 16px;
}
.webclip .title[data-v-d8c9a544] {
    font-size: 14px;
    line-height: 20px;
    margin-left: -3px;
}
.webclip .desc[data-v-d8c9a544] {
    font-size: 11px;
    line-height: 16px;
    opacity: 0.5;
    margin-left: -3px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.webclip .btn-common[data-v-d8c9a544] {
    position: absolute;
    padding: 0;
    width: 64px;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    border-radius: 2px;
}
.webclip .btn-install[data-v-d8c9a544] {
    top: 16px;
    right: 88px;
    background: #ea5a49;
}
.webclip .btn-maybe_later[data-v-d8c9a544] {
    top: 16px;
    right: 16px;
    border: solid 1px #ea5a49;
    color: #ea5a49;
    background-color: rgba(0, 0, 0, 0);
}
/* thin border */
.page-content[data-v-128e43f4] {
  background: #FFFFFF;
}
.page-content .item.item-borderless[data-v-128e43f4] {
    text-overflow: auto;
    white-space: normal;
}
.page-content .item.item-borderless.instruction[data-v-128e43f4] {
      padding: 19px;
      font-size: 13px;
      line-height: 22px;
      text-align: justify;
      color: #8c8c8c;
}
.page-content .item.item-borderless.step[data-v-128e43f4] {
      padding: 20px 21px;
}
.page-content .item.item-borderless.step p[data-v-128e43f4] {
        font-size: 14px;
        line-height: 20px;
        color: #EA5A49;
        margin: 0 0 10px 0;
}
.page-content .item.item-borderless.step div.img[data-v-128e43f4] {
        width: 100%;
}
.page-content .item.item-borderless.step div.img.img-1[data-v-128e43f4] {
          height: 156px;
          background-image: url(//qkassets.qkcdn.com/images/assets/f933be91dd897d5699ccafd15c6df0b1.png);
          background-size: 213px 106px;
          background-position: center;
          background-repeat: no-repeat;
}
.page-content .item.item-borderless.step div.img.img-2[data-v-128e43f4] {
          height: 139px;
          background-image: url(//qkassets.qkcdn.com/images/assets/ac4e5b25fb931bc7e4281bf0f7b69534.png);
          background-size: 225px 139px;
          background-position: center;
          background-repeat: no-repeat;
}
.page-content .item.item-borderless.step div.img.img-3[data-v-128e43f4] {
          height: 108px;
          background-image: url(//qkassets.qkcdn.com/images/assets/f8ea1bc3fe7b9183681ac76e26935ef3.png);
          background-size: 170px 108px;
          background-position: center;
          background-repeat: no-repeat;
}
.page-content .item.item-borderless.step div.img.img-4[data-v-128e43f4] {
          height: 108px;
          background-image: url(//qkassets.qkcdn.com/images/assets/cdeae50b01ed25d8f0f94bd3f223eb31.png);
          background-size: 170px 108px;
          background-position: center;
          background-repeat: no-repeat;
}
.page-content .button-trust[data-v-128e43f4] {
    margin: 30px auto;
    display: block;
    width: 160px;
    height: 40px;
    min-height: 40px;
    background: #EF4F2A;
    border-radius: 2px;
    font-size: 13px;
    color: #FFFFFF;
    font-family: "PingFangSC-Medium", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 500;
}
.bar-dark[data-v-128e43f4] {
  background-color: rgba(45, 44, 51, 0.98) !important;
  color: #FFF;
}
.bar-dark .title[data-v-128e43f4] {
    font-weight: 100;
}
/* thin border */
ol {
  list-style-type: decimal;
  padding-left: 17px;
  font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 400;
}
ol span {
    text-indent: 10px;
}
ol i {
    color: #f75946;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.global-reward-popup .popup {
  width: 272px !important;
  border-radius: 12px !important;
}
.first-task-remind {
  background: #fff;
  position: relative;
  top: -34px;
  height: 276px;
  width: 287px !important;
}
.first-task-remind .hairline-bottom::after {
    display: none;
}
.first-task-remind .popup-body {
    padding: 0 !important;
    overflow: inherit !important;
    top: -2px;
}
.first-task-remind .trumpet-icon {
    width: 116px;
    height: 95px;
    position: relative;
    margin: -45px auto 16px auto;
}
.first-task-remind .trumpet-icon img {
      width: 116px;
      height: 95px;
}
.first-task-remind .title {
    font-size: 20px;
    color: #f75946;
    line-height: 24px;
    height: 24px;
    margin-bottom: 8px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.first-task-remind .content {
    text-align: center;
}
.first-task-remind .content img {
      width: 175px;
      height: 56px;
}
.first-task-remind .desc {
    margin-top: 19px;
    text-align: center;
    font-size: 12px;
}
.first-task-remind .popup-buttons {
    height: 48px;
}
.first-task-remind .popup-buttons button {
      width: 181px !important;
      height: 48px !important;
      line-height: 48px !important;
      background: #f75946 !important;
      margin: 30px 59px 32px !important;
      border-radius: 24px !important;
      text-align: center !important;
      color: #fff !important;
      font-size: 16px !important;
      box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      -webkit-box-shadow: 0 1px 4px 0 rgba(247, 89, 70, 0.5) !important;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.first-task-remind .popup-buttons button:active {
        background-color: #e0412e !important;
}
.first-task-remind .popup-buttons button span {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        white-space: nowrap;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 {
  width: 272px;
  padding: 0 16px !important;
  border-radius: 12px !important;
  overflow: inherit;
  background: #f75946;
}
.popup-reward-v5 .finish-icon {
    position: relative;
    z-index: 10;
    width: 151px;
    height: 152px;
    margin: -108px auto;
    top: 32px;
}
.popup-reward-v5 .finish-icon img {
      width: 151px;
      height: auto;
}
.popup-reward-v5 .title {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #F75946;
    height: 18px;
    line-height: 18px;
    margin-bottom: 14px;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .coin-entrance {
    background: #fffcec;
    padding: 16px;
    border-radius: 8px;
    margin-top: 12px;
    text-align: center;
}
.popup-reward-v5 .coin-entrance .remind-title {
      font-size: 14px;
      color: #3a3a3a;
      margin-bottom: 12px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .coin-entrance .remind-title span {
        color: #f75946;
}
.popup-reward-v5 .coin-entrance .coin-info-content {
      width: 192px;
      margin: 0 auto 16px;
}
.popup-reward-v5 .coin-entrance .coin-info {
      display: inline-block;
      font-size: 0;
      margin-right: 19px;
}
.popup-reward-v5 .coin-entrance .coin-info:nth-child(3n) {
        margin-right: 0;
}
.popup-reward-v5 .coin-entrance .coin-info img {
        width: 48px;
        height: 48px;
        display: block;
}
.popup-reward-v5 .coin-entrance .coin-info .name {
        font-size: 10px;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.popup-reward-v5 .coin-entrance .coin-info:last-of-type {
        margin-right: 0;
}
.popup-reward-v5 .reward-num {
    border-radius: 8px;
    position: relative;
    z-index: 5;
    width: 240px;
    background: #fffcec;
    text-align: center;
    font-size: 0;
    margin-top: 80px;
    padding-top: 32px;
    padding-bottom: 23px;
}
.popup-reward-v5 .reward-num.reward-coin .num {
      font-size: 32px;
      font-family: "Gilroy-ExtraBoldItalic", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .reward-num.reward-coin .unit {
      font-size: 12px;
}
.popup-reward-v5 .reward-num .reward-title {
      height: 20px;
      overflow: hidden;
      margin: 0 auto 16px auto;
}
.popup-reward-v5 .reward-num .reward-title img {
        height: 20px;
}
.popup-reward-v5 .reward-num .reward-icon {
      width: 40px;
      height: 40px;
      background: url("//qkassets.qkcdn.com/images/assets/178c1c96504be65cda96ce0d74228555.png") no-repeat center/cover;
      position: absolute;
      right: 15px;
      bottom: -20px;
}
.popup-reward-v5 .reward-num .plus {
      width: 12px;
      height: 12px;
      margin-right: 3px;
      display: inline-block;
      position: relative;
      top: -2px;
}
.popup-reward-v5 .reward-num .plus img {
        width: 12px;
        height: 12px;
}
.popup-reward-v5 .reward-num .num {
      height: 47px;
      line-height: 47px;
      font-size: 41px;
      font-weight: 600;
      text-align: center;
      color: #F75946;
      font-family: 'DINAlternate-Bold';
      margin-right: 2px;
}
.popup-reward-v5 .reward-num .unit {
      font-size: 20px;
      position: relative;
      top: -2px;
      color: #F75946;
      display: inline-block;
      font-family: "puhui", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .reward-num .current-reward {
      font-size: 12px;
      line-height: 17px;
      margin-top: 4px;
      color: #f75946;
      margin-bottom: 8px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-reward-v5 .reward-num .current-reward span {
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .reward-num .desc {
      text-align: center;
      font-size: 12px;
      color: #aaaaaa;
      line-height: 20px;
      padding: 0 38px;
      font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
      font-weight: 400;
}
.popup-reward-v5 .reward-num .desc .coin-style {
        font-size: 14px;
        color: #F75946;
}
.popup-reward-v5 .extra-award {
    width: 240px;
    height: 64px;
    background: #ef4d3a;
    border-radius: 8px;
    padding: 12px 0;
    margin-top: 12px;
}
.popup-reward-v5 .extra-award .extra-title {
      text-align: center;
      color: #fdf9e5;
      font-size: 14px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .extra-award .extra-title span {
        font-size: 22px;
        margin: 0 4px;
        font-family: qiankaFont;
        line-height: 16px;
}
.popup-reward-v5 .extra-award .extra-subtitle {
      margin-top: 4px;
      color: #ffdd55;
      font-size: 12px;
      text-align: center;
      line-height: 16px;
}
.popup-reward-v5 .coin-pic {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto 16px;
}
.popup-reward-v5 .level {
    margin: 0 auto 10px;
    transition: 0.7s opacity, 0.7s -webkit-transform;
    transition: 0.7s opacity, 0.7s transform;
    transition: 0.7s opacity, 0.7s transform, 0.7s -webkit-transform;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
}
.popup-reward-v5 .level.levelUp {
      -webkit-transform: translateX(-70px);
          -ms-transform: translateX(-70px);
              transform: translateX(-70px);
      opacity: 0;
}
.popup-reward-v5 .level-new {
    margin: -106px auto 10px;
    transition: 0.7s opacity, 0.7s -webkit-transform;
    transition: 0.7s opacity, 0.7s transform;
    transition: 0.7s opacity, 0.7s transform, 0.7s -webkit-transform;
    -webkit-transform: translateX(70px);
        -ms-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
}
.popup-reward-v5 .level-new.levelUpNew {
      -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
              transform: translateX(0px);
      opacity: 1;
}
.popup-reward-v5 .progress {
    position: relative;
    height: 16px;
    margin-top: 16px;
    text-align: center;
}
.popup-reward-v5 .progress .exp-text {
      display: inline-block;
      height: 16px;
      line-height: 16px;
      text-align: center;
      color: #B5B5B5;
      color: #fff6ce;
      font-size: 12px;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .progress .exp-text .progress-container {
        float: left;
        margin: 5px 8px 0 8px;
        display: inline-block;
        width: 97px;
        margin-bottom: 7px;
        border-radius: 12px;
        background-color: #e54835;
}
.popup-reward-v5 .progress .exp-text .progress-container .exp-progress {
          width: 0px;
          height: 5px;
          border-radius: 12px;
          /* background-image: linear-gradient(to right, $light-gold, $coral); */
          background: #fff6ce;
          font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .progress .exp-text span:first-child {
        float: left;
}
.popup-reward-v5 .progress .exp-text span:last-child {
        float: right;
}
.popup-reward-v5 .zs-wrap {
    padding-top: 12px;
    border-radius: 4px;
    background-color: #ef4d3a;
    margin-top: 12px;
}
.popup-reward-v5 .zs-desc {
    text-align: center;
    color: #ffdd55;
    font-size: 12px;
    line-height: 20px;
    font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
    font-weight: 400;
}
.popup-reward-v5 .zs-tasks {
    padding: 0 16px 12px;
}
.popup-reward-v5 .zs-tasks .award-list {
      max-height: 84px !important;
      position: relative !important;
      margin: 6px auto 0px auto;
      text-align: left;
}
.popup-reward-v5 .zs-tasks .award-list li {
        height: 20px;
        line-height: 20px;
        margin-bottom: 4px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.popup-reward-v5 .zs-tasks .award-list li:last-child {
          margin-bottom: 0;
}
.popup-reward-v5 .zs-tasks .award-list li span {
          display: inline-block;
          color: #ffffff;
          font-size: 12px;
          width: 28%;
}
.popup-reward-v5 .zs-tasks .award-list li span:first-child {
            width: 41%;
}
.popup-reward-v5 .zs-tasks .award-list li span:last-child {
            float: right;
            text-align: right;
}
.popup-reward-v5 .button-coral {
    font-size: 16px;
    font-weight: 600;
    margin: 24px auto 32px;
    display: block;
    background: #ffdd55;
    color: #f75946;
    width: 175px;
    box-shadow: 0 4px 12px 0 rgba(147, 16, 0, 0.1);
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-reward-v5 .button-coral:active {
      background: #ffc236;
      box-shadow: none;
}
.popup-reward-v5 .button-coral.shoutu {
      width: 179px;
      margin-top: 15px;
      line-height: 48px;
      margin-bottom: 34px;
      background-color: #fff;
      border: 1px solid #F75946;
      color: #F75946;
      box-shadow: none;
      font-size: 16px;
}
.popup-reward-v5 .button-coral.forward-coin {
      background-color: rgba(247, 89, 70, 0.09);
      color: #f75946;
      margin: 0 auto;
}
.popup-reward-v5 .button-coral.forward-coin:active {
        background-color: rgba(247, 89, 70, 0.2);
}
.popup-reward-v5 .button-coral.btn-shoutu {
      width: 173px;
      height: 48px;
      border-radius: 24px;
      box-shadow: none;
      border: solid 1px #ffdd55;
      font-size: 16px;
      color: #ffdd55;
      background: none;
      line-height: 48px;
      margin-top: -20px;
}
.popup-reward-v5 .button-coral.btn-shoutu:active {
        background: none;
}
.popup-reward-v5 .button-coral.share {
      width: 179px;
      margin-top: 31px;
      margin-bottom: 16px;
      font-size: 16px;
}
/* thin border */
@-webkit-keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
@keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
.popup-level-upgrade .popup-level-upgrade[data-v-4351316b] {
  width: 243px !important;
  height: 254px !important;
  background-color: transparent !important;
}
.popup-level-upgrade .popup-level-upgrade .popup-body[data-v-4351316b] {
    position: relative;
    -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
            transform: translateY(-40px);
    width: 243px !important;
    height: 254px !important;
    padding: 0 !important;
    background-image: url(//qkassets.qkcdn.com/images/assets/301ad44e453fbe3a840a4946a0b71864.png);
    background-size: 243px 254px;
    background-position: center;
    background-repeat: no-repeat;
}
.popup-level-upgrade .popup-level-upgrade .popup-body .upgrade-level[data-v-4351316b] {
      margin: 8px auto 52px;
      position: relative;
}
.popup-level-upgrade .popup-level-upgrade .popup-body .title[data-v-4351316b] {
      height: 25px;
      line-height: 25px;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.8px;
      text-align: center;
      color: #3a3a3a;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-level-upgrade .popup-level-upgrade .popup-body .reward-num[data-v-4351316b] {
      color: #F75946;
      text-align: center;
      font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-level-upgrade .popup-level-upgrade .popup-body .reward-num .tip[data-v-4351316b] {
        position: relative;
        top: -4px;
        left: 2px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: #f75946;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-level-upgrade .popup-level-upgrade .popup-body .reward-num span[data-v-4351316b]:nth-child(2) {
        position: relative;
        top: -1px;
        left: -1px;
        height: 58px;
        line-height: 58px;
        font-size: 38px;
        font-weight: 600;
}
.popup-level-upgrade .popup-level-upgrade .popup-body .reward-num span[data-v-4351316b]:nth-child(3) {
        position: relative;
        left: -3px;
        top: -4px;
        font-size: 13px;
        height: 22px;
        line-height: 22px;
        font-weight: 600;
}
.popup-level-upgrade.active .popup[data-v-4351316b] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.popup-level-upgrade .popup[data-v-4351316b] {
  width: 200px;
  height: 200px;
  background-color: #FFF;
}
.popup-level-upgrade .close-popup[data-v-4351316b] {
  text-align: center;
  position: relative;
}
.popup-level-upgrade .close-popup img[data-v-4351316b] {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
/* thin border */
@-webkit-keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
@keyframes bounceInDown {
from, 65%, 70%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
}
65% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
to {
    -webkit-transform: none;
    transform: none;
}
}
.popup-apprentice[data-v-f10e93d0] {
  position: fixed;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.popup-apprentice .popup-apprentice-upgrade[data-v-f10e93d0] {
      top: 68px !important;
}
.popup-apprentice .popup-apprentice-upgrade.rule-B[data-v-f10e93d0] {
        top: 120px !important;
}
}
.popup-apprentice .popup-apprentice-upgrade[data-v-f10e93d0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
    height: 499px;
    background-color: transparent;
    background-size: contain;
}
.popup-apprentice .popup-apprentice-upgrade.rule-B[data-v-f10e93d0] {
      top: 64px;
      height: 400px;
}
.popup-apprentice .popup-apprentice-upgrade .popup-body[data-v-f10e93d0] {
      position: relative;
      margin: 285px auto 0;
      width: 265px;
      height: 182px;
      padding: 0 !important;
}
.popup-apprentice .popup-apprentice-upgrade .popup-body .title[data-v-f10e93d0] {
        position: relative;
        width: 100%;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        color: #ffe499;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-apprentice .popup-apprentice-upgrade .popup-body .subtitle[data-v-f10e93d0] {
        position: relative;
        margin-top: 6px;
        margin-bottom: 16px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        color: #ffffff;
        font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-apprentice .popup-apprentice-upgrade .popup-body .validity-time[data-v-f10e93d0] {
        position: relative;
        margin-top: 76px;
        margin-bottom: 12px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
        font-family: "PingFangSC-Regular", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
        font-weight: 400;
}
.popup-apprentice .popup-apprentice-upgrade .popup-body .btn-to-apprentice[data-v-f10e93d0] {
        position: absolute;
        left: 50%;
        bottom: 26px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 203px;
        height: 44px;
}
.popup-apprentice .popup-apprentice-upgrade .close-popup[data-v-f10e93d0] {
      text-align: center;
      position: relative;
}
.popup-apprentice .popup-apprentice-upgrade .close-popup img[data-v-f10e93d0] {
        position: absolute;
        top: 0;
        left: 50%;
        width: 24px;
        height: 24px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
}
.popup-apprentice.active .popup[data-v-f10e93d0] {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.popup-apprentice .close-popup[data-v-f10e93d0] {
    position: absolute !important;
    bottom: -24px;
    left: 50%;
    width: 24px;
    height: 24px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.popup-apprentice .close-popup img[data-v-f10e93d0] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
/* thin border */
.popup-global-advertisement .popup {
  background: none !important;
}
.popup-global-advertisement .popup .advertisement {
    width: 100%;
    height: 100%;
}
.popup-global-advertisement .popup .advertisement img {
      width: 100%;
      height: 100%;
}
.popup-global-advertisement .popup .closed {
    text-align: center;
    pointer-events: auto;
    height: 24px;
    margin-top: 32px;
}
.popup-global-advertisement .popup .closed img {
      width: 24px;
      height: 24px;
}
.popup-global-advertisement .popup .ext-reward {
    position: absolute;
    top: 170px;
    left: 50%;
    width: 200px;
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    font-family: "PingFangSC-Semibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-global-advertisement .popup .ext-reward span {
      font-size: 18px;
      font-family: "puhui", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.popup-global-advertisement .close {
  visibility: hidden;
}
