@-webkit-keyframes changDeg-2a409423 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
}
@keyframes changDeg-2a409423 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
}
.PIXPay-header[data-v-2a409423] {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  background: #1F1F1F;
  padding: 0.48rem 0.42667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.PIXPay-header-back[data-v-2a409423] {
  width: 0.24rem;
  height: 0.42667rem;
  background-size: 100% 100%;
  margin-right: 0.32rem;
}
.PIXPay-header-text[data-v-2a409423] {
  font-size: 0.48rem;
  font-family: Barlow;
  font-weight: bold;
  line-height: 0.58667rem;
  color: #FFFFFF;
}
@media only screen and (max-width: 750px) {
.PIXPay-pc[data-v-2a409423] {
    display: none;
}
.PIXPay[data-v-2a409423] {
    background-color: #e4e4e4;
    min-height: 100vh;
    padding-top: 1.54667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.PIXPay-mobile[data-v-2a409423] {
    width: 100%;
    max-width: 12rem;
}
.PIXPay-body[data-v-2a409423] {
    padding: 0.45333rem 0.45333rem 1.89333rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.PIXPay-body-time[data-v-2a409423] {
    width: 100%;
    border-radius: 0.16rem;
    background: #fff;
    padding: 0.53333rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.26667rem;
}
.PIXPay-body-time .time-box[data-v-2a409423] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.PIXPay-body-time-icon[data-v-2a409423] {
    width: 0.58667rem;
    height: 0.58667rem;
    background-size: 100% 100%;
    margin-bottom: 0.21333rem;
    margin-right: 0.16rem;
}
.PIXPay-body-time-text[data-v-2a409423] {
    font-size: 0.37333rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.45333rem;
    color: #212121;
    margin-bottom: 0.32rem;
}
.PIXPay-body-time-text span[data-v-2a409423] {
    color: #fb9f00;
}
.PIXPay-body-time-count[data-v-2a409423] {
    padding: 0.16rem 1.33333rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 0.45333rem;
    font-family: Barlow;
    font-weight: bold;
    line-height: 0.56rem;
    color: #fff;
    margin-bottom: 0.32rem;
    border-radius: 0.16rem;
    background-color: #2388f4;
}
.PIXPay-body-time-tips[data-v-2a409423] {
    font-size: 0.37333rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.45333rem;
    color: #444;
}
.PIXPay-body-code[data-v-2a409423] {
    padding: 0.53333rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    border-radius: 0.16rem;
}
.PIXPay-body-code-header[data-v-2a409423] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.PIXPay-body-code-header-title[data-v-2a409423] {
    font-size: 0.37333rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.45333rem;
    color: #444;
    margin-bottom: 0.34667rem;
    text-align: center;
    width: 100%;
}
.PIXPay-body-code-header-code[data-v-2a409423] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.PIXPay-body-code-header-code > div[data-v-2a409423] {
    border: 0.02667rem solid #ddd;
    width: 4.26667rem;
    height: 4.26667rem;
    margin-bottom: 0.34667rem;
}
.PIXPay-body-code-header-tips[data-v-2a409423] {
    width: 100%;
    text-align: center;
    font-size: 0.37333rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.45333rem;
    color: #444;
    margin-bottom: 0.32rem;
}
.PIXPay-body-code-header-btn[data-v-2a409423] {
    border-radius: 0.16rem;
    background-color: #24c069;
    width: 5.33333rem;
    height: 0.96rem;
    line-height: 0.96rem;
    text-align: center;
    margin: 0 auto 0.53333rem;
    font-size: 0.53333rem;
    font-family: Barlow;
    font-weight: bold;
    color: #fff;
}
.PIXPay-body-br[data-v-2a409423] {
    width: 100%;
    height: 0.02667rem;
    background: #dddd;
}
.PIXPay-body-code-footer[data-v-2a409423] {
    padding: 0.42667rem;
}
.PIXPay-body-code-footer-title[data-v-2a409423] {
    font-size: 0.42667rem;
    font-family: Barlow;
    font-weight: bold;
    line-height: 0.42667rem;
    color: #fb9f00;
    margin-bottom: 0.16rem;
}
.PIXPay-body-code-footer-text[data-v-2a409423] {
    font-size: 0.34667rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.42667rem;
    color: #fb9f00;
    margin-bottom: 0.16rem;
}
.PIXPay-body-code-footer-text[data-v-2a409423]:last-child {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 750px) {
.PIXPay[data-v-2a409423] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #111111;
    min-height: 100vh;
}
.PIXPay .PIXPay-header[data-v-2a409423] {
    display: none;
}
.PIXPay .PIXPay-mobile[data-v-2a409423] {
    display: none;
}
.PIXPay .PIXPay-pc[data-v-2a409423] {
    padding: 1.28rem 3vw;
    max-width: 32.53333rem;
    width: 100%;
}
.PIXPay .PIXPay-pc .PIXPay-pc-title[data-v-2a409423] {
    font-size: 0.48rem;
    font-family: Barlow;
    font-weight: bold;
    line-height: 1.6rem;
    color: #FFFFFF;
    margin-bottom: 0.8rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time[data-v-2a409423] {
    background: #fff;
    border-radius: 0.21333rem;
    padding: 1.06667rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 0.8rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time .PIXPay-body-time-header[data-v-2a409423] {
    width: 100%;
    text-align: center;
    margin-bottom: 0.82667rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time .PIXPay-body-time-header .PIXPay-body-time-header-left[data-v-2a409423] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.53333rem;
    margin-bottom: 0.53333rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time .PIXPay-body-time-header .PIXPay-body-time-header-left .PIXPay-body-time-icon[data-v-2a409423] {
    width: 0.53333rem;
    height: 0.53333rem;
    background-size: 100% 100%;
    margin-right: 0.32rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time .PIXPay-body-time-header .PIXPay-body-time-header-left .PIXPay-body-time-text[data-v-2a409423] {
    font-size: 0.48rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.58667rem;
    color: #fb9f00;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time .PIXPay-body-time-header .PIXPay-body-time-tips[data-v-2a409423] {
    font-size: 0.48rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.58667rem;
    color: #444;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-time .PIXPay-body-time-count[data-v-2a409423] {
    padding: 0.32rem 1.6rem;
    background: #2388f4;
    border-radius: 0.16rem;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0.64rem;
    font-family: Barlow;
    font-weight: bold;
    line-height: 0.77333rem;
    color: #fff;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code[data-v-2a409423] {
    padding: 1.06667rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    border-radius: 0.16rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header[data-v-2a409423] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.04rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-left[data-v-2a409423] {
    margin-right: 1.04rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-left .PIXPay-body-code-header-code[data-v-2a409423] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-left .PIXPay-body-code-header-code > div[data-v-2a409423] {
    border: 0.02667rem solid #ddd;
    width: 5.33333rem;
    height: 5.33333rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-right[data-v-2a409423] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-right .PIXPay-body-code-header-title[data-v-2a409423],
  .PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-right .PIXPay-body-code-header-tips[data-v-2a409423] {
    font-size: 0.48rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.58667rem;
    color: #444;
    margin-bottom: 0.53333rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-header .PIXPay-body-code-header-right .PIXPay-body-code-header-btn[data-v-2a409423] {
    width: 6.93333rem;
    height: 1.6rem;
    background: #24c069;
    border-radius: 0.21333rem;
    text-align: center;
    line-height: 1.6rem;
    font-size: 0.48rem;
    font-family: Barlow;
    font-weight: bold;
    color: #fff;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-br[data-v-2a409423] {
    width: 100%;
    height: 0.02667rem;
    background: #393939;
    margin-bottom: 0.8rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-footer .PIXPay-body-code-footer-title[data-v-2a409423] {
    font-size: 0.64rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.58667rem;
    color: #fb9f00;
    margin-bottom: 0.32rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-footer .PIXPay-body-code-footer-text[data-v-2a409423] {
    font-size: 0.48rem;
    font-family: Barlow;
    font-weight: 400;
    line-height: 0.58667rem;
    color: #fb9f00;
    margin-bottom: 0.32rem;
}
.PIXPay .PIXPay-pc .PIXPay-body .PIXPay-body-code .PIXPay-body-code-footer .PIXPay-body-code-footer-text[data-v-2a409423]:last-child {
    margin-bottom: 0;
}
}

