﻿.comfirm {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    background: rgba(0,0,0,.6)
}

.comfirm .notice {
    width: 6.93333rem;
    max-height: 13.6rem;
    border-radius: .26667rem;
    background: #fff;
    position: absolute;
    left: 1.53333rem;
    top: calc(50% - 4.13333rem)
}

.comfirm .notice .topline {
    width: 3.65333rem;
    height: .13333rem;
    margin-left: 1.64rem;
    float: left
}

.comfirm .notice .logoimg {
    height: .64rem;
    float: left;
    margin: .53333rem 0 0 2.26667rem
}

.comfirm .notice .maincontents {
    width: 5.85333rem;
    height: 4.36rem;
    float: left;
    margin: .45333rem 0 0 .52rem;
    font-size: .26667rem;
    font-weight: 400;
    line-height: .37333rem;
    letter-spacing: 0;
    color: #424653;
    overflow: auto
}

.comfirm .notice #linesplit {
    width: .02667rem;
    height: 1.33333rem;
    background-color: #ddd
}

.comfirm .notice #bottomBtn {
    width: 100%;
    height: 1.33333rem;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .34667rem;
    color: #424653;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .02667rem solid #ddd
}

.comfirm .spnoticesss {
    height: 5.6rem
}

.comfirm .spnoticesss .maincontents {
    height: 2.13333rem;
    line-height: 2.13333rem;
    text-align: center;
    font-size: .37333rem
}

.zjlcpt {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    background: rgba(0,0,0,.6)
}

.zjlcpt #tcbgbg {
    width: 100%;
    height: 11.06667rem;
    position: relative;
    top: 50%;
    display: block;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ChargePop .payline .maincont .rcbtn,.textcenter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

 .van-field__label {
    width: auto!important
}

.rechange-success {
    width: 8.29333rem;
    border-radius: .21333rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rechange-success .success {
    width: 1.49333rem;
    height: 1.49333rem;
    margin: 0 auto;
    margin-top: .64rem
}

.rechange-success .text01 {
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #2f3134;
    margin-top: .64rem
}

.rechange-success .close_Text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #2f3134;
    margin-top: .21333rem;
    padding: 0;
    margin-bottom: .42667rem
}

.rechange-success .text02 {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #8c8d8f;
    margin-top: .21333rem
}

.rechange-success .text03 {
    font-size: .32rem;
    color: #4f8dfe
}

.rechange-success .kefubox {
    width: 100%;
    padding-left: .42667rem;
    padding-right: .42667rem;
    margin-top: .64rem
}

.rechange-success .kefubox .tittle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rechange-success .kefubox .tittle .line {
    height: .02667rem;
    background: #e8ebef;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rechange-success .kefubox .tittle .text {
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: .58667rem;
    color: #2f3134;
    margin-left: .21333rem;
    margin-right: .21333rem
}

.rechange-success .kefubox .b_box {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .64rem;
    margin-top: .42667rem
}

.rechange-success .kefubox .b_box .left,.rechange-success .kefubox .b_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.49333rem
}

.rechange-success .kefubox .b_box .left .headimg {
    width: 1.49333rem;
    height: 1.49333rem;
    margin-top: 0
}

.rechange-success .kefubox .b_box .left .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .21333rem
}

.rechange-success .kefubox .b_box .left .text .t_text {
    font-size: .42667rem;
    font-family: PingFang SC;
    line-height: .58667rem;
    color: #2f3134;
    text-align: left
}

.rechange-success .kefubox .b_box .left .text .b_text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .53333rem;
    color: #8f9298;
    margin-top: .10667rem;
    text-align: left
}

.rechange-success .kefubox .b_box .newarrow {
    width: .18667rem;
    height: .32rem;
    margin-top: 0
}

.bottom {
    height: 1.33333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.33333rem;
    font-size: .37333rem;
    border-top: .02667rem solid #e3e4e9;
    padding-top: .53333rem;
    margin: .53333rem 0
}

.bottom span {
    display: inline-block;
    width: 50%;
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    border: .02667rem solid #dcdcdc;
    border-radius: .10667rem
}

.bottom .confirm-btn {
    margin: 0 .4rem;
    color: #fff;
    background: #4f8dfe
}

.creatOrder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.creatOrder .btn {
    font-size: .37333rem;
    margin-top: .66667rem;
    text-align: center;
    color: #fff;
    width: 5.86667rem;
    height: .96rem;
    font-weight: 700;
    background: #a6c5fe;
    border-radius: .21333rem;
    border: none
}

.creatOrder .active {
    background: #4f8dfe
}

.follow-input {
    font-size: .64rem;
    color: #2f3242;
    padding: 0 0;
    height: 1.33333rem;
    line-height: 1.33333rem;
    border-bottom: .02667rem solid #e3e4e9
}

.follow-input .van-field__label {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: .53333rem;
    color: #2f3134;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.follow-input input {
    font-size: .85333rem;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 1.2rem;
    color: #2f3134
}

.follow-input input::-webkit-input-placeholder {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .66667rem;
    color: #d6d6d8
}

.follow-input input:-moz-placeholder,.follow-input input::-moz-placeholder {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .66667rem;
    color: #d6d6d8
}

.follow-input input:-ms-input-placeholder {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .66667rem;
    color: #d6d6d8
}

.usdtResult {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .45333rem;
    color: #2f3134;
    box-sizing: border-box;
    margin-top: .13333rem
}

.usdtResult .orange {
    color: #f15e5e;
    margin: 0 .05333rem
}

.usdtResult .blue {
    color: #4f8cfd
}

