.index-container,.Login-window {
    width: 100%;
    height: 100%
}

.index-container .colosline {
    float: left;
    width: 100%;
    height: .08rem;
    background: -webkit-linear-gradient(left,#f08448,#ffce70,#f08449);
    background: linear-gradient(90deg,#f08448,#ffce70,#f08449)
}

.index-container .bottom-taps {
    float: left;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 .24rem 0 rgba(159,170,202,.45);
    width: 100%;
    background: #fff;
    z-index: 600
}

.index-container .bottom-taps .innertops {
    height: 1.30667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index-container .bottom-taps div {
    box-sizing: border-box
}

.index-container .bottom-taps .bottom-taps-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.30667rem;
    margin-top: .16rem
}

.index-container .bottom-taps .bottom-taps-list .text {
    width: 100%;
    float: left;
    height: .32rem;
    font-size: .32rem;
    color: #9ca3bf;
    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: .10667rem
}

.index-container .bottom-taps .bottom-taps-list .imgb {
    width: 100%;
    height: .61333rem;
    float: left;
    position: relative
}

.index-container .bottom-taps .bottom-taps-list .imgb img {
    width: .8rem;
    height: .8rem;
    margin: -.13333rem auto 0;
    display: block
}

.index-container .bottom-taps .bottom-taps-list .imgb font {
    position: absolute;
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    background: #f44336;
    color: #fff;
    text-align: center;
    line-height: .34667rem;
    font-size: .21333rem;
    top: 0;
    left: 1.33333rem
}

.index-container .bottom-taps .navbtnac {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.index-container .bottom-taps .navbtnac .text {
    color: #cdb89f
}

.index-container .bottom-taps .navbtnac .imgb img {
    width: 1.06667rem;
    height: 1.06667rem;
    margin: -.32rem auto 0
}

.readnums {
    margin-right: .26667rem;
    background: #f81b1b;
    padding: .02667rem .13333rem;
    color: #fff;
    border-radius: .26667rem;
    position: absolute;
    margin-left: .26667rem
}

.gameRoom-window {
    width: 100%;
    padding-bottom: .26667rem;
    border-radius: .24rem .24rem 0 0;
    text-align: center;
    max-height: 7.46667rem;
    overflow-y: scroll;
    overflow-x: hidden
}

.gameRoom-window .game-list {
    width: 100%
}

.gameRoom-window .game-list .tip {
    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;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .37333rem;
    border-bottom: .02667rem solid #e1e1e1;
    padding-left: .4rem;
    padding-right: .66667rem
}

.gameRoom-window .game-list .tip p {
    color: #1f285a
}

.gameRoom-window .game-list .tip img {
    width: .48rem;
    height: .48rem
}

.gameRoom-window .game-list .game-item {
    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;
    padding-left: .26667rem;
    padding-right: .26667rem;
    box-sizing: border-box;
    width: 100%;
    height: 1.33333rem;
    border-bottom: .02667rem solid #e1e1e1;
    font-size: .37333rem;
    color: #424653;
    line-height: 1.06667rem
}

.gameRoom-window .game-list .game-item .rightnm {
    float: right;
    position: absolute;
    right: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 3.2rem;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.gameRoom-window .game-list .game-item .rightnm span {
    color: orange
}

.gameRoom-window .game-list .game-item .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.gameRoom-window .game-list .game-item .left .game_img {
    width: 1.06667rem;
    height: 1.06667rem;
    margin-right: .26667rem
}

.gameRoom-window .game-list .game-item .left .text {
    font-size: .37333rem;
    font-family: DIN;
    font-weight: 500;
    color: #424653
}

.gameRoom-window .game-list .game-item .left .game_miao {
    display: block;
    float: left
}

.gameRoom-window .game-list .game-item .left .game_miao .top {
    text-align: left
}

.gameRoom-window .game-list .game-item .left .game_miao .bottom {
    font-size: .32rem;
    margin-top: .08rem
}

.gameRoom-window .game-list .game-item .left .game_miao span {
    display: block;
    clear: both;
    line-height: .53333rem
}

.gameRoom-window .game-list .game-item .back {
    width: 1.33333rem;
    height: .8rem;
    background: #f3f3f6;
    border-radius: .4rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #7e88ad;
    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
}

.gameRoom-window::-webkit-scrollbar {
    display: none
}

 .van-overlay {
    background-color: rgba(0,0,0,.3)!important
}

.rechangeGame {
    width: 7.46667rem;
    min-height: 6.93333rem;
    background: #fff;
    border-radius: .26667rem;
    text-align: center;
    padding-bottom: 1.2rem
}

.rechangeGame .main {
    width: 100%;
    height: 100%
}

.rechangeGame .main .content {
    width: 100%
}

.rechangeGame .main .content .mark {
    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
}

.rechangeGame .main .content .big-tittle {
    margin-top: .53333rem;
    font-size: .42667rem;
    color: #424653
}

.rechangeGame .main .content .big-tittle,.rechangeGame .main .content .remind {
    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;
    font-family: PingFang SC;
    font-weight: 500
}

.rechangeGame .main .content .remind {
    font-size: .32rem;
    color: #7e88ad;
    margin-top: .29333rem
}

.rechangeGame .main .content .account-balance {
    margin: 0 auto;
    margin-top: .29333rem;
    min-width: 3.2rem;
    height: .66667rem;
    line-height: .66667rem;
    background: #f3f3f6;
    border-radius: .34667rem;
    padding-left: .48rem;
    padding-right: .48rem;
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    display: inline-block
}

.rechangeGame .main .content .account-balance .count {
    color: #df6e22;
    font-size: .32rem;
    margin-left: .21333rem
}

.rechangeGame .main .content .first-handle {
    height: 1.06667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: .02667rem solid #e1e1e1;
    padding-bottom: .4rem;
    margin-top: .8rem;
    font-size: .37333rem;
    margin-left: .66667rem;
    margin-right: .66667rem;
    box-sizing: border-box
}

.rechangeGame .main .content .first-handle .van-cell:after {
    content: none!important;
    border-bottom: none!important
}

.rechangeGame .main .content .first-handle .inputArea {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.rechangeGame .main .content .first-handle .inputArea,.rechangeGame .main .content .first-handle .inputArea .betInput {
    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
}

.rechangeGame .main .content .first-handle .inputArea .betInput {
    padding: 0
}

.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__title {
    width: auto;
    margin: 0;
    font-size: .37333rem;
    font-family: DIN;
    font-weight: 500;
    color: #424653
}

.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__value {
    margin-left: .4rem;
    width: 4.8rem
}

.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__value .van-field__body input {
    font-size: .50667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    color: #2f3242;
    font-family: DIN-Medium;
    font-weight: 400;
    font-size: .37333rem
}

.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__value .van-field__body input::-webkit-input-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #c5c9d8
}

.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__value .van-field__body input:-moz-placeholder,.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__value .van-field__body input::-moz-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #c5c9d8
}

.rechangeGame .main .content .first-handle .inputArea .betInput .van-cell__value .van-field__body input:-ms-input-placeholder {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #c5c9d8
}

.rechangeGame .main .content .first-handle .inputArea .into {
    height: .8rem;
    width: 2.13333rem;
    line-height: .8rem;
    background: #bfbfcc;
    border-radius: .4rem;
    text-align: center;
    margin-left: .53333rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box
}

.rechangeGame .main .content .first-handle .inputArea .intoShinee {
    background: -webkit-linear-gradient(left,#f08448,#ffc170)!important;
    background: linear-gradient(90deg,#f08448,#ffc170)!important
}

.rechangeGame .main .content .min-balance {
    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: .64rem;
    padding-right: .66667rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    box-sizing: border-box
}

.rechangeGame .main .content .min-balance .left {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 500
}

.rechangeGame .main .content .min-balance .left .span1 {
    color: #424653
}

.rechangeGame .main .content .min-balance .left .span2 {
    color: #df6e22
}

.rechangeGame .main .content .min-balance .right {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #df6e22
}

.rechangeGame .into-success {
    width: 100%
}

.rechangeGame .into-success .content {
    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
}

.rechangeGame .into-success .content .mark {
    width: 3.65333rem;
    height: .13333rem;
    background: -webkit-linear-gradient(left,#f08448,#ffc170);
    background: linear-gradient(90deg,#f08448,#ffc170);
    margin: 0 auto
}

.rechangeGame .into-success .content img {
    width: 1.76rem;
    height: 1.76rem;
    margin: 0 auto;
    margin-top: 1.09333rem
}

.rechangeGame .into-success .content .remind {
    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;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    margin-top: .61333rem
}

.rechangeGame .into-success .content .account-balance {
    margin: 0 auto;
    margin-top: .21333rem;
    min-width: 3.2rem;
    height: .66667rem;
    line-height: .66667rem;
    background: #f3f3f6;
    border-radius: .34667rem;
    padding-left: .48rem;
    padding-right: .48rem;
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    display: inline-block
}

.rechangeGame .into-success .content .account-balance .count {
    color: #df6e22;
    font-size: .32rem;
    margin-left: .21333rem
}

.rechangeGame .second-handle {
    position: fixed;
    bottom: 0;
    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;
    width: 100%;
    padding: 0;
    border-top: .02667rem solid #e1e1e1;
    height: 1.2rem
}

.rechangeGame .second-handle .cancle {
    color: #424653;
    border: none!important
}

.rechangeGame .second-handle .cancle,.rechangeGame .second-handle .goGame {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .42667rem;
    font-family: PingFang SC;
    font-weight: 500
}

.rechangeGame .second-handle .goGame {
    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: 0 0 .26667rem 0;
    color: #fff;
    border: none!important
}

.hallPage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f4f6fa
}

.hallPage div {
    box-sizing: border-box
}

.hallPage .head_area {
    width: 100%;
    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;
    padding-left: .4rem;
    padding-right: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    background: #f4f6fa;
    top: 0;
    left: 0;
    z-index: 600
}

.hallPage .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.hallPage .head_area .leftImg .top_logo {
    height: .69333rem
}
.hallPage .head_area {
    justify-content: center; /* 改为居中布局 */
}
.hallPage .head_area .leftImg {
    position: absolute; /* 让左侧 logo 脱离 Flex 布局 */
    left: 0.4rem; /* 与 padding 对齐 */
}
.hallPage .head_area .head_text {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028;
    width: 30%;
    text-align: center
}

.hallPage .head_area .right_menu {
    font-size: .37333rem;
    font-family: PingFang SC;
    color: #424653;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .13333rem
}

.hallPage .head_area .right_menu .right_menu_down {
    height: .8rem
}

.hallPage .head_area .right_menu .right_menu_notice {
    width: auto;
    height: .8rem;
    margin-left: .26667rem;
    position: relative;
    margin-left: .32rem
}

.hallPage .head_area .right_menu .right_menu_notice .right_menu_notice_img {
    height: .8rem
}

.hallPage .head_area .right_menu .right_menu_notice .unreadNum {
    position: absolute;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #f18e56;
    right: .05333rem;
    top: -.02667rem
}

.hallPage div::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.hallPage .colosline {
    width: 100%;
    height: .08rem;
    background: -webkit-linear-gradient(left,#f08448,#ffce70,#f08449);
    background: linear-gradient(90deg,#f08448,#ffce70,#f08449)
}

.hallPage .zoom {
    -webkit-transform: scale(.8) translateX(-.34667rem);
    -ms-transform: scale(.8) translateX(-.34667rem);
    transform: scale(.8) translateX(-.34667rem)
}

.hallPage .doge {
    width: 3.73333rem;
    height: 1.92rem;
    margin-top: .21333rem;
    border-radius: .10667rem
}

.hallPage .maincontent {
    width: 100%;
    height: calc(100% - 1.2rem);
    overflow-x: hidden;
    overflow-y: scroll
}

.hallPage .hallinner {
    padding-bottom: 2.66667rem;
    width: 100%;
    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
}

.hallPage .hallinner .gif_loading {
    widows: 1.33333rem;
    height: 1.33333rem
}

.hallPage .toppart {
    background: #f4f6fa;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hallPage #showdot,.hallPage .toppart {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hallPage #showdot {
    height: .08rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: .2rem;
    left: 0;
    z-index: 400
}

.hallPage #showdot div {
    width: .26667rem;
    height: .08rem;
    font-size: 0;
    color: transparent;
    margin-right: .13333rem;
    background: #d2d3db
}

.hallPage #showdot .active {
    background: #fca954
}

.hallPage .hall-head {
    width: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 600;
    padding: 0 .53333rem;
    height: 1.06667rem;
    padding-top: .24rem;
    background: #fff
}

.hallPage .hall-head img {
    height: .64rem
}

.hallPage .hall-head .xzimg {
    width: .53333rem;
    height: .53333rem;
    margin-top: .08rem;
    background: url(../../static/image/xz.a854f4bb.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.6rem;
    top: .26667rem
}

.hallPage .hall-head .kefuicon {
    width: .53333rem;
    height: .53333rem;
    margin-top: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAilBMVEUAAABdYm1eYm1eYm1eYm1paXBeYm1bZm5eYm1dYW1dYm5dYm5dY3BeYm1dYm1eYm1eYm3xjlZeYm3xjlbxj1byjlZeYmxeYW1dY21eYmxeYm3rj1FeYm1eYm1eYm1eYm5gYG9eYW5hYWnxjlZeYm3xjlXwjlZfYm3yjlfyjFXxjlVdYm5eYm3xjlZfMdjrAAAALHRSTlMA8Pv1ygbqEp14HxsNxaukXNvTz6yXb2NRTEYM5JOAODMlCfezs56MTzwSawcR0WQAAAFYSURBVDjLxZNZtoMgEEQRRY1TYtQ4a+bp4f639+g4HUSif6mPHC1ubLqgES+Slq6Ose6WKUFyOZVOB+mVI+OygnIqsnluQwVt5JxqJhYhVrJVZWRCQVu7f7e9j5FMOQPawH9CCd2YgA9w45nNPCbBqFAXTXSFTfMh7aCwPQVPmNk7ztoyx0OCPKHOfvirUGjPOQpzLBG0YJNDMCajQEQESbuimAZ71mgnNKN+TSPoQBdB0AFp60ANqZ82voHIhpY65BvYZvJDcHUzfDz+7Zm3RP68+Vw8Y+AF86OmaYIwisKAPURc4MMR4hS+A0CnIOeOsLsUundEoHfYc+GbvZ7HSyHodfcvF//+aq84jJfIzF9cdw0Io1Cu4GwYrmwFaHIjI1cGHafLXA1HbEqXjxpm6Wu1U2Fo+SzjjG4kVRV+r1IOxXSUEoOzCO43DhhLpZUTZ0ubceup/w/07lIHQOGMRwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.34667rem;
    top: .26667rem
}

.hallPage .hall-head .xxbox {
    width: .53333rem;
    height: .53333rem;
    margin-top: .08rem;
    background: url(../../static/image/xxbtn.fa6966e6.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    position: relative
}

.hallPage .hall-head .xxbox font {
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #f18e56;
    position: absolute;
    top: -.08rem;
    right: -.08rem
}

/* 轮播图外层容器 */
.hallPage .outerbox {
    width: 9.2rem;
    height: 4.5rem; /* 固定高度，确保轮播图有明确尺寸 */
    position: relative;
    background: #fff0;
    border-radius: 0.13333rem;
      border-radius: 20%; 
    overflow: hidden; /* 隐藏超出部分 */
}
 
/* 轮播图主容器 */
.van-swipe {
    width: 100%;
    height: 100%; /* 继承父容器高度 */
    position: relative;
}
 
/* 轮播图轨道（存放所有轮播项） */
.van-swipe__track {
    display: flex; /* 让轮播项横向排列 */
    height: 100%; /* 必须设置高度，否则图片无法显示 */
    transition-property: transform; /* 滑动动画 */
}
 
/* 单个轮播项 */
.van-swipe-item {
    flex-shrink: 0; /* 防止被压缩 */
    width: 100%;
    height: 100%;
    position: relative;
}
 
/* 轮播图片样式 */
.van-swipe-item img.banner-item  {
    display: block !important; /* 强制显示 */
    opacity: 1 !important; /* 防止透明 */
}
 
/* 轮播指示器（小圆点） */
.van-swipe__indicators {
    position: absolute;
    bottom: 0.26667rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 0.13333rem;
}
 
.van-swipe__indicator {
    width: 0.26667rem;
    height: 0.26667rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}
 
.van-swipe__indicator--active {
    background: #fff; /* 当前激活的指示器颜色 */
    transform: scale(1.2); /* 稍微放大效果 */
}
.hallPage .outerbox .transbox {
    width: 20000%;
    height: 3.86667rem;
    position: absolute
}

.hallPage .outerbox .transbox div,.hallPage .outerbox .transbox div img {
    width: 9.2rem;
    height: 3.86667rem;
    border-radius: .13333rem
}

.hallPage .noticecontent {
    box-sizing: border-box;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - .8rem);
    height: .93333rem;
    background: -webkit-linear-gradient(top,#fff,#e2e8f0 46.5%,#f0f4f8);
    background: linear-gradient(180deg,#fff,#e2e8f0 46.5%,#f0f4f8);
    box-shadow: 0 .08rem .21333rem 0 rgba(75,106,184,.18);
    border-radius: .26667rem;
    margin: .26667rem auto;
    padding-left: .4rem;
    padding-right: .26667rem;
    overflow: hidden
}

.hallPage .noticecontent img {
    width: .37333rem;
    height: .37333rem
}

.hallPage .noticecontent .noticect {
    width: 100%;
    margin-left: .18667rem;
    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
}

.hallPage .noticecontent .noticect .van-notice-bar {
    width: 100%;
    background: #fff;
    padding-right: 0;
    padding-left: 0;
    background: #f4f6fa
}

.hallPage .noticecontent .noticect .van-notice-bar .van-notice-bar__wrap {
    background: #f4f6fa
}

.hallPage .noticecontent .noticect .van-notice-bar .van-notice-bar__wrap span {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #0b1028
}

.hallPage .noticecontent .noticect .van-notice-bar h1,.hallPage .noticecontent .noticect .van-notice-bar h2,.hallPage .noticecontent .noticect .van-notice-bar h3,.hallPage .noticecontent .noticect .van-notice-bar h4,.hallPage .noticecontent .noticect .van-notice-bar h5,.hallPage .noticecontent .noticect .van-notice-bar h6,.hallPage .noticecontent .noticect .van-notice-bar i,.hallPage .noticecontent .noticect .van-notice-bar p {
    font-size: .32rem!important;
    font-weight: 400!important;
    margin: 0!important;
    padding: 0!important
}

.hallPage .centerArea {
    width: 100%;
    box-sizing: border-box;
    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;
    height: 2rem;
    background: #f4f6fa;
    border: .02667rem solid #fff;
    box-shadow: 0 .08rem .21333rem 0 rgba(75,106,184,.18);
    border-radius: .26667rem;
    margin: 0 auto;
    padding-left: .4rem;
    padding-right: .26667rem;
    margin-bottom: .26667rem
}

.hallPage .centerArea .left_content {
    width: 4.42667rem
}

.hallPage .centerArea .left_content .logindd {
    width: 100%;
    height: .4rem;
    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
}

.hallPage .centerArea .left_content .logindd .level_img {
    width: 1.2rem;
    height: .50667rem;
    margin-right: .13333rem
}

.hallPage .centerArea .left_content .logindd1 {
    font-size: .34667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #4a5c95
}

.hallPage .centerArea .left_content .logindd2 {
    font-size: .53333rem;
    font-family: DIN;
    font-weight: 500;
    color: #0b1028;
    margin-top: .26667rem
}

.hallPage .centerArea .left_content .logindd2 .money_text {
    width: .4rem;
    height: .34667rem;
    margin-left: .21333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAAXNSR0IArs4c6QAAA71JREFUSEulll1oHFUUx/9ndpM2KtZSKqWgWLVoa4VCS3Z2o5GioohWyXtVsG0qNTNJFFulZs4mUJX4sTM1hdQHXxQf/WgfbClYxO7etYFaxFKxUoul+NmCGlKzM3NkZmc3m2Szu9m9Dwuz8/+f373nnjn3EhocPPbNKrheN6BtBclGCG4VgQ/CZQJ9R5AjMVc7se/Fzl8aCUn1RPvfy6+YdmUPCCaA9jp6D8A4CK+zoV+qpa0JHnby93u+HCbCsnoTnPPeJaKnLSPx8UK+mmC2lQ+gQkM/QXCMSI4K4ceYH/M8KqwBaQ9B5BGANlSCiGSvZSTfrAavA85/DsgTAP4lYK9l6mO1Vs5OrgdCBwCsLumIaJdlJMbn+uruMWfyj6ONJnh356+NpHt09Mz1k+1ThwFsKes1fx33pc7NykYjwZrRsK1yAPTIe45Nfd2C4LST2yOCtWwmtzcDq/Tsd75aOS3tv5dTLvSo1Z84Wn6uFLOtJHhup+mbXzW6/2gVnrbzlkC4GIeybCa65oE5oz4A4dnoRZ5NvZSmpvn87umboP13NQggwOTqpfHlvb2bC+E0gp/hA7ku36ev5xB62dQPNU2NjGwrBSARPvqyhQeSJ0Iwj315A9yOv2d/r0VXPObdtu+FroutwNlWLwEYDWMIdnO/frAIttUwgNcABCloiyDTAReEI1Zf4ikiCvd+MWMkc+ouz6W/KO4+I4S3Iu9BFOJWLC4riN/J3tlR8H+bWhLfBkLUIOijjmuF56falqy0BjZfaAbMdt4BpA9AsIhSjw8WQEGhlRvIsJN9wBctzD8gn7CZ7FnMCudqw8PFkz+rx4jdOwO21SYfmIiEP7Cp390KOPCmM+phIRyrjEPAkGXqI2VwZekH9QfNvYX77rvcKpwd9RkEW4u1hQtpU789LK7KwGyrTwE8Gf33IZv6tpbB4xPX4Zo7GcTRiDYOGYkz88FOthOi5cswX9bwQPLnluEZNQJgE/frj5VizTudLFudJaDY0Ann2dDXtgqu5p8HZketh+D7GTF9caPn9QwOpqYanUDwifJg6nwtfdXzmG21M7w7zYyLINnORvJ4rWBsZ1Mg7RAE94DwNht60LWqjgUvAuyoIQjSlS6BnNJEGyeSb0mjK57rixbTlgmwXsR/DqAHZxWrqS8Yv+YNJJ3J7RCioLfGG01zSSeCV9L9+huLXnHJMOKcvMOTmAOgXJE1JyE4CfJfZjOVXfQeVzNEE9gFoBuQVQAtj3T/AAhuGqc1n94fGkgEV56643+co1PWJSh/lgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.hallPage .centerArea .left_content .btnArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: .66667rem;
    margin-top: .18667rem
}

.hallPage .centerArea .left_content .btnArea .btn_item1 {
    width: 1.46667rem;
    height: .66667rem;
    background: url(../../static/image/zhuce.db4722b5.png) no-repeat;
    background-size: 100% 100%
}

.hallPage .centerArea .left_content .btnArea .btn_item2 {
    width: 1.46667rem;
    height: .66667rem;
    background: url(../../static/image/denglu.30fd0aac.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .13333rem
}

.hallPage .centerArea .left_content .toptit {
    font-size: .34667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7e88ad
}

.hallPage .centerArea .right_content .right_item,.hallPage .centerArea .right_content {
    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
}

.hallPage .centerArea .right_content .right_item {
    margin-right: .21333rem;
    height: 100%;
    -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
}

.hallPage .centerArea .right_content .right_item img {
    width: .90667rem;
    height: .94667rem
}

.hallPage .centerArea .right_content .right_item .right_item_span {
    font-size: .29333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    margin-top: .08rem
}

.hallPage .centerArea .right_content .right_item:last-child {
    margin-right: 0
}

.hallPage .gameContent {
    height: 1.28rem;
    top: 1.2rem;
    left: 0;
    z-index: 600;
    background: #f4f6fa;
    padding-left: .4rem;
    padding-right: .4rem;
    overflow-x: scroll;
    background-color: #f4f6fa
}

.hallPage .gameContent .game_item,.hallPage .gameContent {
    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
}

.hallPage .gameContent .game_item {
    width: 1.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .13333rem;
    box-shadow: 0 .08rem .13333rem 0 rgba(74,107,188,.3);
    border-radius: .26667rem
}

.hallPage .gameContent .game_item img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.2rem;
    height: 1.28rem
}

.hallPage .gameContent .game_item:last-child {
    margin-right: 0!important
}

.line {
    width: 10rem;
    height: .08rem;
    background: -webkit-linear-gradient(left,#f08448,#ffce70,#f08449);
    background: linear-gradient(90deg,#f08448,#ffce70,#f08449)
}

.allGameContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 9.2rem;
    background: #f4f6fa;
    box-sizing: border-box;
    margin: 0 auto
}

.allGameContent .smallBg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4.4rem;
    height: 1.73333rem;
    background-color: #fcfdfe;
    box-shadow: 0 0 .13333rem 0 rgba(156,163,191,.3);
    border-radius: .13333rem;
    margin-right: .26667rem;
    margin-top: .26667rem;
    position: relative
}

.allGameContent .smallBg .galt {
    width: 1.2rem;
    height: 1.2rem;
    margin: .26667rem;
    border-radius: 50%
}

.allGameContent .smallBg .scpng {
    position: absolute;
    width: .94667rem;
    height: .94667rem;
    top: 0;
    right: 0;
    z-index: 300
}

.allGameContent .smallBg .gamert {
    width: 2.85333rem;
    height: 1.73333rem
}

.allGameContent .smallBg .gamert div {
    width: 100%;
    height: .32rem;
    font-size: .32rem;
    white-space: nowrap;
    color: #424653;
    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
}

.allGameContent .smallBg .gamert div:first-child {
    margin-top: .48rem
}

.allGameContent .smallBg .gamert div:nth-child(2) {
    margin-top: .18667rem;
    font-size: .26667rem;
    color: #9ca3bf
}

.allGameContent .smallBg .gamert div:nth-child(2) font {
    color: #fa0
}

.allGameContent .longbtn {
    width: 9.2rem;
    height: 2.98667rem;
    box-shadow: 0 .10667rem .13333rem 0 hsla(0,0%,72.2%,.2);
    border-radius: .13333rem;
    overflow: hidden;
    margin-top: .26667rem;
    position: relative
}

.allGameContent .longbtn .recomm {
    position: absolute;
    width: .88rem;
    height: .48rem;
    left: .21333rem;
    top: .21333rem
}

.allGameContent .longbtn .scpng {
    position: absolute;
    width: .94667rem;
    height: .94667rem;
    top: 0;
    right: 0;
    z-index: 300
}

.allGameContent .longbtn .main {
    width: 100%
}

.allGameContent .longbtn div {
    width: 100%;
    height: .32rem;
    font-size: .32rem;
    color: #424653;
    position: absolute;
    box-sizing: border-box;
    padding-left: .26667rem;
    left: 0;
    top: .26667rem;
    font-weight: 500;
    z-index: 200
}

.allGameContent .longbtn div:nth-child(3) {
    top: .8rem;
    font-size: .26667rem;
    color: #9ca3bf
}

.allGameContent .longbtn div:nth-child(3) font {
    color: #cc6a74
}

.allGameContent .expectation {
    width: 100%;
    height: 3.6rem;
    padding-bottom: .26667rem;
    margin-top: .26667rem
}

.allGameContent .expectation img {
    margin-left: .13333rem;
    width: 9.2rem
}

.activebox {
    width: 1.6rem;
    position: fixed;
    bottom: 2.24rem;
    right: .13333rem;
    z-index: 1000
}

.activebox .activebox_wrap {
    width: 100%;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activebox .activebox_wrap .activebox_main_banner {
    width: 1.6rem;
    height: 1.76rem;
    position: relative
}

.activebox .activebox_wrap .activebox_main_banner .activity-main {
    width: 100%
}

.activebox .activebox_wrap .activebox_main_banner .close-btn {
    width: 1.06667rem;
    height: .42667rem;
    margin: 0 auto;
    position: absolute;
    bottom: -.42667rem;
    left: .26667rem
}

.activebox .activebox_wrap .needMargin {
    margin-top: .53333rem!important;
    margin-bottom: .53333rem!important
}

.activebox .activebox_wrap .activity-box {
    margin-top: .26667rem;
    margin-bottom: .13333rem;
    max-height: 7.2rem;
    position: relative
}

.activebox .activebox_wrap .activity-box .swiper-button-prev {
    width: .42667rem;
    height: .21333rem;
    position: absolute;
    top: -.34667rem;
    left: 50%;
    margin-left: -.21333rem
}

.activebox .activebox_wrap .activity-box .swiper-button-next {
    width: .42667rem;
    height: .21333rem;
    position: absolute;
    bottom: -.34667rem;
    left: 50%;
    margin-left: -.21333rem
}

.activebox .activebox_wrap .activity-box .swiper-container {
    max-height: 6.93333rem!important;
    overflow: hidden
}

.activebox .activebox_wrap .activity-box .swiper-container .swiper-wrapper {
    height: auto!important
}

.activebox .activebox_wrap .activity-box .activity-item,.activebox .activebox_wrap .activity-box .swiper-container .swiper-wrapper {
    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
}

.activebox .activebox_wrap .activity-box .activity-item {
    -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;
    height: 1.2rem!important;
    margin-bottom: .21333rem!important
}

.activebox .activebox_wrap .activity-box .activity-item img {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%
}

.activebox .activebox_wrap .activity-box .activity-item .activity-tit {
    font-size: .32rem;
    font-family: PingFang SC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    margin-top: .13333rem;
    max-width: 1.33333rem;
    height: .32rem
}

.activebox .activebox_wrap .activity-box .activity-item .activity-tit .van-notice-bar {
    background: none;
    height: .32rem;
    width: 1.33333rem;
    padding: 0;
    color: #fff
}

.activebox .activebox_wrap .activity-box .activity-item .activity-tit .van-notice-bar__content {
    color: #fff;
    font-size: .32rem
}

.activety_open {
    max-height: 10.26667rem;
    background-color: rgba(242,243,246,.8);
    border-radius: .8rem;
    opacity: 1
}

.withdrawCheckPop {
    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
}

.withdrawCheckPop .flag {
    width: 3.65333rem;
    height: .13333rem;
    background: #fa0;
    margin: 0 auto
}

.withdrawCheckPop .logoimg {
    height: .64rem;
    display: block;
    margin: 0 auto;
    margin-top: .66667rem;
    margin-bottom: .34667rem
}

.withdrawCheckPop .center_text {
    min-height: 2.72rem;
    line-height: .56rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    white-space: pre-wrap;
    -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
}

.withdrawCheckPop .b_btnList,.withdrawCheckPop .center_text {
    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
}

.withdrawCheckPop .b_btnList {
    height: 1.2rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .02667rem solid #e1e1e1
}

.withdrawCheckPop .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
}

.withdrawCheckPop .b_btnList .item:last-child {
    color: #fff;
    background: #fa0;
    border-radius: 0 0 .26667rem 0
}

 .van-swipe__indicator {
    width: .26667rem;
    height: .08rem;
    color: transparent;
    background: #d2d3db;
    border-radius: 0
}

 .van-pull-refresh__track {
    height: auto
}

 .van-swipe__indicator--active {
    background: #fca954
}

.banner-item {
    border-radius: .26667rem;
    height: 100%;
    width: 9.2rem
}

.hall {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f3f3f6
}

.hall div::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.hall .colosline {
    width: 100%;
    height: .08rem;
    background: -webkit-linear-gradient(left,#f08448,#ffce70,#f08449);
    background: linear-gradient(90deg,#f08448,#ffce70,#f08449)
}

.hall .zoom {
    -webkit-transform: scale(.8) translateX(-.34667rem);
    -ms-transform: scale(.8) translateX(-.34667rem);
    transform: scale(.8) translateX(-.34667rem)
}

.hall .doge {
    width: 3.73333rem;
    height: 1.92rem;
    margin-top: .21333rem;
    border-radius: .10667rem
}

.hall .maincontent {
    width: 100%;
    height: calc(100% - .64rem);
    overflow-x: hidden;
    overflow-y: scroll
}

.hall .hallinner {
    padding-bottom: 1.97333rem;
    width: 100%
}

.hall .hallinner .gif_loading {
    widows: 1.33333rem;
    height: 1.33333rem
}

.hall .toppart {
    width: 100%;
    background: #fff;
    margin-top: -.10667rem;
    padding-top: .10667rem
}

.hall #showdot {
    width: 100%;
    height: .08rem;
    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;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: .2rem;
    left: 0;
    z-index: 400
}

.hall #showdot div {
    width: .26667rem;
    height: .08rem;
    font-size: 0;
    color: transparent;
    margin-right: .13333rem;
    background: #d2d3db
}

.hall #showdot .active {
    background: #fca954
}

.hall .head_area {
    width: 100%;
    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;
    padding-left: .4rem;
    padding-right: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 600
}

.hall .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.hall .head_area .leftImg .top_logo {
    height: .69333rem
}

.hall .head_area .head_text {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028;
    width: 30%;
    text-align: center
}

.hall .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;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .13333rem
}

.hall .head_area .right_menu .right_menu_down {
    height: .53333rem
}

.hall .head_area .right_menu .right_menu_notice {
    width: auto;
    height: .53333rem;
    position: relative;
    right: .4rem;
    margin-left: 1.12rem
}

.hall .head_area .right_menu .right_menu_notice .right_menu_notice_img {
    position: absolute;
    width: .53333rem;
    height: .53333rem;
    left: 0
}

.hall .head_area .right_menu .right_menu_notice .unreadNum {
    position: absolute;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #f18e56;
    left: .45333rem;
    top: -.02667rem
}

.hall .outerbox {
    width: 9.2rem;
    height: 3.86667rem;
    margin-top: .10667rem;
    margin-left: .4rem;
    overflow: hidden;
    position: relative;
    background: #fff
}

.hall .outerbox .transbox {
    width: 20000%;
    height: 3.86667rem;
    position: absolute
}

.hall .outerbox .transbox div,.hall .outerbox .transbox div img {
    width: 9.2rem;
    height: 3.86667rem;
    border-radius: .13333rem
}

.hall .noticecontent {
    width: 100%;
    height: .66667rem;
    box-sizing: border-box;
    padding: 0 .4rem;
    margin-top: .13333rem;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall .noticecontent img {
    width: .33333rem;
    height: .33333rem
}

.hall .noticecontent .noticect {
    width: 8.61333rem;
    height: .66667rem;
    margin-left: .13333rem;
    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
}

.hall .noticecontent .noticect .van-notice-bar {
    width: 100%;
    height: .66667rem;
    line-height: .66667rem;
    font-size: .34667rem;
    background: #fff;
    color: #9ca3bf;
    font-weight: 400;
    padding-right: 0;
    padding-left: 0
}

.hall .noticecontent .noticect .van-notice-bar h1,.hall .noticecontent .noticect .van-notice-bar h2,.hall .noticecontent .noticect .van-notice-bar h3,.hall .noticecontent .noticect .van-notice-bar h4,.hall .noticecontent .noticect .van-notice-bar h5,.hall .noticecontent .noticect .van-notice-bar h6,.hall .noticecontent .noticect .van-notice-bar i,.hall .noticecontent .noticect .van-notice-bar p {
    font-size: .34667rem!important;
    font-weight: 400!important;
    margin: 0!important;
    padding: 0!important
}

.hall .inavbtns {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: .26667rem .4rem .48rem .4rem;
    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
}

.hall .inavbtns .leftind {
    width: 4.42667rem
}

.hall .inavbtns .leftind .logindd {
    width: 100%;
    height: .4rem;
    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
}

.hall .inavbtns .leftind .logindd:first-child {
    color: #9ca3bf;
    font-size: .34667rem;
    margin-top: .08rem;
    font-weight: 500
}

.hall .inavbtns .leftind .logindd:first-child img {
    width: .8rem;
    height: .4rem;
    margin-right: .2rem
}

.hall .inavbtns .leftind .logindd:nth-child(2) {
    height: .53333rem;
    font-size: .53333rem;
    margin-top: .22667rem;
    font-weight: 500
}

.hall .inavbtns .leftind .logindd:nth-child(2) div {
    width: .34667rem;
    height: .30667rem;
    margin-left: .26667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAMAAAAiCq8iAAAAdVBMVEUAAACcor+cor2co72Unb6co7+co7+bo76co7+co7+bor6ao76co8Cbo7+bo8Cco7+bo7+aor6cor+dpL+co76bo76cosCdpb2bobycpL2ZnricpL+bor+co7+cor+bor6WobyZmbuco8Cco8CbpL+dpMGco79ctBmeAAAAJnRSTlMA+FU9Bce3f9xwUC3lwa6XimlkXjkzKCIdDwzv1NCnSBcH8Y14RquxAQQAAADVSURBVCjPbZHZEoIwDEXTsggqIIqAuAAu9/8/UZrGUmd6nnLmdu5kUvLo8jLtKMC2AA5xIDgnAI4U4KSWJBeJL15SYyEVGe7q45JImWgnVgLX7leQmSQR2xi5DVaOMGxkUTCltYRly3P7ZJGXFzs3PHO3exoBbosDHHuKtGiuW6Jev6VPN7SH40H/HY1yDb2JRp5VLKtbi+zJ4F2mslFt7cWi5RiFkYosNyN3EqYMSLhctlDn9bOu2UTeZU60MszebZWmAPmSFG0gmCsgHSnALn3Uvedfj2kf9tg2YlcAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.hall .inavbtns .leftind .toptit {
    height: .32rem;
    font-size: .32rem;
    color: #9ca3bf;
    -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
}

.hall .inavbtns .leftind .botbutton,.hall .inavbtns .leftind .toptit {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hall .inavbtns .leftind .botbutton {
    height: .66667rem;
    margin-top: .18667rem
}

.hall .inavbtns .leftind .botbutton div {
    width: 1.46667rem;
    height: .66667rem;
    border-radius: .33333rem;
    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;
    color: #fff;
    font-size: .37333rem
}

.hall .inavbtns .leftind .botbutton .lfbut {
    background: -webkit-linear-gradient(left,#f08448,#ffc170);
    background: linear-gradient(90deg,#f08448,#ffc170)
}

.hall .inavbtns .leftind .botbutton .rtbut {
    border: .02667rem solid #f39151;
    color: #fa0;
    margin-left: .26667rem
}

.hall .inavbtns .leftind .rotate {
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(2359deg);
        transform: rotate(2359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(2359deg);
        transform: rotate(2359deg)
    }
}

.hall .inavbtns .rightind,.hall .inavbtns .rightind .secondbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hall .inavbtns .rightind .secondbtn {
    height: 1.30667rem;
    -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-right: .36rem
}

.hall .inavbtns .rightind .secondbtn img {
    width: .90667rem;
    height: .94667rem
}

.hall .inavbtns .rightind .secondbtn div {
    width: 100%;
    height: .26667rem;
    font-size: .32rem;
    color: #424653;
    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: .05333rem;
    font-weight: 500;
    font-family: 微软雅黑
}

.hall .inavbtns .rightind .secondbtn:last-child {
    margin-right: 0
}

.hall .gamenavs {
    width: 100%;
    height: 1.08rem;
    top: .9rem;
    left: 0;
    z-index: 600;
    background: #fff;
    padding-top: .26667rem;
    overflow-x: scroll
}

.hall .gamenavs,.hall .gamenavs .gamenav {
    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
}

.hall .gamenavs .gamenav {
    min-width: 1.34667rem;
    height: .81333rem;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .02667rem;
    padding-left: .21333rem;
    padding-right: .21333rem;
    line-height: .81333rem;
    color: #424653;
    font-size: .34667rem;
    z-index: 300;
    top: 0;
    font-weight: 500
}

.hall .gamenavs .gamenavac {
    color: #fff;
    background-image: url(../../static/image/navbg_gz.986db01e.png);
    background-size: auto .8rem;
    background-position: center .02667rem;
    background-repeat: no-repeat
}

.hall .gamebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background: #f3f3f6;
    box-sizing: border-box;
    padding: .26667rem 0 0 .26667rem
}

.hall .gamebox .expectation {
    width: 100%;
    height: 3.6rem;
    padding-bottom: .26667rem
}

.hall .gamebox .expectation img {
    margin-left: .13333rem;
    width: 9.2rem
}

.hall .gamebtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4.6rem;
    height: 1.73333rem;
    background-color: #fcfdfe;
    box-shadow: 0 0 .13333rem 0 rgba(156,163,191,.3);
    border-radius: .13333rem;
    margin: 0 .26667rem .26667rem 0;
    position: relative
}

.hall .gamebtn .galt {
    width: 1.2rem;
    height: 1.2rem;
    margin: .26667rem;
    border-radius: 50%
}

.hall .gamebtn .scpng {
    position: absolute;
    width: .94667rem;
    height: .94667rem;
    top: 0;
    right: 0;
    z-index: 300
}

.hall .gamebtn .gamert {
    width: 2.85333rem;
    height: 1.73333rem
}

.hall .gamebtn .gamert div {
    width: 100%;
    height: .32rem;
    font-size: .32rem;
    white-space: nowrap;
    color: #424653;
    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
}

.hall .gamebtn .gamert div:first-child {
    margin-top: .48rem
}

.hall .gamebtn .gamert div:nth-child(2) {
    margin-top: .18667rem;
    font-size: .26667rem;
    color: #9ca3bf
}

.hall .gamebtn .gamert div:nth-child(2) font {
    color: #fa0
}

.hall .longbtn {
    width: 9.46667rem;
    height: 2.98667rem;
    margin: 0 .26667rem .26667rem 0;
    border-radius: .13333rem;
    overflow-x: hidden
}

.hall .longbtn .scpng {
    position: absolute;
    width: .94667rem;
    height: .94667rem;
    top: 0;
    right: 0;
    z-index: 300
}

.hall .longbtn .main {
    width: 100%
}

.hall .longbtn div {
    width: 100%;
    height: .32rem;
    font-size: .32rem;
    color: #424653;
    position: absolute;
    box-sizing: border-box;
    padding-left: .26667rem;
    left: 0;
    top: .26667rem;
    font-weight: 500;
    z-index: 200
}

.hall .longbtn div:nth-child(3) {
    top: .8rem;
    font-size: .26667rem;
    color: #9ca3bf
}

.hall .longbtn div:nth-child(3) font {
    color: #cc6a74
}

.hall .longbtn img {
    max-height: 100%
}

.hall .midbtn {
    width: 4.58667rem;
    margin-right: .26667rem;
    height: 2.93867rem
}

.hall .activeitilt {
    height: 1.06667rem;
    color: #424653;
    font-size: .34667rem;
    box-sizing: border-box;
    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;
    background: #fff;
    box-shadow: 0 0 .16rem 0 rgba(159,170,202,.35)
}

.hall .activeitilt img {
    width: .66667rem;
    height: .74667rem;
    margin-right: .10667rem;
    margin-top: -.16rem;
    margin-left: .4rem
}

.hall .activebox {
    background: #f3f3f6;
    padding: .26667rem 0 0 .26667rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hall .activebox,.hall .activebox .gamebtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hall .activebox .gamebtn:last-child .galt {
    margin-top: .26667rem
}

.withdrawCheckPop {
    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
}

.withdrawCheckPop .flag {
    width: 3.65333rem;
    height: .13333rem;
    background: -webkit-linear-gradient(left,#f08448,#ffc170);
    background: linear-gradient(90deg,#f08448,#ffc170);
    margin: 0 auto
}

.withdrawCheckPop .logoimg {
    height: .64rem;
    display: block;
    margin: 0 auto;
    margin-top: .66667rem;
    margin-bottom: .34667rem
}

.withdrawCheckPop .center_text {
    min-height: 2.72rem;
    line-height: .56rem;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #424653;
    white-space: pre-wrap;
    -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
}

.withdrawCheckPop .b_btnList,.withdrawCheckPop .center_text {
    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
}

.withdrawCheckPop .b_btnList {
    height: 1.2rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .02667rem solid #e1e1e1
}

.withdrawCheckPop .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
}

.withdrawCheckPop .b_btnList .item:last-child {
    color: #fff;
    background: -webkit-linear-gradient(left,#f08448,#ffc170);
    background: linear-gradient(90deg,#f08448,#ffc170);
    border-radius: 0 0 .26667rem 0
}

.activebox2 {
    width: 1.6rem;
    position: fixed;
    bottom: 2.24rem;
    right: .13333rem;
    z-index: 1000
}

.activebox2 .activebox_wrap {
    width: 100%;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activebox2 .activebox_wrap .activebox_main_banner {
    width: 1.6rem;
    height: 1.76rem;
    position: relative
}

.activebox2 .activebox_wrap .activebox_main_banner .activity-main {
    width: 100%
}

.activebox2 .activebox_wrap .activebox_main_banner .close-btn {
    width: 1.06667rem;
    height: .42667rem;
    margin: 0 auto;
    position: absolute;
    bottom: -.42667rem;
    left: .26667rem
}

.activebox2 .activebox_wrap .needMargin {
    margin-top: .53333rem!important;
    margin-bottom: .53333rem!important
}

.activebox2 .activebox_wrap .activity-box {
    margin-top: .26667rem;
    margin-bottom: .13333rem;
    max-height: 7.2rem;
    position: relative
}

.activebox2 .activebox_wrap .activity-box .swiper-button-prev {
    width: .42667rem;
    height: .21333rem;
    position: absolute;
    top: -.34667rem;
    left: 50%;
    margin-left: -.21333rem
}

.activebox2 .activebox_wrap .activity-box .swiper-button-next {
    width: .42667rem;
    height: .21333rem;
    position: absolute;
    bottom: -.34667rem;
    left: 50%;
    margin-left: -.21333rem
}

.activebox2 .activebox_wrap .activity-box .swiper-container {
    max-height: 6.93333rem!important;
    overflow: hidden
}

.activebox2 .activebox_wrap .activity-box .activity-item {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.2rem!important;
    margin-bottom: .21333rem!important
}

.activebox2 .activebox_wrap .activity-box .activity-item img {
    height: 1.2rem;
    width: 1.2rem
}

.activebox2 .activebox_wrap .activity-box .activity-item .activity-tit {
    font-size: .32rem;
    font-family: PingFang SC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    margin-top: .13333rem;
    max-width: 1.33333rem;
    height: .32rem
}

.activebox2 .activebox_wrap .activity-box .activity-item .activity-tit .van-notice-bar {
    background: none;
    height: .32rem;
    width: 1.33333rem;
    padding: 0;
    color: #fff
}

.activebox2 .activebox_wrap .activity-box .activity-item .activity-tit .van-notice-bar__content {
    color: #fff;
    font-size: .32rem
}

.activety_open {
    max-height: 10.26667rem;
    background-color: rgba(242,243,246,.8);
    border-radius: .8rem;
    opacity: 1
}

 .van-swipe__indicator {
    width: .26667rem;
    height: .08rem;
    color: transparent;
    background: #d2d3db;
    border-radius: 0
}

 .van-pull-refresh__track {
    height: auto
}

 .van-swipe__indicator--active {
    background: #fca954
}

.banner-item {
    border-radius: .13333rem;
    height: 100%;
    width: 9.2rem
}

 .swiper-wrapper {
    height: auto!important;
    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
}

.recent-games {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f3f3f6;
    position: fixed;
    top: 0;
    left: 0
}

.recent-games .gameliostss {
    width: 100%;
    height: calc(100% - 2.53333rem);
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: scroll
}

.recent-games .gameliostss::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.recent-games .gameliostss .gameliostssinner {
    width: 100%;
    padding-bottom: .26667rem;
    margin-bottom: 2.66667rem
}

.recent-games .head_area {
    width: 100%;
    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;
    padding-left: .4rem;
    padding-right: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 600
}

.recent-games .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.recent-games .head_area .leftImg .top_logo {
    height: .69333rem
}

.recent-games .head_area .head_text {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028;
    width: 30%;
    text-align: center
}

.recent-games .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;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recent-games .head_area .right_menu .right_menu_down {
    height: .8rem
}

.recent-games .head_area .right_menu .right_menu_notice {
    width: auto;
    height: .53333rem;
    position: relative;
    right: .4rem;
    margin-left: 1.12rem
}

.recent-games .head_area .right_menu .right_menu_notice .right_menu_notice_img {
    position: absolute;
    width: .53333rem;
    height: .53333rem;
    left: 0
}

.recent-games .head_area .right_menu .right_menu_notice .unreadNum {
    position: absolute;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #f18e56;
    left: .45333rem;
    top: -.02667rem
}

.recent-games .accounts-scroll {
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll
}

.recent-games .accounts-list {
    border: .02667rem solid #e2e2e2;
    background: #fff;
    border-radius: .13333rem;
    height: 1.86667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .13333rem .26667rem
}

.recent-games .accounts-list .van-swipe-cell,.recent-games .accounts-list .van-swipe-cell__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.recent-games .accounts-list .van-swipe-cell__right {
    height: 1.86667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.recent-games .accounts-list .accounts-swipe-cell {
    height: 1.86667rem;
    width: 10rem
}

.recent-games .accounts-list .accounts-swipe-cell img {
    width: 1.06667rem;
    height: 1.06667rem;
    margin-top: .4rem;
    margin-right: .34667rem;
    margin-left: .4rem;
    float: left
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right {
    float: left;
    width: 6.93333rem;
    margin: 0 0;
    font-size: .32rem;
    color: #424653;
    font-weight: 700;
    position: relative
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .nttitle {
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    font-weight: 700;
    margin-top: .26667rem
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .nttitle,.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .nttitle div {
    float: left;
    color: #424653;
    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;
    font-size: .37333rem
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .nttitle div {
    width: 50%;
    height: .37333rem
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .nttitle div:nth-child(2) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .26667rem;
    color: #7e88ad;
    font-weight: 400
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .nttitle img {
    width: .4rem;
    height: .4rem;
    margin-left: .18667rem;
    margin-top: 0
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right span {
    font-size: .32rem;
    zoom:.84;color: #7e88ad;
    height: .32rem;
    margin-top: .16rem;
    font-weight: 500
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .lastContent {
    float: left;
    width: 90%;
    overflow: hidden;
    height: .66667rem;
    font-size: .34667rem;
    font-weight: 500;
    color: #7e88ad;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: .66667rem;
    text-align: left
}

.recent-games .accounts-list .accounts-swipe-cell .accounts-list-right .accounts-list-text02 {
    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;
    width: 7.68rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recent-games .delete-button,.recent-games /deep/ .van-button--danger {
    background-color: #ea4e3d;
    border: .02667rem solid #ea4e3d
}

.recent-games .delete-button {
    height: 100%
}

.recent-games .cancel-button {
    height: 100%;
    background-color: #c7c7cb;
    border: .02667rem solid #c7c7cb;
    color: #fff
}

.recent-games .rednum {
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .53333rem;
    height: .53333rem!important;
    -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-radius: 50%;
    right: .26667rem;
    top: .4rem;
    background: #f81b1b;
    color: #fff!important;
    position: absolute
}

 .main_content {
    width: 100%;
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat
}

.person {
    width: 100%;
    background: #f4f6fa;
    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;
    height: 100%;
    padding-top: 1.33333rem;
    padding-bottom: 1.6rem
}

.person div::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.person .head_area {
    width: 100%;
    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;
    padding-left: .4rem;
    padding-right: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000
}

.person .head_area .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.person .head_area .leftImg .top_logo {
    max-height: .69333rem
}

.person .head_area .head_text {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028;
    width: 45%;
    text-align: center
}

.person .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
}

.person .head_area .right_menu .right_menu_down {
    width: 1.46667rem;
    height: .66667rem
}

.person .personcontent {
    width: 100%;
    height: calc(100% - 2.13333rem);
    background: #f4f6fa;
    border: .02667rem solid;
    -webkit-border-image: -webkit-linear-gradient(bottom,#f2f4f8,#fff) 1 1;
    border-image: linear-gradient(0deg,#f2f4f8,#fff) 1 1;
    border-radius: .4rem
}

.person .personcontent .divwraps {
    background-color: #fff;
    padding-top: .29333rem;
    border-radius: .34667rem .34667rem 0 0
}

.person .personcontent .divwraps .gouziContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.person .personcontent .divwraps .gouziContent .agentcenter,.person .personcontent .divwraps .gouziContent .inviteFriends {
    width: 4.90667rem;
    height: 2.34667rem;
    background-image: url(../../static/image/gouziContent.9b71d923.png);
    background-size: 100% 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.person .personcontent .divwraps .gouziContent .agentcenter img,.person .personcontent .divwraps .gouziContent .inviteFriends img {
    width: 1.49333rem;
    height: 1.78667rem;
    margin-left: .24rem;
    margin-top: .13333rem
}

.person .personcontent .divwraps .fontwrap {
    display: block;
    float: left;
    width: calc(100% - 1.73333rem);
    height: 2.13333rem;
    margin-left: .16rem
}

.person .personcontent .divwraps .fontwrap span {
    height: .45333rem;
    display: block;
    clear: both
}

.person .personcontent .divwraps .fontwrap .btitle {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #2b2f3b;
    margin-top: .64rem
}

.person .personcontent .divwraps .fontwrap .ltitle {
    font-size: .26667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #7e88ad;
    margin-top: .16rem
}

.person .personcontent .personal {
    width: 100%;
    height: 2.61333rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .4rem;
    padding-right: .4rem;
    box-sizing: border-box;
    padding-left: .72rem
}

.person .personcontent .personal .leftbox,.person .personcontent .personal {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.person .personcontent .personal .leftbox .head_img {
    width: 1.6rem;
    height: 1.6rem;
    background: #cbc5c7;
    border-radius: 50%;
    margin-right: .45333rem
}

.person .personcontent .personal .leftbox .detail {
    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
}

.person .personcontent .personal .leftbox .detail .nickname {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #2b2f3b
}

.person .personcontent .personal .leftbox .detail .nickname .vip {
    max-height: .4rem
}

.person .personcontent .personal .leftbox .detail .between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .10667rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.person .personcontent .personal .leftbox .detail .between .level {
    height: .48rem;
    padding-left: .10667rem;
    padding-right: .10667rem;
    padding-top: .02667rem;
    padding-bottom: .02667rem;
    line-height: .48rem;
    margin-right: .13333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAA8CAMAAACgj/OsAAABBVBMVEUAAADcq1W8iS+7iC+7iC67iC7erFa9iTG6iC66hi7erVfaqVK5hy3bq1PdrFberFberFfcq1TerVfcq1XerVferljerVe8iTD85af956r96a7+6rD0v1r1wl30vFb75KX/2Hz3yWf3x2T2xmL2xGDzu1X96KzzuVP+13verVf3yGb1w171wFz0vVf746O6hy7erFa5hi26hi381Xf70nP81HX5zm760XHaqVPAjTP5zWv4y2nNm0PKlz/Ypk/TokvHlTzCjzbVpE3FkjrSoEi9ijH5z2/DkTjPnUXQnkf+4JLwxWvuwmnisVrpsU7XokL85KT+2YH0ym/apETYoUHgqUnhqkjwfui7AAAAGHRSTlMA1fWeeUxG189B9e/apIZ8VFDb29qpqEXaQmszAAACaUlEQVRo3u2SV3vaMBSGDxCyZyeBZrQpEHfJVpLGblkGHFaArPb//5SeI07th9v25rvIa0vW+GS9yNCC/dcvNj3fXR6XjLS7POP7WrKUv7xm+aEJ3z2XZjKyuc1Xb/YpYzXndpP1urHr6ZgOS9FZTQoLaR1JE55O8K1oXMdcLZeqZtuns7lVUvZ8fzq5PD+F4fxyMvX8PXLs+t4EyE0NJ56/676s7z2cAvLg+/J9X4a355Dc+jmig3B64Xrju3IFg9L4VIQupuEB7SwO775UAaJ2744v3KFceC3NuwoUh3J+N2GOtsILZlwBY8xSV+EWhU4P7PD4/ydWYah6tTIYNdVrtaRRhkOsWi18vSumDIdYsV4XWK/Lel1p1OBwel3Wu2RqcIgV67Xb0jiEQ6za4HptfL1r5hAOser3qd8H17thSnCIFeuNRt+ZEhxiNRrRcPis9496wyE1Gj+YEhxi1firdwKH02uw3k/mBA6xwtdrNt8z3+AQq2ZT9GDB1+s0P8Eiep0PsHQ6+HpnsLBer3cGS6/Heh9hQdcb0GDwGZaB6B3BwnpxfARLHOPrfYEliimK3sESRc96/6WXAOslEeWT6ldQ6kme1pLZMSizZI0KyeMxKI9JgYpJXD2GpB4nRaI1M69CMjfrRPTWmN9VQH4Zs0HMijHzOhxzY1aI1C96mtWBmD1FYqdsrBtjbRAExgYmRZs267pipc5yvEYi1rU149Ahu6isTd9jdZF25c6m0w3WNyijWNjOB4ENGFkfKJYvVy1e6jAuJqE0lg0ykrfyQxVRc7XkjWR0netLW4pNn5zLbxeK5PgDQz/NN/6GyecAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    font-size: .26667rem;
    font-family: PingFang SC;
    color: #b8391c
}

.person .personcontent .personal .leftbox .detail .between .vip {
    width: 1.30667rem;
    height: .50667rem;
    margin-right: .13333rem;
    display: inline-block
}

.person .personcontent .personal .leftbox .detail .between .vip_icon {
    width: 1.01333rem;
    height: .4rem;
    margin-left: .13333rem;
    margin-right: .13333rem
}

.person .personcontent .personal .leftbox .detail .between .out_span {
    height: .4rem;
    display: block;
    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: .08rem;
    padding-left: .16rem;
    padding-right: .16rem;
    color: #f6d89c;
    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
}

.person .personcontent .personal .leftbox .detail .between .out_span span  {
    height: .4rem;
    line-height: .4rem;
    font-size: .26667rem
}

.person .personcontent .personal .leftbox .detail .between .out_span .uid {
    margin-left: .08rem
}

.person .personcontent .personal .leftbox .detail .b_text {
    font-size: .26667rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7e88ad
}

.person .personcontent .personal .leftbox .detail .b_text .num {
    color: #f6d89c;
    margin-left: .05333rem;
    margin-right: .05333rem
}

.person .personcontent .personal .right_arrow {
    width: .16rem;
    height: .26667rem
}

.person .personcontent .min_text {
    height: 1.30667rem;
    width: calc(100% - .8rem);
    margin: 0 auto;
    display: block;
    background-image: url(../../static/image/bgmin_text.c38b999f.png);
    background-size: 100% 100%
}

.person .personcontent .min_text .min_text-box {
    width: 100%;
    height: 100%;
    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
}

.person .personcontent .min_text .min_text-box .rotate {
    -webkit-animation: rotation-31ea8f9d 2s linear infinite;
    animation: rotation-31ea8f9d 2s linear infinite
}

@-webkit-keyframes rotation-31ea8f9d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(2359deg);
        transform: rotate(2359deg)
    }
}

@keyframes rotation-31ea8f9d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(2359deg);
        transform: rotate(2359deg)
    }
}

.person .personcontent .min_text .left_text {
    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;
    margin-left: .45333rem
}

.person .personcontent .min_text .left_text .left_cion {
    width: .64rem;
    max-height: .64rem
}

.person .personcontent .min_text .left_text .text {
    font-size: .34667rem;
    font-family: PingFang SC;
    color: #fff;
    margin-left: .4rem
}

.person .personcontent .min_text .right_text {
    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;
    margin-right: .4rem
}

.person .personcontent .min_text .right_text .text {
    font-size: .61333rem;
    font-family: DIN;
    color: #f6d297
}

.person .personcontent .min_text .right_text .moneytext {
    font-size: .66667rem;
    font-family: DIN;
    color: #f6d297;
    margin-left: .16rem
}

.person .personcontent .min_text .right_text .right_cion {
    width: .64rem;
    height: .66667rem;
    margin-right: .13333rem;
    margin-left: .4rem
}

.person .personcontent .new_vip {
    width: 100%;
    background-color: #fff;
    padding-bottom: .05333rem
}

.person .personcontent .new_vip .new_vip_inner {
    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;
    width: 9.2rem;
    height: 3.06667rem;
    background: #fff;
    box-shadow: 0 0 .16rem 0 rgba(156,163,191,.35);
    border-radius: .26667rem;
    margin: 0 auto
}

.person .personcontent .new_vip .new_vip_inner .vip_item:last-child {
    border-right: none!important
}

.person .personcontent .new_vip .new_vip_inner .vip_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: .02667rem solid #e1e1e1;
    position: relative
}

.person .personcontent .new_vip .new_vip_inner .vip_item .img1 {
    width: 1.06667rem;
    height: .85333rem;
    margin-top: .53333rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .img2 {
    width: .93333rem;
    height: .77333rem;
    margin-top: .58667rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .img3 {
    width: .90667rem;
    height: .96rem;
    margin-top: .45333rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .b_text1 {
    margin-top: .21333rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .b_text2 {
    margin-top: .24rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .b_text3 {
    margin-top: .16rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .level_img {
    width: 1.2rem;
    height: .4rem;
    margin-top: .29333rem;
    text-align: center;
    font-size: .26667rem;
    font-family: PingFang SC;
    color: #b8391c;
    margin-top: .26667rem;
    line-height: .4rem
}

.person .personcontent .new_vip .new_vip_inner .vip_item .level_img2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAA8CAMAAACgj/OsAAABBVBMVEUAAADcq1W8iS+7iC+7iC67iC7erFa9iTG6iC66hi7erVfaqVK5hy3bq1PdrFberFberFfcq1TerVfcq1XerVferljerVe8iTD85af956r96a7+6rD0v1r1wl30vFb75KX/2Hz3yWf3x2T2xmL2xGDzu1X96KzzuVP+13verVf3yGb1w171wFz0vVf746O6hy7erFa5hi26hi381Xf70nP81HX5zm760XHaqVPAjTP5zWv4y2nNm0PKlz/Ypk/TokvHlTzCjzbVpE3FkjrSoEi9ijH5z2/DkTjPnUXQnkf+4JLwxWvuwmnisVrpsU7XokL85KT+2YH0ym/apETYoUHgqUnhqkjwfui7AAAAGHRSTlMA1fWeeUxG189B9e/apIZ8VFDb29qpqEXaQmszAAACaUlEQVRo3u2SV3vaMBSGDxCyZyeBZrQpEHfJVpLGblkGHFaArPb//5SeI07th9v25rvIa0vW+GS9yNCC/dcvNj3fXR6XjLS7POP7WrKUv7xm+aEJ3z2XZjKyuc1Xb/YpYzXndpP1urHr6ZgOS9FZTQoLaR1JE55O8K1oXMdcLZeqZtuns7lVUvZ8fzq5PD+F4fxyMvX8PXLs+t4EyE0NJ56/676s7z2cAvLg+/J9X4a355Dc+jmig3B64Xrju3IFg9L4VIQupuEB7SwO775UAaJ2744v3KFceC3NuwoUh3J+N2GOtsILZlwBY8xSV+EWhU4P7PD4/ydWYah6tTIYNdVrtaRRhkOsWi18vSumDIdYsV4XWK/Lel1p1OBwel3Wu2RqcIgV67Xb0jiEQ6za4HptfL1r5hAOser3qd8H17thSnCIFeuNRt+ZEhxiNRrRcPis9496wyE1Gj+YEhxi1firdwKH02uw3k/mBA6xwtdrNt8z3+AQq2ZT9GDB1+s0P8Eiep0PsHQ6+HpnsLBer3cGS6/Heh9hQdcb0GDwGZaB6B3BwnpxfARLHOPrfYEliimK3sESRc96/6WXAOslEeWT6ldQ6kme1pLZMSizZI0KyeMxKI9JgYpJXD2GpB4nRaI1M69CMjfrRPTWmN9VQH4Zs0HMijHzOhxzY1aI1C96mtWBmD1FYqdsrBtjbRAExgYmRZs267pipc5yvEYi1rU149Ahu6isTd9jdZF25c6m0w3WNyijWNjOB4ENGFkfKJYvVy1e6jAuJqE0lg0ykrfyQxVRc7XkjWR0netLW4pNn5zLbxeK5PgDQz/NN/6GyecAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    color: #b8391c
}

.person .personcontent .new_vip .new_vip_inner .vip_item .grey {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAeCAMAAABaOLPmAAAAflBMVEUAAAB5dnJ5dnKem5eem5eal5Oem5ebmJR6d3N2c2+dmpZ4dnGdmpbX1tOuq6Wqp6LU09DS0c6opaDZ2NWzsaywrqm/vbjBv7qem5d3dHC9u7a0sq2YlZF+e3e6uLO2tK+ioJuBfnqSj4uNioaJhoJ2c2/Ozcm4trGVko6Fgn4zo+3LAAAADXRSTlMA8UVH9fC8urm5fnxGqWAIbwAAAMRJREFUSMetzLcWgkAARNEBVJIYABfdxJLh/39QpMHKxnnFnKkugOB0eDI6nAKsJU6JipFQLgECJwUr6c4ISyHGrPi/bKxEGeIoxVhwGoU8QkuZkbxMSr15rPjejJnstdbSPGs378bK2hbtNNG8aWrR1TXNq+vu491ZbZ5SNE+pHj3bK5n1WKjeguXBbEFD9Ro0F2Z8z7C9KzND97ycyOUeIp3z0hF842icMz6QGu04mjYp1vzYG15r6+wNX3c/P/NiH3gDqRilq5iulTUAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    color: #888
}

.person .personcontent .new_vip .new_vip_inner .vip_item .ready_Get {
    position: absolute;
    width: .93333rem;
    height: .48rem;
    right: .13333rem;
    top: .21333rem
}

.person .personcontent .mianMenuList {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.person .personcontent .mianMenuList .menu_item,.person .personcontent .mianMenuList {
    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: 2.4rem
}

.person .personcontent .mianMenuList .menu_item {
    -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
}

.person .personcontent .mianMenuList .menu_item .main_img {
    max-height: 1.2rem;
    margin-bottom: .26667rem
}

.person .personcontent .mianMenuList .menu_item .text {
    font-size: .29333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #26282e
}

.person .personcontent .ceterMenu_item {
    height: 1.46667rem;
    padding-left: .4rem;
    padding-right: .4rem;
    box-sizing: border-box;
    background-color: #fff
}

.person .personcontent .ceterMenu_item .item_inner {
    height: 1.44rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .02667rem solid #e1e1e1
}

.person .personcontent .ceterMenu_item .item_inner .item_left,.person .personcontent .ceterMenu_item .item_inner {
    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
}

.person .personcontent .ceterMenu_item .item_inner .item_left .main_img {
    width: .53333rem;
    height: .53333rem
}

.person .personcontent .ceterMenu_item .item_inner .item_left .menu_text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #26282e;
    margin-left: .4rem
}

.person .personcontent .ceterMenu_item .item_inner .item_right {
    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
}

.person .personcontent .ceterMenu_item .item_inner .item_right .right_text {
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #7e88ad;
    margin-right: .42667rem
}

.person .personcontent .ceterMenu_item .item_inner .item_right .right_img {
    width: .16rem;
    height: .26667rem
}

.person .personcontent .ceterMenu_item:last-child {
    margin-bottom: 1.28rem
}

.person .personcontent .ceterMenu_item:last-child .item_inner {
    border-bottom: .02667rem solid #d7ddeb
}

.person .personcontent .flag {
    margin-top: .26667rem;
    background: #fff
}

.regime_header {
    padding: 0 .4rem;
    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;
    font-size: .42667rem;
    font-family: PingFang SC-Medium,PingFang SC,sans-serif;
    font-weight: 500;
    color: #424653;
    height: 1.17333rem;
    background: #fff;
    border-bottom: .02667rem solid #e5e7f2;
    line-height: .50667rem
}

.regime_header>span {
    width: .34667rem;
    height: .34667rem;
    border-left: .06667rem solid #424653;
    border-top: .06667rem solid #424653;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.regime_header .title {
    font-size: .48rem
}

.regime_header:after {
    content: ""
}

.regime_content {
    height: calc(100vh - 1.17333rem);
    overflow-y: auto
}

.regime_content>img {
    width: 100%
}

.personBox {
    width: 100%;
    height: 3.25333rem;
    background: url(../../static/image/personBg.bb884f9d.png) no-repeat;
    background-size: 100% 100%
}

.personBox .topbox {
    width: 100%;
    height: 1.46667rem;
    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;
    padding-left: .93333rem;
    padding-right: .93333rem
}

.personBox .topbox .l_Text {
    font-size: .4rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff
}

.personBox .topbox .r_box {
    height: 100%;
    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
}

.personBox .topbox .r_box .money_text {
    font-size: .56rem;
    font-family: DIN;
    font-weight: 500;
    color: #fff
}

.personBox .topbox .r_box .my_refresh {
    width: .4rem;
    height: .34667rem;
    margin-left: .26667rem
}

.personBox .b_center {
    height: calc(100% - 1.46667rem);
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: .88rem;
    padding-right: .88rem
}

.personBox .b_center .center_item {
    width: 3.52rem;
    height: 1.2rem
}

.b_center .stitle {
    display: block;
    clear: both;
    font-size: .37333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #384775
}

.b_center .center_item {
    height: 2.26667rem;
    margin: 0 auto
}

.b_center {
    width: 100%;
    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;
    min-height: 2rem
}

.b_center .vipimg {
    min-height: 1.2rem;
    font-weight: 700;
    color: #0b1028;
    text-align: left
}

.activity {
    width: 100%;
    background-color: #fff;
    height: 100%;
    overflow: hidden
}

.activity div::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.activity .colosline {
    width: 100%;
    height: .08rem;
    background: -webkit-linear-gradient(left,#f08448,#ffce70,#f08449);
    background: linear-gradient(90deg,#f08448,#ffce70,#f08449)
}

.activity .backhead {
    width: 100%;
    height: 1.17333rem;
    border-bottom: .02667rem solid #f6f6f6;
    font-size: .45333rem;
    color: #424653;
    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;
    position: relative;
    background: #fff
}

.activity .backhead img {
    width: .64rem;
    height: .64rem;
    position: absolute;
    left: .26667rem;
    top: .26667rem
}

.activity .hall-head {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 1.17333rem;
    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;
    background: #f4f6fa;
    font-size: .50667rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #424653;
    padding-left: .4rem;
    padding-right: .4rem
}

.activity .hall-head .leftImg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.activity .hall-head .leftImg .top_logo {
    height: .69333rem
}

.activity .hall-head .head_text {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #0b1028;
    width: 45%;
    text-align: center
}

.activity .hall-head .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
}

.activity .hall-head .right_menu .right_menu_notice {
    width: 1.46667rem;
    height: .66667rem
}

.activity .hall-head .xzimg {
    width: 2.66667rem;
    height: .93333rem;
    top: .16rem;
    background: url(../../static/image/xz.a854f4bb.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .26667rem
}

.activity .hall-head .kefuicon {
    width: .53333rem;
    height: .53333rem;
    margin-top: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAilBMVEUAAABdYm1eYm1eYm1eYm1paXBeYm1bZm5eYm1dYW1dYm5dYm5dY3BeYm1dYm1eYm1eYm3xjlZeYm3xjlbxj1byjlZeYmxeYW1dY21eYmxeYm3rj1FeYm1eYm1eYm1eYm5gYG9eYW5hYWnxjlZeYm3xjlXwjlZfYm3yjlfyjFXxjlVdYm5eYm3xjlZfMdjrAAAALHRSTlMA8Pv1ygbqEp14HxsNxaukXNvTz6yXb2NRTEYM5JOAODMlCfezs56MTzwSawcR0WQAAAFYSURBVDjLxZNZtoMgEEQRRY1TYtQ4a+bp4f639+g4HUSif6mPHC1ubLqgES+Slq6Ose6WKUFyOZVOB+mVI+OygnIqsnluQwVt5JxqJhYhVrJVZWRCQVu7f7e9j5FMOQPawH9CCd2YgA9w45nNPCbBqFAXTXSFTfMh7aCwPQVPmNk7ztoyx0OCPKHOfvirUGjPOQpzLBG0YJNDMCajQEQESbuimAZ71mgnNKN+TSPoQBdB0AFp60ANqZ82voHIhpY65BvYZvJDcHUzfDz+7Zm3RP68+Vw8Y+AF86OmaYIwisKAPURc4MMR4hS+A0CnIOeOsLsUundEoHfYc+GbvZ7HSyHodfcvF//+aq84jJfIzF9cdw0Io1Cu4GwYrmwFaHIjI1cGHafLXA1HbEqXjxpm6Wu1U2Fo+SzjjG4kVRV+r1IOxXSUEoOzCO43DhhLpZUTZ0ubceup/w/07lIHQOGMRwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 1.34667rem;
    top: .29333rem
}

.activity .hall-head .xxbox {
    width: .53333rem;
    height: .53333rem;
    margin-top: .08rem;
    background: url(../../static/image/xxbtn.fa6966e6.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: px;
    top: .29333rem
}

.activity .hall-head .xxbox font {
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #f18e56;
    position: absolute;
    top: -.08rem;
    right: -.08rem
}

.activity .navcontent {
    width: 100%;
    height: 1.06667rem;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: .26667rem;
    background: #f4f6fa;
    border: .02667rem solid;
    -webkit-border-image: -webkit-linear-gradient(bottom,#f2f4f8,#fff) 1 1;
    border-image: linear-gradient(0deg,#f2f4f8,#fff) 1 1;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.activity .navcontent .navbars {
    width: auto;
    height: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.activity .navcontent .navbars .navbar {
    padding: .13333rem .26667rem;
    height: .8rem;
    margin-left: .46667rem;
    color: #9ca3bf;
    font-size: .34667rem;
    font-weight: 500;
    text-align: center;
    background: url(../../static/image/gray.55c7a3d5.png) no-repeat;
    background-size: 100% 100%
}

.activity .navcontent .navbars .navbar:last-child {
    margin-right: 0!important
}

.activity .navcontent .navbars .active {
    color: #fff;
    background: url(../../static/image/shinee.875773e7.png) no-repeat;
    background-size: 100% 100%
}

.activity .activecont {
    width: 100%;
    height: calc(100% - 3.65333rem);
    overflow-x: hidden;
    overflow-y: scroll
}

.activity .activecont .activeinner {
    width: 100%;
    padding: .4rem .4rem .26667rem .4rem;
    padding-top: 0!important
}

.activity .activecont .activeinner .activebox {
    overflow: hidden;
    width: 9.2rem;
    height: 3.86667rem;
    margin-top: .26667rem;
    position: relative;
    border-radius: .26667rem
}

.activity .activecont .activeinner .activebox .label_name {
    position: absolute;
    top: .26667rem;
    left: 0;
    padding-left: .4rem;
    padding-right: .4rem;
    height: .53333rem;
    line-height: .53333rem;
    background-size: 100% auto;
    color: #fff;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.activity .activecont .activeinner .activebox img {
    width: 9.2rem;
    height: 3.86667rem
}

.activity .activecont .activeinner .activebox:first-child {
    margin-top: -.13333rem
}

.activity .activecont .activeinner .expectation {
    padding-top: .4rem
}

.activity .activecont .activeinner .expectation img {
    width: 100%
}

.activity .contentsds {
    width: 100%;
    height: calc(100% - 1.17333rem);
    overflow-x: hidden;
    overflow-y: scroll
}

.activity .contentsds .contentsdsinner,table {
    width: 100%
}

table td,table th {
    width: 25%;
    text-align: center
}

.reward {
    padding-bottom: 2.66667rem;
    width: 100%;
    min-height: 100%;
    display: block
}

.mainImg {
    max-width: 100%;
    margin: 0 auto;
    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
}

.wait {
    width: calc(100% - .8rem);
    text-align: center;
    background-color: #fff;
    margin: .26667rem auto;
    border-radius: .53333rem;
    border: .02667rem solid #ff6011;
    padding: .4rem;
    display: block
}

.wait .bgdlq {
    display: block;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
    height: 4.88rem;
    width: 100%;
    padding: .02667rem;
    background-image: url(../../static/image/pick.1aa02339.png)
}

.wait .bgdlqgr {
    background-image: url(../../static/image/pickgrey.f211b52f.png)
}

.wait .singleimg {
    max-width: 80%;
    max-height: 4.88rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.wait .waittips {
    background-color: #ececec;
    color: #a2a2a2;
    width: 6.42667rem;
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .50667rem;
    display: block;
    margin: .26667rem auto;
    margin-bottom: 1.33333rem
}

.wait .picWords {
    display: block;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    text-align: center;
    height: 4.88rem;
    width: 100%;
    clear: both
}

.wait .picWords img,.wait .picWords span {
    margin: 0 auto;
    display: block;
    clear: both
}

.wait .picWords .moneyamountactive {
    color: #ff3a3a
}

.wait .picWords .moneyamountgrey {
    color: #fff
}

.wait .picWords .moneyamount {
    position: relative;
    top: 1.06667rem;
    width: 3.78667rem;
    text-align: center;
    height: 1.30667rem;
    line-height: 1.30667rem;
    font-size: 1.12rem;
    font-family: DIN Alternate;
    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
}

.wait .picWords .moneyamount i {
    font-size: .29333rem
}

.wait .picWords .waitpiciupactive {
    background-image: url(../../static/image/yellowtips.5c6f7226.png)
}

.wait .picWords .waitpiciupgrey {
    background-image: url(../../static/image/gameover.21a74a8d.png);
    color: #535353
}

.wait .picWords .waitpiciup {
    background-size: 100%;
    width: 1.6rem;
    height: .66667rem;
    position: relative;
    top: 1.6rem;
    margin: 0 auto;
    line-height: .66667rem;
    border-radius: .8rem
}

.wait .picWords .reserve {
    position: relative;
    width: 4.26667rem;
    top: 2rem;
    color: #fff
}

.wait .pickrewardtips {
    width: calc(100% - .8rem);
    margin: .26667rem auto;
    min-height: 3.57333rem;
    background-color: #fff4f3;
    border-radius: .58667rem;
    padding: .4rem
}

.wait .pickrewardtips span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #550500;
    font-size: .37333rem;
    line-height: .66667rem
}

.wait .pickrewardtips span i {
    color: #ff1000
}

.wait .pickrewardtips .pickbuttons {
    width: 6.53333rem;
    height: .93333rem;
    line-height: .93333rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: .26667rem auto;
    color: #fff
}

.wait .pickrewardtips .pickbuttonsgreys {
    background-image: url(../../static/image/greybutton.65d094a4.png)
}

.wait .pickrewardtips .pickbuttonsgold {
    background-image: url(../../static/image/buttongold.a586c3ea.png)
}

.wait .pickrewardtips .pickbuttonsactive {
    background-image: url(../../static/image/buttonpick.9d9481c7.png)
}

.wait .widediv {
    height: 1.06667rem;
    margin: 0 auto;
    background-image: url(../../static/image/widediv.7c5bb523.png);
    background-repeat: no-repeat;
    background-size: 100% .32rem;
    background-position: 50%;
    margin-top: .4rem
}

.wait .widediv .statusbtn {
    width: 1.04rem;
    height: .50667rem;
    line-height: .50667rem;
    font-size: .26667rem;
    display: block;
    color: #fff;
    border-radius: .4rem;
    background: -webkit-linear-gradient(left,#ff7a18,#af002d 100%);
    background: linear-gradient(90deg,#ff7a18,#af002d 100%);
    background-size: 100%;
    position: relative;
    top: .26667rem
}

.activityText {
    width: calc(100% - .8rem);
    background-color: #fff;
    margin: .26667rem auto;
    border-radius: .53333rem;
    border: .02667rem solid #ff6011;
    padding: 1.06667rem .4rem .26667rem .4rem;
    word-wrap: break-word
}

.activityText,.activityText p {
    text-align: left;
    white-space: pre-wrap
}

.activityText .textdecor {
    background-image: url(../../static/image/activityText.a4b438b3.png);
    background-size: 7.81333rem auto;
    background-position: 50%;
    background-repeat: no-repeat;
    text-align: center;
    color: #fe0706;
    font-family: HYYakuHei;
    font-size: .48rem;
    font-weight: 800;
    letter-spacing: .05em
}

#plug {
    position: absolute;
    right: .13333rem;
    top: .13333rem;
    z-index: 99999;
    width: 2.66667rem;
    height: .8rem;
    line-height: .4rem;
    font-weight: 900
}

.text {
    padding: .26667rem;
    line-height: 2em
}

.threeswipers {
    height: 4.50667rem;
    width: 100%;
    overflow: hidden
}

.threeswipers .one {
    background-repeat: no-repeat;
    width: 30.33%!important;
    background-position: bottom;
    text-align: center
}

.threeswipers .swiper-slide {
    background-size: 80%
}

.threeswipers .swiper-slide .moneyone {
    position: relative;
    top: 2.4rem
}

.threeswipers .swiper-slide .threebtn {
    position: relative;
    top: 2.93333rem
}

.threeswipers .swiper-slide .tipsreservex {
    position: relative;
    top: 3.06667rem
}

.threeswipers .swiper-slide-active {
    background-size: 95%
}

.threeswipers .swiper-slide-active .threebtn {
    position: relative;
    top: 2.74667rem
}

.threeswipers .oneleft {
    background-image: url(../../static/image/threea.9b5790fa.png)
}

.threeswipers .oneright {
    background-image: url(../../static/image/threec.7b3dd051.png)
}

.threeswipers .van-swipe-item {
    width: 33.33%
}

#progress1 {
    -webkit-animation-name: identifier1-890d3c24;
    animation-name: identifier1-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 10%
}

@-webkit-keyframes identifier1-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 10%
    }
}

@keyframes identifier1-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 10%
    }
}

#progress2 {
    -webkit-animation-name: identifier2-890d3c24;
    animation-name: identifier2-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 20%
}

@-webkit-keyframes identifier2-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 20%
    }
}

@keyframes identifier2-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 20%
    }
}

#progress3 {
    -webkit-animation-name: identifier3-890d3c24;
    animation-name: identifier3-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 30%
}

@-webkit-keyframes identifier3-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 30%
    }
}

@keyframes identifier3-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 30%
    }
}

#progress4 {
    -webkit-animation-name: identifier4-890d3c24;
    animation-name: identifier4-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 40%
}

@-webkit-keyframes identifier4-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 40%
    }
}

@keyframes identifier4-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 40%
    }
}

#progress5 {
    -webkit-animation-name: identifier5-890d3c24;
    animation-name: identifier5-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 50%
}

@-webkit-keyframes identifier5-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 50%
    }
}

@keyframes identifier5-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 50%
    }
}

#progress6 {
    -webkit-animation-name: identifier6-890d3c24;
    animation-name: identifier6-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 60%
}

@-webkit-keyframes identifier6-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 60%
    }
}

@keyframes identifier6-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 60%
    }
}

#progress7 {
    -webkit-animation-name: identifier7-890d3c24;
    animation-name: identifier7-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 70%
}

@-webkit-keyframes identifier7-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 70%
    }
}

@keyframes identifier7-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 70%
    }
}