.money-list {
    margin-top: .85333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.money-list span {
    width: 2.24rem;
    height: .96rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: .53333rem;
    color: #2f3134;
    line-height: .96rem;
    text-align: center;
    border: .02667rem solid #d4d8e1;
    opacity: 1;
    border-radius: .10667rem;
    margin-bottom: .32rem
}

.money-list:after {
    content: "";
    width: 2.24rem
}

.money-list .active {
    background: #4f8dfe;
    color: #fff;
    border: none
}

.blue {
    color: #4f8dfe
}

.red {
    color: #f15e5e!important
}

.moneyred {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #f15e5e
}

.popup-modal {
    border-radius: .21333rem
}

.rechangeText {
    width: 8.29333rem;
    padding-bottom: 0
}

.rechangeText .rechange-contain {
    padding: .26667rem .4rem;
    padding-bottom: 0
}

.rechangeText .rechange-contain .qrCode {
    width: 2.56rem;
    height: 2.56rem;
    margin: 0 auto;
    margin-top: .26667rem;
    margin-bottom: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.rechangeText .rechange-contain a>:first-child {
    padding: .26667rem 0 .13333rem 0
}

.rechangeText span {
    margin-right: .26667rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #2f3134
}

.rechangeText .specialP {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rechangeText .specialSapn {
    display: inline-block;
    max-width: 4rem;
    word-break: break-all
}

.rechangeText .specialcopy {
    display: inline-block
}

.rechangeText .blue {
    color: #4f8dfe
}

.rechangeText label {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #9ca1a8;
    margin-right: .13333rem
}

.rechangeText .copy {
    color: #5787de;
    background: #f1f6ff;
    font-weight: 400;
    cursor: pointer;
    padding: .10667rem .10667rem;
    border-radius: .05333rem
}

.ChargePop {
    width: 8.29333rem!important;
    min-height: 9.6rem;
    max-height: 12.8rem;
    border-radius: .13333rem
}

.ChargePop .payline {
    width: 100%;
    min-height: 1.76rem;
    float: left;
    box-sizing: border-box;
    background: #fff;
    border-bottom: .02667rem solid #eff0f1
}

.ChargePop .payline .imgsds {
    width: .66667rem;
    height: .66667rem;
    float: left;
    margin: .56rem .4rem .50667rem
}

.ChargePop .payline .midboxs {
    float: left;
    width: 5.33333rem;
    height: 1.73333rem
}

.ChargePop .payline .midboxs>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #424653;
    height: .32rem;
    float: left;
    width: 100%;
    font-size: .32rem;
    margin-top: .53333rem
}

.ChargePop .payline .midboxs>div:nth-child(2) {
    margin-top: .13333rem;
    height: .26667rem;
    font-size: .26667rem;
    color: #a2a6ba
}

.ChargePop .payline .rtico {
    width: .16rem;
    height: .26667rem;
    float: right;
    margin: .73333rem .4rem 0 0;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

.ChargePop .payline .maincont {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 .93333rem;
    display: none
}

.ChargePop .payline .maincont .input {
    width: 8.13333rem;
    height: 1.06667rem;
    background-color: #fff;
    border-radius: .13333rem;
    float: left;
    outline: none;
    border: none;
    font-size: .37333rem;
    text-align: center
}

.ChargePop .payline .maincont .rcbtn {
    width: 8rem;
    height: 1.2rem;
    margin-top: .53333rem;
    float: left;
    background-image: -webkit-linear-gradient(left,#fde8cf,#d0b395),-webkit-linear-gradient(#4f99fe,#4f99fe);
    background-image: linear-gradient(90deg,#fde8cf,#d0b395),linear-gradient(#4f99fe,#4f99fe);
    border-radius: .61333rem;
    font-size: .37333rem;
    margin-bottom: .26667rem;
    color: #fff;
    opacity: .5
}

.ChargePop .payline .maincont .rcbtnactive {
    opacity: 1
}

.ChargePop .payline .maincont .desccontent {
    float: left;
    margin-top: .4rem;
    width: 100%;
    font-size: .26667rem;
    line-height: .37333rem;
    color: #424653
}

.ChargePop .payline .maincont .desccontent font {
    color: #c4a47d
}

.ChargePop .van-tabs--line .van-tabs__wrap {
    padding: 0 .8rem;
    border-bottom: .02667rem solid #e3e4e9
}

.ChargePop .van-tab--active {
    color: #4f8dfe
}

.ChargePop .van-tabs__line {
    width: .58667rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #4f8dfe
}

.ChargePop .van-tab__text {
    font-weight: 500;
    font-family: PingFang SC
}

.ChargePop .list {
    height: 1.33333rem;
    line-height: 1.33333rem;
    font-size: .32rem;
    color: #2f3242;
    width: 6.93333rem;
    margin: 0 .26667rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: .02667rem solid #e3e4e9
}

.ChargePop .list img {
    width: .48rem;
    height: .48rem;
    display: inline-block;
    position: relative;
    top: .10667rem;
    margin-right: .26667rem
}

.ChargePop .list .van-icon-arrow {
    font-size: .42667rem;
    padding-top: .4rem;
    color: #a0a4b4
}

.rechangeMoney {
    width: 8.29333rem;
    min-height: 5.33333rem;
    border-radius: .13333rem
}

.rechangeMoney .title {
    width: 100%;
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: .37333rem;
    font-weight: 700;
    color: #2f3134;
    text-align: center;
    border-bottom: .01333rem solid #eff0f1
}

.rechangeMoney .content {
    padding: 0 .4rem
}

.rechangeMoney .content .p1 {
    font-size: .26667rem;
    color: #acafba
}

.rechangeMoney .content .charge_text {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #2f3134
}

.accounts-swipe-cell {
    height: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .26667rem;
    border-top: .02667rem solid #e3e4e9
}

.accounts-swipe-cell .van-icon-arrow {
    position: relative;
    right: 0;
    float: right;
    font-size: .53333rem;
    top: -.32rem;
    color: #d0d0d0
}

.accounts-swipe-cell img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .26667rem;
    margin-top: .18667rem;
    margin-left: .13333rem
}

.accounts-swipe-cell .accounts-list-right {
    width: 8rem;
    margin: 0 0;
    text-align: left;
    font-size: .37333rem;
    color: #2f3242;
    padding-top: .26667rem
}

.accounts-swipe-cell .accounts-list-right span {
    font-size: .32rem
}

p {
    line-height: .53333rem;
    padding: .26667rem 0
}

 .van-tab--disabled {
    color: #747679
}

.usdt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: .02667rem solid #e3e4e9;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .13333rem 0
}

.usdt div:first-child {
    line-height: 1.06667rem
}

.usdt div:first-child img {
    width: .53333rem;
    position: relative;
    top: .13333rem;
    margin-right: .26667rem
}

.usdt div:last-child {
    text-align: right
}

.usdt div:last-child p {
    line-height: .53333rem;
    padding: 0 0
}

.SetPhone {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-bottom: .53333rem
}

.SetPhone .head_area {
    height: 1.33333rem;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .48rem;
    padding-right: .48rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    border-bottom: .02667rem solid #e1e1e1
}

.SetPhone .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.SetPhone .head_area .leftImg .top_back {
    width: .21333rem;
    height: .37333rem
}

.SetPhone .head_area .head_text {
    font-size: .50667rem;
    font-family: PingFang SC;
    color: #424653;
    width: 45%;
    text-align: center
}

.SetPhone .head_area .right_menu {
    font-size: .37333rem;
    font-family: PingFang SC;
    color: #424653;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.SetPhone .inputArea {
    padding-left: .66667rem;
    padding-right: .66667rem;
    margin-top: .26667rem
}

.SetPhone .inputArea .btn_item {
    width: 100%;
    height: 1.6rem;
    padding-top: .53333rem;
    border-bottom: .02667rem solid #e1e1e1;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.SetPhone .inputArea .btn_item .betInput {
    padding-left: 0!important
}

.SetPhone .inputArea .btn_item .van-field__control {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #424653
}

.SetPhone .inputArea .btn_item .van-field__control::-webkit-input-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba
}

.SetPhone .inputArea .btn_item .van-field__control:-moz-placeholder,.SetPhone .inputArea .btn_item .van-field__control::-moz-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba
}

.SetPhone .inputArea .btn_item .van-field__control:-ms-input-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba
}

.SetPhone .inputArea .sendCode {
    position: relative
}

.SetPhone .inputArea .sendCode_Text {
    position: absolute;
    right: 0;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fa0
}

.SetPhone .sure_bind_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.SetPhone .sure_bind_box .sure_bind {
    width: 8rem;
    height: 1.2rem;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%);
    opacity: .4;
    border-radius: .61333rem;
    margin: 0 auto;
    margin-top: .66667rem;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff
}

.SetPhone .sure_bind_box .btn_shinee {
    opacity: 1
}

.SetPhone .tip {
    margin-top: .45333rem;
    text-align: center;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653
}

.SetPhone .tip .normal {
    color: #424653
}

.SetPhone .tip .orange {
    color: #fa0;
    margin-left: .13333rem
}

.codePop {
    top: 25%
}

 .van-overlay {
    height: 63%!important
}

.codePop {
    width: 6.93333rem;
    height: 5.2rem;
    background: #fff;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.codePop .van-password-input {
    width: 100%
}

.codePop .van-password-input__security {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .64rem;
    height: 1.06667rem;
    padding: 0
}

.codePop .van-password-input__security .van-password-input__item {
    width: 1.06667rem!important;
    height: 1.06667rem;
    background: #f3f3f6;
    border-radius: .13333rem;
    margin-left: .13333rem;
    margin-right: .13333rem
}

.codePop .van-password-input__security .van-password-input__item--focus {
    border: .02667rem solid #ff934c!important
}

.codePop .van-password-input__security .van-password-input__item--focus .van-password-input__cursor {
    background-color: #ff934c!important;
    width: .05333rem!important
}

.codePop .close {
    position: absolute;
    top: .26667rem;
    right: .26667rem;
    width: .4rem;
    height: .4rem
}

.codePop .tittle {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #424653;
    margin-top: .61333rem
}

.codePop .coderesult {
    width: 4.69333rem;
    height: .69333rem;
    margin-top: .34667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABQCAMAAABF9usQAAABAlBMVEUAAAD////////////////////////////////////////////////////////////////////////////CwsJ4eHjAwMDZ2dm+vr/6+vvBwcG4uLr39/jh4eHGxsa8vL2rq6y6u7yOj5R8fHx2d3qhoqjJycro6OnKysr5+fnR0dHNzc2en6V2eofk5OXW1tfw8PDd3d21tbd9gIv09PWkpap/gID8/PyxsbSsrLCjpKqLjZXs7e2Vlpqvr7Koqa2Ojo+Ghojh4uXd3uGnp6t4eoJ5en2am6CQk5qChY2AgonR0tbLzdKytLyys7d1d3+prLWFiJG/wcelqLKMjIzx8vNkv42gAAAAE3RSTlMA3yAQ71+fz3+/j69Qb09AgJA/Pbj4SgAABjlJREFUeNrlm3lT2kAUwBNCOaRq25eEJByRiiBHAbmRq1aKVFt7f/+vUrMJvMJCUru7M9L+ZpxRJ3/w473s7nu7K/3PKM8PI3FZhidGOBqPxI4VJrGDJ2e1jhx5/neCx4kw7AOR548O2ov9MCPIz0L/qhrRe/HHbs+e+Ju2PXp/pBaKw16SCAW7He5ZRiLhoOApL4GFYr2gMlBJNoCFA/+UjAIDjYLKTDINDERDPm4yMFBTg7Asw9At1ZdzJjs5JMZtpAZiDK60H309wM4EBtCOpxsE56Se6mqadpULiF0GGEA7nm5FNRC7qjlMAkKXZQjdLrsoMFEOlsuNidzMUP0pAhNRhXJ7CWwUguVSr4ncma36cwFsHFBLLmBEfYxcpewX6CQwcrjxwoXhETDK1U0ASGfEyYXXX7sEsEJParrRNPQtckYJhyAxchDnkpQI5WacnGrdgU7L3XlykBEmB88kRAZmqEmt6UxqpyeGtSn3MQ0uZlaYnIwj5gtgh5rUbjSN2Ok75aAuTA5iTNN3kFyuqnl2xk65pDi5sML0xgVFrnO7tNN3yZXFyUGM3xtHyxn34/er2Fnb5bIC5cKu23PgAV0CTBZo52YqeQ2v7kpYI4mTg2MiFwEWUI6O3eUHtHMzNZ/PD+96QGirQuUSjpsCXKAX95n2u08rO53MDtWvreEsl3Hy0sxkxcqFFW5ZCZSaCVBa2b0lRZyRmgz6zm/lZBnVBMnBEbesBFoNAO2umpa7JMMug3C5AxwrWaHU1uyGTUpKuJzM7ZWDTTW0+zqfD6s5H5nyqJEUIAeKdAx82KZmZirpUu3b9y+FOz2gZ5IRIHckxYAPlJo7HlZMs1Er/uztrN6yRSyAOMsd8hpPYIva8pP2ervXkedt8GhnectFpDjwgVLb6NSZla0N9DSsSBc4y8WlKPBhUw2p4WffJGkCUHbc5GQpDLwp1ScnSFNX25h31FDSK13XCcXeg12FsxxwxryYnWq/MzOyXu4V6aGkNxprHk4b3SzzlAPOcmZGTXW1NbpNa9n+z1BDSTulLbkakfr1yco575ox0NaZD3S1DC4Xm0OJE7gl1yb5Ap6mnDuMGNPNyA10bCKXN7rKxSpGrl5yw8tRTgZGUM2rUYd5DcnPX/et3yaEAo6gDo0vc+/p+eKiB4QaL7kwN7nCap+qM2y9WdEaTu3fdzfSzleQbYBHfbBoec91jBF4zwAfovwm8SV6bjLrdC47zs9lZ0rqN0doOSHg5imYZcvuTzuXD8yc52rAlTjH5RfqGYZt2LZtOOib+8G1sgk4aTsPE3RMXl5EpEPggxpIxYQ1Glmuu1c0MV5dBnhEEerX+6qbwI1XvItVGkt/gN7tvtCplgNmLx8U3m0G2s2+Oe2ObQtnALdGSI27P/qGJcyOtBmkA+DCLrfcW+2BG9v9swEuFfLv7okuMHYRMa09RHcksPulLtfQo/4pdtoFtvaUMPDAx82R847WWAXTW6mcYi9akJyCW8as+Lppr5uWu9t6pvaI3PUCd0nEyEUcN079rx3vGyF/e5kjY4uzzdMsgVPHfcMdLjFyR0SOTzHu59aqphwDY0aqhLse6Wfe4x6QCDlZcokBB4Lc8ATRlEwI6esvKzvd4i2HW/5chhTabbzuhudQrLZr9x1jx10OT4Cxh46WM6Ybbihnn6ddu8vP3liasoRt+EuKgKMa9g260cejzDW77kTnLCeLPWSTq87RbUNu+fnT785IZt4OdIGHbDiUrHRafsjn87fEjZZTM94e0M37fP7zosk5LROCD7bpqbNha3jmuFFyuIYuXVc/tBYDW+jBNvaaNUsvT/qDSc5xo+VwDW0W+9N7dGOWw6RE2IuDwrZKzrLUXXK4htYtQYdJESUKTCQffVL23NxRko+AiSj/A9yNR8upFaD60IQ0MCDmeHohWG6xLod9aG5ZKeJiQXDocOq7neJiC/vQYi9NsNtlguTswdfP+ffjJo6g2IcWfN1F/EUlKzUbD28mtopk2xtbd2VRF5XYZ4RiveJnp9vN+5SxtRtUdkwrF4xXzJSgO537eznwUAoklIC9JB763y/kOsT2TC8cU6Q/J7RP0aPUgjmKwD4QTryS/gblKPLE4ycfHPkF7RdXKwgoGfUR3wAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.codePop .tips {
    font-size: .29333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba;
    margin-top: .4rem
}