#progress8 {
    -webkit-animation-name: identifier8-890d3c24;
    animation-name: identifier8-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    left: 80%
}

@-webkit-keyframes identifier8-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 80%
    }
}

@keyframes identifier8-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 80%
    }
}

#progress9 {
    -webkit-animation-name: identifier9-890d3c24;
    animation-name: identifier9-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

@-webkit-keyframes identifier9-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 90%
    }
}

@keyframes identifier9-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 90%
    }
}

#progress10 {
    -webkit-animation-name: identifier10;
    animation-name: identifier10;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

@-webkit-keyframes identifier-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

#progress {
    -webkit-animation-name: identifier-890d3c24;
    animation-name: identifier-890d3c24;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

@keyframes identifier-890d3c24 {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

#childIframe,#reward {
    width: 100%;
    height: 100%;
    border: none!important
}

#sentmsg {
    height: 2.4rem
}

#childIframe,#reward {
    width: 100%;
    height: 100%;
    border: none!important
}

#sentmsg {
    height: 2.4rem
}

.wechat-page {
    height: 100%;
    background: #fff;
    text-align: center
}

.wechat-page .img-contain {
    padding-top: 50%
}

.wechat-page .img-contain img {
    width: 2.72rem;
    height: 2.66667rem
}

.wechat-page .text {
    margin-top: .53333rem;
    font-size: .48rem
}

.LineSwitch {
    width: 100%;
    height: 100%;
    background: #f3f3f6
}

.LineSwitch .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.17333rem;
    margin-bottom: .26667rem
}

.LineSwitch .head img {
    width: .26667rem;
    height: .48rem;
    margin-left: .4rem;
    position: absolute;
    left: 0
}

.LineSwitch .head span {
    font-size: .45333rem;
    color: #424653
}

.LineSwitch .lines {
    float: left;
    width: 100%;
    height: 1.06667rem;
    border-bottom: .02667rem solid #f0f0f0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    padding: 0 .4rem;
    -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;
    background: #fff
}

.LineSwitch .lines:last-child {
    border-bottom: none
}

.LineSwitch .lines img {
    width: .33333rem;
    height: .29333rem
}

.LineSwitch .lines div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.06667rem;
    -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;
    font-size: .32rem
}

.LineSwitch .lines div font {
    margin-left: .53333rem
}