.cover {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    text-align: center;
    z-index: 9999;
    position: fixed
}

.cover .inner {
    width: 7.2rem;
    height: 6.45333rem;
    background: #fff;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 5.68rem;
    position: relative
}

.cover .inner .close {
    position: absolute;
    top: .26667rem;
    right: .26667rem;
    width: .4rem;
    height: .4rem
}

.cover .inner .success {
    width: 1.49333rem;
    height: 1.49333rem;
    margin-top: 1.14667rem
}

.cover .inner .text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #2f3242;
    margin-top: .69333rem
}

.cover .inner .sure {
    width: 5.30667rem;
    height: 1.2rem;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%);
    border-radius: .61333rem;
    font-size: .45333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .74667rem
}

.van-number-keyboard {
    max-height: 35%!important;
    z-index: 9999!important
}

.SetName {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    height: 100%;
    text-align: center;
    background-size: contain
}

.SetName .head_area {
    height: 1.33333rem;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .48rem;
    padding-right: .48rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    border-bottom: .02667rem solid #e1e1e1
}

.SetName .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.SetName .head_area .leftImg .top_back {
    width: .21333rem;
    height: .37333rem
}

.SetName .head_area .head_text {
    font-size: .50667rem;
    font-family: PingFang SC;
    color: #424653;
    width: 45%;
    text-align: center
}

.SetName .head_area .right_menu {
    font-size: .37333rem;
    font-family: PingFang SC;
    color: #424653;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.SetName .inputArea {
    padding-left: .66667rem;
    padding-right: .66667rem;
    margin-top: .53333rem
}

.SetName .inputArea .btn_item {
    height: 1.2rem
}

.SetName .inputArea .btn_item .betInput {
    padding-left: 0!important
}

.SetName .inputArea .btn_item .van-field__control {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #424653
}

.SetName .inputArea .btn_item .van-field__control::-webkit-input-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba
}

.SetName .inputArea .btn_item .van-field__control:-moz-placeholder,.SetName .inputArea .btn_item .van-field__control::-moz-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba
}

.SetName .inputArea .btn_item .van-field__control:-ms-input-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #a2a6ba
}

.SetName .inputArea .btn_item:last-child {
    border-bottom: .02667rem solid #e1e1e1
}

.SetName .sure_bind_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.SetName .sure_bind_box .sure_bind {
    width: 8rem;
    height: 1.2rem;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%);
    opacity: .4;
    border-radius: .61333rem;
    margin: 0 auto;
    margin-top: .8rem;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff
}

.SetName .sure_bind_box .sure_bind_active {
    opacity: 1!important
}

.SetName .tip {
    font-size: .29333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7e88ad;
    margin-top: .53333rem;
    text-align: left;
    padding-left: .8rem;
    padding-right: .8rem;
    line-height: .56rem
}

.SetName .tip2 {
    margin-top: .26667rem
}

.newTips-toast {
    top: 1.6rem!important;
    background-color: #fffbf9!important;
    color: #000!important
}

.fixed {
    -webkit-transform: translateY(-1.12rem) scale(1) translateZ(0)!important;
    transform: translateY(-1.12rem) scale(1) translateZ(0)!important
}

.fixed div {
    pointer-events: auto!important
}

body,body .app,html {
    background-color: #ebecf5!important;
    --YThemeColor: #5691fe;
    width: 100%;
    height: 100%;
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif!important
}

* {
    -webkit-overflow-scrolling: touch
}

#app,.app-container,.layout-content {
    width: 100%;
    height: 100%
}

.notice {
    width: 8.53333rem;
    max-height: 13.6rem;
    min-height: 8rem;
    border-radius: .26667rem;
    text-align: center
}

.notice .topline {
    width: 3.65333rem;
    height: .13333rem;
    margin: 0 auto;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%)
}

.notice .logoimg {
    height: .64rem;
    margin: .66667rem auto .34667rem;
    display: inherit
}

.notice .dear {
    margin-top: .26667rem;
    margin-bottom: .26667rem;
    font-weight: 500
}

.notice .dear,.notice .maincontents {
    padding-left: .48rem;
    text-align: left;
    font-size: .37333rem;
    font-family: PingFang SC;
    color: #424653
}

.notice .maincontents {
    width: 100%;
    max-height: 2.4rem;
    overflow: scroll;
    line-height: .56rem;
    padding-right: .48rem;
    margin: 0 auto;
    word-break: break-all;
    white-space: pre-wrap!important;
    overflow-y: auto
}

.notice .maincontents h1,.notice .maincontents h2,.notice .maincontents h3,.notice .maincontents h4,.notice .maincontents h5,.notice .maincontents h6,.notice .maincontents i,.notice .maincontents p {
    font-size: .32rem!important;
    font-weight: 400!important;
    margin: 0!important;
    padding: 0!important
}

.notice .foot {
    height: 1.33333rem;
    padding-right: .48rem;
    padding-bottom: .26667rem
}

.notice .date,.notice .foot {
    width: 100%;
    text-align: right;
    padding-left: .48rem;
    margin-top: .13333rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653
}

.notice .cffffbtn {
    width: 100%;
    height: 1.33333rem;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .02667rem solid #ddd;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fa0;
    background: #eef0f8
}

.notice #stamps {
    position: absolute;
    right: 10%;
    z-index: -21;
    top: 20%;
    max-width: 2.53333rem
}

.notice .center {
    text-align: center;
    font-weight: 500;
    font-size: .42667rem;
    padding-bottom: 1.2rem
}

.spnoticesss {
    height: 5.6rem
}

.spnoticesss .maincontents {
    overflow: auto;
    max-height: 2.13333rem;
    line-height: 2.13333rem;
    text-align: left;
    font-size: .37333rem;
    white-space: pre-wrap!important
}

.titlexs {
    padding: .13333rem .48rem;
    font-size: .4rem;
    font-weight: 700;
    text-align: left
}

/deep/ .van-goods-action-button--danger {
    background: -webkit-linear-gradient(left,#38d3ff,#1a92e8);
    background: linear-gradient(90deg,#38d3ff,#1a92e8)
}

.van-overlay {
    background-color: rgba(0,0,0,.3)!important
}

.van-popover--light .van-popover__content {
    background: #58b7f6!important;
    color: #fff!important;
    font-size: .26667rem!important
}

.van-popover__action {
    width: auto;
    padding: .08rem .08rem;
    height: auto;
    font-size: .26667rem!important
}

.van-popover__action div {
    padding: .10667rem
}

/deep/ .van-popover__action-text {
    background: #58b7f6!important;
    color: #fff!important;
    font-size: .26667rem!important
}

.van-popover--light .van-popover__arrow {
    color: #58b7f6!important
}

.moneyLessPop {
    width: 7.2rem;
    height: 4.13333rem;
    background: #fff;
    border-radius: .24rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.moneyLessPop .top {
    width: 3.73333rem;
    height: .16rem;
    background: -webkit-linear-gradient(left,#01d1ff,#0aabff);
    background: linear-gradient(90deg,#01d1ff,#0aabff);
    border-radius: 0 0 .05333rem .05333rem
}

.moneyLessPop .content {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000;
    margin-top: 1.22667rem
}

.moneyLessPop .b_btn {
    position: fixed;
    bottom: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .02667rem solid #cdd1df;
    width: 100%
}

.moneyLessPop .b_btn,.moneyLessPop .b_btn .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.moneyLessPop .b_btn .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: .02667rem solid #cdd1df;
    font-size: .45333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000;
    text-align: center;
    height: 1.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.moneyLessPop .b_btn .btn:last-child {
    border-right: none;
    color: #68a6f7
}

.tipsdivcontent {
    width: 3.46667rem;
    height: 3.46667rem;
    background: rgba(0,0,0,.8);
    border-radius: .24rem
}

.tipsdivcontent img {
    float: left;
    width: 1.06667rem;
    height: 1.06667rem;
    margin: .92rem 1.2rem .41333rem
}

.tipsdivcontent .divtext {
    float: left;
    width: 100%;
    font-weight: 500;
    color: #fff;
    height: .42667rem;
    text-align: center
}

.pleaseLoginPop {
    width: 7.46667rem;
    background: #fff;
    border-radius: .24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    overflow: hidden
}

.pleaseLoginPop .flag {
    width: 3.65333rem;
    height: .13333rem;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%);
    margin: 0 auto
}

.pleaseLoginPop .logoimg {
    height: .64rem;
    display: block;
    margin: 0 auto;
    margin-top: .66667rem;
    margin-bottom: .34667rem
}

.pleaseLoginPop .center_text {
    height: 2.72rem;
    line-height: 2.72rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653
}

.pleaseLoginPop .b_btnList {
    height: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .02667rem solid #e1e1e1
}

.pleaseLoginPop .b_btnList .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    text-align: center
}

.pleaseLoginPop .b_btnList .item:last-child {
    border-left: .02667rem solid #e1e1e1
}

.downLoadPop {
    width: 7.86667rem;
    background: none!important
}

.downLoadPop .downClose {
    width: .48rem;
    height: .48rem;
    position: absolute;
    right: 0
}

.downLoadPop .outContent {
    margin-top: .48rem;
    width: 7.86667rem;
    height: 5.2rem;
    background: url(../../static/image/downLoadPopBg.f11b62f8.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.downLoadPop .outContent,.downLoadPop .outContent .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.downLoadPop .outContent .inner {
    position: absolute;
    width: 7.33333rem;
    height: 2rem;
    background: #fff;
    border-radius: .13333rem;
    margin-top: 2.8rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .13333rem;
    padding-right: .13333rem
}

.downLoadPop .outContent .inner .center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .26667rem
}

.downLoadPop .outContent .inner .center .t_text {
    font-size: .4rem;
    font-family: DINPro;
    font-weight: 700;
    color: #333
}

.downLoadPop .outContent .inner .center .b_text {
    margin-top: .08rem;
    font-size: .26667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7e88ad
}

.downLoadPop .outContent .inner .logo {
    width: 1.17333rem;
    height: 1.17333rem
}

.downLoadPop .outContent .inner .downBtn {
    padding-left: .34667rem;
    padding-right: .34667rem;
    height: .53333rem;
    line-height: .53333rem;
    background: #fa0;
    border-radius: .26667rem;
    text-align: center;
    font-size: .26667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff
}

.kefuShowPop {
    width: 7.46667rem;
    background: #fff;
    border-radius: .24rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.kefuShowPop .top {
    width: 3.65333rem;
    height: .13333rem;
    background: #fa0;
    border-radius: 0 0 .05333rem .05333rem
}

.kefuShowPop .tittle {
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    margin-top: .53333rem;
    margin-bottom: .58667rem
}

.kefuShowPop .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 1.2rem
}

.kefuShowPop .content,.kefuShowPop .content .kefu_item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.kefuShowPop .content .kefu_item {
    padding-left: .4rem;
    padding-right: .4rem;
    box-sizing: border-box;
    margin-bottom: .64rem;
    height: 1.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kefuShowPop .content .kefu_item .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.2rem
}

.kefuShowPop .content .kefu_item .left .kefuqq,.kefuShowPop .content .kefu_item .left .kefuwangwang,.kefuShowPop .content .kefu_item .left .kefuweixin {
    width: 1.2rem;
    height: 1.2rem
}

.kefuShowPop .content .kefu_item .left .r_text {
    height: 1.2rem;
    margin-left: .29333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left
}

.kefuShowPop .content .kefu_item .left .r_text .t_text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653
}

.kefuShowPop .content .kefu_item .left .r_text .b_Text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f26d13;
    margin-top: .13333rem;
    max-width: 3.46667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kefuShowPop .content .kefu_item .copy {
    padding-left: .45333rem;
    padding-right: .45333rem;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    background: #fa0;
    border-radius: .4rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff
}

.kefuShowPop .iknow {
    width: 100%;
    height: 1.33333rem;
    line-height: 1.33333rem;
    text-align: center;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #f26d13;
    border-top: .02667rem solid #e1e1e1
}

.timeOutPop {
    width: 100%;
    height: 100%
}

.timeOutPop .timeOutContent {
    width: 100%;
    height: 100%;
    background: url(../../static/image/timeOutImg.119f6a62.jpg) no-repeat;
    background-size: 100% auto;
    background-color: #f7f8fc;
    position: relative
}

.timeOutPop .timeOutContent .b_content {
    width: 100%;
    position: absolute;
    top: 11.28rem;
    text-align: center
}

.timeOutPop .timeOutContent .b_content .b_tittle {
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028
}

.timeOutPop .timeOutContent .b_content .l_tittle {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #e9935e;
    margin-top: .26667rem;
    margin-bottom: .26667rem
}

.timeOutPop .timeOutContent .b_content .text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #484848;
    margin-top: .16rem
}

.van-notify {
    padding: .26667rem;
    margin: .26667rem auto .26667rem 5%;
    width: 90%;
    text-align: left;
    border-radius: .26667rem
}

.sure_amount_cont {
    width: 4.53333rem;
    height: 1.33333rem;
    position: fixed;
    top: 4.8rem;
    right: 0;
    background-color: transparent;
    z-index: 99999
}

.sure_amount_cont .move_cont {
    width: 100%;
    height: 100%;
    position: relative
}

.sure_amount {
    border-radius: 1.33333rem 0 0 1.33333rem;
    box-shadow: 0 0 .13333rem #969799;
    width: 4.53333rem;
    height: 1.33333rem;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff
}

.sure_amount,.sure_amount .left_jt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sure_amount .left_jt {
    width: .53333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sure_amount .left_jt .rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sure_amount .left_cen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.04rem;
    height: 1.04rem;
    width: 39px;
    height: 39px;
    background: #fff
}

.sure_amount .left_cen .wait_jiantou {
    width: 1.04rem;
    height: 1.04rem
}

.sure_amount .right_tip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.93333rem;
    overflow: hidden;
    background: #fff
}

.sure_amount .tips {
    height: .56rem;
    line-height: .56rem
}

.sure_amount .tips,.sure_amount .tips_time {
    text-align: center;
    overflow: hidden
}

.sure_amount .tips_time .tips {
    height: .56rem;
    font-weight: 700;
    color: red;
    overflow: hidden
}

.sure_amount .tips_time .time,.sure_amount .tips_time .tips {
    text-align: center;
    font-size: .32rem;
    font-family: PingFang SC;
    line-height: .56rem
}

.sure_amount .tips_time .time {
    font-weight: 500;
    color: #fa0
}

.sure_amount .tips_time .time .countdown {
    color: #fa0
}

.bigActive {
    width: 4.53333rem
}

.bigActive,.smallActive {
    -webkit-transition: width .3s;
    transition: width .3s
}

.smallActive {
    width: 1.6rem
}

.canclePopExist {
    width: 6.93333rem;
    min-height: 5.6rem;
    background: #fff;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.canclePopExist .dbcen {
    margin: .8rem .72rem;
    width: 5.49333rem
}

.canclePopExist .dbcen .dbtips {
    text-align: center;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #1d2548
}

.canclePopExist .dbcen .dbtext {
    margin-top: .48rem;
    font-size: .37333rem;
    min-height: 1.06667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #1d2548;
    line-height: .56rem
}

.canclePopExist .dbbtns {
    margin-top: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.canclePopExist .dbbtns .dbcancle {
    background: #fff;
    border: .02667rem solid #fa0;
    border-radius: .13333rem;
    color: #fa0
}

.canclePopExist .dbbtns .dbcancle,.canclePopExist .dbbtns .dbsure {
    width: 2.66667rem;
    height: 1.2rem;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 700;
    text-align: center;
    line-height: 1.2rem
}

.canclePopExist .dbbtns .dbsure {
    background: #fa0;
    border-radius: .13333rem;
    color: #fff
}

.canclePopExist .top {
    width: 3.73333rem;
    height: .16rem;
    background: #fa0!important;
    border-radius: .26667rem;
    margin: 0 auto
}

.canclePopExist .logoimg {
    height: .64rem;
    display: block;
    margin: 0 auto;
    margin-top: .66667rem;
    margin-bottom: .34667rem
}

.canclePopExist .text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000;
    margin-top: .53333rem!important;
    text-align: center
}

.canclePopExist .btns {
    width: 100%;
    height: 1.33333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .02667rem solid #cdd1df;
    position: fixed;
    bottom: 0
}

.canclePopExist .btns .cancle,.canclePopExist .btns .sure {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    text-align: center;
    line-height: 1.33333rem;
    border-right: .02667rem solid #cdd1df
}

.canclePopExist .btns .sure {
    border-right: none
}

.loginbtnx {
    width: 6.66667rem;
    margin: .05333rem auto;
    height: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .46667rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    font-size: .37333rem;
    z-index: -23;
    color: #fff;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%);
    border-radius: .6rem;
    margin-bottom: .66667rem
}

.noticeNew {
    width: 8.4rem;
    background: #eef0f8;
    border-radius: .4rem
}

.noticeNew .topContent {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 8.58667rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #0b1028;
    border-radius: .4rem;
    background: #fff
}

.noticeNew .topContent .logoimg {
    height: .8rem;
    display: block;
    margin: 0 auto;
    margin-top: .66667rem;
    margin-bottom: .34667rem
}

.noticeNew .topContent .topline {
    width: 3.2rem;
    height: .10667rem;
    background: -webkit-radial-gradient(27.94% 36.76%,72.06% 63.24%,#6d7581 0,#191919 94.75%);
    background: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%)
}

.noticeNew .topContent .bigTittle {
    font-size: .53333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028;
    margin-top: .61333rem
}

.noticeNew .topContent .dear {
    padding-left: .50667rem;
    margin-top: .53333rem
}

.noticeNew .topContent .dear,.noticeNew .topContent .maincontents {
    width: 100%;
    text-align: left;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #0b1028
}

.noticeNew .topContent .maincontents {
    max-height: 30vh;
    overflow-y: scroll;
    padding-left: .4rem;
    padding-right: .4rem;
    line-height: .56rem;
    margin-top: .13333rem;
    padding-bottom: .13333rem;
    white-space: pre-line
}

.noticeNew .topContent .maincontents img {
    width: 100%;
    height: 100%
}

.noticeNew .topContent .date,.noticeNew .topContent .foot {
    width: 100%;
    text-align: right;
    padding-left: .48rem;
    margin-top: .13333rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    padding-right: .48rem;
    color: #424653
}

.noticeNew .cffffbtn {
    height: 1.46667rem;
    background: #eef0f8;
    border-radius: .4rem;
    text-align: center;
    line-height: 1.46667rem;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: radial-gradient(72.06% 63.24% at 27.94% 36.76%,#6d7581 0,#191919 94.75%)
}

.slot-list-container {
    -webkit-perspective: 26666.64rem;
    perspective: 26666.64rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.slot-list-container .solt-list-item,.slot-list-container {
    width: var(--width);
    height: var(--height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slot-list-container .solt-list-item {
    position: absolute;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--fontSize)
}

.slot-list-container .solt-list-item img {
    width: var(--width);
    height: var(--width);
    padding: .02667rem
}

.slot-list-container .solt-list-item span {
    position: absolute
}

.slot-list-container.flat-mode {
    -webkit-transform: rotateX(var(--currentDeg));
    transform: rotateX(var(--currentDeg))
}

.slot-list-container.flat-mode.autoTurn {
    -webkit-transition: var(--duration) ease-in-out;
    transition: var(--duration) ease-in-out;
    -webkit-transform: rotateX(var(--targetDeg));
    transform: rotateX(var(--targetDeg))
}

.container {
    width: 5.33333rem;
    height: .85333rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden
}

.prize-btn {
    width: 2.66667rem
}

.container {
    width: 5.33333rem;
    height: 1.06667rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden
}

.prize-btn {
    width: 2.66667rem
}

.RecordItem{
    position: relative;
    animation: myfirst-0153031a .5s;
    -webkit-animation: myfirst-0153031a .5s;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.record-list-item{
    height: .85333rem;
    line-height: .85333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .32rem
}

.record-list-item .record-item-order{
    color: #ffef41
}

.record-list-item .record-item-time{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b3c1f3
}

.record-list-item .record-item-result{
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .10667rem
}

.record-list-item .record-item-result span{
    width: .53333rem;
    height: .53333rem;
    line-height: .53333rem;
    border-radius: .26667rem;
    display: inline-block
}

.record-list-item .record-item-result .result-circle-blue{
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

.record-list-item .record-item-result .result-circle-orange{
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

@keyframes myfirst-0153031a {
    0% {
        opacity: 1;
        left: 0;
        top: 5.33333rem
    }

    to {
        opacity: 1;
        left: 0;
        top: 0
    }
}

@-webkit-keyframes myfirst-0153031a {
    0% {
        opacity: 1;
        left: 0;
        top: 5.33333rem
    }

    to {
        opacity: 1;
        left: 0;
        top: 0
    }
}

.prize-records {
    text-align: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(0,0,0,.5)
}

.prize-records .record-header-warp {
    padding: 0 .37333rem;
    background-color: #414b70
}

.prize-records .record-header-warp .record-header {
    height: .64rem;
    line-height: .64rem;
    font-weight: 700;
    color: #b3c1f3;
    background-color: #5e6a9b;
    border-radius: .13333rem
}

.prize-records .prize-records-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: scroll
}

.prize-records .prize-records-content .prize-records-warp {
    padding: 0 .26667rem .26667rem;
    background-color: #414b70;
    overflow: hidden;
    min-height: 8rem
}

.prize-records .record-list-item {
    height: .85333rem;
    line-height: .85333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .32rem
}

.prize-records .record-list-item .record-item-order {
    color: #ffef41
}

.prize-records .record-list-item .record-item-time {
    color: #b3c1f3
}

.prize-records .record-list-item .record-item-result {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .10667rem
}

.prize-records .record-list-item .record-item-result span {
    width: .53333rem;
    height: .53333rem;
    line-height: .53333rem;
    border-radius: .26667rem;
    display: inline-block
}

.prize-records .record-list-item .record-item-result .result-circle-blue {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

.prize-records .record-list-item .record-item-result .result-circle-orange {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

.prize-records .records-more {
    margin-top: .32rem
}

.prize-records .records-more .records-more-btn {
    width: 8rem;
    height: .85333rem;
    font-size: .34667rem;
    border-radius: .26667rem
}

.game-footer {
    background: #414b70;
    border-radius: .26667rem .26667rem 0 0;
    -webkit-border-image: -webkit-radial-gradient(circle,#4f5c89,#5c6891) 2 2;
    border-image: radial-gradient(circle,#4f5c89,#5c6891) 2 2;
    background-size: 100% 100%
}

.game-footer .amount-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 .26667rem;
    padding-top: .37333rem;
    color: #fff
}

.game-footer .amount-list .amount-list-item {
    width: 1.28rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #b3c1f3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAB8CAMAAAAB4e9BAAAAyVBMVEUAAAAdlP9+f7NTVYVOVI0cgPNFVZo4V6wwV7RPhMc5jtgbYdt1f7ZKVJBcgsJagcMrWbkoW8ARZe4kku0ajf9ygLlPg8hJhstUXJREiM4oW78hXswulONnfLlOcrhOhMZGgMhvb6F4eKuoqNmbm82cnM5ycqVnZ5hVVYKhodOBgbWVlcl2dqqQkMSnp9ilpdaWlsqjo9WIiL1kZJWfn9GGhruZmcyDg7dhYZGSksZ7e7BcXIqgoNJra52OjsKLi79ubqF0dKdWVoMpO9dmAAAAIXRSTlMABP767RPTrZiWWDfs5LSvh3kdHArjmIfseHhYN9KxmYf0oDxlAAAEpklEQVR42u2c2VbbMBCGmw1KaUuBlu6LRx4HO973OCt5/4eqpDggU0y5KmNX310QnOOPGUmRz9H/QkOUwbfPZ0fj0bWKo8I/P+PYaPz97PO3waMKlx8/FPHaTZKpykyFf37GscT11nHx4eNlq8LkZBh7oYm51cRWeeaxPEUz9OLhyeRhh1ev43me2lEQbKABU4FnHYv9IIjsNJ/Hr189NBlOCi9fRoHP/9AmK7FkHD+IlrlXnPwxNd6/zWYoFCQxUYmMCaQGzrK37+/V4UcWplHAalKiEsgOBFEaVsfNWrwsw6UsQ01GUqJQfu4HS2vxUnX4uks81YEhgBN7s9wkQj7zYgdMplqYRrL7qqyt43Lr+I3f8EKTHLndeMbsZluOJ3fNtFhZLioKtkkURSMF11rdNdTFKDFcyG6HIzTJghGriQFcIxld1BLvRCHkGiypyxBmQ7AMIlgwzMK6GPVTAshSvKuX1zeiEADxvpVSUzB3DHI4c1OQypbaAMhSvBlIidPdlBeCIx33DoVBkmJvURdClGK6O5US54vVDQg2h17ywCAKeHVHrUFys1p8kRLH5dYFScQi6UBmKvyJJS2iqAKJuy2PpcRRadQSax+JO9QW6EEtYZRHUmKcWLVEJScE2V7aAyZnfZCwkrGUGCUW1BKE5/S92V3BHisZSYnr6UFiI9ZWgzxipd0cJKbX9yTEdkJwf7iPI7biNgk5aHQA+c9ukYj5WGZ0gIw/aPywhNxIhkYHGIqNoEVCVMk1OoAr+r5FIudjpDe6A5Y4ITUlnJnNJMjHjE5gclokTC3xD5ESTGLPHC3xdLSElqCMlqBC3yWQY3QC5PSwErffYrXEY2iJv36L1RJPR0v8jxLd2uz6LNGLduqyREe/O/VZossTu1+V0BJ/R5+xtQRN+i7RrX1CS1AAOb1426ElKNCQ6PLxtM8S3WqnHp6xtcST0BJagjL6hTIVkKNfnlGgN++deiHRw+NpvyR0Oz2ObictQZe+S3R5dermeQJbJHJE7MZNlkfeO4WISPzO5h5AxLRFwkPEbtzuQkSv7Z4dIsZGB5AP2ucbj5B35+5pDrcSfbwF7CGH/n1sRDQrVUK9VB4yG+mvsoCcNSiXypXr/RUy5iOHekYBIuaVcr1fCVpwbMaJqFtIB8xACVq4i7yIA67QmdyOGYAaeVGHj3jswBIJz+4CBUvGsLoXPnK6W82V4KQUBTSzbFCQyo5xmjEwg09ZGrA7bJSEMa1UoThEic0kQaYE8nB+xXnkKxYREiZiB9aHaCTJ5XC+VEoh45GQJo3AsBBkSFXNCS+FaoFVtcmRHlxBJcgNJX9u8trDyFcMBY7IySRSEdMMvXnEmvgRbj5NlFjMYpYG/m2v0UyVdKKmQ5DOikZA5lV2CDMMMiAqAVXacFiG2c9mrORZHStpO0BWAqqwESuZnQ0eDPjECghLAKxbAz4lg6vCyzc3rktaArLgNmr1avBg6O02WRkW93DpSrjDZWSnphp622TycrRIpqutQTd92LIMa90ePyy5ePdmtyjLJCGaAz1NkrJcGCII+jEGp+fHPJKbaCI3j+Q+Oj4/HbzQ0OQ3pYnh14rXTxEAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.game-footer .amount-list .amount-item-active {
    color: #fff;
    background-image: url(data:image/png;base64,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)
}

.game-footer .amount-list .amount-item-setting {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA8CAMAAACuCk+GAAABX1BMVEW8LbYAAADcbte6KLS3IrDectnaatbMTsfhed2+Mbfied2+MLi8LbSyLrJQTdO9LbWHNruOX82oLbO/a9eSaNaRcNZ2bt1WScoeYOTOaNJ8PMDAM7jETcOkNr+kddyicdqLQsiDPL9ub9kziuzRQMvONMjaZNXSRMznnOTVUc/nnuTmmuPYStLQO8rkkeDmmOPih97kj+DbatbjjN/jid7oouXmluLWVNDUTc7pqOfUS87TSM3hgt3llOLRPsrYRdLdcdjZTtPgftzWPM/rrOnfctved9rqqujSRs3mnOTcbdfaZ9bRQcvjjeDdddroo+bppefnn+XjjuDhgdzPN8jlkeHihd3POMnlN8Xfe9vaXtT8a9DPNcj5kOH8iN7+ctTupurtnObpn+X2dtftoejXW9LWQtDUOs3NMMbiKrHfHKfrlOXqheLhct3hYdfpT878dc36YMvmRMXWI7PiKrItddVxAAAAJHRSTlPyAPLy8vLy8vLy8vLx3Fz0rVTr2ZGQXlEF44/x29mkpKSkUQUXNLgqAAADmklEQVRYw7WYeZOaMBjGqXv10O19362YkCAhgCBQEN1dBbFVd7Uea9vd3vf9/aeBpe3/LnlmnOGZYfKb15AnySucSHXlzq1VIdHqxslCobC2fmrlOG7l5vW7V45GTgHnL756/qn5Vmba2rExxshsNo7lvrx+/uri+b+Ay/vPXqLODEj1et1/so0QqmHJrS/vXAv20ctn+5ePADdevB5GeBhJviNJ4MmAEII8iz0v65xqm5UToYMfNxLA1Y+fbcw0mFVaqqHqj3Wd/QzVYFrKqbOuUosYwf768eoJ4dqFaTxgDutjPDZU9eneo0RqouWcMYaPdRyRvu5ML1wTNn/LrtGHpkGNWApBDgqlWKWGiQYxaH7YFM5NrV5sE5W2Q3FRzUULMWxTtUZdx5qeE0oNyXH0MQ1Gi3JuWowCxYt7dalREoqyVO9pZK866uUH6I2qj7w5qEtyUTgrswpmpiWy8XMkiJa55ziSfFYQZMl9M2751XKuqvqt8RtXklmIbIHFHGqjcs4aaTgGCWBjpx20zIqYN0CsDCsi2FoVTtudbbLLA2C2gvbOhlDAECqUB2CXbHfs0xwBVIEQF/gD1lCt7/EErJuEUIULwOvX0Jpwpmm5XcgDoFBCzHVhpeH4GuIBgF3Xap5JogJoXCpAmu80Vo4AiA8AZFnEVjUfAOcsgikgyyJ+c5CtZH5fUQbgtw4yAL+VzDGLFM5ZlAGyLOKXplkW8dvRsqjgtydnYcfvVJEB+EVFNgf8ANlXxC9Ns3XAbw6ylcz7ZKfwPtlxjArugGxH4wfI9mSO+0F6qkBx/oBYUdIdjUVFWDGDkZ/v+P4oMCt/T3aO9FQPJ/neMiehrksgOVWcZRWAGdFEP9cCRA0+CevJNbYou+EeNKj1vpxbDb3ye8tTLTe9iJfeSbo9pLpqiZO8ABPRUr0WCNNWwrmf0MYY7hpUCydiLpqEGjV2a09dkDRDNr8fYKZo7EE9iCs5KA5UaihRZFPrLWvnPLz+DGFMUKfV1QkcIoUqikJJDSVaykHiURNigu3hN9aQOvFg/zDCtUEbAKuiaV3qsRdJiz1qS7p4rnYQSf6Vg/2rSVPw0otDu6+V3bobAt8lNQjhdiACpiVdz23ZiETo8MXltOvICM/nQErlWOmLnTY4lgOBbbO25qV/jdnbv6YNOVGjaSJWnL2ztbRL7bv5/8Zsqs37pWLaEz61vsZaxCc3Vpd2qYqle1lr+Q+wHnVciZZxZQAAAABJRU5ErkJggg==);
    word-break: break-word
}

.game-footer .amount-list .amount-item-setting .innerbox,.game-footer .amount-list .amount-item-setting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-footer .amount-list .amount-item-setting .innerbox {
    max-width: 1.06667rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    line-height: .32rem;
    text-align: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.game-footer .amount-actions {
    padding: .26667rem;
    padding-left: .13333rem;
    padding-right: .13333rem;
    color: #fff
}

.game-footer .amount-actions .play-chose,.game-footer .amount-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.game-footer .amount-actions .play-chose {
    width: 2.13333rem;
    height: .85333rem;
    box-sizing: border-box;
    line-height: .85333rem;
    text-align: center;
    background-color: #2b3250;
    border-radius: .13333rem;
    color: #438cff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .10667rem 0 .16rem;
    position: relative
}

.game-footer .amount-actions .play-chose-popover {
    position: absolute;
    left: 0;
    bottom: .02667rem;
    width: 2.18667rem;
    background-color: #2b3250
}

.game-footer .amount-actions .play-chose-popover .chose-popover-item {
    height: .85333rem;
    line-height: .85333rem;
    margin: .10667rem;
    background-color: #414b70;
    border-radius: .13333rem;
    color: #fff
}

.game-footer .amount-actions .play-chose-popover .chose-popover-item-shinee {
    color: #438cff;
    border: .02667rem solid #438cff
}

.game-footer .amount-actions .play-amount {
    width: 3.78667rem;
    height: .85333rem;
    box-sizing: border-box;
    line-height: .85333rem;
    text-align: center;
    background-color: #2b3250;
    border-radius: .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .32rem
}

.game-footer .amount-actions .play-amount .redfont {
    margin-left: .05333rem;
    margin-right: .05333rem
}

.game-footer .amount-actions .play-clear-btn {
    width: 1.33333rem;
    height: .85333rem;
    font-size: .37333rem;
    border-radius: .13333rem
}

.game-footer .amount-actions .play-prize-btn {
    width: 1.97333rem;
    height: .85333rem;
    font-size: .37333rem;
    border-radius: .13333rem;
    position: relative;
    overflow: hidden
}

.game-footer .amount-actions .loading-gif {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .13333rem
}

.game-footer .amount-actions .kaijianging {
    background-color: red!important;
    border-color: red!important
}

.game-footer .amount-actions .van-button--normal {
    padding: 0
}

@-webkit-keyframes rotate-80b6c07e {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-80b6c07e {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@-webkit-keyframes pull-80b6c07e {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    50% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes pull-80b6c07e {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    50% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@-webkit-keyframes blink-80b6c07e {
    0%,to {
        background-image: url(../../static/image/blink-normal.69700ba9.png)
    }

    33% {
        background-image: url(../../static/image/blink-middle.be141e5f.png)
    }

    66% {
        background-image: url(../../static/image/blink-highted.f39aa154.png)
    }
}

@keyframes blink-80b6c07e {
    0%,to {
        background-image: url(../../static/image/blink-normal.69700ba9.png)
    }

    33% {
        background-image: url(../../static/image/blink-middle.be141e5f.png)
    }

    66% {
        background-image: url(../../static/image/blink-highted.f39aa154.png)
    }
}

.pulledAnimal {
    -webkit-animation: pull-80b6c07e .5s ease-in-out;
    animation: pull-80b6c07e .5s ease-in-out
}

.blinkAnimal {
    -webkit-animation: blink-80b6c07e .35s infinite;
    animation: blink-80b6c07e .35s infinite
}

.keyboard-container {
    background-color: #414b70;
    color: #fff;
    border-radius: .26667rem .26667rem 0 0!important
}

.keyboard-container .van-number-keyboard__header {
    height: auto
}

.keyboard-container .van-key {
    overflow: hidden;
    background-color: #5e6a9b;
    font-size: .53333rem;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.keyboard-container .van-key--active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.keyboard-container .van-number-keyboard__title-left {
    position: relative;
    width: 100%
}

.keyboard-container .keyboard-title {
    box-sizing: border-box;
    margin: .16rem;
    width: auto;
    height: 1.17333rem;
    border-radius: .26667rem;
    font-size: .48rem;
    background-color: #2b3250!important
}

.keyboard-container .keyboard-title .van-field__control {
    color: #fff
}

.keyboard-container .keyboard-title ::-webkit-input-placeholder {
    color: #5e6a9b!important
}

.keyboard-container .keyboard-title ::-moz-placeholder {
    color: #5e6a9b!important
}

.keyboard-container .keyboard-title :-ms-input-placeholder {
    color: #5e6a9b!important
}

.keyboard-container .keyboard-title ::placeholder {
    color: #5e6a9b!important
}

.keyboard-container .keyboard-extra-key {
    width: 100%;
    height: 100%;
    background-color: #438cff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.miao28-index-page {
    width: 100%;
    height: 100%
}

.miao28-container {
    width: 100%;
    height: 100%;
    background: #252c48;
    font-family: PingFang SC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.miao28-container .records-container {
    position: absolute;
    width: 100%;
    top: 6.34667rem;
    bottom: 0;
    overflow: hidden
}

.nav-header .van-nav-bar {
    background: -webkit-radial-gradient(#3690ff 0,#0bf 100%),#f0f2fc;
    background: radial-gradient(#3690ff 0,#0bf 100%),#f0f2fc
}

.nav-header .van-nav-bar__title {
    font-size: .48rem;
    color: #fff
}

.nav-header .van-nav-bar__arrow {
    font-size: .69333rem;
    color: #fff!important
}

.miao28-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: .10667rem;
    overflow: scroll
}

.miao28-content::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.miao28-banner {
    width: 100%;
    height: 3.33333rem
}

.miao28-banner .banner-img {
    width: 100%;
    height: 100%
}

.prize_info_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.prize_info_center2 {
    font-size: .42667rem!important;
    color: #b3c1f3
}

.prize_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #414b70;
    border-radius: 0 0 .4rem .4rem;
    border: 0 solid;
    -webkit-border-image: -webkit-radial-gradient(circle,#4f5c89,#5c6891) 2 2;
    border-image: radial-gradient(circle,#4f5c89,#5c6891) 2 2;
    position: relative
}

.prize_info .prize_info_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .37333rem
}

.prize_info .prize_info_center .down {
    width: .48rem;
    height: .48rem
}

.prize_info .prize_info_center .prize_info_center_top1 {
    height: .64rem;
    font-size: .34667rem;
    color: #b3c1f3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.prize_info .prize_info_center .prize_info_center_top1 i {
    color: #ffef41
}

.prize_info .prize_info_center .prize_info_center_top1 .Serial {
    margin-left: .04rem;
    margin-right: .04rem
}

.prize_info .prize_info_center .prize-info-center-warp {
    width: 4.8rem;
    height: .85333rem;
    line-height: .85333rem;
    font-size: .32rem;
    color: #c5d1f8;
    position: relative
}

.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .90667rem
}

.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-desc .displayNone {
    visibility: hidden
}

.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-nums {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    padding-right: .74667rem;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-nums .spanblue {
    border-radius: .64rem;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%
}

.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-nums .spanblue,.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-nums .spanred {
    width: .64rem;
    height: .64rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.prize_info .prize_info_center .prize-info-center-warp .prize-info-center-nums .spanred {
    background-size: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC/VBMVEUAAAD5d1PtcDzvcD3tbT78jnjyckf3Yzr7elTydEP7g2j5fFb7g2n7jHbtcD7wcD74eFbxcUDvbj//iXPvckD3d1Lvbj74elf8hmrvbz3vcUf2dEfvbjj3cE/1d0vzajfwckPyazr6f2Pvbjf3e1Pzajn2dVD7h2/7fmL6inP6i3T8j3n3d1L5jXj8jXn/mWb0aT73bEb5hW76hWvxdETvckL2bUr5f138jnj6g2b6g2b7j3j7jXb4e1X/UjD/VjX/SCT/Xz//Mwj/RSD/TSr/ZUf/XDz/WTn/Tyz/Syj/YkT/Qx77kHv/bE//Z0n8kn3/blL/aUz/Qhz/Nw7/clbscTv/PBX/NQr+OAnyciv8Qg79lID9k3/tdDbvdTT/Pxr/ORL7j3ntcznwdTHxdS74XBv5Uxb8hW3/fWT/dVr0cCr/MQf8jXf8jHX1bCT8iXL8h2/8g2r+gWj7fGL/eV/3aCH7Rg78inT+hW38bVH9Xj30byf0aSX7TBH+inP7gmj8f2b3eUz1dD3ucjz1czbxczD4Vxn7RhX7UBP9QAv9PQr9kHv7dVr8cVX4elH5bU/9aEr1d0fxczzxczfucTf1cTHwcC72YyD3Uxz6WBf5ThX9PRD+Og7+Ogj9iHH7f2D8eF76fV37d139dFr6elj5clb4fFX0dkL4ZEL4YTz4XDj8Vjb5Vi7yZyv0YiX2WCX0ZST8VyT1WyH9UCH2Xh74YR38Sh35TRv9RRv+Pxb9QhX8SQ/9jnn+jHf6d1L8ak74aUj7Zkf8YkP8YEH1Zjr7YDfvbzPzZTH8VjH3bTDxbCz7UCzyaij5YSb8Syb5TyT9SyH3ZSD5Xxz/gmn7gWT+eF75fVr5dU34dkf5cEb3dUL2aUL5bkD6Zz34bjnvdDj8Wzj4WTTucjPyajP5ZzLwazH3YjH2XjD7XS70Yyz9Viv+USvybir1XSr1YSH7Vxz8UBn8SRX9fGL8dFf6ck/7bEz7aUP4Zyv2bCn4Uyf7clL6a0r5Zjj7XCj3ZyaDIXlVAAAAPnRSTlMAE/STGvRQBRr+/PTxzc28k3BoGv57e29bWyok/PX19fHx3dzPzcu8vJNxaFtQJwX8893c3NzQy5OTknt7ZgUQon8AAASRSURBVEjHrdZ5PJNxHAfwsS2ViO77vu/7PulO6ZIVKcRKW9s6rNYhFiJ3jmIomg4qyrmU3AtFRbkqRRdyFNL56vv7bVh5Hv3T5++9X5/v73o9o/yXdO01Z+TUTh07dhoyanav9v/+vdIYNQ6Xy2RaWeXmBgYGXrgws6dS2wWj6Xw+h8Nl8oAg8BSiqkFeNXEencVis/mY5AK4iBMSotpdhVhMUDOGsDCxOrH/fJDT57soLi4hIcP6EonxdGMdHR3jeBY/gMkD4fTZ+VtdXd0zCCDVdq3FWAC6uro68WwOVy4OH66v/15QUJCfb23tEjK/lQBgaAgESnj7Pp0PBpDg5pbY0NBQXFxQiFDPv6aCBkMDA8PT8ewA5r5debs3rVuT4Ja4NCnpOaS4uDDf3drlj9km0HV0DQwQYR8/BCIYxPq1S1clJwtSU1N//HjxwqbQ3Vq1j8LuqsFUWNxB4sBuuVgsWFZSUpKaWlYmM8Na9nouqVi+MFQqff/+bdn9kzaX3K27N585HRMsniiIxSAWLpCWlzebAU33YJYx2i0SsaCiorz854Mv972Q0ZDfRLoxOhESsWLFkoqIiCYzQAmTMSwgcITEYsnKlbduRUQ8wOaSuyYmaiy4WkjsIxSLFuVg86sR1YzAi2ezIPwAUqGdA6b68aNGC68zNh1oQHrx0X0PYJIKbe3o6Jpqs6ijFl4nPTqMAzKaw+EEcHmkYvXq2NjamprqqIONFkCoQEZy4eHCTcwjExskEvvamurHB/fCZB6dgUxhMuF9fMoLJhYbtsfFSSS1p84hYnvGYxqQTjweeoOkYvNmP7+tt5vJICAdrU60KXbsECmSDoic2L8/KNiZVGzcKBIhEnVw7xYg3dBgIJycD5MLfYajjBwBIkSDDcEiwY1E6Osjcszc7NFeIC+F04GMCnISo3dOIrS0GAwHS0wsdhq9FKJN1ggSO8uEgEgA8XeQz4UIFcg4J7Grq1tiUjKh2LNHq2kuiy2mRibdegNpLxa71rch9P0dLOUlptuE3WgUyAix6/fEJIGASCiW7DSFudQpKD2/ud67nCwoCQ0lFP5bb5ub+RzFJSZCTUyU+gO5cpVAaIFAY9lF4rGMtgmV5R8bDRmRLqhQPEEtCBbH7Mx8YCwQJnpUDGAD+iPySpqZueThIm0gcZtFeHv1sTBHApWY6CnTKPJ0xyQsM/MhEBCoBA6dASu39JUvBJf0oDRFZUbRZSBhQHKiY2Pj4kQiEYPh7+iARVWzUFf4mPWZXIRqvmZnIyLxgzgCgKHsIls6lPtQFNKuKOXKuzBkoqPt7SVbIZaWx3yxqJQLvb8+ZF2KUt6++3jja3ZMTIw9Si0CZlXhLaLLnwLMJGxunD0LyNfX1xxApE94VuUWWyNiAbMNTkkHAwjFDgBUZFV625puQ+uAqVqn7/CU9A8fPt7Eiay6DiDD2/v1ayTU+1IIo9JjYDqg6yjh4VkAkPCEih4qFLLQqANL06/hZGRkeKeleXp66ilTaW3/7dEcXlpa+gaSJgPqmkqUf4bWm9p56OB+/ZSHdqb2hoL/kN8540ltjPSOqAAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.prize_info .animal-flip {
    width: 2.34667rem;
    height: 1.86667rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s
}

.prize_info .animal-flip img {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.prize_info .animal-flip .animal-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.prize_info .rightinfo {
    width: 2.13333rem;
    height: 1.46667rem;
    background: #5e6a9b;
    border-radius: .4rem 0 0 .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.prize_info .rightinfo .money {
    font-size: .32rem
}

.prize_info .rightinfo .refresh-btn {
    width: .4rem;
    height: .4rem;
    margin-left: .13333rem
}

.prize_info .rightinfo .rotate {
    -webkit-animation: rotate-80b6c07e 2s linear infinite;
    animation: rotate-80b6c07e 2s linear infinite
}

.prize_info .rightinfo p {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .37333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .13333rem;
    margin-bottom: 0
}

.game-list,.prize_info .rightinfo p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #b3c1f3
}

.game-list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.game-list .big-space {
    width: 4.8rem;
    height: 1.70667rem;
    background-image: url(../../static/image/bigbgspan.a643ec92.png);
    background-size: 100% 100%;
    margin-left: .13333rem;
    margin-top: .13333rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.game-list .big-space,.game-list .big-space p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-list .big-space p {
    width: 100%;
    font-size: .45333rem;
    color: #b3c1f3
}

.game-list .big-space p:last-child {
    font-size: .26667rem
}

.game-list .space-active {
    background-image: url(data:image/png;base64,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)!important;
    background-size: 100% 100%
}

.game-list .small-space {
    width: 2.33333rem;
    height: 1.68rem;
    background-image: url(../../static/image/smallbgspan.921c1b4a.png);
    background-size: 100% 100%;
    margin-left: .13333rem;
    margin-top: .13333rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.game-list .small-space,.game-list .small-space p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-list .small-space p {
    width: 100%;
    font-size: .45333rem;
    color: #b3c1f3
}

.game-list .small-space p:last-child {
    font-size: .26667rem
}

.game-list .list-item-amount {
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    background-color: red;
    padding: 0 .08rem;
    font-size: .32rem!important;
    border-radius: .10667rem
}

.game-list .maohao {
    margin-left: .02667rem;
    margin-right: .02667rem
}

.donghuaPop {
    top: 46%
}

.weizhongPop,.zhongjiangPop {
    width: 8.8rem!important
}

.prize-popup {
    width: 8.26667rem;
    min-height: 10.66667rem;
    background-color: transparent;
    overflow: hidden
}

.prize-popup .prize-going {
    width: 100%;
    height: 11.57333rem;
    position: relative
}

.prize-popup .prize-going .prize-lights {
    width: 8.69333rem;
    height: 2.45333rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url(../../static/image/blink-normal.69700ba9.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    top: 1.52rem;
    left: -.18667rem
}

.prize-popup .prize-going .prize-lights,.prize-popup .prize-going .prize-nums {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.prize-popup .prize-going .prize-nums {
    width: 4.05333rem;
    height: 1.17333rem;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    left: 2.02667rem;
    top: 4.8rem;
    font-weight: 700;
    font-size: .42667rem;
    font-family: dinot-black
}

.prize-popup .prize-going .stick-contaienr {
    position: absolute;
    width: .85333rem;
    height: auto;
    top: 3.2rem;
    right: .58667rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.prize-popup .prize-going .prize-stick {
    width: 100%;
    height: auto;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out
}

.prize-popup .prize-going .prize-play {
    width: 4.21333rem;
    height: 2.4rem;
    position: absolute;
    bottom: 1.12rem;
    left: 1.94667rem
}

.prize-popup .prize-win {
    width: 100%;
    height: 10.34667rem;
    position: relative
}

.prize-popup .prize-win .prize-win-num {
    height: 1.17333rem;
    line-height: 1.17333rem;
    position: absolute;
    left: 50%;
    bottom: 3.14667rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #bc1600;
    font-weight: 700;
    font-size: .85333rem;
    text-align: center
}

.prize-popup .prize-close {
    position: absolute;
    width: 1.28rem;
    height: 1.28rem;
    right: 1.44rem;
    top: 1.44rem
}

.prize-popup .rotate {
    -webkit-animation: rotate-80b6c07e .5s linear infinite;
    animation: rotate-80b6c07e .5s linear infinite
}

.prize-popup .prize-failed {
    width: 100%;
    height: 10.32rem;
    position: relative
}

.prize-popup .prize-failed .prize-back-btn {
    position: absolute;
    width: 3.73333rem;
    height: auto;
    left: 2.61333rem;
    bottom: 2rem
}

.prize-popup .prize-img {
    width: 100%;
    height: 100%
}

.mask-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #207beb;
    opacity: .2;
    z-index: 999;
    -webkit-animation: breathing-80b6c07e 2s infinite;
    animation: breathing-80b6c07e 2s infinite
}

@-webkit-keyframes breathing-80b6c07e {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: .3
    }
}

@keyframes breathing-80b6c07e {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: .3
    }
}

.PlayRulesPop {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.PlayRulesPop .head_area {
    height: 1.33333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .48rem;
    padding-right: .48rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    border-bottom: .02667rem solid #e1e1e1
}

.PlayRulesPop .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.PlayRulesPop .head_area .leftImg .top_back {
    width: .21333rem;
    height: .37333rem
}

.PlayRulesPop .head_area .head_text {
    font-size: .50667rem;
    font-family: PingFang SC;
    color: #424653;
    width: 45%;
    text-align: center
}

.PlayRulesPop .head_area .right_menu {
    font-size: .37333rem;
    font-family: PingFang SC;
    color: #424653;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.PlayRulesPop .rule_content {
    padding-left: .4rem;
    padding-right: .58667rem;
    padding-top: .56rem;
    padding-bottom: .8rem;
    box-sizing: border-box;
    font-size: .34667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    line-height: .50667rem;
    white-space: pre-wrap!important
}

.miao28-setting {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #252c48;
    font-family: PingFang SC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.miao28-setting .van-badge {
    border: none
}

.miao28-setting .miao28-setting-list {
    background-color: transparent
}

.miao28-setting .miao28-setting-list .setting-list-item {
    margin-top: .32rem;
    height: 1.33333rem;
    color: #b3c1f3;
    border-radius: .16rem;
    background-color: #2f3b6a
}

.miao28-setting .miao28-setting-list .setting-list-item .van-icon__image {
    width: .64rem;
    height: .64rem
}

.nav-header .van-nav-bar {
    background: -webkit-radial-gradient(#3690ff 0,#0bf 100%),#f0f2fc;
    background: radial-gradient(#3690ff 0,#0bf 100%),#f0f2fc
}

.nav-header .van-nav-bar__title {
    font-size: .48rem;
    color: #fff
}

.nav-header .van-nav-bar__arrow {
    font-size: .69333rem;
    color: #fff!important
}

.popup-header {
    height: 1.17333rem;
    line-height: 1.17333rem;
    text-align: center;
    font-size: .53333rem
}

.service-list {
    width: 7.46667rem;
    max-height: 8rem
}

.service-list .van-icon__image {
    width: .64rem;
    height: .64rem
}

.van-switch {
    padding: .02667rem
}

 .van-switch__node {
    background-color: #fffcfb;
    border: .02667rem solid #fea888
}

.close,.close .van-switch__node {
    border: .02667rem solid #b3c1f3
}

.van-cell__right-icon {
    color: #b3c1f3
}

body .app,html {
    color: #333;
    font-family: Arial,Helvetica,STHeiti STXihei,Microsoft YaHei,Tohoma,sans-serif;
    background-color: #f8f8f8
}

* {
    box-sizing: border-box
}
