* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;    
    touch-action: auto ;
    -webkit-tap-highlight-color: transparent;
}


body {
    line-height: 1.2;
    background-color: #2d0404;
    font-family: Tahoma, Microsoft YaHei, sans-serif, Arial, Roboto, Helvetica;
    font-size: 12px;
    color: #232323;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #232323;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;    
}

#app {
    width: 100%;
    height: 100%;
    max-width: 500px;
    margin: 0 auto;
}


input::placeholder,
textarea::placeholder {
    color: #443333;
    -webkit-text-fill-color: #443333;
    font-weight: normal;
}



@media (min-width: 320px) {
    html {
        font-size: 32px;
    }
}

@media (min-width: 360px) {
    html {
        font-size: 36px;
    }
}

@media (min-width: 375px) {
    html {
        font-size: 37.5px;
    }
}



.m-t-5 {
    margin-top: .13333rem !important;
}

.p-t-5 {
    padding-top: .13333rem !important;
}

.m-b-5 {
    margin-bottom: .13333rem !important;
}

.p-b-5 {
    padding-bottom: .13333rem !important;
}

.m-l-5 {
    margin-left: .13333rem !important;
}

.p-l-5 {
    padding-left: .13333rem !important;
}

.m-r-5 {
    margin-right: .13333rem !important;
}

.p-r-5 {
    padding-right: .13333rem !important;
}

.m-t-10 {
    margin-top: .26667rem !important;
}

.p-t-10 {
    padding-top: .26667rem !important;
}

.m-b-10 {
    margin-bottom: .26667rem !important;
}

.p-b-10 {
    padding-bottom: .26667rem !important;
}

.m-l-10 {
    margin-left: .26667rem !important;
}

.p-l-10 {
    padding-left: .26667rem !important;
}

.m-r-10 {
    margin-right: .26667rem !important;
}

.p-r-10 {
    padding-right: .26667rem !important;
}

.m-t-15 {
    margin-top: .4rem !important;
}

.p-t-15 {
    padding-top: .4rem !important;
}

.m-b-15 {
    margin-bottom: .4rem !important;
}

.p-b-15 {
    padding-bottom: .4rem !important;
}

.m-l-15 {
    margin-left: .4rem !important;
}

.p-l-15 {
    padding-left: .4rem !important;
}

.m-r-15 {
    margin-right: .4rem !important;
}

.p-r-15 {
    padding-right: .4rem !important;
}

.m-t-20 {
    margin-top: .53333rem !important;
}

.p-t-20 {
    padding-top: .53333rem !important;
}

.m-b-20 {
    margin-bottom: .53333rem !important;
}

.p-b-20 {
    padding-bottom: .53333rem !important;
}

.m-l-20 {
    margin-left: .53333rem !important;
}

.p-l-20 {
    padding-left: .53333rem !important;
}

.m-r-20 {
    margin-right: .53333rem !important;
}

.p-r-20 {
    padding-right: .53333rem !important;
}

.m-t-25 {
    margin-top: .66667rem !important;
}

.p-t-25 {
    padding-top: .66667rem !important;
}

.m-b-25 {
    margin-bottom: .66667rem !important;
}

.p-b-25 {
    padding-bottom: .66667rem !important;
}

.m-l-25 {
    margin-left: .66667rem !important;
}

.p-l-25 {
    padding-left: .66667rem !important;
}

.m-r-25 {
    margin-right: .66667rem !important;
}

.p-r-25 {
    padding-right: .66667rem !important;
}

.m-t-30 {
    margin-top: .8rem !important;
}

.p-t-30 {
    padding-top: .8rem !important;
}

.m-b-30 {
    margin-bottom: .8rem !important;
}

.p-b-30 {
    padding-bottom: .8rem !important;
}

.m-l-30 {
    margin-left: .8rem !important;
}

.p-l-30 {
    padding-left: .8rem !important;
}

.m-r-30 {
    margin-right: .8rem !important;
}

.p-r-30 {
    padding-right: .8rem !important;
}

.m-t-35 {
    margin-top: .93333rem !important;
}

.p-t-35 {
    padding-top: .93333rem !important;
}

.m-b-35 {
    margin-bottom: .93333rem !important;
}

.p-b-35 {
    padding-bottom: .93333rem !important;
}

.m-l-35 {
    margin-left: .93333rem !important;
}

.p-l-35 {
    padding-left: .93333rem !important;
}

.m-r-35 {
    margin-right: .93333rem !important;
}

.p-r-35 {
    padding-right: .93333rem !important;
}

.m-t-40 {
    margin-top: 1.06667rem !important;
}

.p-t-40 {
    padding-top: 1.06667rem !important;
}

.m-b-40 {
    margin-bottom: 1.06667rem !important;
}

.p-b-40 {
    padding-bottom: 1.06667rem !important;
}

.m-l-40 {
    margin-left: 1.06667rem !important;
}

.p-l-40 {
    padding-left: 1.06667rem !important;
}

.m-r-40 {
    margin-right: 1.06667rem !important;
}

.p-r-40 {
    padding-right: 1.06667rem !important;
}

.m-t-45 {
    margin-top: 1.2rem !important;
}

.p-t-45 {
    padding-top: 1.2rem !important;
}

.m-b-45 {
    margin-bottom: 1.2rem !important;
}

.p-b-45 {
    padding-bottom: 1.2rem !important;
}

.m-l-45 {
    margin-left: 1.2rem !important;
}

.p-l-45 {
    padding-left: 1.2rem !important;
}

.m-r-45 {
    margin-right: 1.2rem !important;
}

.p-r-45 {
    padding-right: 1.2rem !important;
}

.m-t-50 {
    margin-top: 1.33333rem !important;
}

.p-t-50 {
    padding-top: 1.33333rem !important;
}

.m-b-50 {
    margin-bottom: 1.33333rem !important;
}

.p-b-50 {
    padding-bottom: 1.33333rem !important;
}

.m-l-50 {
    margin-left: 1.33333rem !important;
}

.p-l-50 {
    padding-left: 1.33333rem !important;
}

.m-r-50 {
    margin-right: 1.33333rem !important;
}

.p-r-50 {
    padding-right: 1.33333rem !important;
}

.m-t-60 {
    margin-top: 1.6rem !important;
}

.p-t-60 {
    padding-top: 1.6rem !important;
}

.m-b-60 {
    margin-bottom: 1.6rem !important;
}

.p-b-60 {
    padding-bottom: 1.6rem !important;
}

.m-l-60 {
    margin-left: 1.6rem !important;
}

.p-l-60 {
    padding-left: 1.6rem !important;
}

.m-r-60 {
    margin-right: 1.6rem !important;
}

.p-r-60 {
    padding-right: 1.6rem !important;
}

.m-t-75 {
    margin-top: 2rem !important;
}

.p-t-75 {
    padding-top: 2rem !important;
}

.m-b-75 {
    margin-bottom: 2rem !important;
}

.p-b-75 {
    padding-bottom: 2rem !important;
}

.m-l-75 {
    margin-left: 2rem !important;
}

.p-l-75 {
    padding-left: 2rem !important;
}

.m-r-75 {
    margin-right: 2rem !important;
}

.p-r-75 {
    padding-right: 2rem !important;
}

.m-t-80 {
    margin-top: 2.13333rem !important;
}

.p-t-80 {
    padding-top: 2.13333rem !important;
}

.m-b-80 {
    margin-bottom: 2.13333rem !important;
}

.p-b-80 {
    padding-bottom: 2.13333rem !important;
}

.m-l-80 {
    margin-left: 2.13333rem !important;
}

.p-l-80 {
    padding-left: 2.13333rem !important;
}

.m-r-80 {
    margin-right: 2.13333rem !important;
}

.p-r-80 {
    padding-right: 2.13333rem !important;
}

.m-t-85 {
    margin-top: 2.26667rem !important;
}

.p-t-85 {
    padding-top: 2.26667rem !important;
}

.m-b-85 {
    margin-bottom: 2.26667rem !important;
}

.p-b-85 {
    padding-bottom: 2.26667rem !important;
}

.m-l-85 {
    margin-left: 2.26667rem !important;
}

.p-l-85 {
    padding-left: 2.26667rem !important;
}

.m-r-85 {
    margin-right: 2.26667rem !important;
}

.p-r-85 {
    padding-right: 2.26667rem !important;
}

.m-t-90 {
    margin-top: 2.4rem !important;
}

.p-t-90 {
    padding-top: 2.4rem !important;
}

.m-b-90 {
    margin-bottom: 2.4rem !important;
}

.p-b-90 {
    padding-bottom: 2.4rem !important;
}

.m-l-90 {
    margin-left: 2.4rem !important;
}

.p-l-90 {
    padding-left: 2.4rem !important;
}

.m-r-90 {
    margin-right: 2.4rem !important;
}

.p-r-90 {
    padding-right: 2.4rem !important;
}

.m-t-95 {
    margin-top: 2.53333rem !important;
}

.p-t-95 {
    padding-top: 2.53333rem !important;
}

.m-b-95 {
    margin-bottom: 2.53333rem !important;
}

.p-b-95 {
    padding-bottom: 2.53333rem !important;
}

.m-l-95 {
    margin-left: 2.53333rem !important;
}

.p-l-95 {
    padding-left: 2.53333rem !important;
}

.m-r-95 {
    margin-right: 2.53333rem !important;
}

.p-r-95 {
    padding-right: 2.53333rem !important;
}

.m-t-100 {
    margin-top: 2.66667rem !important;
}

.p-t-100 {
    padding-top: 2.66667rem !important;
}

.m-b-100 {
    margin-bottom: 2.66667rem !important;
}

.p-b-100 {
    padding-bottom: 2.66667rem !important;
}

.m-l-100 {
    margin-left: 2.66667rem !important;
}

.p-l-100 {
    padding-left: 2.66667rem !important;
}

.m-r-100 {
    margin-right: 2.66667rem !important;
}

.p-r-100 {
    padding-right: 2.66667rem !important;
}


.c-row {
    display: flex;
}

.c-row-middle {
    align-items: center;
}

.c-row-center,
.c-row-middle-center {
    justify-content: center;
}

.c-row-middle-center {
    align-items: center;
}

.c-column {
    flex-direction: column;
}

.c-row-around {
    justify-content: space-around;
}

.c-row-between {
    justify-content: space-between;
}

.c-flew-end {
    justify-content: flex-end;
}

.c-flex-warp {
    flex-wrap: wrap;
}

.flex-cover {
    flex: 1;
}

.c-pa {
    position: absolute;
}

.c-pr {
    position: relative;
    z-index:999;
}

.c-pf {
    position: fixed;
}

.c-tc {
    text-align: center;
}

.c-tr {
    text-align: right;
}

.c-tl {
    text-align: left;
}


.c-line {
    margin: .21333rem 0;
    display: flex;
    align-items: center;
    margin: .26667rem 0;
    color: rgba(64, 70, 83, .5);
    line-height: .64rem;
    border-bottom: 1px solid rgba(54, 78, 135, .1);
}




.van-col {
    float: left;
    box-sizing: border-box;
    min-height: .02667rem;
}

.van-col--1 {
    width: 4.16666667%;
}

.van-col--offset-1 {
    margin-left: 4.16666667%;
}

.van-col--2 {
    width: 8.33333333%;
}

.van-col--offset-2 {
    margin-left: 8.33333333%;
}

.van-col--3 {
    width: 12.5%;
}

.van-col--offset-3 {
    margin-left: 12.5%;
}

.van-col--4 {
    width: 16.66666667%;
}

.van-col--offset-4 {
    margin-left: 16.66666667%;
}

.van-col--5 {
    width: 20.83333333%;
}

.van-col--offset-5 {
    margin-left: 20.83333333%;
}

.van-col--6 {
    width: 25%;
}

.van-col--offset-6 {
    margin-left: 25%;
}

.van-col--7 {
    width: 29.16666667%;
}

.van-col--offset-7 {
    margin-left: 29.16666667%;
}

.van-col--8 {
    width: 33.33333333%;
}

.van-col--offset-8 {
    margin-left: 33.33333333%;
}

.van-col--9 {
    width: 37.5%;
}

.van-col--offset-9 {
    margin-left: 37.5%;
}

.van-col--10 {
    width: 41.66666667%;
}

.van-col--offset-10 {
    margin-left: 41.66666667%;
}

.van-col--11 {
    width: 45.83333333%;
}

.van-col--offset-11 {
    margin-left: 45.83333333%;
}

.van-col--12 {
    width: 50%;
}

.van-col--offset-12 {
    margin-left: 50%;
}

.van-col--13 {
    width: 54.16666667%;
}

.van-col--offset-13 {
    margin-left: 54.16666667%;
}

.van-col--14 {
    width: 58.33333333%;
}

.van-col--offset-14 {
    margin-left: 58.33333333%;
}

.van-col--15 {
    width: 62.5%;
}

.van-col--offset-15 {
    margin-left: 62.5%;
}

.van-col--16 {
    width: 66.66666667%;
}

.van-col--offset-16 {
    margin-left: 66.66666667%;
}

.van-col--17 {
    width: 70.83333333%;
}

.van-col--offset-17 {
    margin-left: 70.83333333%;
}

.van-col--18 {
    width: 75%;
}

.van-col--offset-18 {
    margin-left: 75%;
}

.van-col--19 {
    width: 79.16666667%;
}

.van-col--offset-19 {
    margin-left: 79.16666667%;
}

.van-col--20 {
    width: 83.33333333%;
}

.van-col--offset-20 {
    margin-left: 83.33333333%;
}

.van-col--21 {
    width: 87.5%;
}

.van-col--offset-21 {
    margin-left: 87.5%;
}

.van-col--22 {
    width: 91.66666667%;
}

.van-col--offset-22 {
    margin-left: 91.66666667%;
}

.van-col--23 {
    width: 95.83333333%;
}

.van-col--offset-23 {
    margin-left: 95.83333333%;
}

.van-col--24 {
    width: 100%;
}

.van-col--offset-24 {
    margin-left: 100%;
}





.infiniteScroll__loading {
    width: 100%;    
    margin-top: auto;
    padding-bottom: 0.4rem;
    color: #999;
    font-size: .37333rem;
    text-align: center;    
}

.empty__container {
    width: 100%;
    height: calc(100% - 580px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;    
    z-index: 1;
}

    .empty__container img {
        width: 5.06667rem;
        margin-bottom: .24667rem;
    }

    .empty__container p {
        color: #acafc2;
        font-size: .34667rem;
    }


.van-image__error,
.van-image__img,
.van-image__loading {
    display: block;
    width: 100%;
    height: 100%;
}

.van-cell {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 16px;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 24px;    
}

.van-field__control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #323233;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
}

.van-field__control {
    font-size: 14px;
    color: #fff;    
    padding:5px;
    font-family:Tahoma, Microsoft YaHei, sans-serif, Arial, Roboto, Helvetica;
    border-bottom: 1px solid #8d6832;    
    
}

  



.van-field__body {
    display: flex;
    align-items: center;
}

.van-cell__value {
    position: relative;
    overflow: hidden;
    color: #969799;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word;
}

.van-cell__title,
.van-cell__value {
    flex: 1;
}

.van-field__label {
    flex: none;
    box-sizing: border-box;
    width: 6.2em;
    margin-right: 12px;
    color: #646566;
    text-align: left;
    word-wrap: break-word;
}

.van-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
    position: relative;
}

.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    touch-action: none;
}


.main {
    position: relative;
    height: 100%;
    margin-top: -1px;    
}

    .main .flex {
        display: flex;
        height: 100%;
        flex-direction: column;
        background: #f7f7f7;
    }

    .main .content {
        position: relative;
        flex: 1;
    }

.content {
    flex: 1;
}

.center {
    width: 100%;
    flex-direction: column;
}

    .center .content,
    .center {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }

        .center .content {
            flex: 1;
            flex-direction: column;
            height: calc(100% - 90px);
        }



.navbar-left,
.navbar-right {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 1.33333rem;
    padding: 0 .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-left {
    left: 0;
}

    .navbar-left .img,
    .navbar-left {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .navbar-left .img {
            height: 1.06667rem;
            width: auto;
            left: .32rem;
        }

.navbar-right {
    right: 0;
}

    .navbar-right .img {
        height: .53333rem;
        cursor: pointer;
    }


.van-nav-bar {
    position: relative;
    z-index: 1;
    line-height: 22px;
    text-align: center;
    user-select: none;
}


.golden{background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%) !important;}
.van-nav-bar {    
    background:#892f11 !important;
    background-image:linear-gradient(to left, #ff7c42, #f7000000) !important;
    height: 54px;
    line-height: 54px;
    display: flex;
    align-items: center;
}

.van-nav-bar-whitebg {
    background: #fff;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
}

.van-nav-bar a .logo {    
    width: 100%;
    margin-left: 8px;
}


.van-nav-bar__left,
.van-nav-bar__right {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    cursor: pointer;
}

.van-nav-bar__left {
    left: 0;
}

.van-nav-bar .van-icon,
.van-nav-bar .van-nav-bar__left,
.van-nav-bar .van-nav-bar__right,
.van-nav-bar .van-nav-bar__text,
.van-nav-bar .van-nav-bar__title {
    color: #fff;
    font-size: 13px;
}

.van-nav-bar .van-nav-bar__left {
    font-size: 14px;
    left: 0;
    padding-left: 8px;
}

    .van-nav-bar .van-nav-bar__left a {
        display: flex;
    }

.van-nav-bar__arrow {
    margin-right: 4px;
    font-size: 16px;
}

.van-nav-bar .van-icon {
    color: #1989fa;
}

.van-nav-bar .van-icon-arrow-left {
    font-size: 22px;
    font-weight: 700;
    background: url(/img/down_white.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    transform: rotate(90deg);
}

.van-icon-arrow-left:before {
}

.van-icon-arrow-left img {
    transform: rotateZ(270deg);
}

.van-nav-bar__text {
    color: #1989fa;
}

.van-nav-bar .van-nav-bar__text {
    margin: 0 -16px;
    padding: 0 16px;
    font-size: 14px;
}

.van-nav-bar .van-nav-bar__arrow + .van-nav-bar__text {
    margin-left: -20px;
    padding-left: 25px;
}

.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 16px;
}

.van-nav-bar .van-nav-bar__title {
    font-size: 17px;
    color: #ffffff;
    display: flex;
    align-items: center;
}

    .van-nav-bar .van-nav-bar__title img {
        height: 1.1rem;
    }

.van-nav-bar__right {
    right: 0;
}

    .van-nav-bar__right a {
        color: #ffffff;
        display: flex;
    }

    .van-nav-bar__right .login {
        width: 64px;
        height: 24px;
        line-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FD5810;
        border: 1px solid #FD5810;
        border-radius: .1rem;
        margin-left: .2rem;
    }

    .van-nav-bar__right .reg {
        width: 64px;
        height: 24px;
        line-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
        border-radius: .1rem;
        margin-left: .2rem;
        color: #ffffff;
    }


.sticky {
    width: 100%;
    max-width: 500px;
    position: fixed;
    top: 0;
    z-index: 999;
}

.sticky_bar {
    width: calc(100% - .64rem);
    max-width: calc(500px - .64rem);
    position: fixed;
    top: 0;
    z-index: 9999;
    margin-top: 54px;
    padding-bottom: .6rem;
    background: #f5f0f0;
}


.sticky_bar2 {
    width: calc(100% - .64rem);
    max-width: calc(500px - .64rem);
    position: fixed;
    top: 0;
    z-index: 9999;
    margin-top: 120px;
    background: #f5f0f0;
    border-radius: 6px 6px 0 0;
}


.sticky_bar3 {
    width: calc(100% - .64rem);
    max-width: calc(500px - .64rem);
    position: fixed;
    top: 0;
    z-index: 9999;
    margin-top: 110px;
    padding-bottom: 10px;
    background: #f5f0f0;
    border-radius: 6px 6px 0 0;
}



.sticky_bar4 {
    width: 100%;
    max-width: 500px;
    position: fixed;
    top: 0;
    z-index: 999;
    margin-top: 54px;
    background: #ffffff;
}



.sticky_bar5 {
    width: 100%;
    max-width: 500px;
    position: fixed;
    top: 0;
    z-index: 999;
    margin-top: 54px;
    background: #ffffff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.nav {
    width: 100%;
    height: 2.36667rem;
    bottom: 0;
    position: fixed;
    touch-action: none;
}

.nav,
.van-tabbar {
    max-width: 500px;
    z-index: 9;
}

.van-tabbar--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}

.van-tabbar {
    box-sizing: border-box !important;
    padding: 0 0.26667rem !important;
    height: 2.1rem !important;
    width: 100% !important;
    left: auto !important;
    display: flex;    
    background: #fff;
    border-top: solid 2px #e31414;
    background-size: 100% 100%;
    background-image: linear-gradient(to top, #feac63, #ffffff00)
}

.van-tabbar-inner {
    box-sizing: border-box !important;
    padding: 0 0.26667rem !important;
    height: 2.1rem !important;
    width: 100% !important;
    left: auto !important;
    display: flex;    
    background:#dfad81;
    border-top:solid 2px #934e11;
    background-size: 100% 100%;    
}


.van_chat {
    box-sizing: border-box !important;
    padding: 0 0 .2rem 0 !important;
    background: #fff;
    width: 100% !important;
    left: auto !important;
    filter: drop-shadow(0 -0.26667rem 0.53333rem rgba(122, 127, 153, .15)) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.van-tabbar-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;    
    color: #646566;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.van-tabbar-item--active {
    color: #1989fa;
    background: none;
}

.van-tabbar .van-tabbar-item {
    font-size: .29333rem;
    color: #303133;
    text-align: center;
    margin-top: .35rem;
}

.van_chat .van-tabbar-item {
    margin-top: 0;
}

.van-tabbar .van-tabbar-item:nth-child(3) {
    margin-top: 0;
}

.van-tabbar .van-tabbar-item.van-tabbar-item--active {
    color: #f81616;
    font-weight:bold;
}

.van-tabbar-item__icon {
    position: relative;
    margin-bottom: 0.13333rem;
    font-size: .48rem;
}

.van-tabbar .van-tabbar-item__icon {
    margin-bottom: 0 !important;
}

.van-tabbar img {
    height: 0.95rem;
    width: 0.95rem;
    display: block;
    margin: 0 auto 0.10667rem;    
}

.van-tabbar .van-tabbar-item.van-tabbar-item--active img {
    filter: unset;
}

.van-tabbar .name {
    margin-top: 0.33333rem;
    display: block;
    width: 100%;
}

    .van-tabbar .name.action {
        display: block;
        width: 100%;
        color: #FD5810;
    }

.van-tabbar-item:nth-child(3) .name {
    margin-top: 0.15rem;
}

.van_chat .van-tabbar-item:nth-child(3) .name {
    margin-top: 0.13333rem;
}

.van-tabbar .muan {
    margin: -0.76rem auto 0;
    position: relative;
    z-index: 99;
}

.van-tabbar img.img {
    height: 1.06667rem;
    width: 1.06667rem;
    display: block;
}

.van-tabbar .muan .img {
    width: 1.73333rem;
    height: auto;
    filter: unset;
}

.van-tabbar .van-tabbar-item:nth-child(3n) .img {
    transition: .2s ease-in-out;
}




.myImg{     
  
}


.iframe-chat {
    width: 100%;
    height: 100%;
    border: none;
}

    .iframe-chat iframe {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: 0;
    }


.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 0.32rem;
}


    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: initial;
    }

    .iframe-container .live_txt {
        font-size: 14px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: initial;
        padding: 15px 16px;
        color: #fff;
    }

        .iframe-container .live_txt span {
        }

        .iframe-container .live_txt a {
            color: rgb(85, 151, 228);
            text-decoration: underline;
        }

    .iframe-container .live_cover {
        width: 100%;
        height: 100%;
        background: #000000;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 999;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

        .iframe-container .live_cover h1 {
            color: #FF962C;
            font-size: 18px;
            margin-bottom: 8px;
        }


.live-stream .loading2 {
    position: absolute;
    top: 0;
    height: 100%;
}

.live-stream .game-switch-loading,
.live-stream .loading2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-stream .game-switch-loading {
    margin-top: 40px;
    flex-direction: column;
}


    .live-stream .game-switch-loading .van-loading {
        display: flex;
        justify-content: center;
    }

.live-stream {
    width: 100%;
    border: 0;
    background-size: 100% !important;
}


.van-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    width: 88px;
    max-width: 70%;
    min-height: 88px;
    padding: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    word-break: break-all;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 8px;
    transform: translate3d(-50%, -50%, 0);
}

.van-toast--html,
.van-toast--text {
    width: fit-content;
    min-width: 96px;
    min-height: 0;
    padding: 8px 12px;
}


.swal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10000;
    display: none;
    transition: opacity .3s;
}

    .swal-overlay:before {
        content: " ";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.swal-modal {
    width: 478px;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    position: static;
    margin: 20px auto;
    display: inline-block;
    vertical-align: middle;
    transform: scale(1);
    transform-origin: 50% 50%;
    z-index: 10001;
    transition: transform .3s, opacity .2s, -webkit-transform .3s;
}

@media (max-width: 500px) {
    .swal-modal {
        width: calc(100% - 20px);
    }
}

.swal-icon--warning {
    border-color: #f8bb86;
    animation: pulseWarning .75s infinite alternate;
}

.swal-icon {
    width: 80px;
    height: 80px;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 20px auto;
}

    .swal-icon:first-child {
        margin-top: 32px;
    }

.swal-icon--warning__body {
    width: 5px;
    height: 47px;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
    position: absolute;
    left: 50%;
    background-color: #f8bb86;
}

.swal-icon--warning__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -4px;
    bottom: -11px;
}

.swal-text {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.swal-footer {
    text-align: right;
    padding-top: 13px;
    margin-top: 13px;
    padding: 13px 16px;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.swal-footer {
    display: flex;
    justify-content: center;
}

.swal-button-container {
    margin: 5px;
    display: inline-block;
    position: relative;
}

.swal-button {
    background-color: #7cd1f9;
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

.swal-button__loader {
    position: absolute;
    height: auto;
    width: 43px;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    pointer-events: none;
    opacity: 0;
}

    .swal-button__loader div {
        display: inline-block;
        float: none;
        vertical-align: baseline;
        width: 9px;
        height: 9px;
        padding: 0;
        border: none;
        margin: 2px;
        opacity: .4;
        border-radius: 7px;
        background-color: hsla(0, 0%, 100%, .9);
        transition: background .2s;
        animation: swal-loading-anim 1s infinite;
    }


.Lottery_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    z-index: 2004;
    opacity: 0;
    visibility: hidden;
}

    .Lottery_popup.active {
        opacity: 1;
        visibility: visible;
    }

.Lottery_popup__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 7rem;
    min-height: 6.66667rem;
    border-radius: 0.26667rem;
    background: #fff;
    transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 2003;
    padding: 0.53333rem 0.26667rem;
    border-radius: 20px;
    background: url(/img/game/dialog_bg.png) no-repeat center;
    background-size: 100%;
}

.Lottery_popup.active .Lottery_popup__container {
    transform: scale(1);
    opacity: 1;
}

.Lottery_popup__container-img {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    margin-top: 2.7rem;
    margin-bottom: 1rem;
}

    .Lottery_popup__container-img img {
        width: 100%;
        height: 100%;
    }

.Lottery_popup__container-title {
    margin: 0 0 1rem;
    font-size: .44rem;
    font-weight: 700;    
    color: #924c4c;
    border-radius: 8px;
    padding: .3rem;
}

    .Lottery_popup__container-title h1 {
        border-left: 1px solid #F6B3A4;
        color: #ED3029;
        padding: .3rem 0 .3rem .3rem;
        margin-left: .3rem;
    }

.Lottery_popup__container-content {
    margin-top: 0.69333rem;
    color: #666;
    font-size: .32rem;
    font-weight: 400;
    cursor: pointer;
}

.Lottery_popup__container-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    width: 100%;
    height: 1.06667rem;
    margin-top: auto;
    padding: 0 0.26667rem;
}

    .Lottery_popup__container-footer button {
        width: 3.12rem;
        height: 1.06667rem;
        color: #FF962C;
        font-size: .42667rem;
        text-align: center;
        border-radius: 9rem;
        border: 0.01333rem solid #FF962C;
        background: transparent;
    }

        .Lottery_popup__container-footer button:last-of-type {
            width: 4.34667rem;
            color: #fff;
            background: linear-gradient(131deg, #FF962C 0%, #FD5810 100%);
        }




.Congratulations_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    z-index: 2004;
    opacity: 0;
    visibility: hidden;
    touch-action: none;
}

    .Congratulations_popup.active {
        opacity: 1;
        visibility: visible;
    }


.Congratulations_block {
    width: 100%;
    max-width: 300px;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}


    .Congratulations_block .head_title {
        width: 100%;
        position: absolute;
        top: -90px;
    }

.Congratulations_module {
    width: 100%;
    border-radius: 20px;
    background: linear-gradient(157deg, #FFB72C 0%, #FD9E10 100%);
    padding: 40px 20px;
    color: #ffffff;
}


    .Congratulations_module h1 {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

.Congratulations_results {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0;
}

    .Congratulations_results .btn {
        padding: 0.13333rem 0.26667rem;
        color: #fff;
        border-radius: 0.08rem;
        margin-left: 0.23333rem;
    }

    .Congratulations_results .num {
        height: 0.8rem;
        width: 0.8rem;
        display: inline-block;
        border-radius: 0.8rem;
        line-height: .8rem;
        text-align: center;
        margin-left: 0.23333rem;
        color: #fff;
    }

    .Congratulations_results .li {
        width: .53333rem;
        height: .53333rem;
        margin-left: .1rem;
    }

    .Congratulations_results .img1 {
        background: url(/img/1ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .Congratulations_results .img2 {
        background: url(/img/2ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .Congratulations_results .img3 {
        background: url(/img/3ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .Congratulations_results .img4 {
        background: url(/img/4ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .Congratulations_results .img5 {
        background: url(/img/5ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .Congratulations_results .img6 {
        background: url(/img/6ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .Congratulations_results .num_5d {
        background: #e1e1ec;
        border-radius: 50%;
        color: rgba(0, 0, 0, .4);
        width: .8rem;
        height: .8rem;
        margin-left: .1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1;
    }

        .Congratulations_results .num_5d:first-child {
            background: #D61F24;
            color: #ffffff;
        }

.Congratulations_bonus {
    background: url(/img/game/bonus.png) no-repeat;
    background-size: 100%;
    padding: 20px 30px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;    
    line-height: 20px;
}

    .Congratulations_bonus h2 {
        font-size: 18px;
        color: #C56940;
    }

    .Congratulations_bonus h3 {
        font-size: 14px;
        color: #C56940;
    }

    .Congratulations_bonus h4 {
        font-size: 10px;
        color: #333333;
        line-height: 16px;
    }

.radio_bottom {
    padding: 0 10px;
}

.radio_check {
    padding-left: .6rem;
    font-size: .36rem;
    background-repeat: no-repeat;
    background-size: .44rem;
    background-position: left;
    background-image: url(/img/home/active_white.svg);
    cursor: pointer;
}

    .radio_check.a {
        background-image: url(/img/home/active_b_white.svg);
    }

.c_m_white {
    background: linear-gradient(157deg, #DDE9FB 0%, #A3BDDB 100%) !important;
    color: #ffffff !important;
}

.c_b_white {
    background: url(/img/game/bonus_lose.png) no-repeat !important;
    background-size: 100% !important;
}

    .c_b_white h2 {
        color: #557BA0 !important;
        margin-top: .2rem;
        margin-bottom: .2rem;
    }


.swal-button--confirm,
.swal-button--catch {
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
    border-radius: 8px;
    padding: 10px 46px;
}

.swal-icon--success__line {
    z-index: 3;
    background: #fff;
}

.swal-icon--success,
.swal-icon--success__ring {
    border: 0 none;
    background: #6595DE;
    left: -2px;
}

.swal-button--cancel {
    background-color: #aaa;
    color: #fff;
}

.loading-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;    
    color: #232323;
    z-index: 9998;
}

.loading-box {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .loading-box img {
        width: 80px;
    }

    .loading-box span {
        font-size: 14px;
    }

@keyframes ldio {
    0% {
        transform: translate(6px, 40px) scale(0);
    }

    25% {
        transform: translate(6px, 40px) scale(0);
    }

    50% {
        transform: translate(6px, 40px) scale(1);
    }

    75% {
        transform: translate(40px, 40px) scale(1);
    }

    100% {
        transform: translate(74px, 40px) scale(1);
    }
}

@keyframes ldio-r {
    0% {
        transform: translate(74px, 40px) scale(1);
    }

    100% {
        transform: translate(74px, 40px) scale(0);
    }
}

@keyframes ldio-c {
    0% {
        background: #e15b64;
    }

    25% {
        background: #abbd81;
    }

    50% {
        background: #f8b26a;
    }

    75% {
        background: #f47e60;
    }

    100% {
        background: #e15b64;
    }
}

.ldio div {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(40px, 40px) scale(1);
    background: #e15b64;
    animation: ldio 3.7037037037037033s infinite cubic-bezier(0, 0.5, 0.5, 1);
}

    .ldio div:nth-child(1) {
        background: #f47e60;
        transform: translate(74px, 40px) scale(1);
        animation: ldio-r 0.9259259259259258s infinite cubic-bezier(0, 0.5, 0.5, 1), ldio-c 3.7037037037037033s infinite step-start;
    }

    .ldio div:nth-child(2) {
        animation-delay: -0.9259259259259258s;
        background: #e15b64;
    }

    .ldio div:nth-child(3) {
        animation-delay: -1.8518518518518516s;
        background: #f47e60;
    }

    .ldio div:nth-child(4) {
        animation-delay: -2.7777777777777777s;
        background: #f8b26a;
    }

    .ldio div:nth-child(5) {
        animation-delay: -3.7037037037037033s;
        background: #abbd81;
    }

.loadingio-spinner-ellipsis {
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.ldio {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.8);
    backface-visibility: hidden;
    transform-origin: 0 0;
}

    .ldio div {
        box-sizing: content-box;
    }




.mop-loading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mop-load-div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;    
    color: #ffffff;    
}

.fading-circle {
    min-width: 60px;
    min-height: 60px;
    position: relative;
}

.mop-load-text {
    margin-top: 10px;
}

.sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .sk-circle:before {
        content: '';
        display: block;
        margin: 0 auto;
        width: 15%;
        height: 15%;
        background-color: #ffffff;
        border-radius: 100%;
        animation: sk-circleFadeDelay 1.2s infinite ease-in-out;        
        animation-fill-mode: both;
    }

.sk-circle2 {
    transform: rotate(30deg);
}

.sk-circle3 {
    transform: rotate(60deg);
}

.sk-circle4 {
    transform: rotate(90deg);
}

.sk-circle5 {
    transform: rotate(120deg);
}

.sk-circle6 {
    transform: rotate(150deg);
}

.sk-circle7 {
    transform: rotate(180deg);
}

.sk-circle8 {
    transform: rotate(210deg);
}

.sk-circle9 {
    transform: rotate(240deg);
}

.sk-circle10 {
    transform: rotate(270deg);
}

.sk-circle11 {
    transform: rotate(300deg);
}

.sk-circle12 {
    transform: rotate(330deg);
}

.sk-circle2:before {
    animation-delay: -1.1s;
}

.sk-circle3:before {
    animation-delay: -1s;
}

.sk-circle4:before {
    animation-delay: -0.9s;
}

.sk-circle5:before {
    animation-delay: -0.8s;
}

.sk-circle6:before {
    animation-delay: -0.7s;
}

.sk-circle7:before {
    animation-delay: -0.6s;
}

.sk-circle8:before {
    animation-delay: -0.5s;
}

.sk-circle9:before {
    animation-delay: -0.4s;
}

.sk-circle10:before {
    animation-delay: -0.3s;
}

.sk-circle11:before {
    animation-delay: -0.2s;
}

.sk-circle12:before {
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@-moz-keyframes sk-circleFadeDelay {

    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@-o-keyframes sk-circleFadeDelay {

    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {

    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}




.more_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    font-size: 14px;
}

.van-loading__spinner {
    position: relative;
    display: inline-block;
    width: 30px;
    max-width: 100%;
    height: 30px;
    max-height: 100%;
    vertical-align: middle;
    animation: van-rotate .8s linear infinite;
}

.van-loading__spinner--circular {
    animation-duration: 2s;
}

.more_btn span {
    width: 20px;
    height: 20px;
}

.van-loading__circular {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .van-loading__circular circle {
        animation: van-circular 1.5s ease-in-out infinite;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
    }

@keyframes van-rotate {

    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes van-circular {

    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120;
    }
}



.addMember {
    height: 70px;
    width: 90px;
    position: fixed;
    bottom: 92px;
    right: 0;
    z-index: 20;
}

    .addMember.bottom50 {
        bottom: 62px;
    }

    .addMember .close {
        width: 23px;
        height: 23px;
        line-height: 23px;
        display: inline-block;
        position: absolute;
        right: 7px;
        top: -16px;
        background: url(/img/close_bgblack.png) 50% no-repeat;
    }

    .addMember .optcontext {
        height: 40px;
        color: #fff;
        font-size: 12px;
        font-weight: 550;
        background: #FD5810;
        border-radius: 60%;
        line-height: 15px;
        text-align: center;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    }

    .addMember span {
        display: inline-block;
        position: absolute;
        background-color: #0094ff;
        background: #FD5810;
        border-radius: 60%;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    }

        .addMember span:first-of-type {
            width: 10px;
            height: 7px;
            right: 16px;
            top: 36px;
        }

        .addMember span:nth-of-type(2) {
            width: 5px;
            height: 4px;
            right: 6px;
            top: 47px;
        }




.bet-dialog {
    display: none;
}

    .bet-dialog header {
        text-align: center;
        height: 44px;
        line-height: 44px;
        color: #3a3a3a;
        position: relative;
        font-size: 14px;
        font-weight: 500;
    }

        .bet-dialog header .close-btn {
            margin-left: auto;
            width: 12.5px;
            height: 12.5px;
            float: right;
            position: absolute;
            right: 20px;
            top: 18px;
        }

    .bet-dialog .bet-content .context {
        width: 100%;
        margin: 0 auto;
        font-size: 12px;
        color: #333;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .bet-dialog .bet-content .context .header {
            height: 40px;
            line-height: 40px;
            color: #000;
            background: #f4f4f4;
        }

.van-row--flex {
    display: flex;
    flex-wrap: wrap;
}


.bet-dialog .bet-content .context .text-left {
    text-align: left;
}

.bet-dialog .bet-content .context .text-center {
    text-align: center;
}

.bet-dialog .bet-content .context .text-right {
    text-align: right;
}

.bet-dialog .bet-content .context .info {
    max-height: 170px;
    height: 170px;
    box-sizing: border-box;
    padding-bottom: 10px;
    overflow-y: scroll;
    position: relative;
}

.bet-dialog .bet-content .context .count {
    width: calc(100% - 30px);
    margin-left: 15px;
    padding: 4px 0;
    font-weight: 700;
}

.bet-dialog .bet-content .van-button {
    width: 125px;
    height: 45px;
    line-height: 45px;
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
    border-radius: 8px;
    margin: 12px auto;
}

.bet-dialog .bet-content .context .info .van-row {
    padding: 2px 0;
    border-bottom: 0.5px solid #eee;
}

.bet-dialog .bet-content .context .info .text-left {
    color: #FD5810;
}

    .bet-dialog .bet-content .context .info .text-left span {
        color: #232323;
    }

.bet-dialog .blue {
    color: #FD5810;
}

.bet-dialog .bet-content .context .middle {
    display: flex;
    align-items: center;
    justify-content: center;
}




.main-box {
    width: 100%;
    height: 100%;
    background-color: #f0f0f5;    
}

    .main-box .main {
        width: 100%;
        height: 100%;
        position: relative;        
        display: flex;
        flex-direction: column;
    }

        .main-box .main .main-header {
            width: 100%;
            overflow: hidden;
        }



#autoplay {
    position: relative;
    margin: 0 8px;
    margin-top: 10px;
    overflow: hidden;
    z-index: 10;
}

    #autoplay .van-swipe .img-box,
    #autoplay {
        height: 188px;
        border-radius: 12px;
    }



.swiper {
    background: #ffffff;
}

.swiper-wrapper {
    height: auto;
}

.swiper-container {
    width: 100%;
    height: auto;    
    box-sizing: content-box;
    touch-action: none;    
}

.swiper-slide {
    width: 100%;
    height: auto;
    padding: 0 0;
    display: flex;
}

    .swiper-slide img {
        width: 100%;
        cursor: pointer;
    }

.swiper-pagination {    
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet-active {
    width: 24px;
    background: #FD5810;
    border-radius: 10px;
    transition: all .3s linear;
    opacity: 1;
}


.main-box .main .main-header .bg {
    position: absolute;
    width: calc(100% - 16px);
    left: 8px;
    height: 25px;
    background: linear-gradient(180deg, #f7f7f7, hsla(0, 0%, 96.9%, 0) 99%);
    border-radius: 12px 12px 0 0;
    z-index: 11;
    top: 25px;
}


.main-box .main .main-header .top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6.5px 8.5px;
    box-sizing: border-box;
    z-index: 12;
}

    .main-box .main .main-header .top .top-left {        
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .main-box .main .main-header .top .top-left .logo {            
            display: flex;
        }

    .main-box .main .main-header .top .top-right {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 31px;
    }

        .main-box .main .main-header .top .top-right .cut_language {
            font-size: 14px;
            position: relative;
        }

        .main-box .main .main-header .top .top-right .language {
            font-size: 14px;
            display: flex;
            background: #ffffff;
            padding: 4px 8px;            
            margin-left: 10px;
            border-radius: 4px;
            justify-content: center;
            align-items: center;
        }

            .main-box .main .main-header .top .top-right .language img {
                width: 16px;
            }

            .main-box .main .main-header .top .top-right .language i {
                width: 14px;
                height: 14px;
                background: url(/img/arrowsj_down.png) no-repeat center;
                background-size: 100%;
            }

        .main-box .main .main-header .top .top-right ul {
            margin-top: 2px;
            background: #ffffff;
            border-radius: 4px;
            position: absolute;
            font-size: 14px;
            top: 36px;
            display: none;
        }

            .main-box .main .main-header .top .top-right ul.action {
                display: block;
            }

            .main-box .main .main-header .top .top-right ul li {
                display: flex;
                align-items: center;
                gap: 4px;
                padding: 8px 8px;
            }

                .main-box .main .main-header .top .top-right ul li img {
                    width: 16px;
                }

.main-box .main .main-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    margin-bottom: 88px;    
}


.main-box .main .infoModel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    background: #fefffe;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    width: calc(100% - 16px);
    margin: 5px 0 5px 8px;
}

    .main-box .main .infoModel .left span:first-child {
        display: block;
        height: 20px;
        font-size: 14px;
        font-weight: 500;
        color: #222;
        line-height: 20px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .main-box .main .infoModel .left span:nth-child(2) {
        display: block;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #222;
        line-height: 20px;
        margin-left: 10px;
    }

    .main-box .main .infoModel .right {
        display: flex;
        align-items: center;
    }

        .main-box .main .infoModel .right .item {
            display: flex;
            flex-direction: column;
            margin-right: 10px;
            padding-top: 3px;
        }

            .main-box .main .infoModel .right .item img {
                width: 27px;
                height: 27px;
                margin: 0 auto;
            }

            .main-box .main .infoModel .right .item span {
                width: 27px;
                height: 18.5px;
                font-size: 13px;
                font-weight: 500;
                text-align: center;
                color: #FD5810;
                line-height: 18.5px;                
                width: auto;
            }

.main-box .main .main-body .body-scroll {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 7px;
}

    .main-box .main .main-body .body-scroll .tabsscroll {
        height: calc(100% - 343px);
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        left: 8px;
        margin-top: 8px;
        display: none;
    }

    .main-box .main .main-body .body-scroll .active {
        position: absolute;
        width: 59px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size: 12px;
        color: #fff;
        font-weight: 400;        
        background-size: 100%;
        transition: all .5s cubic-bezier(.33, 1, .68, 1);
        z-index: 11;
    }

        .main-box .main .main-body .body-scroll .active .menu-icon {
            width: 14px;
            height: 14px;
            vertical-align: middle;
            margin-right: 5px;
        }

    .main-box .main .main-body .body-scroll .tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        flex-direction: column;
    }

        .main-box .main .main-body .body-scroll .tabs li {
            width: 59px;
            text-align: center;
            height: 36px;
            flex: 1;
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;            
            background-size: 100%;
            margin-top: 5px;
        }

            .main-box .main .main-body .body-scroll .tabs li:first-child {
                margin-top: 0;
            }

            .main-box .main .main-body .body-scroll .tabs li .text {
                width: 100%;
                display: block;
                font-family: Tahoma;
                font-size: 12px;
                font-weight: 400;
                text-align: center;
                color: #888;
                line-height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .main-box .main .main-body .body-scroll .tabs li .menu-icon {
                width: 14px;
                height: 14px;
                vertical-align: middle;
                margin-right: 5px;
            }

    .main-box .main .main-body .body-scroll .ul-model {
        padding-top: 8px;
        position: relative;
    }

        .main-box .main .main-body .body-scroll .ul-model .pall-item {
            position: relative;
        }

            .main-box .main .main-body .body-scroll .ul-model .pall-item:not(:first-child) {
                margin-top: 10px;
            }

        .main-box .main .main-body .body-scroll .ul-model .title {
            position: absolute;
            top: 1px;
            left: 50%;
            transform: translateX(-50%);            
            height: 21px;
            font-size: 11.5px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            margin: -5px auto auto;
            box-sizing: border-box;
        }

            .main-box .main .main-body .body-scroll .ul-model .title span {
                width: 100%;
                height: 21px;
                background: linear-gradient(337deg, #6595DE 60.38%, #D5E1F1 100%);
                border-radius: 0px 0px 6px 6px;
                padding: 0 10px;
                display: flex;
                justify-content: center;
                align-items: center;
            }


            .main-box .main .main-body .body-scroll .ul-model .title .righttop-sj {
                transform: rotateY(180deg);
            }


    .main-box .main .main-body .body-scroll .item-list {
        background: #fff;
        border: 1px solid #e4e6ed;
        border-radius: 12px;
        padding: 26px 6px 1px 6px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
    }


        .main-box .main .main-body .body-scroll .item-list .item {
            flex: 1;
            width: 25%;
            min-width: 25%;
            max-width: 25%;
            position: relative;
        }

        .main-box .main .main-body .body-scroll .item-list .special {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            padding: 8px;
        }

        .main-box .main .main-body .body-scroll .item-list .item .item-logo {
            margin: 0 auto;
            padding: 3px;
            margin-bottom: 4px;
        }

            .main-box .main .main-body .body-scroll .item-list .item .item-logo img {
                width: 100%;
                min-height: 54px;
                margin: 0 auto;
                display: block;
                border-radius: 8px;
            }

        .main-box .main .main-body .body-scroll .item-list .item p {
            width: 100%;
            margin: 2px auto;
            margin-bottom: 5px;
            font-size: 11px;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #607989;
        }

        .main-box .main .main-body .body-scroll .item-list .item .icon {
            position: absolute;
            top: -2px;
            left: 15px;
            font-size: 14px;
            color: #fff;
            width: 25px;
            height: 25px;
            text-align: center;
        }

            .main-box .main .main-body .body-scroll .item-list .item .icon.new {
                background: url(/img/game-icon-new.7d9bf5ca.png) no-repeat;
                background-size: 100%;
            }

            .main-box .main .main-body .body-scroll .item-list .item .icon.new-en {
                background: url(/img/game-icon-newen.370538ba.png) no-repeat;
                background-size: 100%;
            }


.live-content {
    flex: 1;
    height: calc(100% - 54px);
    overflow: scroll;
}

    .live-content .back-button,
    .live-content.blank .live-container.center {
        display: flex;
        align-items: center;
    }

    .live-content .back-button {
        width: 58px;
        height: 54px;
        position: absolute;
        top: 54px;
        bottom: 0;
        padding: 0 16px;
        font-size: 14px;
        cursor: pointer;
        z-index: 9;
    }

        .live-content .back-button:before {
            content: "\E668";
            display: inline-block;
            color: #fff;
            font: normal normal normal 14px/1 vant-icon;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-size: 22px;
            font-weight: 700;
        }

    .live-content .live-container {
        position: absolute;
        top: 54px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 8;
    }

    .live-content.blank {
        background: #000;
    }

.prism-player {
    background-color: #000;
    position: relative;
}

    .prism-player video {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform-origin: center;
        -moz-transform-origin: center;
        -webkit-transform-origin: center;
        -o-transform-origin: center;
    }

    .prism-player .prism-ErrorMessage {
        width: 100%;
        height: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        overflow: hidden;
        display: none;
    }

.prism-ErrorMessage {
    display: none !important;
}

.live-content .prism-player .prism-ErrorMessage {
    top: 30px;
}

.prism-player .prism-ErrorMessage .prism-error-content {
    margin-top: 20px;
    padding: 0 5px;
}

    .prism-player .prism-ErrorMessage .prism-error-content p {
        text-align: center;
        font-size: 12px;
        color: #fff;
    }

.prism-player .prism-ErrorMessage .prism-error-operation {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1.5px;
    border-bottom-color: rgba(255, 255, 255, .15);
    border-bottom-style: dotted;
    text-align: center;
}

.prism-button {
    cursor: pointer;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    border-radius: 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.prism-player a {
    text-decoration: none;
}

.prism-player .prism-ErrorMessage .prism-error-operation a {
    width: 80px;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
}

    .prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
        color: #21c5e0;
        border: solid 1px #21c5e0;
    }

.bet-conent2 {
    display: none;
}

.live-content .bet-poup-container {    
    background: #cbcbcb;
    border-radius: 12px 12px 0 0;
    position: absolute;
    z-index: 20;
    color: #222;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
}

    .live-content .bet-poup-container .slider-btn {
        text-align: center;
        margin-top: -20px;
    }

        .live-content .bet-poup-container .slider-btn img {
            width: 95px;
            height: 20.5px;
            cursor: pointer;
        }

    .live-content .bet-poup-container .bet-header {
        padding: 9px 10px 9px;
    }

.bet-header-container .control-btn {
    position: relative;
    display: flex;
    align-items: center;
}

    .bet-header-container .control-btn .lott-logo {
        margin-top: -35px;
        margin-left: 5px;
        margin-right: 5px;
    }

        .bet-header-container .control-btn .lott-logo img {
            width: 48px;
            height: 48px;
            cursor: pointer;
        }

.live-content .bet-poup-container .control-btn .control-btn-group {
    white-space: nowrap;
    margin-right: 0.2rem;
    display: inline-block;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

    .live-content .bet-poup-container .control-btn .control-btn-group img {
        width: 8px;
        height: 4.5px;
        margin-left: 0.04rem;
    }

        .live-content .bet-poup-container .control-btn .control-btn-group img.xz {
            transform: rotateZ(180deg);
        }

.live-content .bet-poup-container .control-btn .play-dec-btn {
    border: 1px solid #222;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 400;
    color: #222;
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
}

.live-content .bet-poup-container .control-btn .switchLott {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-left: auto;
    cursor: pointer;
}

.live-content .bet-poup-container .illustrate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;    
}

    .live-content .bet-poup-container .illustrate .qishu {
        color: #d51100;
    }

.more-history {
    display: none;
}

.bet-record-tabs {
    display: none;
}


.lott-history {
    max-height: 100px;
    overflow: hidden;
    overflow-y: auto;
    display: none;
}

    .lott-history .history-list {
        justify-content: space-between;
        padding-bottom: 10px;
        border-bottom: 1px solid #b6b6b6;
        margin-bottom: 10px;
    }

        .lott-history .history-list:first-child {
            padding-top: 10px;
        }

    .lott-history .history-list,
    .lott-history .lott-ball {
        display: flex;
        align-items: center;
    }

    .lott-history .nodata {
        padding: 15px 1px;
        color: #aaa;
        text-align: center;
        font-size: 14px;
        margin: 0 auto;
    }

.history-list .bigSmall-ball,
.history-list .detail {
    display: flex;
}

.history-list .bigSmall-ball {
    align-items: center;
    margin-left: 8px;
}

    .history-list .bigSmall-ball span {
        width: 20px;
        height: 20px;        
        border-radius: 4px;
        display: inline-block;
        text-align: center;
        background: linear-gradient(180deg, #7fb3f1, #3581dc);
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .history-list .bigSmall-ball span.Big {            
            background: linear-gradient(180deg, #f37777, #db2b2b);
        }

        .history-list .bigSmall-ball span.oddEven-item.Odd {            
            background: linear-gradient(180deg, #72d55c, #26aa08);
            color: #ffffff;
        }

        .history-list .bigSmall-ball span.Even {            
            background: linear-gradient(180deg, #ffcc2f, #d4a925);
        }

        .history-list .bigSmall-ball span:not(:first-child) {
            margin-left: 5px;
        }

.lott-ball .ball:not(:first-child),
.lott-ball .sssball:not(:first-child) {
    margin-left: 4px;
}

.bet-today {
    display: none;
}


.van-row--justify-space-around {
    justify-content: space-around;
}

.lott-history .van-row {
    border-bottom: 1px solid #999;
    padding-bottom: 8px;
    padding-top: 8px;
}

.lott-history .item-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    word-break: break-word;
    align-items: center;
}

.lott-history .item-size {
    font-size: 11px !important;
}

.lottery-time-wrapper .qishu {
    color: #d51100;
}



.bet-header-container .lottery-time-wrapper {
    display: flex;
    flex-direction: column;
}

.lottery-cutdown-wrapper {
    display: flex;
}

.van-count-down {
    color: #323233;
    font-size: 14px;
    line-height: 20px;
}

.preion-time .van-count-down {
    display: flex;
    align-items: center;
}

.lottery-cutdown-wrapper .van-count-down {
    line-height: normal;
    color: #2bb611;
    display: flex;
}

.preion-time .van-count-down .block {
    display: inline;
    font-size: 12px;
    font-weight: 400;
    color: #d51100;
}

.preion-time .van-count-down .x {
    color: #d51100;
    font-size: 12px;
}

.lottery-cutdown-wrapper .van-count-down span {
    font-size: 12px;
}

.lottery-cutdown-wrapper .van-count-down .block {
    display: inline-block;
}

.preion-time {
    display: flex;
    align-items: center;
}

    .preion-time .reds {
        color: #d51100;
        font-size: 14px;
        font-weight: 700;
    }

.lott-period-wrapper .ball-container,
.lott-period-wrapper {
    display: flex;
    align-items: center;
}

    .lott-period-wrapper .ball-container {
        margin-left: 8px;
    }

.sc {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    width: 100%;
}

.lott-ball {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .lott-ball .ball,
    .lott-ball .sssball {
        width: 20px;
        height: 20px;
    }

    .lott-ball:not(:first-child) {        
    }

.sssball.ball1 {
    background: url(/img/sss_pinball01.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball2 {
    background: url(/img/sss_pinball02.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball3 {
    background: url(/img/sss_pinball03.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball4 {
    background: url(/img/sss_pinball04.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball5 {
    background: url(/img/sss_pinball05.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball6 {
    background: url(/img/sss_pinball06.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball7 {
    background: url(/img/sss_pinball07.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball8 {
    background: url(/img/sss_pinball08.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball9 {
    background: url(/img/sss_pinball09.png) no-repeat 50%;
    background-size: contain;
}

.sssball.ball10 {
    background: url(/img/sss_pinball10.png) no-repeat 50%;
    background-size: contain;
}


.lott-ball .ball.ball1 {
    background: url(/img//speed_pinball01.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball2 {
    background: url(/img//speed_pinball02.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball3 {
    background: url(/img//speed_pinball03.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball4 {
    background: url(/img//speed_pinball04.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball5 {
    background: url(/img//speed_pinball05.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball6 {
    background: url(/img//speed_pinball06.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball7 {
    background: url(/img//speed_pinball07.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball8 {
    background: url(/img//speed_pinball08.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball9 {
    background: url(/img//speed_pinball09.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball10 {
    background: url(/img//speed_pinball10.png) no-repeat 50%;
    background-size: contain;
}


.lott-ball .ball.ball1.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball01_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball2.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball02_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball3.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball03_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball4.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball04_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball5.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball05_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball6.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball06_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball7.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball07_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball8.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball08_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball9.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball09_disable.png) no-repeat 50%;
    background-size: contain;
}

.lott-ball .ball.ball10.ball_disable {
    opacity: .6;
    background: url(/img//speed_pinball10_disable.png) no-repeat 50%;
    background-size: contain;
}


.ball-container .bigSmall-ball,
.ball-container .detail {
    display: flex;
}

.ball-container .bigSmall-ball {
    align-items: center;
    margin-left: 8px;
}

    .ball-container .bigSmall-ball span {
        width: 20px;
        height: 20px;        
        border-radius: 4px;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        background: linear-gradient(180deg, #7fb3f1, #3581dc);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
    }


        .ball-container .bigSmall-ball span.oddEven-item {            
            background: linear-gradient(180deg, #ffcc2f, #d4a925);
            color: #ffffff;
        }

        .ball-container .bigSmall-ball span:not(:first-child) {
            margin-left: 5px;
        }


        .ball-container .bigSmall-ball span.Big {            
            background: linear-gradient(180deg, #f37777, #db2b2b);
            color: #ffffff;
        }


        .ball-container .bigSmall-ball span.oddEven-item.Odd {
            background: linear-gradient(180deg, #72d55c, #26aa08);
            color: #ffffff;
        }

.van-tab__text-wrapper,
.van-tabs {
    position: relative;
}

.van-tabs__wrap {
    overflow: hidden;
}

.van-tabs--card > .van-tabs__wrap {
    height: 30px;
}

.van-tabs__nav {
    position: relative;
    display: flex;
    background-color: #fff;
    user-select: none;
}

.van-tabs__nav--card {
    box-sizing: border-box;
    height: 30px;
    margin: 0 16px;
    border: 1px solid #fd8310;
    border-radius: 2px;
}

.bet-container .van-tabs__nav {
    background: hsla(0, 0%, 100%, .7);
    border: 0 none;
    margin: 0;
}

.van-tab {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 4px;
    color: #646566;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.van-tab--active {
    color: #323233;
    font-weight: 500;
}

.van-tabs__nav--card .van-tab {
    color: #ee0a24;
    border-right: 1px solid #ee0a24;
}

    .van-tabs__nav--card .van-tab.van-tab--active {
        color: #fff;
        background-color: #ee0a24;
    }

.van-tabs__nav .van-tab {
    color: #333333;
    border-right: 0 none;
    font-weight: 500;
    padding: 6px 4px !important;
}

    .van-tabs__nav .van-tab.van-tab--active {
        background: #FD5810;
        font-weight: 400;
        color: #fff;
    }

.van-list {
    display: none;
}

    .van-list:nth-child(1) {
        display: block;
    }

.van-tabs__content .van-tab__pane {
    display: none;
}

    .van-tabs__content .van-tab__pane:nth-child(1) {
        display: block;
    }

.fotter-bet-content {
    position: relative;
}

    .fotter-bet-content .mark-box {
        width: 100%;
        height: 100%;
        font-family: Bahnschrift;
        font-size: 1.33333rem;
        background: rgba(0, 0, 0, .6);
        color: #fff;
        position: absolute;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.odds-group-box {
    margin: 8px 0 0;
}

    .odds-group-box .van-tabs__wrap {
        height: auto;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: .2rem;
        margin-bottom: .3rem;
    }

    .odds-group-box .van-tabs__nav {
        flex-wrap: wrap;
        height: auto;
        background: none !important;
        justify-content: space-between;
    }

        .odds-group-box .van-tabs__nav .van-tab {
            flex: 1;            
            border: 1px solid #FD5810;
            border-radius: 40px;
            font-size: 12px;
        }

            .odds-group-box .van-tabs__nav .van-tab:nth-child(n) {
                margin-bottom: 7.5px;                
                margin-left: 12px;
            }

            .odds-group-box .van-tabs__nav .van-tab:first-child,
            .odds-group-box .van-tabs__nav .van-tab:nth-child(6) {
                margin-left: 0;
            }

            .odds-group-box .van-tabs__nav .van-tab.van-tab--active {
                border-radius: 40px;
                font-size: 12px;
                font-weight: 400;
                color: #fff;
                background: #FD5810;
                opacity: 1;
            }

                .odds-group-box .van-tabs__nav .van-tab.van-tab--active span {
                    color: #ffffff;
                }

            .odds-group-box .van-tabs__nav .van-tab span {
                color: #FD5810;
            }

.van-tab__pane,
.van-tab__pane-wrapper {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
}

.oddsgroup {
    background-color: #f2f2f2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 180px;
    min-height: 100px;
    overflow-y: auto;
}

.odds-group-box .oddsgroup {
    background: none;    
}

    .odds-group-box .oddsgroup.four {
        height: 144px;
    }

.odds {
    font-size: 14px;
    padding: 10px 4px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 48px;
    flex-direction: column;
    align-items: center;
    margin-right: 2px;
    margin-bottom: 4px;
    border: 1px solid transparent;
    cursor: pointer;
}

    .odds.action {
        background: rgba(214, 31, 36, 0.10);
        border: 1px solid #FD5810;
        border-radius: 4px;
    }

    .odds.locked {
        opacity: .5;
    }

.oddsgroup .odds {
    width: 100%;
    box-sizing: border-box;
}

.odds-group-box .oddsgroup .odds {
    padding: 4px 4px;
}

.oddsgroup.four .odds {
    width: 25%;
}

.odds-group-box .oddsgroup.four .odds {
    width: 24%;
}

.oddsgroup.five .odds {
    width: 20%;
}

.odds-group-box .oddsgroup.five .odds {
    width: 19%;
}

.odds-group-box .oddsgroup.seven .odds {
    width: 13.5%;
}

.odds .oddimg {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ball {
    width: 38px;
    height: 38px;
    color: #fff;
    display: inline-block;
    text-align: center;
    transform: none;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #3a3a3a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-indent: 999px;
}

    .ball.qkball1 {
        background: url(/img//speed_pinball01.png);
        background-size: 100%;
    }

    .ball.qkball2 {
        background: url(/img//speed_pinball02.png);
        background-size: 100%;
    }

    .ball.qkball3 {
        background: url(/img//speed_pinball03.png);
        background-size: 100%;
    }

    .ball.qkball4 {
        background: url(/img//speed_pinball04.png);
        background-size: 100%;
    }

    .ball.qkball5 {
        background: url(/img//speed_pinball05.png);
        background-size: 100%;
    }

    .ball.qkball6 {
        background: url(/img//speed_pinball06.png);
        background-size: 100%;
    }

    .ball.qkball7 {
        background: url(/img//speed_pinball07.png);
        background-size: 100%;
    }

    .ball.qkball8 {
        background: url(/img//speed_pinball08.png);
        background-size: 100%;
    }

    .ball.qkball9 {
        background: url(/img//speed_pinball09.png);
        background-size: 100%;
    }

    .ball.qkball10 {
        background: url(/img//speed_pinball10.png);
        background-size: 100%;
    }

.odds .ball {
    font-size: 12px;
    font-size: 14px;
}

.odds .oddname {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #3a3a3a;
}

    .odds .oddname.bgRed {
        color: #fff;
        background: linear-gradient(180deg, #f37777, #db2b2b);
    }

    .odds .oddname.bgDan {
        color: #fff;
        background: linear-gradient(180deg, #72d55c, #26aa08);
    }

    .odds .oddname.bgShuang {
        color: #fff;
        background: linear-gradient(180deg, #ffcc2f, #d4a925);
    }

.odds-group-box .oddsgroup.four .odds .oddname {
    width: 72px;
    height: 72px;
}

.odds .oddname span {
    font-size: 14px;
    text-align: center;
}

.odds .k3odd,
.odds .nodd {
    align-items: center;
}

.odds .nodd {
    color: #d51000;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-top: 4.5px;
    display: inline-block;
}

.odds .oddname.bgBlue {
    color: #fff;
    background: linear-gradient(180deg, #7fb3f1, #3581dc);
}

.odds .odd {
    color: #222;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 4.5px;
    display: inline-block;
}


.live-content .bet-poup-container .swtch-game-title {
    padding: 10px 0;
    font-size: 17px;
    font-weight: 500;
    color: #222;
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
}

    .live-content .bet-poup-container .swtch-game-title .switchLott {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 15px;
        cursor: pointer;
    }

.live-content .lott-list-container {
    padding: 14px 16px;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 60vh;
    height: 300px;
    gap: 2%;
}

    .live-content .lott-list-container .lott-list {
        cursor: pointer;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;        
        flex-basis: 23%;
    }

        .live-content .lott-list-container .lott-list:first-child {
            margin-left: 0;
        }

        .live-content .lott-list-container .lott-list img {
            width: 60px;
            height: 60px;
        }

        .live-content .lott-list-container .lott-list p {
            margin-top: 8px;
            text-align: center;
        }

        .live-content .lott-list-container .lott-list a {
            color: #333333;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .live-content .lott-list-container .lott-list:not(:nth-child(4n+1)) {            
        }

    .live-content .lott-list-container.hh {
        height: auto;
    }




.fotter-bet-container {
    background: hsla(0, 0%, 100%, .5);
    padding-top: 7px;
    position: relative;
}

    .fotter-bet-container .quick-money-poup-wrp {
        display: flex;
        justify-content: center;
        position: absolute;
        top: -100px;
        left: 0;
        right: 0;
    }

    .fotter-bet-container .quick-money-poup {
        background: hsla(0, 0%, 100%, .8);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .11);
        margin: 0 15px;
        padding: 9px 10px;
        border-radius: 5px;
    }

        .fotter-bet-container .quick-money-poup span {
            font-size: 12px;
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: 400;
            color: #333;
            display: inline-block;
            padding: 6px 0;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
            text-align: center;
            width: 17.333%;
        }

    .fotter-bet-container .bet-money {
        display: flex;
        align-items: center;
        padding-left: 7.5px;
        justify-content: space-between;
        padding-right: 10px;
    }

    .fotter-bet-container .select-bet-money {
        white-space: pre;
        width: 70%;
    }

        .fotter-bet-container .select-bet-money.noLoginWrp {
            width: 100%;
            display: flex;
        }

        .fotter-bet-container .select-bet-money .select-img {
            display: flex;
            align-items: center;
            width: 100%;
        }

            .fotter-bet-container .select-bet-money .select-img span.slect-items {
                position: relative;
                display: inline-block;
                border: 1px solid #697984;
                border-radius: 5px;
                color: #697984;
                display: block;
                padding-top: 5px;
                text-align: center;
                padding-bottom: 5px;
                flex: 1;
                display: flex;
                justify-content: center;
                margin-right: 4px;
                cursor: pointer;
            }

            .fotter-bet-container .select-bet-money .select-img.noLogin span.slect-items {
                flex: 1;
            }

                .fotter-bet-container .select-bet-money .select-img.noLogin span.slect-items.action {
                    border: 1px solid #FD5810;
                    color: #FD5810;
                    ;
                }

            .fotter-bet-container .select-bet-money .select-img img {
                width: 35px;
                height: 35px;
                cursor: pointer;
            }

.item-balance {
    display: flex;
    align-items: center;
    width: 30%;
}

    .item-balance .money-refresh-btn {
        margin-left: 10px;
    }

.money-refresh-btn img {
    width: 13px;
    height: 13px;
    display: flex;
    cursor: pointer;
}

.refreshing {
    animation: myRotate 1s linear infinite;
    cursor: pointer;
}

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

    50% {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}

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

    50% {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}


.money-container {
    display: flex;
    align-items: center;
    padding-bottom: 5px;    
    margin-top: 10px;
}

    .money-container .money-refresh {
        border-radius: 16.5px;
        padding-left: 7.5px;
        margin-right: 12px;
        font-size: 11px;
        font-weight: 400;
        color: #697984;
    }

        .money-container .money-refresh .txt {
            color: #FD5810;
        }

        .money-container .money-refresh .total-item {
            display: flex;
        }

            .fotter-bet-container .betMoney,
            .money-container .money-refresh .total-item input {
                flex: 1;
                height: 29px;
                background: hsla(0, 0%, 100%, .6);
                border: 1px solid #aaaaaa;
                border-radius: 5px;
                text-align: left;
                padding-left: 15px;
                margin-left: auto;
            }

    .money-container .confirm-btn,
    .money-container .reset-btn {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        font-weight: 400;
        color: #fff;        
        border-radius: 5px;
        cursor: pointer;
    }

    .money-container .reset-btn {
        margin-left: auto;
        padding: 12px 9px;
        background: #f0f0f0;
        color: #666666;
    }

    .money-container .confirm-btn {
        width: 70%;
        margin-left: 10px;
        padding: 12px 15px;
        background: linear-gradient(180deg, #FF962C, #FD5810 94%);
    }




.van-popup {
    position: fixed;
    max-height: 100%;    
    background-color: #fff;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-overflow-scrolling: touch;
}

.van-popup--center {
    top: 50%;
    left: 50%;    
    max-width: calc(100vw - 16px * 2);    
    transform: translate(-50%, -50%);
}

    .van-popup--center.van-popup--round {
        border-radius: 12px;
        overflow: hidden;
    }


.van-popup--bottom {
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 500px;
}

.van-dialog__header {
    color: #323233;
    padding-top: 26px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}


.van-dialog__message--has-title {
    padding-top: 8px;
    color: #646566;
}

.van-dialog__message {
    color: #232323;
    flex: 1;    
    padding: 0.34667rem 0.34667rem;
    overflow-y: auto;
    font-size: .35rem;    
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
}

.van-button--default .van-button__text {
    color: #ffffff;
}


.van-dialog__cancel .van-button__text {
    color: #999999;
}


.van-dialog__confirm .van-button__text {
    color: #1989fa;
}



.van-popup--activity {
    width: 80%;
    max-width: 360px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-overflow-scrolling: touch;
    z-index: 9999;    
}

    .van-popup--activity i {
        top: -20px !important;
        right: 0 !important;
    }

    .van-popup--activity a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .van-popup--activity a img {
            width: 100%;
        }

        .van-popup--activity a span.btn_link {
            min-width: 3rem;
            margin-top: .4rem;
            padding: .2rem .6rem;
            border-radius: 200px;
            border: 2px solid #00A432;
            background: linear-gradient(180deg, #A4FF78 0%, #78FFA8 100%);
            color: #198140;
            font-weight: bold;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.van-popup--safe-area-inset-bottom {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.van-popup-slide-bottom-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-top-enter-active {
    transition-timing-function: ease-out;
}

.van-popup-slide-bottom-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-top-leave-active {
    transition-timing-function: ease-in;
}

.van-popup-slide-top-enter,
.van-popup-slide-top-leave-active {
    transform: translate3d(0, -100%, 0);
}

.van-popup-slide-right-enter,
.van-popup-slide-right-leave-active {
    transform: translate3d(100%, -50%, 0);
}

.van-popup-slide-bottom-enter,
.van-popup-slide-bottom-leave-active {
    transform: translate3d(0, 100%, 0);
}

.van-popup-slide-left-enter,
.van-popup-slide-left-leave-active {
    transform: translate3d(-100%, -50%, 0);
}

.van-popup--bottom.van-popup--round {
    border-radius: 16px 16px 0 0;
    transform: translate3d(-50%, 100%, 0px);
    transition: all 0.4s;
}

.bet-header-container .play-way-container {
    color: #3a3a3a;
    padding-bottom: 30px;
    transform: translate3d(-50%, 100%, 0px);
}

    .bet-header-container .play-way-container header {
        padding: 16px 0;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        color: #3a3a3a;
    }

.play-way-content {
    margin: 0 15px;
    padding-top: 16px;
    overflow-y: auto;
    padding-bottom: 20px;
    max-height: 259px;
}

.play-way-title {
    font-size: 15px;
    font-weight: 500;
    color: #3a3a3a;
    margin-bottom: 5px;
}

.play-way-dec {
    font-size: 13px;
    font-weight: 400;
    color: #3a3a3a;
    padding-left: 10px;
}

.van-icon {
    position: relative;
    font: normal normal normal 14px/1 vant-icon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

    .van-icon,
    .van-icon:before {
        display: inline-block;
    }

.van-popup__close-icon {
    position: absolute;
    z-index: 1;
    color: #c8c9cc;
    font-size: 22px;
    cursor: pointer;
}

.van-popup__close-icon--top-right {
    top: 16px;
    right: 16px;
}

.van-icon-cross:before {    
}

.van-icon-arrow-down img {
    transform: rotateX(180deg);
    width: 12px;
    display: flex;
    opacity: .5;
}





.van-dialog {
    position: fixed;
    top: 45%;
    left: 50%;
    right: auto;
    width: 320px;
    overflow: hidden;
    font-size: 16px;
    background-color: #fff;
    border-radius: 16px;
    transform: translate3d(-50%, -50%, 0);
    backface-visibility: hidden;
    transition: .3s;
    transition-property: transform, opacity, -webkit-transform;
}

.loginWrp header {
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #3a3a3a;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

    .loginWrp header .close-btn {
        margin-left: auto;
        width: 20px;
        height: 20px;
        float: right;
        position: absolute;
        right: 20px;
        top: 18px;
    }

.swal-icon--warning {
    border-color: #f8bb86;
    animation: pulseWarning .75s infinite alternate;
}

.swal-icon--warning__body {
    width: 5px;
    height: 47px;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
    position: absolute;
    left: 50%;
    background-color: #f8bb86;
}

.swal-icon--warning__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -4px;
    bottom: -11px;
}

.van-dialog__footer {
    display: flex;
    overflow: hidden;
    user-select: none;
}

.van-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 44px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    transition: opacity .2s;
    -webkit-appearance: none;
}

    .van-button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background-color: #333333;
        border: inherit;
        border-color: #333333;
        border-radius: inherit;
        transform: translate(-50%, -50%);
        opacity: 0;
        content: " ";
    }

[class*=van-hairline]:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: none;
    transform: scale(.5);
}

.van-hairline--left:after {
    border-left-width: 2px;
}

.van-hairline--top:after {
    border-top-width: 2px;
}

.van-button--default {
    color: #323233;
    background-color: #fff;
    border: 1px solid #ebedf0;
}

.van-button--large {
    width: 100%;
    height: 50px;
}

.van-dialog__cancel,
.van-dialog__confirm {
    flex: 1;
    height: 48px;
    margin: 0;
    border: 0;
}

.loginWrp .van-button__text {
    color: #323233;
}

.van-dialog__confirm,
.van-dialog__confirm:active {
    color: #ee0a24;
}




.quickselect-dialog {
    display: none;
}

    .quickselect-dialog header {
        text-align: center;
        height: 36px;
        line-height: 36px;
        color: #fff;
        margin-bottom: 10px;
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    }

    .quickselect-dialog .quick-content {
        padding: 5px 15px 10px 15px;
    }

        .quickselect-dialog .quick-content .content-list {
            display: flex;
            flex-direction: column;
            margin-bottom: 14px;
        }

            .quickselect-dialog .quick-content .content-list .icon {
                position: absolute;
                left: 14px;
                line-height: 45px;
            }

            .quickselect-dialog .quick-content .content-list .field {
                display: block;
                padding: 0;
                border: 1px solid #e6e6e6;
                margin-bottom: 8px;
                border-radius: 9px;
                text-align: center;
                line-height: 45px;
                width: 100%;
            }

.van-button--info {
    color: #fff;
}

.van-button--normal {
    padding: 0 15px;
    font-size: 14px;
}

.van-button--block {
    display: block;
    width: 100%;
}

.quickselect-dialog .quick-content .van-button {
    border-radius: 8px;
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
}



.live-content .empty-container {
    width: 80%;
    height: 240px;
    background: hsla(0, 0%, 100%, .7);
    margin: 0 auto;
    z-index: 999;
    left: 50%;
    top: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    padding-bottom: 20px;
    transform: translate(-50%, -50%);
    position: fixed;
    margin-top: -150px;
}

    .live-content .empty-container img {
        width: 127px;
        height: 105px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .live-content .empty-container p {
        font-size: 15px;
        font-weight: 400;
        color: #333;
    }

    .live-content .empty-container .liveStopText {
        padding: 0 10px;
    }

    .live-content .empty-container .confirm-btn {
        background: #b90007;
        border-radius: 8px;
        min-width: 115px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        margin-top: 10px;
        padding: 0 5px;
        opacity: .5;
    }

    .live-content .empty-container.center {
        margin-top: -80px;
    }





.mobileSelect {
    position: relative;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, z-index 0.4s;
}

    .mobileSelect * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        touch-action: none;
    }

    .mobileSelect .grayLayer {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #eee;
        background: rgba(0, 0, 0, 0.7);
        z-index: 888;
        display: block;
        max-width: 500px;
        margin: 0 auto;
    }

    .mobileSelect .content {
        width: 100%;
        display: block;
        position: fixed;
        z-index: 889;
        color: black;
        transition: all 0.4s;
        bottom: -350px;
        left: 0;
        right: 0;
        top: auto;
        background: white;
        max-width: 500px;
        margin: 0 auto;
        padding: 0;
    }

        .mobileSelect .content .fixWidth {
            width: 95%;
            margin: 0 auto;
            position: relative;
        }

            .mobileSelect .content .fixWidth:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

        .mobileSelect .content .btnBar {
            border-bottom: 1px solid #DCDCDC;
            font-size: 15px;
            height: 45px;
            position: relative;
            text-align: center;
            line-height: 45px;
        }

            .mobileSelect .content .btnBar .cancel,
            .mobileSelect .content .btnBar .ensure {
                height: 45px;
                width: 55px;
                cursor: pointer;
                position: absolute;
                top: 0;
            }

            .mobileSelect .content .btnBar .cancel {
                left: 0;
                color: #666;
            }

            .mobileSelect .content .btnBar .ensure {
                right: 0;
                color: #FD5810;
            }

            .mobileSelect .content .btnBar .title {
                font-size: 15px;
                padding: 0 15%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .mobileSelect .content .panel:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .mobileSelect .content .panel .wheels {
            width: 100%;
            height: 200px;
            overflow: hidden;
        }

        .mobileSelect .content .panel .wheel {
            position: relative;
            z-index: 0;
            float: left;
            width: 50%;
            height: 200px;
            overflow: hidden;
            transition: width 0.3s ease;
        }

            .mobileSelect .content .panel .wheel .selectContainer {
                display: block;
                text-align: center;
                transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
            }

                .mobileSelect .content .panel .wheel .selectContainer li {
                    font-size: 15px;
                    display: block;
                    height: 40px;
                    line-height: 40px;
                    cursor: pointer;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

        .mobileSelect .content .panel .selectLine {
            height: 40px;
            width: 100%;
            position: absolute;
            top: 80px;
            pointer-events: none;
            box-sizing: border-box;
            border-top: 1px solid #DCDCDC;
            border-bottom: 1px solid #DCDCDC;
        }

        .mobileSelect .content .panel .shadowMask {
            position: absolute;
            top: 0;
            width: 100%;
            height: 200px;
            background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
            opacity: 0.9;
            pointer-events: none;
        }

.mobileSelect-show {
    opacity: 1;
    z-index: 10000;
    visibility: visible;
}

    .mobileSelect-show .content {
        bottom: 0;
    }


.report {
    width: 100%;
    background: #f5f5f5;
    height: 100%;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .report .topTabs {
        display: flex;
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
        height: 52px;
    }

        .report .topTabs .tab {
            width: 50%;
            line-height: 39px;            
            text-align: center;
            color: rgba(255, 255, 255, .6);
            font-size: 15px;
            margin-top: 10px;
        }

        .report .topTabs .active {
            border-bottom: 2px solid #fff;
            color: #fff;
        }


        .report .topTabs a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .report .topTabs img {
            width: 18px;
        }

    .report .main-report {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        flex: 1;
    }

    .report .main-report-head {
        display: flex;        
        text-align: center;        
        background-color: rgba(54, 78, 135, .1);
        font-weight: 700;
        color: #222;
        padding: 0.26667rem 0;
    }

    .report .main-report-content {
        background: #fff !important;
        border-top: 0 !important;
        border-bottom-width: 6px !important;
    }

    .report .main-report-content {
        border-top: 6px solid #eee;
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
    }

.van-pull-refresh {
    overflow: hidden;
    user-select: none;
}

.van-pull-refresh__track {
    position: relative;
    height: 100%;
    transition-property: transform, -webkit-transform;
}

.van-pull-refresh__head {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    transform: translateY(-100%);
}

.reportItem {
    display: flex;
    padding: 5px 0;
    width: 100%;
    text-align: center;    
    background-color: #fff;
}


    .reportItem:nth-child(odd) {
        background-color: #FFE8E8;
    }

    .reportItem .item-content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        word-break: break-word;
    }

    .reportItem .item-size[data-v-6022065a] {
        font-size: 11px !important;
    }

.report .main-report-content .nodata {
    padding: 15px 1px;
    color: #aaa;
    text-align: center;
    font-size: 14px;
}

.report .main-report-foot {
    background: #fff;
    font-size: 14px;
    margin-top: auto;
    padding: 18px 24px;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    border-top: 2px solid #eee;
}

.flexfoot {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #f1f1f1;
}

    .flexfoot .left div {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: right;
        padding-right: 5px;
        font-weight: 700;
        font-size: 12px;
        white-space: nowrap;
        margin: 4px 0;
        line-height: 1.15;
        display: block;
    }

    .flexfoot .grey {
        color: #888;
    }

    .flexfoot .right div {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-left: 5px;
        font-size: 12px;
        margin: 4px 0;
        line-height: 1.15;
        display: block;
    }

    .flexfoot .result {
        color: #006cd8;
    }

.van-feed {
    display: none;
}

    .van-feed:nth-child(1) {
        display: block;
    }



.online {
    width: 100%;
    background: #f7f7f7;
    height: 100%;
    overflow-x: hidden;
}

    .online .van-nav-bar {
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    }



    .online .support-time {
        display: flex;
        height: 225px;
        background-color: #fff;
        box-sizing: border-box;
        padding: 16px 0;
        background: url(/img//online_head_bg@2x.png) no-repeat;
        background-size: 100% 100%;
        padding-left: 24px;
    }

        .online .support-time .double-quote {
            margin-right: 15px;
            width: 20px;
            height: 19px;
        }

            .online .support-time .double-quote img {
                width: 100%;
                height: 100%;
            }

        .online .support-time .support-text {
            margin-top: 10px;
        }

        .online .support-time p {
            font-size: 13px;
            font-family: PingFang SC, PingFang SC-5;
            font-weight: 400;
            text-align: left;
            color: #FD5810;
        }

        .online .support-time .suport-title {
            font-size: 17px;
            font-family: PingFang SC, PingFang SC-6;
            font-weight: 500;
            text-align: left;
            color: #FD5810;
            margin-bottom: 8px;
        }

        .online .support-time .customer-right {
            width: 93px;
            height: 88px;
            margin-left: auto;
        }

            .online .support-time .customer-right img {
                width: 100%;
                height: 100%;
            }

.online-content {
    margin-top: -105px;
}

.online-list ul {
    font-size: 0;
    display: flex;
    flex-direction: column;
}

.online-list .item {
    display: inline-block;
    text-align: left;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
    margin: 0 15px 15px;
    display: flex;
    padding: 16px;
    cursor: pointer;
}

    .online-list .item,
    .online-list .item a {
        flex: 1;
        align-items: center;
    }

        .online-list .item a {
            display: flex;
            text-decoration: none;
        }

        .online-list .item img {
            width: 43px;
            height: 43px;
            display: inline-block;
        }

        .online-list .item .label {
            font-size: 12px;
            line-height: 24px;
            margin-left: 12px;
        }

            .online-list .item .label .text,
            .online-list .item .label .title {
                font-size: 15px;
                font-family: PingFang SC, PingFang SC-6;
                font-weight: 500;
                text-align: left;
                color: #333;
            }

            .online-list .item .label .text {
                color: #999;
                font-weight: 400;
            }

        .online-list .item .right-row {
            margin-left: auto;
            width: 7px;
            height: 13px;
            background: url(/img//enter.png) no-repeat;
            background-size: 100% 100%;
        }

.feed-back {
    height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .feed-back .feed-header {
        background: linear-gradient(90deg, #FF962C 49%, #FD5810);
    }

        .feed-back .feed-header .van-nav-bar {
            background: transparent;
        }

.van-tabs--line .van-tabs__wrap {
    height: 44px;
}

.tabs .van-tabs__nav {
    color: #fff;
    background: transparent;
}

.tabs .van-tab {
    opacity: .7;
    color: #fff;
}

.tabs .van-tab--active {
    opacity: 1;
}

.van-tabs__line {
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 1;
    width: 40px;
    height: 3px;
    background-color: #ee0a24;
    border-radius: 3px;
}

.tabs .van-tabs__line {
    background-color: #fff;
    width: 49% !important;
    border-radius: 0;
}

.feed-back .main {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: -1px;
}

.content .center-scroll {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.content .history {
    height: 100%;
}

.feed-back .content .nodata {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding-top: calc(50% - 7px);
    color: #555;
}

.content .create {
    margin-top: 16px;
    display: none;
}

    .content .create .create-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content .create .question-describe {
        font-size: 14px;
        font-family: PingFang SC, PingFang SC-5;
        font-weight: 400;
        text-align: left;
        color: #333;
        margin-bottom: 10px;
    }

    .content .create .create-container .must {
        color: #ff3c3c;
    }

    .content .create .question-tabs {
        margin-bottom: 20px;
        overflow-x: auto;
    }

.tab-container {
    flex-wrap: nowrap;
}

    .tab-container .tab-item,
    .tab-container {
        display: flex;
        align-items: center;
    }

        .tab-container .tab-item {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
            justify-content: center;
            padding: 10px;
            flex-direction: column;
            cursor: pointer;
        }

        .tab-container .tab-item {
            margin-left: 8px;
            flex: 1;
        }

            .tab-container .tab-item.active {
                background: #FF962C;
                border-radius: 10px;
            }

            .tab-container .tab-item:first-child {
                margin-left: 0;
            }

.content .create .question-tabs .tab-item {
    width: 78px;
    height: 68px;
    padding: 0;
}

.content .icon-item {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

    .content .icon-item.tech {
        background: url(/img//technical_nor.png) no-repeat;
        background-size: 100% 100%;
    }

        .content .icon-item.tech.ac {
            background: url(/img//technical_cur.png) no-repeat;
            background-size: 100% 100%;
        }

    .content .icon-item.opinion {
        background: url(/img//suggestions_nor.png) no-repeat;
        background-size: 100% 100%;
    }

        .content .icon-item.opinion.ac {
            background: url(/img//suggestions_cur.png) no-repeat;
            background-size: 100% 100%;
        }

    .content .icon-item.financeen {
        background: url(/img//finances_nor.png) no-repeat;
        background-size: 100% 100%;
    }

        .content .icon-item.financeen.ac {
            background: url(/img//finances_cur.png) no-repeat;
            background-size: 100% 100%;
        }

    .content .icon-item.other {
        background: url(/img//other_nor.png) no-repeat;
        background-size: 100% auto;
        background-position: 50%;
    }

        .content .icon-item.other.ac {
            background: url(/img//other_cur.png) no-repeat;
            background-size: 100% auto;
            background-position: 50%;
        }

.content .create .question-tabs .icon-item {
    margin-right: 0;
    margin-bottom: 10px;
}

.tab-container .tab-item .text {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC-5;
    font-weight: 400;
    color: #999;
    text-align: center;
}

.tab-container .tab-item.active .text {
    color: #fff;
}

.create .create-container .text-tip {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999;
}

.create .van-cell,
.history .van-cell {
    height: 60px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
    margin: 10px;
    width: auto;
    display: flex;
    align-items: center;
}

.create .van-cell {
    height: auto;
    margin-left: 0;
    margin-right: 0;
}

.create .create-container .question-textarea .van-cell {
    margin-bottom: 0;
}

.create .create-container .van-field__control {
    color: #333;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-5;
    font-weight: 400;
}

.van-field__word-limit {
    margin-top: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}

.create .create-container .van-field__word-limit {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}

.create .btn-box {
    padding: 20px;
}

.create .button {
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    border-radius: 12px;
    border: 0;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-5;
    font-weight: 400;
    color: #fff;
}




.content .van-cell__title {
    font-size: 14px;    
    font-weight: 550;
    text-align: left;
    color: #000;
}

.content .slh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feed-back .van-cell__title {
    text-align: left;
}

.van-cell__label {
    margin-top: 4px;
    color: #969799;
    font-size: 12px;
    line-height: 18px;
}

.content .van-cell__label {
    word-break: break-word;
}

.content .van-cell__title .van-cell__label {
    color: #999;
    margin-top: 0;
}

.van-cell__left-icon,
.van-cell__right-icon {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
}

.van-cell__right-icon {
    margin-left: 4px;
    color: #969799;
    background: url(/img//enter.png) no-repeat center;
    background-size: 50%;
    width: 16px;
}



.gonggao {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100vw;
    background-color: #f6f6f6;
}

    .gonggao .center-scroll {
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

.van-cell-group {
    background-color: #fff;
}

.gonggao .question-container {
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
    overflow: hidden;
    font-family: PingFang SC, PingFang SC-5;
}


    .gonggao .question-container .van-field__label {
        color: #999;
    }

    .gonggao .question-container .van-cell__title span {
        font-size: 14px;
        font-weight: 400;
        color: #999;
    }

.gonggao .van-cell__label,
.gonggao .van-field__control:disabled {
    color: #FD5810;
}

.gonggao .question-container .van-field__control:disabled {
    color: #999 !important;
}

.gonggao .answer-container .van-cell {
    padding-top: 15px;
    padding-bottom: 0;
}

    .gonggao .answer-container .van-cell .custom-title {
        display: flex;
        align-items: center;
    }

    .gonggao .answer-container .van-cell .icon-item {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }

        .gonggao .answer-container .van-cell .icon-item.user {
            background: url(/img//user.png) no-repeat;
            background-size: 100% auto;
            background-position: 50%;
        }

        .gonggao .answer-container .van-cell .icon-item.answer {
            background: url(/img//answer.png) no-repeat;
            background-size: 100% auto;
            background-position: 50%;
        }

.gonggao .van-cell__label {
    word-break: break-word;
}

.gonggao .answer-container .van-cell .van-cell__label {
    background: #f1f6ff;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #FD5810;
    margin-left: 28px;
}

.gonggao .answer-container .van-cell:last-child {
    padding-bottom: 15px;
}

.van-field__control:disabled {
    color: #c8c9cc;
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: #c8c9cc;
}


.dx_captcha {
    box-sizing: content-box;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.dx_captcha_loading-style-popup {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    width: 300px;
    margin-left: -170px;
    margin-top: -120px;
}

.dx_captcha * {
    color: #000;
}

.dx_captcha_loading_wrapper {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    user-select: none;
    background: #fff;
    border-radius: 4px;
}

.dx_captcha_loading_state-box {
    position: relative;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9e9e9;
    box-sizing: content-box;
    font-size: 12px;
    border-radius: 4px;
}

.dx_captcha_loading-style-popup .dx_captcha_loading_state-box {
    height: 198px;
    text-align: center;
    line-height: 24px;
}

.dx_captcha_loading_state-box .dx_captcha_loading_state-img-box {
    width: 24px;
    height: 24px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.dx_captcha_loading-style-popup .dx_captcha_loading_state-box .dx_captcha_loading_state-img-box {
    display: block;
    margin: 72px auto 0;
}

.dx_captcha img {
    display: inline;
    width: auto;
    max-width: none;
}

.dx_captcha_loading_state-box .dx_captcha_loading_state-img-box img {
    display: block;
    width: 24px;
    height: 24px;
}

.dx_captcha_loading_state-box span {
    color: #000;
}

.dx_captcha_loading-style-popup .dx_captcha_loading_state-box span {
    display: block;
    padding-top: 6px;
}

.login-reg {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: #fff url(/img//lr_bg.png) top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: auto;
}

    .login-reg .header {
        background: url(/img//head_bg.png) top no-repeat;
        background-repeat: no-repeat;
        background-size: cover;
        height: 301px;
    }

    .login-reg .zvn {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 30px 0 0 25px;
        flex: 0 0 auto;
        height: 48px;
    }

        .login-reg .zvn img {
            margin-top: 0;
            width: 19px;
            height: 19px;
            display: block;
        }

    .login-reg .body {
        background-color: #fff;
        margin: 0 20px;
        border-radius: 24px;
        margin-top: -108px;
        padding-bottom: 24px;
    }

        .login-reg .body .van-tabs--line {
            padding-top: 16px;
        }

        .login-reg .body .van-tab,
        .login-reg .body .van-tabs__wrap {
            padding: 0;
            height: 42px;
            line-height: 40px;
            font-size: 16px;
            font-weight: 500;
        }

.van-tabs__nav--line {
    box-sizing: content-box;
    height: 100%;
    padding-bottom: 15px;
}

.login-reg .body .van-tabs .van-tabs__nav--line {
    padding-bottom: 0;
}

.login-reg .body .van-tabs .van-tab__text {
    border-bottom: 3px solid transparent;
    color: rgb(123, 133, 150);
}

.login-reg .body .van-tabs .van-tab--active .van-tab__text {
    border-bottom: 3px solid #FF962C;
    color: #FF962C;
}

.login-reg .body .van-tabs .van-tabs__line {
    display: none;
}

.login-reg .tab-login {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

    .login-reg .tab-login .login-tab-item {
        width: 32px;
        height: 32px;
        position: relative;
        cursor: pointer;
    }

        .login-reg .tab-login .login-tab-item.tab-email {
            background: #fff url(/img//email_nor.png) top;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .login-reg .tab-login .login-tab-item.tab-email.active {
                background: #fff url(/img//email_cur.png) top;
                background-repeat: no-repeat;
                background-size: cover;
            }

        .login-reg .tab-login .login-tab-item:not(:last-child):after {
            position: absolute;
            right: -20px;
            top: 0;
            content: "";
            height: 100%;
            width: 1px;
            background: #dadcde;
        }

        .login-reg .tab-login .login-tab-item:not(:first-child) {
            margin-left: 40px;
        }

        .login-reg .tab-login .login-tab-item.tab-user {
            background: #fff url(/img//account_nor.png) top;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .login-reg .tab-login .login-tab-item.tab-user.active {
                background: #fff url(/img//account_cur.png) top;
                background-repeat: no-repeat;
                background-size: cover;
            }

.lg-login {
    margin: 15px 15px;
}

    .forget-password .van-field,
    .lg-login .van-field,
    .lg-register .van-field {
        display: flex;
        border: 1px solid #e6e4e4 !important;
        border-radius: 6px;
        padding: 13px 8.5px 13px 7px !important;
        line-height: normal !important;
        align-items: center;
        height: 44px;
        overflow: initial;
    }

    .lg-login .form .van-field {
        border: 1px solid #e6e4e4;
        border-radius: 6px;
        padding: 7px;
        line-height: 33px;
    }

        .lg-login .form .van-field .icon,
        .lg-login .form .van-field {
            display: flex;
            align-items: center;
        }

.van-field__left-icon {
    margin-right: 4px;
}

.forget-password .van-field .van-field__left-icon,
.lg-login .van-field .van-field__left-icon,
.lg-register .van-field .van-field__left-icon {
    position: relative;
    margin-right: 10px;
}

.lg-login .form .van-field .van-field__left-icon {
    position: relative;
    margin-right: 10px;
}

.lg-login .form .van-field .icon {
    margin-right: 14px;
    justify-content: center;
}

.forget-password .van-field .icon img,
.lg-login .van-field .icon img,
.lg-register .van-field .icon img {
    width: 13px;
    height: 13px;
}

.lg-login .form .van-field .icon img {
    width: 13px;
    height: 13px;
}


input:-webkit-autofill {
    background-color: transparent !important;
    background-image: none !important;
    transition: background-color 5000s ease-in-out 0s;
}

.forget-password .van-field:not(:first-child),
.lg-login .van-field:not(:first-child),
.lg-register .van-field:not(:first-child) {
    margin-top: 5px;
}

.lg-login .form .van-field:not(:first-child) {
    margin-top: 5px;
}

.forget-password .van-field .icon,
.lg-login .van-field .icon,
.lg-register .van-field .icon {
    margin-right: 14px;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.lg-login .form .van-field .van-field__left-icon:after {
    content: "";
    display: block;
    height: 21px;
    width: 1px;
    background: #e6e4e4;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10.5px;
}

.lg-login .form .van-field .l_icon {
    padding: 0 0;
    display: flex;
    align-items: center;
}

    .lg-login .form .van-field .l_icon img {
        width: 20px;
        height: auto;
        display: block;
    }

.van-button--plain {
    background-color: #fff;
}

.van-button--round {
    border-radius: 999px;
}

.lg-login .form .loginbtn {
    height: 50px;
    background: #FD5810;
    border-radius: 6px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-top: 20px;
}

.login-reg .body .sw {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 9px;
}

.vans-form-content {
    display: none;
}

    .vans-form-content:first-child {
        display: block;
    }

.sign_tabs {
    display: none;
}

    .sign_tabs:first-child {
        display: block;
    }

.login-reg .body .sw div {
    text-align: center;
    font-size: 15px;
    color: #FD5810;
    font-family: PingFang SC, PingFang SC-Regular;
    display: flex;
    align-items: center;
}

    .login-reg .body .sw div:first-child {
        border-right: 1px solid #e6e4e4;
        margin-right: 20px;
        padding-right: 20px;
    }

.login-reg .body .sw.phoneClose div:first-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}




.lg-register {
    margin: 9px 16px;
}

    .lg-register .form .van-field .l_icon {
        padding: 0 0;
        display: flex;
        align-items: center;
    }

        .lg-register .form .van-field .l_icon img {
            width: 20px;
            height: auto;
            display: block;
        }

.van-cell-group {
    background-color: #fff;
}

.lg-register .form .van-cell {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.lg-register .form .van-field {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    line-height: 33px;
    align-items: center;
}

.forget-password .van-field.van-field--error,
.lg-login .van-field.van-field--error,
.lg-register .van-field.van-field--error {
    height: inherit;
}


.forget-password .van-field .van-field__left-icon:after,
.lg-login .van-field .van-field__left-icon:after,
.lg-register .van-field .van-field__left-icon:after {
    content: "";
    display: block;
    height: 21px;
    width: 1px;
    background: #e6e4e4;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10.5px;
}

.van-field--error .van-field__control,
.van-field--error .van-field__control::placeholder {
    color: #ee0a24;
    -webkit-text-fill-color: currentColor;
}

.lg-register .van-field--error .van-field__control,
.lg-register .van-field--error .van-field__control::placeholder {
    color: #bbb;
    -webkit-text-fill-color: #bbb;
}

.van-field__error-message {
    color: #ee0a24;
    font-size: 12px;
    text-align: left;
}

.lg-register .form .van-field .van-field__error-message {
    line-height: 20px;
}

.van-cell:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: 16px;
    bottom: 0;
    left: 16px;    
    transform: scaleY(.5);
}

.lg-register .form .van-cell:not(:last-child):after {
    border: 0;
}

.lg-register .form .registerbtn {
    height: 50px;
    background: #FD5810;
    border-radius: 6px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-top: 20px;
}

.lg-register .form .van-field .sendMsg {
    border: 1px solid #FD5810;
    border-radius: 6px;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #FD5810;
    padding: 12px 0;
    position: relative;
    min-width: 96px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}

.lg-register .form .VerificationCode {
    height: 37px;
    display: flex;
    align-items: center;
    border: none;
}



.van-field__button,
.van-field__clear,
.van-field__icon,
.van-field__right-icon {
    flex-shrink: 0;
}

.van-field__clear,
.van-field__right-icon {
    margin-right: -8px;
    padding: 0 8px;
    line-height: inherit;
}

.van-field__clear {
    color: #c8c9cc;
    font-size: 16px;
    cursor: pointer;
}


.left-nav {
    height: 100%;
    overflow: auto;
    width: 100%;
    background-size: 100%;
}

    .left-nav.active {
        flex: 1;
        top: 0;
    }

.top-card {
    height: 227px;
    width: 100%;
    background-image: url(/img//bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

    .top-card .head-div {
        position: relative;
        padding-top: 20px;
        display: flex;
        align-items: center;
    }

        .top-card .head-div a {
            display: flex;
            align-items: center;
        }

        .top-card .head-div .personal_center {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

.userInfo__container-content-uid {
    margin-left: 12px;
    font-size: .29333rem;
    color: #666666;
    display: flex;
    align-items: center;
    gap: 4px;
}

.userInfo__container-content-logintime {
    margin-left: 12px;
    font-size: .29333rem;
    color: #666666;
}

.top-card .head-div .head {
    width: 61px;
    height: 61px;
    margin-left: 12px;
    border-radius: 50%;
}

.top-card .head-div .vip {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 5px;
    left: 56px;
}

.top-card .head-div .name {
    font-size: 18px;
    color: #333;
    margin-left: 12px;
}

.top-card .head-div .vipLevel {
    height: 16px;
    margin-left: 12px;
}

.top-card .head-div .sign {
    padding: 0 5px;
    height: 28px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 rgba(39, 53, 81, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    cursor: pointer;
}

    .top-card .head-div .sign img {
        width: 15.5px;
        height: 15px;
        margin-right: 7px;
    }

    .top-card .head-div .sign span {
        color: #FD5810;
        font-size: 14px;
    }

.top-card .amountCard {
    width: 90%;
    height: 72px;
    background: url(/img//amountBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    margin-top: 17px;
}

    .top-card .amountCard .x {
        display: flex;
        align-items: center;
        padding-top: 8px;
    }

        .top-card .amountCard .x span {
            color: #ffe4bb;
            font-size: 10px;
            padding-left: 8px;
        }

        .top-card .amountCard .x img {
            width: 20px;
            height: 20px;
            padding: 0 12px;
            box-sizing: content-box;
            cursor: pointer;
        }

            .top-card .amountCard .x img.refreshing {
                animation: myRotate 1s linear infinite;
            }

    .top-card .amountCard .balance {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        padding-left: 8px;
        margin-top: 5px;
        font-family: PingFang SC, PingFang SC-5;
    }

    .top-card .amountCard .btn {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 17px;
        right: 8px;
        height: 30px;
        background: linear-gradient(90deg, #fde6bb, #ffd59d 49%, #ffcc84);
        border-radius: 15px;
        padding: 0 5px;
    }

        .top-card .amountCard .btn img {
            width: 16px;
            height: 13px;
            margin-right: 4px;
        }

        .top-card .amountCard .btn span {
            color: #a74c00;
            font-size: 14px;
            word-break: break-word;
        }

.left-nav-content {
    padding-top: 20px !important;
    margin-top: -59px;
    z-index: 1;
    position: relative;
    height: calc(100% - 168px) !important;
    background-color: #e0ecff;
}

.left-nav-content {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding: 15px 10px;
    box-sizing: border-box;
    justify-content: space-between;
}

    .left-nav-content .bg2 {
        position: absolute;
        top: -12px;
        width: 100%;
        left: 0;
    }

    .left-nav-content .sidebar-content {
        flex: 1;
        height: calc(100% - 114px);
        overflow: scroll;
    }

        .left-nav-content .sidebar-content .nav-group {
            position: relative;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            background-color: #e2eff9;
            padding: 10px;
            border-radius: 10px;
        }

            .left-nav-content .sidebar-content .nav-group:first-child {
                background: linear-gradient(180deg, #e4edf9, #fff);
                border: 1px solid #fff;
                border-radius: 12px;
            }

            .left-nav-content .sidebar-content .nav-group:last-child .sidebar-item {
                flex-direction: row;
                width: 100%;
                height: 36px;
                justify-content: space-between;
                padding-left: .2rem;
            }

.nav-group-left {
    display: flex;
    gap: 8px;
}

.nav-group-right {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #999999;
    gap: 8px;
}

    .nav-group-right img {
        width: 20px;
    }

.nav-group-language {
    width: 100%;
    max-width: 500px;
    height: auto;
    max-height: 480px;
    display: flex;
    overflow-y: scroll;
    background: #ffffff;
    font-size: 14px;
    padding: 10px 0 34px;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    border-radius: 10px 10px 0 0;
    transform: translate3d(-50%, 100%, 0px);
    transition: all 0.4s;
}

    .nav-group-language ul {
        width: 100%;
        padding: 0 16px;
    }

        .nav-group-language ul li {
            padding: 15px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .nav-group-language ul li.action {
                box-shadow: 0 0.05333rem 0.21333rem #d0d0ed5c;
                border-radius: 0.26667rem;
            }

            .nav-group-language ul li .left {
                display: flex;                
                align-items: center;
            }

            .nav-group-language ul li img {
                width: 24px;
                margin-right: 12px;
            }

            .nav-group-language ul li.action i {
                width: 20px;
                height: 20px;
                background: url(/img//check_white.svg) no-repeat #FD5810 center;
                background-size: 70%;
                border-radius: 0.53333rem;
            }

.left-nav-content .sidebar-content .nav-group .sidebar-item {
    height: 60px;
    box-sizing: border-box;
    width: 25%;
    margin: 0;
}

    .left-nav-content .sidebar-content .nav-group .sidebar-item .robot,
    .left-nav-content .sidebar-content .nav-group .sidebar-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon {
            height: 20px;
            width: 20px;
            float: left;
            background-repeat: no-repeat;
            background-position: 50%;
        }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.home {
                background-image: url(/img//icon-home.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.rule {
                background-image: url(/img//icon-rule.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.openresult {
                background-image: url(/img//icon-openresult.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.customerservice {
                background-image: url(/img//icon-customerservice.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.UnsettledBets {
                background-image: url(/img//icon-report.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.todayreport {
                background-image: url(/img//icon-todayreport.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.promotions {
                background-image: url(/img//icon-promotions.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.logout {
                background-image: url(/img//icon-logout.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.problem {
                background-image: url(/img//icon-problem.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.daili {
                background-image: url(/img//icon-promotion.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.ReportQuery {
                background-image: url(/img//icon-history.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.PersonalCenter {
                background-image: url(/img//icon-center.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.information {
                background-image: url(/img//icon-userinfo.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.Announcement {
                background-image: url(/img//icon-notice.svg);
            }

            .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-icon.cut {
                background-image: url(/img//zhjl.svg);
                background-size: 100%;
            }

        .left-nav-content .sidebar-content .nav-group .sidebar-item .sidebar-item-title {
            font-size: 12px;
            line-height: 27px;
            color: #666;
            line-height: 20px;
            text-align: center;
        }

.left-nav-content .sidebar-content .nav-group:not(:first-child) {
    margin-top: 10px;
    background: #fff;
    border-radius: 12px;
}

.toptab {
    background: #f7f7f7;
    width: 100%;
}

.top-header2 {
    position: relative;
    background: url(/img//user_header_bg.png) no-repeat;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: calc(100% - 24px);
    margin: 12px 12px 0 12px;
    display: flex;
    height: 80px;
}

    .top-header2 .balanceLogo {
        width: 27px;
        height: 24px;
        margin: 22px 8px 0 20px;
    }

    .top-header2 .balance {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

        .top-header2 .balance div:first-child {
            color: #fff;
            font-size: 13px;
        }

        .top-header2 .balance div:nth-child(2) {
            height: 28px;
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            line-height: 28px;
        }

    .top-header2 .head-logo {
        position: absolute;
        right: 0;
        top: 21px;
        height: 25px;
        padding-right: 8px;
        background: hsla(0, 0%, 100%, .3);
        border-radius: 11.5px 0 0 11.5px;
        display: flex;
        align-items: center;
    }

        .top-header2 .head-logo img {
            margin: 0 5px 0 8px;
            width: 15px;
            height: 15px;
        }

        .top-header2 .head-logo span {
            height: 20px;
            font-size: 14px;
            color: #fff;
            line-height: 20px;
        }

    .top-header2 .vip {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 0;
        left: 0;
        z-index: 100;
    }

.profile_list {
    background: #fff;
    width: calc(100% - 24px);
    margin: 12px 12px 0 12px;
    border-radius: 10px;
}

    .profile_list .list-item {
        width: calc(100% - 30px);
        margin: 0 auto;
        height: 50px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #f7f7f7;
    }

        .profile_list .list-item img {
            position: absolute;
        }

        .profile_list .list-item span {
            font-size: 15px;
            margin-left: 30px;
        }

        .profile_list .list-item:after {
            content: " ";
            width: 7px;
            height: 12.5px;
            background: url(/img//right.svg);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

.message .nodata {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #555;
}


.securitySet {
    height: 100%;
    background: #f7f7f7;
}

.tip2 {
    color: #5f5f5f;
    font-size: 13px;
    padding: 10px 0 0 25px;
    background: none;
}

.securitySet .center-scroll {
    background: #fff;
    width: calc(100% - 20px);
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.securitySet .van-cell__title {
    text-align: left;
}

.securitySet .van-field__label {
    width: 8.3em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.securitySet .van-field__control:disabled {
    color: #333;
}

.securitySet .tab-content .van-cell input {
    font-size: .25rem;
}

.van-cell--required {
    overflow: visible;
}

.password2 {
    border: 1px solid #eee;
    border-radius: 12px;
    width: calc(100% - 30px);
    margin: 15px auto 0 auto;
}

.securitySet .tab-content .van-cell {
    padding: 10px 5px;
}

.password2 .van-cell__title {
    width: 0;
    margin-right: 0;
}

.securitySet .tab-content .van-cell .van-field__label {
    margin-right: 0.2rem;
    font-size: .28rem;
    line-height: normal;
}

.password2 .van-cell__title:before {
    content: " ";
    background: url(/img//password2.svg);
    width: 14px;
    height: 16.5px;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.securitySet .tab-content .form .pass {
    padding: 10px;
}

.securitySet .van-button--info {
    margin-top: 16px;
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    border-radius: 4px;
    height: 46px;
}

.securitySet .tab-content .form .pass .van-button {
    border-radius: 30px;
    border: 0;
}


.securitySet .van-button--info .van-button__text {
    font-size: 12px;
    padding: 0 10px;
}


.userinfo {
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.userinfo-container {
    background: url(/img//user_header_bg.png) no-repeat 50%;
    background-size: 100% 100%;
    margin: 15px 12px;
    height: 115px;
    overflow: hidden;
}

    .userinfo-container .user-header {
        padding: 9px 20px;
        position: relative;
    }

        .userinfo-container .user-header .user-balance {
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

            .userinfo-container .user-header .user-balance img {
                width: 27px;
                width: 24px;
                flex: none;
            }

            .userinfo-container .user-header .user-balance .user-money {
                margin-left: 8px;
                display: flex;
                flex-direction: column;
                font-size: 14px;
                font-family: PingFang SC, PingFang SC-5;
                font-weight: 400;
                text-align: left;
                color: #fff;
            }

                .userinfo-container .user-header .user-balance .user-money .money-text {
                    font-size: 26px;
                    font-family: DINPro, DINPro-6;
                    font-weight: 500;
                    color: #fff;
                }

        .userinfo-container .user-header .user-name {
            position: absolute;
            right: 0;
            top: 20px;
            background-color: hsla(0, 0%, 100%, .3);
            border-radius: 23px 0 0 23px;
            font-size: 14px;
            display: flex;
            align-items: center;
            padding: 4px 8px;
            font-family: PingFang SC, PingFang SC-5;
            color: #fff;
        }

            .userinfo-container .user-header .user-name img {
                width: 15px;
                height: 15px;
                margin-right: 2.5px;
                vertical-align: middle;
            }

.user-header .vip {
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    top: 0;
    z-index: 100;
}

.userinfo-container .user-fotter {
    display: flex;
    background-color: rgba(35, 77, 127, .2);
    border-radius: 0 0 8px 8px;
    padding: 8px 20px;
    white-space: nowrap;
}

    .userinfo-container .user-fotter .user-account,
    .userinfo-container .user-fotter .user-handicap {
        font-size: 16px;
        font-family: PingFang SC, PingFang SC-5;
        font-weight: 400;
        text-align: left;
        color: hsla(0, 0%, 100%, .7);
    }

        .userinfo-container .user-fotter .user-account span,
        .userinfo-container .user-fotter .user-handicap span {
            color: #fff;
        }

    .userinfo-container .user-fotter .user-handicap {
        margin-left: 36px;
    }

.userinfo .userinfo-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.userinfo .personal-header {
    width: 100%;
    height: 40px;
    position: relative;
    background: #fff;
}

    .userinfo .personal-header .title {
        font-size: 16px;
        color: #333;
        line-height: 44px;
        padding: 0 20px;
        text-align: left;
        font-weight: 500;
    }

    .userinfo .personal-header .dropdown-toggle {
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 1;
        width: 40px;
        height: 40px;
        background: url(/img//down.png) 50% no-repeat;
        background-size: 16px 8px;
    }

.scroll-wrapper1,
.scroll-wrapper {
    flex: 1;
    overflow-y: scroll;
}

.list-line {
    height: 2px;
    background: #e6e6e6;
}

.info-wrapper {
    background-color: #fff;
}

    .info-wrapper .content {
        display: flex;
        font-size: 12px;
    }

        .info-wrapper .content .content-item {
            -webkit-box-flex: 0;
            flex: 0 0 25%;
            min-width: 0;
            text-align: center;
        }

.text-color-333 {
    color: #333;
}

.userinfo .blue {
    color: #888;
}

.info-wrapper .content .content-item span {
    line-height: 40px;
    display: block;
    border-bottom: 1px dashed #d8d8d8;
}

.info-wrapper .content .content-item .top {
    background: #f7f7f7;
    border-bottom: none;
    line-height: 20px;
    height: 45px;
    display: flex;
    align-items: center;
}

.info-wrapper .content .content-item .leftdash {
    width: calc(100% - 12px);
    margin-left: 20px;
    text-align: left;
}

.bet-form {
    padding: 16px 24px 16px;
    display: flex;
    flex-direction: column;    
}

    .bet-form input {
        width: 100%;
        height: 46px;
        background: #F5F5F5;
        padding: 0 16px;
        border-radius: 6px;
        font-size: 14px;
    }

    .bet-form .select_bank {
        width: 100%;
        height: 46px;
        background: #F5F5F5;
        padding: 0 16px;
        border-radius: 6px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

        .bet-form .select_bank img {
            width: 24px;
            height: 24px;
        }

        .bet-form .select_bank::after {
            content: ' ';
            width: 24px;
            height: 24px;
            background: url(/img//right.png) no-repeat;
            background-size: contain;
            position: absolute;
            top: 12px;
            right: 12px;
            display: flex;
            align-items: center;
        }

    .bet-form .send_code {
        display: flex;
        gap: 8px;
    }

    .bet-form .send_btn {
        background: #F2F4FF;
        color: #4A8DE0;
        padding: 6px 8px;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        width: 70%;
    }

        .bet-form .send_btn.active {
            background: #ffffff;
            color: #999999;
            border: 1px solid #CCCCCC;
            padding: 6px 8px;
            font-size: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 6px;
            width: 70%;
        }

.bet-dialog-phone,
.bet-dialog-email,
.bet-dialog-bank,
.bet-dialog-wechat,
.bet-dialog-qq,
.bet-dialog-password {
    display: none;
}



.coffer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

    .coffer .whiteBg {
        background: #fff;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .coffer .nav-container {
        width: calc(100% - 24px);
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
    }

        .coffer .nav-container .item-nav {
            width: auto;
            padding: 0 5px;
            height: 36px;
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 0.5px 7.5px 0 rgba(0, 0, 0, .1);
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .coffer .nav-container .item-nav .icon {
                position: relative;
            }

            .coffer .nav-container .item-nav.active div {
                margin-top: -5px;
            }

            .coffer .nav-container .item-nav.active {
                background: url(/img//tabs_bg.png);
                height: 42.5px;
                background-size: 100% 100%;
                box-shadow: none;
            }




            .coffer .nav-container .item-nav .withdraw-icon {
                background: url(/img//withdraw.svg) no-repeat;
                background-size: 100%;
                width: 15px;
                height: 16px;
            }

                .coffer .nav-container .item-nav .withdraw-icon.en {
                    background: url(/img//withdrawen.svg) no-repeat;
                    background-size: 100%;
                }

                .coffer .nav-container .item-nav .withdraw-icon.active {
                    background: url(/img//withdraw_active.svg) no-repeat;
                    background-size: 100%;
                    width: 15px;
                    height: 16px;
                }

                    .coffer .nav-container .item-nav .withdraw-icon.active.en {
                        background: url(/img//withdraw_activeen.svg) no-repeat;
                        background-size: 100%;
                    }


            .coffer .nav-container .item-nav .recharge-icon {
                background: url(/img//recharge.svg) no-repeat;
                background-size: 100%;
                width: 15px;
                height: 16px;
            }

                .coffer .nav-container .item-nav .recharge-icon.en {
                    background: url(/img//rechargeen.svg) no-repeat;
                    background-size: 100%;
                }

                .coffer .nav-container .item-nav .recharge-icon.active {
                    background: url(/img//recharge_active.svg) no-repeat;
                    background-size: 100%;
                    width: 15px;
                    height: 16px;
                }

                    .coffer .nav-container .item-nav .recharge-icon.active.en {
                        background: url(/img//recharge_activeen.svg) no-repeat;
                        background-size: 100%;
                    }



            .coffer .nav-container .item-nav .record-icon {
                background: url(/img//record.svg) no-repeat;
                background-size: 100%;
                width: 13px;
                height: 15px;
            }


                .coffer .nav-container .item-nav .record-icon.active {
                    background: url(/img//record_active.svg) no-repeat;
                    background-size: contain;
                    width: 13px;
                    height: 15px;
                }



            .coffer .nav-container .item-nav span {
                margin-left: 8px;
                font-size: 12px;
                color: #aaa;
            }

            .coffer .nav-container .item-nav.active span {
                color: #fff;
                margin-top: -5px;
            }

.contentbox {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #f8f8f8;
    position: relative;
}

.coffer .contentbox {
    flex: 1;
}

.pay-list {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    display: none;
}

    .pay-list:nth-child(1) {
        display: block;
    }

    .pay-list .content {
        padding-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

        .pay-list .content .tabs {
            position: relative;
            width: calc(50% - 7.5px);
            height: 75px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }

            .pay-list .content .tabs .van-image__img,
            .content .tabs img {
                margin-left: 6%;
                max-height: 45px;
                max-width: calc(100% - 15px);
            }


.record {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

    .record .filter-container {
        background: #fff;
    }

.van-dropdown-menu {
    user-select: none;
}

.van-dropdown-menu {
    display: flex;
}

.van-dropdown-menu__item {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-width: 0;
    cursor: pointer;
}

.van-dropdown-menu .van-dropdown-menu__item {
    width: 33%;
    height: 44px;
}

.van-dropdown-menu__title {
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 8px;
    color: #323233;
    font-size: 15px;
    line-height: 22px;
}

.record .filter-container .van-dropdown-menu__title .van-ellipsis {
    line-height: 15px;
    overflow: initial;
    white-space: normal;
}

.van-dropdown-menu__title:after {
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -5px;
    border: 3px solid;
    border-color: transparent transparent #dcdee0 #dcdee0;
    transform: rotate(-45deg);
    opacity: .8;
    content: "";
}

.van-dropdown-item {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.van-dropdown-item--down {
    bottom: 0;
    display: none;
}

.loading {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.van-loading {
    color: #999999;
    font-size: 0;
}

.van-loading,
.van-loading__spinner {
    position: relative;
    vertical-align: middle;
}

.van-loading__spinner {
    display: inline-block;
    width: 30px;
    max-width: 100%;
    height: 30px;
    max-height: 100%;
    animation: van-rotate .8s linear infinite;
}

.van-loading__spinner--spinner {
    animation-timing-function: steps(12);
}

    .van-loading__spinner--spinner i {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .van-loading__spinner--spinner i:first-of-type {
            transform: rotate(30deg);
            opacity: 1;
        }

        .van-loading__spinner--spinner i:nth-of-type(2) {
            transform: rotate(60deg);
            opacity: .9375;
        }

        .van-loading__spinner--spinner i:nth-of-type(3) {
            transform: rotate(90deg);
            opacity: .875;
        }

        .van-loading__spinner--spinner i:nth-of-type(4) {
            transform: rotate(120deg);
            opacity: .8125;
        }

        .van-loading__spinner--spinner i:nth-of-type(5) {
            transform: rotate(150deg);
            opacity: .75;
        }

        .van-loading__spinner--spinner i:nth-of-type(6) {
            transform: rotate(180deg);
            opacity: .6875;
        }

        .van-loading__spinner--spinner i:nth-of-type(7) {
            transform: rotate(210deg);
            opacity: .625;
        }

        .van-loading__spinner--spinner i:nth-of-type(8) {
            transform: rotate(240deg);
            opacity: .5625;
        }

        .van-loading__spinner--spinner i:nth-of-type(9) {
            transform: rotate(270deg);
            opacity: .5;
        }

        .van-loading__spinner--spinner i:nth-of-type(10) {
            transform: rotate(300deg);
            opacity: .4375;
        }

        .van-loading__spinner--spinner i:nth-of-type(11) {
            transform: rotate(330deg);
            opacity: .375;
        }

        .van-loading__spinner--spinner i:nth-of-type(12) {
            transform: rotate(1turn);
            opacity: .3125;
        }

        .van-loading__spinner--spinner i:before {
            display: block;
            width: 2px;
            height: 25%;
            margin: 0 auto;
            background-color: currentColor;
            border-radius: 40%;
            content: " ";
        }


.no-data {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top: 5px;
}

.record .record-list-box { 
}

.record-list {
    margin-top: 6px;
}

.van-pagination {
    display: flex;
    font-size: 14px;
}

.van-pagination__item,
.van-pagination__page-desc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.van-pagination__item {
    flex: 1;
    box-sizing: border-box;
    min-width: 36px;
    height: 40px;
    color: #1989fa;
    background-color: #fff;
    cursor: pointer;
    user-select: none;
}

.van-pagination__next,
.van-pagination__prev {
    padding: 0 4px;
    cursor: pointer;
}

.van-pagination__item--disabled,
.van-pagination__item--disabled:active {
    color: #646566;
    background-color: #f7f8fa;
    cursor: not-allowed;
    opacity: .5;
}

.van-pagination__item:after {
    border-width: 1px 0 1px 1px;
}

.van-pagination__item--active {
    color: #fff;
    background-color: #1989fa;
}

.van-pagination__page {
    flex-grow: 0;
}

.van-pagination__item--active {
    background-color: #FD5810;
    border-color: #FD5810;
}


.van-popup--top {
    top: 0;
    left: 0;
    width: 100%;
}

.van-dropdown-item__content {
    position: absolute;
    max-height: 80%;
}

.lines {    
    padding: 15px 15px 0 15px;
}

    .lines .title {
        color: #aaa;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .lines .items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .lines .items .item {
            width: 30%;
            padding: 5px;
        }

        .lines .items .item2,
        .lines .items .item {
            text-align: center;
            background: #f8f8f8;
            border-radius: 5px;
            font-size: 14px;
            margin-bottom: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .lines .items .activeItem {
            background: #edf4ff;
            border: 1px solid #FD5810;
            color: #FD5810;
        }


        .lines .items .item2 {
            width: 40%;
            line-height: 36px;
            display: flex;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

        .lines .items .line {
            color: #e4e4e4;
            line-height: 36px;
            width: 15px;
            overflow: hidden;
        }

.btns {    
    padding: 0 15px 15px 15px;
    display: flex;
    justify-content: space-between;
}

    .btns div:first-child {
        width: 165px;
        line-height: 40px;
        border: 1px solid #c8c8c8;
        border-radius: 5px;
        color: #8d8d8d;
        font-size: 14px;
        text-align: center;
    }

    .btns div:nth-child(2) {
        background: #FD5810;
        width: 165px;
        line-height: 40px;
        border: 1px solid #FD5810;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }



.home-marquee {
    display: flex;
    align-items: center;
    min-height: 36px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

    .home-marquee > img {
        padding-left: 12px;
        width: 30px;
    }

.scrolling-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 10px;
}

.scrolling-content {
    display: flex;
    white-space: nowrap;
}

    .scrolling-content p {
        padding: 10px;
        color: #333333;
        font-size: 14px;        
    }

@keyframes scroll-left {
    0% {
        transform: translateX(10%);
    }

    100% {
        transform: translateX(-100%);
    }
}


#announcement-container {
    width: 100%;
    height: 33px;
    position: relative;
}

#announcement-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    transition: top 0.5s ease-in-out;
}

.announcement-item {
    padding: 10px 0;
    color: #232323;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.noticeBar__container {
    display: flex;
    align-items: center;
    width: 100%;
    height: .98667rem;    
    color: #FD5810;
    font-size: .29333rem;    
    background:#f3caa5;    
    border-bottom: 1px solid #f0f0f0;
}

.noticeBar__container-body {
    width: 9.33333rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    height: .8rem;
    line-height: .98667rem;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
}

.noticeBar__container-body-text {
    width: 100%;
    height: fit-content;
    max-height: .98667rem;
    line-height: .49333rem;
    animation: marquee-d9367744 7s linear infinite;
    display: flex;
    justify-content: column;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}

@-webkit-keyframes marquee-d9367744 {
    0% {
        transform: translateY(100%);
    }

    10% {
        transform: translateY(0);
    }

    90% {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes marquee-d9367744 {
    0% {
        transform: translateY(100%);
    }

    10% {
        transform: translateY(0);
    }

    90% {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

.noticeBar__container > svg {
    width: .42667rem;
    flex-shrink: 0;
    height: auto;
    margin-right: .22667rem;
}

.noticeBar__container > img {
    width: 16px;
    height: 16px;
}

.noticeBar__container a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: .06667rem;
    width: 2rem;
    height: .66667rem;
    margin-left: auto;
    color: #fff;
    border: none;
    border-radius: .53333rem;
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
}

    .noticeBar__container a svg {
        width: .32rem;
        height: auto;
    }

    .noticeBar__container a img {
        width: .32rem;
        height: auto;
    }



.center .content .content-tab {
    flex: 1;
}


.announCement {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .announCement .center-scroll {
        overflow-y: scroll;
    }

.notice {
    width: calc(100% - 20px);
    margin: 10px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
}

    .notice .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

        .notice .title .className {
            position: relative;
            font-size: 14px;
            color: #333;
            padding-left: 32px;
        }

            .notice .title .className:before {
                content: " ";
                width: 24px;
                height: 24px;
                background-size: 100% 100%;
                background-repeat: no-repeat;
                position: absolute;
                left: 0;
                top: -3px;
            }

            .notice .title .className.class_0:before {
                background-image: url(/img//notice_0.svg);
            }

        .notice .title .createdTime {
            font-size: 12px;
            color: #999;
        }

    .notice .content {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        color: #333;
        font-size: 14px;
        width: calc(100% - 30px);
        margin: 0 auto;
        height: auto;
    }

    .notice .detail {
        border-top: 1px solid #f3f3f3;
        font-size: 12px;
        color: #999;
        padding: 10px 0;
        width: calc(100% - 30px);
        margin: 0 auto;
        position: relative;
    }

        .notice .detail:after {
            content: " ";
            position: absolute;
            right: 0;
            background-image: url(/img//enter.png);
            width: 6.5px;
            height: 11.5px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

.gonggao {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #f6f6f6;
}

    .gonggao .main-scroll {
        flex: 1;
        overflow-y: scroll;
    }

    .gonggao .message-title {
        width: calc(100% - 20px);
        margin: 10px auto 0 auto;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
        padding: 8px 10px;
        background-color: #fff;
        font-size: 13px;
    }

        .gonggao .message-title .title {
            font-weight: 700;
            font-size: 16px;
        }

        .gonggao .message-title .dateTime {
            color: #999;
            font-size: 14px;
        }

    .gonggao .message-content {
        width: calc(100% - 20px);
        margin: 10px auto 0 auto;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
        padding: 8px 10px;
        background-color: #fff;
        font-size: 15px;
    }

        .gonggao .message-content .content {
            min-height: 100px;
            text-align: left;
            overflow-x: auto;
            overflow-wrap: break-word;
        }




.notice-box {
    display: block;
    font-size: 16px;
    color: rgba(0, 0, 0, .72);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 20;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    font-family: inherit;
    animation: fadeIn-22bddbe4 .25s ease-in 0s 1 normal both running;
}

    .notice-box > {
        box-sizing: border-box;
    }

    .notice-box .notice {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 0;
        right: 0;
        top: 10%;
        width: 300px;
        height: 550px;
        max-height: 80%;
        margin: 0 auto;
        animation: slideIn-22bddbe4 .25s ease-in-out 0s 1 normal both running;
        transition: opacity .25s ease-in-out 0s;
        background: none;
    }

    .notice-box .notice-header {
        position: relative;
        height: 160px;
        top: 10px;
        z-index: 0;
        -webkit-box-flex: 0;
        flex: 0 0 160px;
    }

        .notice-box .notice-header img {
            display: block;
            width: 100%;
        }

        .notice-box .notice-header .close {
            position: absolute;
            right: 0;
            top: 5px;
            box-shadow: inset 0 0 0 1.5px #fff;
            background-color: transparent;
            width: 50px;
            height: 50px;
            cursor: pointer;
            border-width: initial;
            border-style: none;
            border-color: initial;
            border-image: initial;
            border-radius: 50%;
            outline: none;
            padding: 0;
            margin: 0;
            transition: background-color .2s ease-in-out 0s;
        }

            .notice-box .notice-header .close:after,
            .notice-box .notice-header .close:before {
                content: "";
                display: block;
                position: absolute;
                width: 70%;
                height: 1.5px;
                top: 50%;
                left: 15%;
                background-color: #fff;
            }

            .notice-box .notice-header .close:before {
                transform: rotate(45deg);
            }

            .notice-box .notice-header .close:after {
                transform: rotate(-45deg);
            }

    .notice-box .notice-body {
        position: relative;
        flex: 1;
        overflow: auto;
        box-sizing: border-box;
        padding: 10px 0 25px 0;
        display: flex;
        flex-direction: row;
        background: #fff;
        border-radius: 0 0 20px 20px;
    }

        .notice-box .notice-body .notice-menu {
            position: relative;
            width: 110px;
            margin-left: -10px;
            -ms-flex-preferred-size: 110px;
            flex-basis: 110px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            overflow-y: auto;
            overflow-x: hidden;
            padding-bottom: 10px;
            z-index: 1;
            border-right: 1px solid rgba(0, 0, 0, .1);
        }

        .notice-box .notice-body .notice-menu-item {
            position: relative;
            font-size: 15px;
            color: #000;
            z-index: 0;
            box-sizing: border-box;
            width: 110px;
            text-align: center;
            cursor: pointer;
            padding: 12px 0 12px 0;
            transition: color .2s ease-in-out 0s;
        }

            .notice-box .notice-body .notice-menu-item.active {
                color: #fff;
                background: #FD5810;
            }

        .notice-box .notice-body .divider {
            height: 1px;
            width: calc(100% - 10px);
            margin-left: 10px;
            background: rgba(0, 0, 0, .1);
        }

        .notice-box .notice-body .notice-content {
            position: relative;
            height: 100%;
            flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 100px;
            flex-basis: 100px;
            width: 100px;
            padding: 0 10px;
        }

            .notice-box .notice-body .notice-content:after,
            .notice-box .notice-body .notice-content:before {
                content: "";
                position: absolute;
                height: 20px;
                width: 100%;
                z-index: 1;
                pointer-events: none;
                opacity: 0;
                transition: all .3s ease-in-out 0s;
            }

            .notice-box .notice-body .notice-content:before {
                top: 0;
                right: 0;
                background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
            }

        .notice-box .notice-body .notice-content-item {
            position: relative;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            display: none;
        }

            .notice-box .notice-body .notice-content-item:first-child {
                display: block;
            }

        .notice-box .notice-body .notice-content > :first-child {
            margin-top: 0;
        }

        .notice-box .notice-body .notice-content-item p {
            margin: 5px 0 0;
            font-size: 14px;
        }

        .notice-box .notice-body .notice-content-item .date {
            font-size: 13px;
            margin: 0;
        }

        .notice-box .notice-body .notice-content-item h3 {
            font-size: 16px;
            color: rgba(0, 0, 0, .72);
            margin: 0;
        }

        .notice-box .notice-body .notice-content:after {
            bottom: 0;
            right: 0;
            background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
        }

    .notice-box .notice .notice-pagination {
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 0;
        line-height: 25px;
        font-size: 12px;
        color: #000;
    }





.mn .fleaix {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.open {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

    .open .open-content {
        height: calc(100% - 54px);
    }

.header-wrapper {
    width: 100%;
}

.open .header-wrapper {
    width: 100%;    
}

    .open .header-wrapper .menulist {
        display: flex;
        width: 100%;
        height: 38px;
        border-bottom: 2px solid #e6e6e6;
        background: linear-gradient(287deg, #fefefe, #f8f9fd);
    }

        .open .header-wrapper .menulist .item {
            flex: 1;
            position: relative;
        }

.popup-lottery-picker {
    font-size: 15px;
    line-height: 24px;
}

    .popup-lottery-picker.van-cell {
        position: relative;
        padding: 0;
        width: 100%;
        margin: 0;
        height: auto;
    }

.open .header-wrapper .menulist.van-cell {
    background: none;
}

.popup-lottery-picker .van-cell {
    font-size: 14px;
    line-height: 24px;
    padding: 7px 16px;
}

.van-cell__value--alone {
    color: #323233;
    text-align: left;
}

.van-field__control:read-only {
    cursor: default;
}

.open .header-wrapper .menulist.van-field__control {
    color: #444;
}

.van-field__clear,
.van-field__right-icon {
    margin-right: -8px;
    padding: 0 8px;
    line-height: inherit;
}

.van-field__right-icon {
    color: #969799;
}

    .van-field__left-icon .van-icon,
    .van-field__right-icon .van-icon {
        display: block;
        font-size: 16px;
        line-height: inherit;
    }

.van-list__error-text,
.van-list__finished-text,
.van-list__loading {
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center;    
}

    .van-list__finished-text img {
        width: 50%;
    }

.van-list__placeholder {
    height: 0;
    pointer-events: none;
}


.popup-lottery-picker__wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 500px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .7);
    overflow-y: scroll;
    z-index: 2000 !important;
    display: none;
}

.active {    
    display: block;
}

.backTop {
    height: 44px;
    width: 86%;
    display: flex;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #fff;
    position: relative;
    border-radius: 0 20px 0 0;
}

    .backTop .arrow {
        color: #354660;
        position: absolute;
        left: 21px;
        display: flex;
    }

    .backTop span {
        color: #354660;
        font-size: 16px;
    }

.popup-lottery-picker__wrapper .picker-wrapper {
    width: 86%;
    margin-right: 14%;
    height: calc(100% - 44px);
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: #fff;
    overflow-y: auto;
}

    .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-img-title {
        position: relative;
        line-height: 0;
        margin-bottom: 30px;
    }

        .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-img-title .line {
            width: 100%;
            height: auto;
        }

        .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-img-title .imgBg {
            position: absolute;
            left: 0;
            top: 10px;
            background-image: url(/img//lotteryTypeBg.svg);
            background-size: 100% 100%;
            height: 20px;
            width: 97px;
            font-size: 11px;
            line-height: 20px;
            text-align: center;
            color: #fff;
            width: 139px;
            background-size: cover;
        }

    .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-wrapper {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-item {
        -webkit-box-flex: 0;
        flex: 0 0 33.333%;
        display: flex;
        position: relative;
    }

        .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-item .item {
            margin: 5px;
            margin-bottom: 12px;
            display: block;
            line-height: 20px;
            height: 52px;
            cursor: pointer;
            color: #444;
            text-align: center;
            background-color: #fff;
            border-radius: 5px;
            box-sizing: border-box;
            width: 100%;
            font-size: 11px;
            font-weight: 700;
            overflow: hidden;
            position: relative;
            border: 1px solid #e6e6e6;
            padding-top: 3px;
        }

            .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-item .item .count {
                font-weight: 400;
                color: #888;
                margin-top: 5px;
            }

                .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-item .item .count .colorRed {
                    color: #d10000;
                    line-height: 1.15 !important;
                }

        .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-item .icon {
            position: absolute;
            width: 23px;
            height: 16px;
            top: 0;
            right: 8px;
            background-size: 100%;
        }

        .popup-lottery-picker__wrapper .picker-wrapper .game-div .game-div-item .new-en {
            background-image: url(/img//game-icon-newen.370538ba.png);
        }




.open .header-wrapper .menulist .item .text {
    padding: 3px 0 0 8px;
    font-size: 12px;
    position: absolute;
    line-height: 1.15;
}

.popup-datetimePicker {
    font-size: 13px;
    line-height: 24px;
}

    .popup-datetimePicker.van-cell {
        padding: 0;
    }

.history .timetext,
.open .timetext {    
    font-size: 13px;    
    width: 100%;
    z-index: 10;
}

.open .timetext {    
    display: flex;
    align-items: center;
    padding-left: 12px;
}

.van-cell--clickable {
    cursor: pointer;
}

.popup-datetimePicker .van-cell {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
}

.open .header-wrapper .menulist .van-field__control {
    color: #444;
}

.popup-datetimePicker.van-cell .van-icon-calender-o {
    font-size: 22px;
}

.open .header-wrapper .menulist .item .timepick {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 15px;
    top: 11px;
    z-index: 1;
}

.t-table:first-child {
    display: block;
}

.t-table {
    font-size: 12px;
    text-align: center;
    height: calc(100% - 40px);
    background-color: #fff;
    overflow: hidden;
}

.t-table-header {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.t-table-header__th {
    flex: 1;
    line-height: 45px;
    font-size: 16px;
    color: #666;
}

    .t-table-header__th:first-child {
        display: none;
        flex: 0 0 100px;
        width: 100px;
    }

    .t-table-header__th.van-tag-box {
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        align-items: center;
    }

.van-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
}

.van-tag--primary {
    background-color: #1989fa;
}

.t-table-header__th.van-tag-box .van-tag {
    font-size: 13px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    display: inline-block;
    line-height: 36px;
}

.t-table-header__th.van-tag-box .van-tag--primary {
    background-color: #fff;
    color: #FD5810;
    height: 38px;
    border: none;
    border-bottom: 0.06rem solid #FD5810;
}

.t-table-body {
    height: calc(100% - 37px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.t-table-body__tr {
    display: flex;
    min-height: 46px;
    padding: 0.26667rem .13333rem;
}

.t-table-body__td {
    font-size: 14px;
    line-height: 20px;    
    color: #333;
}

    .t-table-body__td.period {
        text-align: center;
        white-space: nowrap;
        font-size: 12px;        
        line-height: 12px;        
        display: flex;
        justify-content: center;
        align-items: center;
    }

.time {
    color: #999;
}

.t-table-body__td.detail {
    flex: 1;
    padding-right: 8px;
}

.bigSmall-ball,
.t-table-body__td.detail {
    display: flex;
}

    .bigSmall-ball span {
        width: 16px;
        height: 16px;
        line-height: 16px;        
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .bigSmall-ball span.Big {            
            background: linear-gradient(180deg, #f37777, #db2b2b);
            color: #ffffff;
        }

        .bigSmall-ball span.Small {            
            background: linear-gradient(180deg, #7fb3f1, #3581dc);
            color: #ffffff;
        }

        .bigSmall-ball span.oddEven-item.Odd {            
            background: linear-gradient(180deg, #72d55c, #26aa08);
            color: #ffffff;
        }

        .bigSmall-ball span.oddEven-item.Even {            
            background: linear-gradient(180deg, #ffcc2f, #d4a925);
            color: #ffffff;
        }

        .bigSmall-ball span:not(:first-child) {
            margin-left: 5px;
        }

.bigSmall-ball {
    align-items: center;
    justify-content: center;
}

.open .header-wrapper .menulist .van-cell {
    background: none;
    cursor: pointer;
}



.activity {
    width: 100%;
    height: calc(100vh - 130px);
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding: 12px;
    overflow-y: auto;
}

    .activity a {
        display: flex;
    }

    .activity img {
        width: 100%;
        display: flex;
    }

.activity-detail-mains {
    width: 100%;
    height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 16px;
    font-size: 14px;
    line-height: 22px;
}

    .activity-detail-mains table {
        border-collapse: collapse;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        width: 100%;
    }

        .activity-detail-mains table tr td {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            padding: 4px 5px;
            text-align: center;
        }

        .activity-detail-mains table tr:first-child td {
            background-color: #FD5810;
            color: #fff;
        }



.rule-game__picker .select-value,
.rule-game__picker:after {
    top: 0;
    bottom: 0;
}

.rule-page {
    font-size: 12px;
    padding: 20px;
    height: calc(100vh - 20px);
    overflow-y: auto;
    background: #fff;
}

.rule-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rule-header .light-icon {
        width: 32px;
        height: 32px;
        border-radius: 20px;
        background: url(/img//rule_icon.png) 50% 50% no-repeat;
        background-size: 100%;
    }

    .rule-header .tip-list {
        width: 100%;
    }

        .rule-header .tip-list > p {
            text-indent: 16px;
            line-height: 24px;
            font-size: 14px;
            color: #666;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.rule-game__picker {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 16px;
    color: #333333;
    margin: 20px auto;
}

    .rule-game__picker:after {
        position: absolute;
        width: 24px;
        height: 24px;
        background: url(/img//pai_icon.png) 50% 50% no-repeat;
        background-size: 100%;
        content: "";
        right: 12px;
        margin: auto;
    }

    .rule-game__picker:nth-child(2):after {
        background: url(/img//download.svg) 50% 50% no-repeat;
        background-size: 100%;
    }

    .rule-game__picker .select-value {
        width: 100%;
        position: absolute;
        margin: auto;
        font-size: 14px;
        background: #fff;
        border: 1px solid #d4d4d4;
        border-radius: 6px;
    }

    .rule-game__picker .rule-select {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: relative;
        z-index: 2;
        font-size: 14px;
    }

._rule > p {
    font-size: 14px;
    color: #343434;
    line-height: 24px;
}

.title1 {
    font-size: 18px;
    padding: 10px 0;
    margin-top: 10px;
}

.title1,
.title2 {
    color: #232323;
    font-weight: 700;
}

.title2 {
    font-size: 18px;
    padding: .25rem 0;
}

.title3 {
    color: #f11e23;
    font-weight: 700;
}

.history-content {
    width: 100%;
    white-space: wrap;
    overflow-x: auto;
}

    .history-content > table {
        width: 100%;
        overflow-y: hidden;
        text-align: center;
        margin: auto;
        background: #ffffff;
    }

    .history-content .history-table__header > th {
        color: #333;
        background: #efefef;
        border-spacing: 0;
        padding: 0.4rem 0.3rem;
        border-right: 1px solid rgba(0, 0, 0, .1);
        border-top: 1px solid rgba(0, 0, 0, .1);
        white-space: nowrap;
    }

        .history-content .history-table__header > th:first-child {
            border-left: 1px solid rgba(0, 0, 0, .1);
        }

    .history-content .history-table__item {
        color: #444;
    }

        .history-content .history-table__item > td {
            white-space: nowrap;
            border-spacing: 0;
            padding: 0.4rem;
            border: 1px solid rgba(0, 0, 0, .1);
            border-bottom: none;
            border-left: none;
        }

            .history-content .history-table__item > td:first-child {
                border-left: 1px solid rgba(0, 0, 0, .1);
            }

        .history-content .history-table__item:last-child > td {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }


.pay-list-wrap {
    width: 100%;
    height: calc(100vh - 34px);
    overflow-y: auto;
}

    .pay-list-wrap .pay-money {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #f1f1f1;
        padding: 20px 0;
        background: #ffffff;
    }

        .pay-list-wrap .pay-money span {
            color: #ff5000;
        }

    .pay-list-wrap .list {
        margin: 0;
        width: 100%;
        border-radius: 0;
    }

        .pay-list-wrap .list li {
            display: flex;
            justify-content: space-between;
            padding: 10px;
            margin: 0 16px;
            border-bottom: 1px solid #eee;
        }

            .pay-list-wrap .list li .left {
                display: flex;
                flex-direction: column;
            }

                .pay-list-wrap .list li .left .name {
                    display: flex;
                    align-items: center;
                }

                    .pay-list-wrap .list li .left .name span {
                        font-size: 14px;
                    }

                    .pay-list-wrap .list li .left .name i {
                        width: 20px;
                        height: 20px;
                        background: url(/img//right.png) no-repeat center;
                        background-size: cover;
                    }

                    .pay-list-wrap .list li .left .name div {
                        display: flex;
                        align-items: center;
                    }

                .pay-list-wrap .list li .left .number,
                .pay-list-wrap .list li .left .time {
                    color: #999;
                    font-size: 12px;
                }

            .pay-list-wrap .list li .right {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .pay-list-wrap .list li .right span {
                    color: #00b303;
                    font-size: 14px;
                }

                    .pay-list-wrap .list li .right span.hang {
                        color: #0f93f7;
                    }

                    .pay-list-wrap .list li .right span.hong {
                        color: #f70f0f;
                    }

                    .pay-list-wrap .list li .right span.lv {
                        color: #00b303;
                    }

                .pay-list-wrap .list li .right b {
                    font-size: 14px;
                    color: #ff5000;
                    text-align: right;
                }



.change-all-wrap .change-mains {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 180px);
    background: #ffffff;
}

    .change-all-wrap .change-mains .all {
        justify-content: center;
        position: relative;
        border-bottom: 8px solid #f5f5f5;
        height: 80px;
        min-height: 80px;
    }

        .change-all-wrap .change-mains .all .all-money,
        .change-all-wrap .change-mains .all {
            display: flex;
            align-items: center;
        }

            .change-all-wrap .change-mains .all .all-money {
                flex-direction: column;
            }

                .change-all-wrap .change-mains .all .all-money p {
                    font-size: 14px;
                }

                .change-all-wrap .change-mains .all .all-money b {
                    font-size: 18px;
                    color: #ff5000;
                }

            .change-all-wrap .change-mains .all .all-btn {
                position: absolute;
                right: 20px;
            }

                .change-all-wrap .change-mains .all .all-btn img {
                    width: 16px;
                    height: 16px;
                }

    .change-all-wrap .change-mains ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px;
        margin: 10px;
    }

        .change-all-wrap .change-mains ul li {
            box-shadow: 0 5px 10px 0 #dedede;
        }

            .change-all-wrap .change-mains ul li .money {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 20px;
                height: 64px;
                background: url(/img//bg.png) no-repeat;
            }

                .change-all-wrap .change-mains ul li .money .left {
                    display: flex;
                }

                    .change-all-wrap .change-mains ul li .money .left img {
                        width: 36px;
                        height: 36px;
                        object-fit: cover;
                    }

                    .change-all-wrap .change-mains ul li .money .left p {
                        display: flex;
                        flex-direction: column;
                        padding-left: 10px;
                    }

                        .change-all-wrap .change-mains ul li .money .left p b {
                            font-size: 14px;
                        }

                        .change-all-wrap .change-mains ul li .money .left p span {
                            color: #ff5000;
                            font-size: 14px;
                        }

                .change-all-wrap .change-mains ul li .money .right img {
                    width: 16px;
                    height: 16px;
                    display: flex;
                }

            .change-all-wrap .change-mains ul li .btn {
                display: flex;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                height: 34px;
                line-height: 34px;
            }

                .change-all-wrap .change-mains ul li .btn span {
                    font-size: 14px;
                }

                    .change-all-wrap .change-mains ul li .btn span:first-child {
                        color: #FD5810;
                    }

                .change-all-wrap .change-mains ul li .btn b {
                    color: #dcdcdc;
                    font-size: 14px;
                    font-weight: normal;
                }

                .change-all-wrap .change-mains ul li .btn span:last-child {
                    color: #999;
                }

.change-all-wrap .change-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    max-width: 500px;
    padding: 24px 0;
}

    .change-all-wrap .change-btn span {
        display: inline-block;
        border-radius: 40px;
        width: 300px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    }

    .change-all-wrap .change-btn b {
        margin-top: 10px;
        color: #999;
        font-size: 12px;
    }

.change-all-wrap .van-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .change-all-wrap .van-overlay .change-wrapper {
        width: 240px;
        background-color: #fff;
    }


        .change-all-wrap .van-overlay .change-wrapper .change-top {
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-weight: 700;
            font-size: 16px;
            text-align: center;
            background-color: #FD5810;
        }

        .change-all-wrap .van-overlay .change-wrapper .change-mains {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 108px;
            height: auto;
        }

            .change-all-wrap .van-overlay .change-wrapper .change-mains h3 {
                font-size: 14px;
                padding-bottom: 10px;
            }

                .change-all-wrap .van-overlay .change-wrapper .change-mains h3 b {
                    color: #ff5000;
                }

            .change-all-wrap .van-overlay .change-wrapper .change-mains input {
                border-width: 0;
                padding-left: 10px;
                width: 200px;
                height: 40px;
                text-align: center;
                font-size: 14px;
                background-color: #f5f5f5;
            }

        .change-all-wrap .van-overlay .change-wrapper .chang-btn {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            border-top: 1px solid #eee;
            height: 45px;
            line-height: 45px;
        }

            .change-all-wrap .van-overlay .change-wrapper .chang-btn span {
                text-align: center;
                font-size: 14px;
            }

                .change-all-wrap .van-overlay .change-wrapper .chang-btn span:first-child {
                    color: #999;
                    border-right: 1px solid #eee;
                }

                .change-all-wrap .van-overlay .change-wrapper .chang-btn span:last-child {
                    color: #FD5810;
                }














.pay-wrap {    
}

    .pay-wrap .pay_tab {
        display: none;
    }

        .pay-wrap .pay_tab.show {
            display: block;
        }

    .pay-wrap .pay_aisle,
    .pay-wrap .pay_money,
    .pay-wrap .pay_way {
        padding: 10px;
        border-bottom: 8px solid #f5f5f5;
        background-color: #fff;
    }

        .pay-wrap .pay_aisle h5,
        .pay-wrap .pay_money h5,
        .pay-wrap .pay_way h5 {
            height: 32px;
            font-weight: 700;
            font-size: 16px;
        }

        .pay-wrap .pay_aisle ul,
        .pay-wrap .pay_money ul,
        .pay-wrap .pay_way ul {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 8px;
        }

            .pay-wrap .pay_aisle ul li,
            .pay-wrap .pay_money ul li,
            .pay-wrap .pay_way ul li {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                border: 1px solid #dcdcdc;
                padding: 5px 0;
                width: 100%;                
                font-size: 14px;
                cursor: pointer;
            }

                .pay-wrap .pay_aisle ul li.active,
                .pay-wrap .pay_money ul li.active,
                .pay-wrap .pay_way ul li.active {
                    position: relative;
                    color: #ff5000;
                    border-color: #ff5000;
                }

                .pay-wrap .pay_aisle ul li img,
                .pay-wrap .pay_money ul li img,
                .pay-wrap .pay_way ul li img {
                    width: 24px;
                }

                .pay-wrap .pay_aisle ul li span,
                .pay-wrap .pay_money ul li span,
                .pay-wrap .pay_way ul li span {
                    display: inline-block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding-top: 2px;
                    width: 76px;
                    text-align: center;
                    font-size: 12px;
                }

                    .pay-wrap .pay_aisle ul li span.limit,
                    .pay-wrap .pay_money ul li span.limit,
                    .pay-wrap .pay_way ul li span.limit {
                        transform: scale(.9);
                    }

                .pay-wrap .pay_aisle ul li.active:after,
                .pay-wrap .pay_money ul li.active:after,
                .pay-wrap .pay_way ul li.active:after {
                    content: "";
                    position: absolute;
                    bottom: -0.026667rem;
                    right: -0.026667rem;
                    border-radius: 0 0 0.106667rem 0.106667rem;
                    width: 22px;
                    height: 22px;
                    background: url(/img//goux_icon.png) no-repeat;
                    background-size: 100% 100%;
                }

.van-cell::after {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    right: 16px;
    bottom: 0;
    left: 16px;    
    transform: scaleY(.5);
}

.van-cell--clickable {
    cursor: pointer;
}

.pay-wrap .van-cell,
.pay-wrap .van-cell input {
    font-size: 16px;
    display: flex;
}

    .pay-wrap .van-cell .van-field__label {
        width: unset;
        color: #333;
        font-weight: 700;
    }



.van-field__value {
    width: 100%;
    overflow: visible;
}

.van-field__error-message {
    color: #ee0a24;
    font-size: 12px;
    text-align: left;
}

.signUp-mains .van-cell .van-field__error-message {
    font-size: 12px;
}


.pay_btn {
    margin-top: 60px;
    text-align: center;
}

.pay-wrap .pay_btn {
    text-align: center;
}

.pay_btn .van-button {
    width: 8.133333rem;
    height: 1.333333rem;
    font-size: .426667rem;
}

.pay-wrap .pay_btn .van-button {
    border-radius: 40px;
    width: 355px;
    height: 46px;
    font-size: 16px;
    color: white;
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
}

.pay-wrap .pay_tip {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

    .pay-wrap .pay_tip p {
        display: flex;
        align-items: center;
        font-size: 14px;
    }

        .pay-wrap .pay_tip p a {
            color: #FD5810;
            display: flex;
            align-items: center;
        }

            .pay-wrap .pay_tip p a img {
                margin-left: 10px;
                width: 32px;
            }

.van-icon-question-o:before {    
}


.pay-wrap .pay_info {
    border-bottom: 1px solid #f5f5f5;
}

    .pay-wrap .pay_info > p {
        padding: 10px;
        color: #f42332;
        font-size: 14px;
    }



.van-picker {
    position: relative;
    background-color: #fff;
    user-select: none;
}

.van-picker__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    display: grid;
    grid-template-columns: 15% 70% 15%;
}

.van-picker__cancel,
.van-picker__confirm {
    height: 100%;
    padding: 0 16px;
    font-size: 14px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.van-picker__cancel {
    color: #969799;
}

    .van-picker__cancel img {
        width: 16px;
        height: 16px;
    }


.van-picker__title {    
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.van-picker__confirm {
    color: #576b95;
}

.van-picker__columns {
    position: relative;
    display: flex;
    cursor: grab;
}


.van-picker-column {
    flex: 1;
    overflow-y: auto;
    font-size: 14px;
    height: calc(100vh - 104px);
    touch-action: pan-y;
}

.van-picker-column__wrapper {
    transition-timing-function: cubic-bezier(.23, 1, .68, 1);
}

.van-picker-column__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    color: #000;
    height: 44px;
    border-bottom: 1px solid #f0f0f0;
}

.van-picker__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)), linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4));
    background-repeat: no-repeat;
    background-position: top, bottom;
    transform: translateZ(0);
    pointer-events: none;
}

.van-picker__frame {
    position: absolute;
    top: 50%;
    right: 16px;
    left: 16px;
    z-index: 2;
    transform: translateY(-50%);
    pointer-events: none;
}

.van-picker-column__item.active .van-ellipsis span {
    color: #FD5810;
}



.searchbar-head-fixed {
    width: 100%;
    max-width: 500px;
    background: #f0f0f0;
    padding: .32rem;
}

.searchbar-container {
    position: relative;
}

.searchbar-container__searchbar {
    width: 100%;
    padding: .26667rem;
    outline: none;
    border: none;
    border-radius: .8rem;
    background: #ffffff;
    font-size: .37333rem;
    box-shadow: 0 0.10667rem 0.21333rem #d0d0ed5c;
}

    .searchbar-container__searchbar::-webkit-input-placeholder {
        color: #acafc2;
    }

    .searchbar-container__searchbar::placeholder {
        color: #acafc2;
    }

.searchbar-container .searchIcon {
    position: absolute;
    right: .13333rem;
    top: 50%;
    transform: translateY(-42%);
    width: 1.6rem;
    height: auto;
}

.searchbar-container .clearIcon {
    width: .45rem;
    height: auto;
    position: absolute;
    right: 2rem;
    top: 26%;
}





.pay_tutorial .pay_tutorial_main .van-cell {
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .pay_tutorial .pay_tutorial_main .van-cell .van-cell__title .curItem .curItem_l img {
        width: 30px;
    }

.pay_tutorial .pay_tutorial_main > img {
    width: 100%;
}

.van-cell__left-icon,
.van-cell__right-icon {
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
}

.van-cell__right-icon {
    margin-left: 4px;
    color: #969799;
}

.pay_tutorial .van-popup .tutorial_wrap header {
    border-bottom: 8px solid #f5f5f5;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

    .pay_tutorial .van-popup .tutorial_wrap header a {
        position: absolute;
        left: 24px;
        top: 0;
        color: #ff5000;
        font-size: 14px;
    }

    .pay_tutorial .van-popup .tutorial_wrap header strong {
        font-weight: 700;
        font-size: 16px;
    }

.pay_tutorial .van-popup .tutorial_wrap ul .tutorial_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    height: 50px;
}

    .pay_tutorial .van-popup .tutorial_wrap ul .tutorial_item .tutorial_item_l img {
        width: 30px;
    }

    .pay_tutorial .van-popup .tutorial_wrap ul .tutorial_item .tutorial_item_l span {
        font-size: 14px;
    }

    .pay_tutorial .van-popup .tutorial_wrap ul .tutorial_item .tutorial_item_r i {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.curItem_l,
.tutorial_item_l {
    display: flex;
    align-items: center;
    gap: 8px;
}


.withdraw-wrap {
    background: #ffffff;
}

    .withdraw-wrap ul {
        margin: 10px;
        margin-top: unset;
    }

        .withdraw-wrap ul li {
            border-bottom: 1px solid #eee;
            padding: 10px;
        }

            .withdraw-wrap ul li a {
                display: flex;
                align-items: center;
            }

                .withdraw-wrap ul li a img {
                    min-width: 36px;
                    width: 36px;
                    height: 36px;
                }

                .withdraw-wrap ul li a div {
                    display: flex;
                    flex-direction: column;
                    padding-left: 8px;
                }

                    .withdraw-wrap ul li a div b {
                        font-size: 14px;
                    }

                    .withdraw-wrap ul li a div span {
                        color: #999;
                        font-size: 12px;
                    }


.withdraw-goback-wrap {
    height: 100vh;
    background-color: #f5f5f5;
}

    .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-balance {
        display: flex;
        justify-content: space-between;
        padding: 0 16px;
    }

        .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-balance p {
            height: 36px;
            line-height: 36px;
            font-size: 14px;
        }

            .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-balance p b {
                color: #ff5000;
                font-size: 14px;
            }

    .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 8px solid #f5f5f5;
        padding: 0 16px;
        width: 100%;
        min-height: 75px;
        background-color: #fff;
    }

        .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .left {
            display: flex;
            align-items: center;
        }

            .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .left img {
                min-width: 36px;
                width: 36px;
                height: 36px;
            }

            .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .left div {
                display: flex;
                flex-direction: column;
                margin-left: 8px;
                gap: 4px;
            }

                .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .left div b {
                    font-size: 14px;
                }

                .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .left div span {
                    color: #999;
                    font-size: 12px;
                }

.withdraw-goback-bank .right {
    display: flex;
    align-items: center;
}

.withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .right i,
.withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-bank .right span {
    color: #999;
    font-size: 14px;
    display: flex;
}

.withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-money {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    width: 100%;
    background-color: #fff;
}

    .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-money b {
        font-size: 20px;
        font-weight: 700;
    }

    .withdraw-goback-wrap .withdraw-goback-main .withdraw-goback-money input {
        width: 296px;
        border: 0;
        margin: 0 16px;
        height: 60px;
        text-align: left;
        font-size: 18px;
    }

.withdraw-goback-wrap .withdraw-goback-main .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .withdraw-goback-wrap .withdraw-goback-main .btn span {
        display: inline-block;
        margin-top: 24px;
        border-radius: 40px;
        width: 300px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #999;
    }

        .withdraw-goback-wrap .withdraw-goback-main .btn span.act {
            color: #fff;
            background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
        }

.withdraw-goback-wrap .van-overlay .overlay-hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    width: 285px;    
    max-height: 100%;
    background-color: #fff;
}

    .withdraw-goback-wrap .van-overlay .overlay-hint h1 {
        padding: 20px;
        text-align: center;
        font-size: 18px;
    }

    .withdraw-goback-wrap .van-overlay .overlay-hint p {
        word-break: break-all;
        padding: 0 16px 16px;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }

        .withdraw-goback-wrap .van-overlay .overlay-hint p b {
            display: inline-block;
            color: #ff5000;
        }

    .withdraw-goback-wrap .van-overlay .overlay-hint span {
        display: inline-block;
        border-radius: 0 0 8px 8px;
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #FD5810;
    }


.van-number-keyboard {
    max-width: 500px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    width: 100%;
    padding-bottom: 22px;
    background-color: #f2f3f5;
    user-select: none;
}

.van-number-keyboard__body {
    display: flex;
    padding: 6px 0 0 6px;
}

.van-number-keyboard__keys {
    display: flex;
    flex: 3;
    flex-wrap: wrap;
}

.van-key__wrapper {
    position: relative;
    flex: 1;
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 0 6px 6px 0;
}

.van-key {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 28px;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
}

.van-key--blue,
.van-key--delete {
    font-size: 16px;
}

.van-key__collapse-icon {
    width: 30px;
    height: 24px;
}

.van-key__delete-icon {
    width: 32px;
    height: 22px;
}



.withdraw-goback-wrap .van-overlay .pwd-wrap {
    border-radius: 10px;
    width: 310px;
    min-height: 169px;
    max-height: 100%;
    background: #fff;
}

    .withdraw-goback-wrap .van-overlay .pwd-wrap .pwd-top {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #dcdcdc;
        padding: 16px 0;
    }

        .withdraw-goback-wrap .van-overlay .pwd-wrap .pwd-top h3 {
            font-size: 16px;
        }

        .withdraw-goback-wrap .van-overlay .pwd-wrap .pwd-top .van-icon {
            position: absolute;
            right: 12px;
            font-size: 16px;
            width: 20px;
            height: 20px;
            display: flex;
        }

.van-password-input {
    position: relative;
    margin: 0 16px;
    user-select: none;
}

.withdraw-goback-wrap .van-overlay .pwd-wrap .van-password-input {
    padding: 16px 0;
}

.van-password-input__security {
    display: flex;
    width: 100%;
    height: 50px;
    cursor: pointer;    
}

    .van-password-input__security li {
        position: relative;
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: 20px;
        line-height: 1.2;
        background-color: #fff;
        border: 1px solid #ebedf0;
        margin: 0 2px;
    }

    .van-password-input__security i {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        background-color: #000;
        border-radius: 100%;
        transform: translate(-50%, -50%);
        visibility: hidden;
    }

.withdraw-goback-wrap .van-overlay .pwd-wrap > b {
    letter-spacing: .2px;
    width: 100%;
    color: #999;
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

    .withdraw-goback-wrap .van-overlay .pwd-wrap > b a {
        color: #ff5000;
        font-size: 14px;
    }

.withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind {
    min-height: 264px;
}

.van-swipe-cell {
    position: relative;
    overflow: hidden;
    cursor: grab;
}

.withdraw-newbind-wrap .van-swipe-cell {
    border-bottom: 1px solid #eee;
}

.van-swipe-cell__wrapper {
    transition-timing-function: cubic-bezier(.18, .89, .32, 1);
    transition-property: transform, -webkit-transform;
}

.withdraw-newbind-wrap .van-cell {
    padding: unset;
}


.withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .van-cell__title {
    flex: 1;
}

.withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > div {
        display: flex;
        align-items: center;
        padding: 0 16px;
        height: 64px;
    }

        .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > div img {
            width: 36px;
            height: 36px;
        }

        .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > div div {
            padding-left: 8px;
        }

            .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > div div h3 {
                font-weight: 400;
                font-size: 14px;
            }

            .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > div div p {
                color: #999;
                font-size: .32rem;
            }

    .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > strong {
        display: flex;
        align-items: center;
        padding-right: 16px;
        font-weight: 400;
        gap: 8px;
    }

        .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > strong span {
            font-size: 14px;
        }

            .withdraw-newbind-wrap .withdraw-newbind-mains .withdraw-newbind-bind .withdraw-newbind-item > strong span.reviewing {
                color: #999;
            }

.van-swipe-cell__left,
.van-swipe-cell__right {
    position: absolute;
    top: 0;
    height: 100%;
}

.van-swipe-cell__right {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

.van-button--danger {
    color: #fff;
    background-color: #ee0a24;
    border: 1px solid #ee0a24;
}

.van-button--square {
    border-radius: 0;
}

.withdraw-newbind-wrap .van-swipe-cell .van-button--danger {
    background-color: #ff5000;
    border-color: #ff5000;
}

.withdraw-newbind-wrap .van-swipe-cell .van-button--normal {
    padding: 0 26px;
}

.withdraw-newbind-wrap .van-swipe-cell .van-swipe-cell__right button {
    height: 1.733333rem;
}

    .withdraw-newbind-wrap .van-swipe-cell .van-swipe-cell__right button span {
        font-size: .426667rem;
    }

.withdraw-newbind-wrap .withdraw-newbind-mains .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .withdraw-newbind-wrap .withdraw-newbind-mains .btn a {
        margin-top: 16px;
        border-radius: 40px;
        border: 1px solid #FD5810;
        width: 300px;
        height: 45px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
        display: flex;
        justify-content: center;
        align-items: center;
    }




.withdraw-bind-wrap .withdraw-bind-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
}

    .withdraw-bind-wrap .withdraw-bind-main .form-item {
        position: relative;
        margin-top: 16px;
    }

.withdraw-bind-wrap .van-cell {
    padding: unset;
    width: 330px;
}

.withdraw-bind-wrap .van-cell {
    min-width: 330px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

    .withdraw-bind-wrap .van-cell input {
        padding: 0 16px;
        height: 40px;
    }

    .withdraw-bind-wrap .van-cell input {
        font-size: 14px;
    }

.withdraw-bind-wrap .withdraw-bind-main .form-item .test {
    position: absolute;
    top: 7px;
    right: 10px;
    display: flex;
    align-items: center;
}

    .withdraw-bind-wrap .withdraw-bind-main .form-item .test i {
        font-size: 16px;
        transform: rotate(90deg);
    }

        .withdraw-bind-wrap .withdraw-bind-main .form-item .test i img {
            width: 24px;
            height: 24px;
        }

    .withdraw-bind-wrap .withdraw-bind-main .form-item .test span {
        margin-left: 16px;
        color: #FD5810;
        font-size: 14px;
        margin-top: 4px;
    }

.withdraw-bind-wrap .withdraw-bind-main .form-item .select_bank {
    width: 100%;
    padding: 0 16px;
    height: 40px;
    color: #333;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.withdraw-bind-wrap .withdraw-bind-main .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .withdraw-bind-wrap .withdraw-bind-main .btn span {
        display: inline-block;
        margin-top: 40px;
        border-radius: 40px;
        width: 300px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #999;
        cursor: pointer;
    }

        .withdraw-bind-wrap .withdraw-bind-main .btn span.org {
            background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
        }

    .withdraw-bind-wrap .withdraw-bind-main .btn b {
        letter-spacing: .2px;
        padding-top: 38px;
        width: 270px;
        color: #999;
        text-align: center;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.van-list__placeholder {
    height: 0;
    pointer-events: none;
}

.withdraw-bind-wrap .withdraw-bind-main b.info {
    display: inline-block;
    letter-spacing: .2px;
    padding-top: 20px;
    width: 100%;
    color: #999;
    text-align: center;
    font-size: 12px;
}

.withdraw-bind-wrap .withdraw-bind-main .btn b a {
    color: #ff5000;
    font-size: 12px;
}


.bindPhone-wrap {
    height: 100vh;
    background-color: #fff;
}

.bindPhone-mains {
    margin: 24px;
}

    .bindPhone-mains form .form-item {
        margin-top: 16px;
    }

        .bindPhone-mains form .form-item .van-cell {
            border-radius: 0.133333rem;
            padding: unset;
            background-color: #f5f5f5;
        }

        .bindPhone-mains form .form-item:nth-child(2) {
            display: flex;
        }

        .bindPhone-mains form .form-item input {
            border: 1px solid #f5f5f5;
            border-radius: 4px;
            padding: 0 16px;
            width: 100%;
            height: 44px;
            font-size: 14px;
            background-color: #f5f5f5;
        }

        .bindPhone-mains form .form-item:nth-child(2) input {
            margin-right: 12px;            
        }

        .bindPhone-mains form .form-item:nth-child(2) button.phoneCodeBtn {
            border-radius: 4px;
            width: 132px;
            height: 44px;
            font-size: 14px;
            color: #fff;
            background-color: #ff6f00;
        }

    .bindPhone-mains form .form-tip {
        padding-top: 16px;
        text-align: center;
        color: #aaa;
        font-size: 14px;
    }

    .bindPhone-mains form .form-item button.btn {
        display: inline-block;
        border: 1px solid #ff6f00;
        border-radius: 40px;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        text-align: center;
        color: #fff;
        background-color: #ff6f00;
    }


.select-item {
    font-size: 12px;
}



.wallet-box {
    padding: 0 0.32rem;
}

    .wallet-box .box {
        margin-top: 0.26667rem;
        position: relative;
        border-radius: 0.13333rem;
        background: #fff;
    }

        .wallet-box .box .balance {
            padding: 0.26667rem;
            background: linear-gradient(360deg, #FF962C 0%, #FD5810 100%);
            border-radius: 0.26667rem;
            background-size: 100% 100%;
        }

            .wallet-box .box .balance .txt {
                font-size: .34667rem;
                color: #ffffff;
            }

            .wallet-box .box .balance .balanceMoney .money {
                margin: 0.32rem 0;
                color: #ffffff;
                font-weight: 600;
                font-size: .58667rem;
            }

            .wallet-box .box .balance .img {
                width: 0.58667rem;
                height: 0.48rem;
            }

            .wallet-box .box .balance .info {
                width: 100%;
                height: 1.33333rem;
                border-top: 0.02667rem solid rgba(255, 255, 255, .1);
                padding: 0.26667rem 0 0;
            }

                .wallet-box .box .balance .info p {
                    text-indent: inherit;
                }

                .wallet-box .box .balance .info .item {
                    color: #fff;
                    font-size: .37333rem;
                    flex: 1;
                    padding-bottom: 0.13333rem;
                }

                    .wallet-box .box .balance .info .item:first-child {
                        position: relative;
                    }

                    .wallet-box .box .balance .info .item .img {
                        margin-top: 0.13333rem;
                        width: 1.2rem;
                        height: 1.06667rem;
                    }

                    .wallet-box .box .balance .info .item .tit {
                        color: #ffffff;
                        margin-top: 0.13333rem;
                        font-size: .37333rem;
                    }

                    .wallet-box .box .balance .info .item .txt {
                        font-size: .32rem;
                        color: #ffffff;
                        opacity: .5;
                    }

                    .wallet-box .box .balance .info .item:first-child:after {
                        position: absolute;
                        right: 0;
                        top: 0.13333rem;
                        content: "";
                        display: block;
                        height: 0.8rem;
                        width: 0.05333rem;
                        background-color: rgba(255, 255, 255, .2);
                    }

    .wallet-box .wallet-list {
        border-top: 0.02667rem solid rgba(54, 78, 135, .1);
    }

        .wallet-box .wallet-list .item {
            height: 1.6rem;
            line-height: 1.6rem;
            font-size: .37333rem;
            color: #000;
            border-bottom: 0.02667rem solid rgba(54, 78, 135, .1);
        }

            .wallet-box .wallet-list .item .name {
                color: #5c616d;
                font-size: .32rem;
            }

            .wallet-box .wallet-list .item .arr {
                font-size: .37333rem;
                color: #5c616d;
                background: url(/img//right.svg) no-repeat;
                background-size: contain;
                width: 12px;
                height: 12px;
            }



.selectBox {
    width: 100%;
    padding-bottom: 1.6rem;
    background: #ffffff;
}

    .selectBox .colorBox {
        width: 100%;
        padding: 0.32rem;
    }

    .selectBox .txtBox {
        background: linear-gradient(#FF962C, #FD5810);
        z-index: 99;
        height: 1.33333rem;
        border-radius: 0.26667rem;
        padding: 0.21333rem 0.32rem;
        position: relative;
    }

        .selectBox .txtBox.action {
            height: 2.13333rem;
        }

        .selectBox .txtBox .txt {
            color: #ffffff;
            font-weight: 600;
            font-size: .4rem;
            line-height: .74667rem;
        }

        .selectBox .txtBox .money {
            color: #ffffff;
            font-weight: 600;
            margin-left: 0.13333rem;
            font-size: .64rem;
            text-align: center;
        }

        .selectBox .txtBox .Umoney {
            font-size: .48rem;
            font-weight: 500;
            padding-bottom: 0.13333rem;
            display: none;
        }

    .selectBox .tab {
        padding: 0.13333rem 0.32rem 0;
    }

        .selectBox .tab .box {
            width: 100%;
        }

            .selectBox .tab .box ul {
                width: calc(100% + 0.26667rem);
            }

                .selectBox .tab .box ul li {
                    margin-bottom: 0.26667rem;
                    margin-right: 0.26667rem;
                    padding: 0.21333rem;
                    width: calc(33.3% - 0.26667rem);
                    border-radius: 0.13333rem;
                    white-space: nowrap;                    
                    background: #f2f2f2;                    
                    position: relative;
                    cursor: pointer;
                }

                    .selectBox .tab .box ul li.action {
                        background: linear-gradient(-180deg, #FF962C 0%, #FD5810 100%);
                        color: #fff;
                    }

                    .selectBox .tab .box ul li .icon {
                        height: 0.8rem;
                        width: 0.8rem;
                        border-radius: 0.8rem;
                        margin: 0 auto;
                    }

                        .selectBox .tab .box ul li .icon .size {
                            width: 24px;
                            height: 24px;
                            font-size: .53333rem;
                            color: #e0c09d;
                            background: url(/img//bank_nor.png) no-repeat;
                            background-size: 100%;
                        }

                    .selectBox .tab .box ul li.action .size {
                        color: #fff;
                        background: url(/img//bank_cur.png) no-repeat;
                        background-size: 100%;
                    }

                    .selectBox .tab .box ul li .icons {
                        text-align: right;
                        width: 0.53333rem;
                        line-height: .8rem;
                        height: 0.53333rem;
                        background-size: 100% 100%;
                        position: absolute;
                        right: 0;
                        bottom: 0;
                    }

    .selectBox .number-box {
        padding: 0 0.32rem;
        height: 1.06667rem;
        line-height: 1.06667rem;
        border-bottom: 0.02667rem solid #f6f6f6;
        font-size: .66667rem;
        font-weight: 500;
        background: #f2f2f2;
        border-radius: 0.58667rem;
        margin: 10px 0 12px;
    }

        .selectBox .number-box .input {
            font-size: .48rem;
            background: 0 0 !important;
        }

        .selectBox .number-box .place-right {
            width: 24px;
        }

            .selectBox .number-box .place-right img {
                width: 100%;
            }

    .selectBox .conBox {
        padding: 0 0.32rem;
    }

        .selectBox .conBox .des {
            color: #b3b2c8;
            font-size: .42667rem;
            margin-bottom: 0.4rem;
        }

        .selectBox .conBox .box {
            background: #fff;
            border: 1px solid #FD5810;
            box-shadow: 0 0.21333rem 0.37333rem 0 rgb(0 0 0 / 10%);
            border-radius: 0.13333rem;
        }

            .selectBox .conBox .box .add {
                -webkit-line-clamp: 1;
                height: 0.93333rem;
                padding: 0 0.26667rem;                
                background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
                border-radius: 0.15333rem;
                color: #ffffff;
                font-weight: 600;
            }

                .selectBox .conBox .box .add .plus {
                    margin-right: 0.26667rem;
                    height: 0.66667rem;
                    width: 0.66667rem;
                    border-radius: 0.66667rem;
                    background-color: rgba(0, 0, 0, .21);
                }

                    .selectBox .conBox .box .add .plus i {
                        background: url(/img//add.svg) no-repeat;
                        background-size: cover;
                        width: 12px;
                        height: 12px;
                    }

            .selectBox .conBox .box .list {
                width: auto;
                margin: 0;
                background: none;
                border-radius: 0;
            }

                .selectBox .conBox .box .list .item {
                    padding: 0.21333rem;
                    line-height: .53333rem;
                    color: #414141;
                    border-bottom: 0.02667rem solid #ebebeb;
                }

                .selectBox .conBox .box .list .icon {
                    height: 0.53333rem;
                    width: 0.53333rem;
                    border-radius: 0.53333rem;
                    border: 1px solid #FD5810;
                    flex: none;
                    margin-left: .4rem;
                }

                    .selectBox .conBox .box .list .icon.action {
                        border-color: #FD5810;
                        background-color: #FD5810;
                        background-image: url(/img//check_white.svg);
                        background-repeat: no-repeat;
                        background-size: contain;
                    }

                .selectBox .conBox .box .list .item .name {
                    width: 100%;
                }

                    .selectBox .conBox .box .list .item .name .van-ellipsis {
                        white-space: normal;
                        word-break: break-all;
                    }


.txt_notice {
    color: #ff0000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.32rem 0;
}



.selectBox .requiredBox {
    padding: 0 0.32rem;
}

    .selectBox .requiredBox .box {
        height: 1.06667rem;
        border: 0.02667rem solid #FD5810;
        border-radius: 0.13333rem;
        overflow: hidden;
    }

        .selectBox .requiredBox .box .input {
            height: 100%;
            border: none;
            width: 100%;
            padding-left: 0.26667rem;
            color: #232323;
        }

.withdrawal-btn .btn {
    height: 1.06667rem;
    width: 60%;
    background: linear-gradient(90deg, #FF962C, #FD5810);
    border: none;
    color: #ffffff;
}

.selectBox .bankBox {
    padding: 0 0.32rem;
}

    .selectBox .bankBox .box {
        background: #fff;
        border: 1px solid #FD5810;
        box-shadow: 0 0.21333rem 0.37333rem 0 rgb(0 0 0 / 10%);
        border-radius: 0.13333rem;
    }

        .selectBox .bankBox .box .item {
            padding: 0.26667rem;
            border-bottom: 1px solid #d8d8d8;
            font-size: .37333rem;
            color: #414141;
        }

.selectBox .pay-box .list .item.action .icon {
    padding-right: 0;
    text-align: right;
    width: 0.53333rem;
    height: 0.53333rem;
    background: url(/img//bg-arr.svg) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.list .item .gift {
    width: 0.94667rem;
    height: 0.85333rem;
    position: absolute;
    right: 0.05333rem;
    top: -0.3rem;
    background: url(/img//gift.png) no-repeat center center;
    background-size: 0.94667rem auto;
}

    .list .item .gift span {
        display: block;
        color: #bd7529;
        font-size: .29333rem;
        letter-spacing: -.01rem;
        text-align: center;
        padding-top: 0.22rem;
        line-height: normal;
    }


.get_container {
    width: 100%;
    height: auto;
    display: flex;
    background: #f2f2f2;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    margin: 12px 0;
}

    .get_container .bar_title {
        width: 140px;
        height: 34px;
        background: url(/img//my/bar-bg.png) no-repeat;
        background-size: 100% 100%;
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        align-items: center;
        padding-left: .7rem;
    }

    .get_container .bar_num {
        color: #fc5e53;
        font-size: .6rem;
        padding-right: .6rem;
        font-weight: bold;
    }

.group_container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.group_container_pay {
    width: 100%;
    display: flex;
    align-items: center;
    color: #999999;
}

.pay_left,
.first_left {
    width: 45%;
    display: flex;
    background: #f2f2f2;
    border-radius: 20px;
    padding: 8px 16px;
}

.pay_center,
.first_center {
    width: 35%;
    margin: 0 10px;
}

    .pay_center img,
    .first_center img {
        width: 100%;
    }

.pay_right,
.first_right {
    width: 20%;
    text-align: right;
    font-size: 14px;
    overflow-wrap: break-word;
}

.group_container_first {
    width: 100%;
    display: flex;
    align-items: center;
    color: #fc5e53;
    margin: 10px 0;
}

.bank {
    width: 100%;
    height: auto;
    background-color: #fbfcfd;
}

    .bank .box {
        background: #fff;
        border-radius: 0.26667rem;
        padding: 0.4rem;
    }

        .bank .box .item {
            margin-bottom: 0.26667rem;
        }

            .bank .box .item .lab {
                font-size: .4rem;
                margin-bottom: 0.26667rem;
            }

            .bank .box .item .input .ipt {
                width: 100%;
                padding: 0 0.4rem;
                height: 0.93333rem;
                line-height: .93333rem;
                border-radius: 0.13333rem;
                border: 0.05333rem solid #e8e8e8;
            }

                .bank .box .item .input .ipt.act {
                    background-color: rgba(0, 0, 0, .02);
                }

    .bank .bank-btn .btn {
        color: #ffffff;
        font-size: .42667rem;
        height: 1.2rem;
        width: 90%;
        background: linear-gradient(90deg, #FF962C, #FD5810);
    }


.selectBox .pay-box {
    padding: 0.32rem;
}

.selectBox .pay-box-tabs {
    display: none;
}

    .selectBox .pay-box-tabs:nth-child(1) {
        display: block;
    }

.selectBox .pay-box .title {
    font-size: .4rem;
    font-weight: 600;
}

.selectBox .pay-box .list .item {
    text-align: center;
    padding: 0.26667rem 0;
    margin-bottom: 0.26667rem;
    width: 31%;
    margin-left: 3%;
    background: #f2f2f2;
    border-radius: 0.08rem;    
    cursor: pointer;
    position: relative;
}

    .selectBox .pay-box .list .item:nth-child(3n+1) {
        margin-left: 0;
    }

    .selectBox .pay-box .list .item.action {
        background-image: linear-gradient(#FF962C, #FD5810);
    }

    .selectBox .pay-box .list .item .img {
        margin: 0 auto;
        width: 0.8rem;
        height: 0.8rem;
    }

    .selectBox .pay-box .list .item .name {
        color: #2c3e50;
        font-size: .32rem;
    }

    .selectBox .pay-box .list .item.action .name,
    .selectBox .pay-box .list .item.action .txt {
        color: #ffffff;
    }

.selectBox .pay-box .rechargeType {
    padding: 0.26667rem 0;
    background-color: #fff;
}

    .selectBox .pay-box .rechargeType .customerBox {
        width: 100%;
        overflow-y: auto;
    }

        .selectBox .pay-box .rechargeType .customerBox .item {
            position: relative;
            padding: 0.26667rem;
            white-space: nowrap;
            background: #f2f2f2;
            margin-right: 0.26667rem;
        }

            .selectBox .pay-box .rechargeType .customerBox .item.action {
                background: linear-gradient(#FF962C, #FD5810);
                position: relative;
            }

            .selectBox .pay-box .rechargeType .customerBox .item .name,
            .selectBox .pay-box .rechargeType .customerBox .item .txt {
                color: #ffffff;
                font-size: .32rem;
            }

            .selectBox .pay-box .rechargeType .customerBox .item .fw {
                font-size: .37333rem;
                font-weight: 600;
            }

            .selectBox .pay-box .rechargeType .customerBox .item.action .icon {
                text-align: right;
                width: 0.53333rem;
                line-height: .8rem;
                height: 0.53333rem;
                background: url(/img//bg-arr.svg) no-repeat 50%;
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                bottom: 0;
            }

.selectBox .pay-box .box {
    height: 1.06667rem;
    border-bottom: 0.02667rem solid #eee;
    overflow: hidden;
}

.selectBox .pay-box .numberSize .fuhao {
    font-size: .53333rem;
}

.selectBox .pay-box .numberSize .input {
    font-size: .42667rem;
}

.selectBox .pay-box .list {
    width: auto;
    margin: 0;
    border-radius: 0;
    background: none;
}

    .selectBox .pay-box .list .li {
        margin-bottom: 0.26667rem;
        padding: 0.26667rem;
        text-align: center;
        width: 30%;
        background: #f2f2f2;
        box-shadow: 0 0.18667rem 0.50667rem 0 rgba(143, 139, 139, .11);
        margin-right: 0.26667rem;
        height: 1.06667rem;
        line-height: .53333rem;
        border-radius: 0.08rem;
        font-size: .4rem;
        cursor: pointer;
    }

        .selectBox .pay-box .list .li.action {
            border-color: #FF962C;
            background-image: linear-gradient(90deg, #FF962C, #FD5810);
            color: #ffffff;
        }

.selectBox .pay-box .des {
    margin-bottom: 0.26667rem;
    font-size: .32rem;
    color: #405280;
    line-height: .4rem;
}

.selectBox .pay-box .btn-list .item {
    padding: 0 0.4rem;
}

    .selectBox .pay-box .btn-list .item .next-btn {
        width: 90%;
        height: 1.33333rem;
        font-size: .4rem;
        margin: 0 auto;
        background: linear-gradient(90deg, #FF962C, #FD5810);
        color: #ffffff;
    }


.c-flex-gap {
    gap: 0.26667rem;
    justify-content: space-between;
}

.selectBox .recharge .title {
    font-weight: 600;
}

.selectBox .recharge .rechargeType {
    padding: 0.26667rem 0.32rem;
    background-color: #fff;
}

    .selectBox .recharge .rechargeType .customerBox {
        width: 100%;
        overflow-y: auto;
    }

        .selectBox .recharge .rechargeType .customerBox .item {
            position: relative;
            padding: 0.26667rem;
            white-space: nowrap;
            background: #f2f2f2;            
            cursor: pointer;
            width: calc(50% - 1.5%);
            border-radius: 0.08rem;
        }

            .selectBox .recharge .rechargeType .customerBox .item.action {
                background: linear-gradient(#FF962C, #FD5810);
                position: relative;
            }

            .selectBox .recharge .rechargeType .customerBox .item .name,
            .selectBox .recharge .rechargeType .customerBox .item .txt {
                color: #2c3e50;
                font-size: .32rem;
            }

            .selectBox .recharge .rechargeType .customerBox .item.action .name,
            .selectBox .recharge .rechargeType .customerBox .item.action .txt {
                color: #ffffff;
            }

            .selectBox .recharge .rechargeType .customerBox .item.action .icon {
                text-align: right;
                width: 0.53333rem;
                line-height: .8rem;
                height: 0.53333rem;
                background: url(/img//bg-arr.svg) no-repeat 50%;
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                bottom: 0;
            }


.selectBox .recharge .box {
    padding: 0.13333rem 0.32rem 0.26667rem;
    background: #fff;
}

    .selectBox .recharge .box .list {
        width: auto;
        margin: 0;
        border-radius: 0;
        background: none;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.26667rem;
    }

        .selectBox .recharge .box .list .item {            
            padding: 0.26667rem;
            text-align: center;            
            background: #f2f2f2;            
            border-radius: 0.08rem;            
            color: #2c3e50;
        }

    .selectBox .recharge .box.numberBox .item {
        padding: 0.26667rem;
        height: 1.06667rem;
        line-height: .53333rem;
        border-radius: 0.13333rem;
        font-size: .32rem;
        cursor: pointer;
        position: relative;
    }

    .selectBox .recharge .box .list .item.action {
        border-color: #FF962C;
        background-image: linear-gradient(90deg, #FF962C, #FD5810);
        color: #ffffff;
    }


.selectBox .recharge-btn {
    width: 90%;
    height: 1.33333rem;
    font-size: .4rem;
    margin: 0 auto;
    background: linear-gradient(90deg, #FF962C, #FD5810);
    color: #ffffff;
}

.selectBox .recharge .conTxt {
    padding: 0.4rem;
}

    .selectBox .recharge .conTxt .li {
        line-height: .53333rem;
        color: #ed3935;
    }



.selectBox .pay-box .title .time {
    background: linear-gradient(90deg, #f2d6b8, #e0c09d);
    padding: 0.13333rem 0.26667rem;
    color: #806140;
    border-radius: 0.05333rem;
}

.selectBox .pay-box .cancel {
    width: 80%;
    height: 1.06667rem;
    line-height: 1.06667rem;
    color: #fff;
    text-align: center;
    background: #d8d8d8;
    box-shadow: 0 0.16rem 0.34667rem 0.10667rem hsla(0, 0%, 71.4%, .27);
    border-radius: 1.06667rem;
    font-size: .48rem;
}

.selectBox .pay-box .btn-list .item .btn {
    width: 100%;
    height: 1.06667rem;
    line-height: 1.06667rem;
    color: #fff;
    text-align: center;    
    background: linear-gradient(90deg, #FF962C, #FD5810);
    border-radius: 1.06667rem;
    font-size: .48rem;
    cursor: pointer;
}



.selectBox .pay-box .info .tit {
    width: 35%;
    line-height: .4rem;
}

.selectBox .pay-box .info .con {
    width: 65%;
}

    .selectBox .pay-box .info .con .text {
        width: 85%;
        font-size: .4rem;
        font-weight: 600;
        word-break: break-all;
        word-wrap: break-word;
    }


.selectBox .recharge .box.numberBox .number-box .fuhao {
    font-size: .53333rem;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selectBox .recharge .box.numberBox .number-box .input {
    font-size: .42667rem;
}



.module {
    padding: 0.4rem;
    background: #ffffff;
    overflow-y: scroll;
}

.box .recordlist {
    background: #fff;
    border-radius: 0.4rem;
    overflow: hidden;
}

    .box .recordlist .item {
        padding: 0.26667rem 0.4rem;
        background: rgba(54, 78, 135, .04);
    }

        .box .recordlist .item .number,
        .box .recordlist .item .time {
            font-size: .32rem;
            color: #5c616d;
        }

        .box .recordlist .item .number {
            font-size: .4rem;
        }

        .box .recordlist .item .money {
            font-size: .4rem;
            color: #f03737;
        }

        .box .recordlist .item .state {
            text-align: center;
            font-weight: 600;
        }





.balanceWallet {
    padding: .32rem;
}

.balanceAssets {
    width: 100%;
    height: 3.46667rem;
    background-image: url(/img//TotalAssetsBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;    
    border-radius: .26667rem;
    color: #fff;
    padding: .38667rem .33333rem 0;
    position: relative;
}


@media (min-width: 500px) {
    .balanceAssets {
        height: 4.46667rem;
    }
}

.balanceAssets__header {
    display: flex;
    justify-content: space-between;
    height: .53333rem;
}

.balanceAssets__header__left {
    font-weight: 400;
    font-size: .34667rem;
}

    .balanceAssets__header__left img {
        margin-right: .21333rem;
    }

.balanceAssets__header__left {
    display: flex;
    align-items: center;
}

    .balanceAssets__header__left img {
        width: .4rem;
        height: .4rem;
        margin-right: .21333rem;
    }

.balanceAssets__main {
    height: .73333rem;
    display: flex;
    align-items: center;
    margin: .21333rem .37333rem .17333rem 0;
    font-weight: 700;
    font-size: .64rem;
    text-shadow: 0 .01333rem 0 rgba(0, 0, 0, .12);
}

    .balanceAssets__main p {
        margin-left: .26667rem;
        font-size: .48rem;
    }

    .balanceAssets__main img {
        width: .48667rem;
        height: .48667rem;        
    }

.balanceAssets__tip {
    margin-left: .26667rem;
}

    .balanceAssets__tip img {
        width: .66667rem;
        height: .42667rem;
        position: absolute;
        bottom: .34667rem;
        left: .38667rem;
    }

.reset {
    cursor: pointer;
    margin-left: 0.24rem;
}

.freshing {
    animation: myRotate 1s linear infinite;
}

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

    50% {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}

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

    50% {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}


.promotion {
    padding-bottom: 1.86667rem;
    height: 100%;
    overflow-y: scroll;
    background: #ffffff;
}

.h-block {
    height: calc(100% - 90px);
}

.promotion-top {
    background: linear-gradient(#FF962C, #FD5810);
}

    .promotion-top .head {
        height: 1.2rem;
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 0 16px;
    }

        .promotion-top .head span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .promotion-top .head a.promotion-top_btn {
            padding: 0.13333rem;
            border-radius: 0.08rem;
            background-color: #ffffff;
            border: 0.02667rem solid #FD5810;            
        }

        .promotion-top .head a p {
            font-size: .26667rem;
            white-space: nowrap;
        }

    .promotion-top .promotion-info {
        padding: 0 0.32rem;
    }

        .promotion-top .promotion-info .user-img {
            width: 1.86667rem;
            height: 1.86667rem;
            text-align: center;
            font-size: .32rem;
            color: #fff;
            border-radius: 1.86667rem;
            overflow: hidden;
            background: linear-gradient(0deg, #deb186, #ba8152 49%, #f7ce94 50%, #ffead1);
        }

            .promotion-top .promotion-info .user-img .img {
                width: 1.73333rem;
                height: 1.73333rem;
                border-radius: 1.73333rem;
                background-color: #fff;
            }

        .promotion-top .promotion-info .infoName {
            color: #404653;
            font-size: .42667rem;
            cursor: pointer;
        }

            .promotion-top .promotion-info .infoName .name {
                font-size: .50667rem;
                color: #404653;
                letter-spacing: -.02667rem;
            }

            .promotion-top .promotion-info .infoName .id {
                font-size: .37333rem;
            }

        .promotion-top .promotion-info .box {
            margin: 0 auto;
            height: 2.4rem;
            width: 2.4rem;
            padding: 0.13333rem;
            background-color: #fff;
        }

            .promotion-top .promotion-info .box img {
                width: 100%;
            }

        .promotion-top .promotion-info .txt {
            font-size: .26667rem;
        }

    .promotion-top .btn-list {
        padding: 0.26667rem 0.32rem;
    }

        .promotion-top .btn-list ul li {
            text-align: center;
            width: 30%;
            font-size: .37333rem;
            padding: 0.13333rem 0;
            border-radius: 0.08rem;
            background-color: #ffffff;
            border: 0.02667rem solid #FD5810;
            font-size: .32rem;
            color: #5c616d;
            letter-spacing: -.025rem;
            cursor: pointer;
        }

#clip_num {
    position: absolute;
    left: -26.66667rem;
    z-index: -1000;
}

.promotion .info {
    padding: 0.26667rem 0.4rem;
}

.promotion .info-data .left {
    text-align: center;
    padding: 0.26667rem 0;
    width: 45%;
    background: rgb(50 123 223 / 10%);
    border: 0.04rem solid #FD5810;
    border-radius: 0.26667rem;
}

.promotion .info-data.acion .left {
    width: 100%;
}

.promotion .info-data .left .all {
    font-size: .4rem;
}

.promotion .info-data .left .num {
    font-size: .53333rem;
    padding: 0.13333rem 0;
    color: #FD5810;
    font-weight: 600;
    text-indent: inherit;
    margin: 0;
}

.promotion .info-data .left .txt {
    color: #333;
    font-size: .37333rem;
    line-height: .66667rem;
    text-indent: inherit;
    margin: 0;
}

.promotion .info-data .left .info-data_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promotion .info-data .left a {
    padding: 0.2rem 0.3rem;
    margin: 0.16667rem 0.16667rem;
    min-width: 1.6rem;
    background: linear-gradient(90deg, #FF962C, #FD5810);
    border: none;
    color: #fff;
    border-radius: 0.13333rem;
}

.promotion .table {
    margin: 0.4rem 0.4rem 0;
    background: #fff;
    box-shadow: 0 0.13333rem 0.29333rem 0.02667rem rgba(0, 0, 0, .12);
    border-radius: 0.10667rem;
    overflow-y: auto;
}

    .promotion .table .hd {
        background: #f4f4f4;
        border-radius: 0.10667rem;
        height: 0.93333rem;
        line-height: .93333rem;
    }

    .promotion .table .bd {
        height: 0.93333rem;
        line-height: .93333rem;
    }


.promotion .tit {
    background: #f4f4f4;
    padding: 0 0.4rem;
    height: 0.90667rem;
    line-height: .90667rem;
    color: #333;
}

.promotion .date {
    font-size: .42667rem;
    height: 0.90667rem;
    line-height: .90667rem;
}

    .promotion .date span {
        border: 1px solid #cccccc;
        padding: 0 10px;
        border-radius: 5px;
    }

    .promotion .date .img {
        width: 0.4rem;
    }

.promotion .ipt {
    border: 0.02667rem solid #ababab;
    padding: 0 0.26667rem;
    border-radius: 0.13333rem;
    width: 3.2rem;
    height: 0.96rem;
    line-height: .96rem;
}

.fd-select-box {
    position: relative;
    width: 3.2rem;
    padding-right: 0.53333rem;
    padding-left: 0.26667rem;
    height: 0.96rem;
    line-height: .96rem;
    border: 0.02667rem solid #ababab;
    border-radius: 0.10667rem;
    color: #333;
    font-size: .37333rem;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

    .fd-select-box.action {
        border: 0.02667rem solid #FD5810;
    }

    .fd-select-box .fd-arrow {
        position: absolute;
        top: 0;
        right: 0.13333rem;
        height: 100%;
        font-size: .8rem;
        transition: all .2s;
    }

        .fd-select-box .fd-arrow i {
            width: 12px;
            height: 12px;
            background: url(/img//down.png) no-repeat center;
            background-size: 100%;
        }

        .fd-select-box .fd-arrow.fd-down {
            transform: rotate(180deg);
        }

    .fd-select-box .fd-select-list {
        position: absolute;
        width: 100%;
        max-height: 5.33333rem;
        overflow: auto;
        list-style: none;
        top: 0.96rem;
        left: 0;
        background: #fff;
        box-shadow: 0 0 0.13333rem rgba(0, 0, 0, .2);
        z-index: 9;
    }

        .fd-select-box .fd-select-list li {
            padding-left: 0.32rem;
            line-height: .8rem;
            cursor: pointer;
        }

            .fd-select-box .fd-select-list li.active {
                background: #FD5810;
                color: #fff;
            }

.promotion .btn {
    height: 0.96rem;
    line-height: .96rem;
    padding: 0 0.26667rem;
    min-width: 1.6rem;
    background: linear-gradient(90deg, #FF962C, #FD5810);
    border: none;
    color: #fff;
    border-radius: 0.13333rem;
    cursor: pointer;
}

.promotion .number {
    padding: 0.26667rem 0.4rem 0;
}

    .promotion .number .item {
        width: 50%;
        height: 0.66667rem;
        line-height: .66667rem;
    }

.promotion .table .item {
    position: relative;
}

    .promotion .table .item .bd {
        height: 0.93333rem;
        line-height: .93333rem;
    }

        .promotion .table .item .bd a {
            color: #FD5810;
            text-decoration: underline;
        }


.home .game {
    padding: .32rem;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

.home .game-tab {
    border-bottom: .02667rem solid rgba(54, 78, 135, .1);
    padding-bottom: .26667rem;
}

    .home .game-tab .item {
        width: 20%;
    }

        .home .game-tab .item.action {
            position: relative;
        }

            .home .game-tab .item.action:after {
                position: absolute;
                content: "";
                left: 50%;
                width: 60%;
                transform: translate(-50%);
                bottom: 0;
                height: .08rem;
                background-color: #d7b18b;
                border-radius: .08rem;
                z-index: 1;
            }

        .home .game-tab .item .img {
            margin: 0 auto;
            height: 1.06667rem;
        }

        .home .game-tab .item .name {
            font-size: .32rem;
            height: .53333rem;
        }

.home .game-list {    
}

    .home .game-list .item {
        display: none;
    }

        .home .game-list .item:first-child {
            display: block;
        }


        .home .game-list .item .tab {
            position: relative;
            padding-left: .26667rem;
            font-size: .37333rem;
        }

            .home .game-list .item .tab:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                height: 100%;
                width: .10667rem;
                background: linear-gradient(#FF962C, #FD5810);
            }

        .home .game-list .item .box {
            margin: .26667rem 0 0;
            border-radius: .08rem;
            background: linear-gradient(#f5f2f0, #f5ebe4);
        }

            .home .game-list .item .box .li {
                flex-basis: 33.33%;
                height: .90667rem;
                background-color: transparent;
                border-radius: 0;
                box-shadow: 0 0 .02667rem #f5f5f5;
                color: #5c616d;
                font-size: .32rem;
                cursor: pointer;
            }

                .home .game-list .item .box .li.action {
                    background: linear-gradient(#FF962C, #FD5810);
                    color: #ffffff;
                }

        .home .game-list .item .slotsTab {
            margin-top: .26667rem;
            width: 100%;
        }

            .home .game-list .item .slotsTab .li {
                color: #fff;
                font-size: .42667rem;
                width: calc(50% - .13333rem);
                cursor: pointer;
                background: linear-gradient(#f3dfcb, #dbb792);
                box-shadow: 0 .21333rem .42667rem rgba(208, 208, 237, .36), inset 0 -.10667rem .26667rem #fff6f4;
                border-radius: .21333rem;
                padding: .26667rem 0 0;
                margin-right: .26667rem;
                margin-bottom: .26667rem;
            }

                .home .game-list .item .slotsTab .li:nth-child(2n) {
                    margin-right: 0;
                }

                .home .game-list .item .slotsTab .li .name {
                    color: #292929;
                }

                .home .game-list .item .slotsTab .li .img {
                    display: block;
                    width: 90%;
                    border-radius: .26667rem;
                    margin: 0 auto;
                    transition: .3s ease-in-out;
                }

                .home .game-list .item .slotsTab .li.action .img {
                    transform: scale(1.1);
                    box-shadow: 0 .05333rem .08rem rgba(0, 0, 0, .3);
                    background-color: unset;
                }

        .home .game-list .item .list {
            margin-top: .26667rem;
            padding-top: .26667rem;
            border-top: .02667rem solid rgba(54, 78, 135, .1);
            display: none;
        }

            .home .game-list .item .list:nth-child(1) {
                display: flex;
            }


            .home .game-list .item .list .li {
                width: 31.5%;
                margin-left: 2.7%;
                margin-bottom: .32rem;
                background: url(/img//game/bg.svg) no-repeat;
                background-size: cover;
                border-radius: .08rem;
                overflow: hidden;
                position: relative;
                font-size: 0;
            }

                .home .game-list .item .list .li:nth-child(3n+1) {
                    margin-left: 0;
                }

                .home .game-list .item .list .li .img {
                    display: block;
                    width: 100%;
                }

                .home .game-list .item .list .li .name {
                    margin: .26667rem 0;
                    font-size: .32rem;
                    color: #5c616d;
                }

        .home .game-list .item .game-box {
            width: 100%;
            text-align: center;
        }

            .home .game-list .item .game-box .img {
                display: block;
                width: 100%;
            }

            .home .game-list .item .game-box .enter {
                margin: 0 auto;
                color: #fff;
                background: linear-gradient(90deg, #a4abba, #8c93a3);
                border-radius: .58667rem;
                height: .58667rem;
                display: inline-block;
                padding: 0 .26667rem;
                line-height: .58667rem;
                font-size: .32rem;
                width: 40%;
            }




.game {
    background-color: #f5f0f0;    
}

.game-betting .tab {
    margin: 0.32rem 0.32rem 0;
    background-color: #fff;
    border-radius: 0.26667rem;
}

    .game-betting .tab .box {
        position: relative;      
    }

        .game-betting .tab .box .item {
            flex: 0 0 25%;
            padding: 0.26667rem 0.05333rem 0.16667rem;
            border-radius: 0.26667rem;
            position: relative;
            cursor: pointer;
        }

            .game-betting .tab .box .item .img {
                position: relative;
                color: #959ba8;
                margin-top: .2rem;
            }

            .game-betting .tab .box .item.action {
                border: 1px solid #FF962C;
                background: linear-gradient(180deg, rgba(255, 150, 44, 0.46) 0%, #FFF 90.5%);
            }

                .game-betting .tab .box .item.action .img {
                    color: #FF962C;
                }

            .game-betting .tab .box .item .txt {
                background-color: #fff3e9;
                display: inline-block;
                width: 1.33333rem;
                height: 0.53333rem;
                line-height: .56rem;
                border-radius: 0.53333rem;
                color: #b7a9a3;
                font-size: .37333rem;
            }

            .game-betting .tab .box .item.action .txt {
                background-color: #f03737;
                color: #fff;
            }

            .game-betting .tab .box .item .c_time_icon {
                width: 44px;
                height: 44px;
                margin: 0 auto;
                background: url(/img//game/time_nor.png) no-repeat;
                background-size: 100%;
            }

            .game-betting .tab .box .item.action .c_time_icon {
                margin: 0 auto;
                background: url(/img//game/time_cur.png) no-repeat;
                background-size: 100%;
            }

.game-betting .content {
    margin-top: 0.32rem;
    margin-bottom: 0.32rem;
    padding: 0 0.26667rem;
}

    .game-betting .content .time-box {
        border-radius: 0.26667rem;
        padding: 0.56667rem 0.46667rem;
        background: url(/img//game/diban.png) no-repeat;
        background-size: 100% 100%;
        margin: 0 0 .32rem;
    }

        .game-betting .content .time-box .info .txt {
            border: 0.02667rem solid #fff;
            display: inline-block;
            font-size: .3rem;
            color: #ffffff;
            border-radius: 0.13333rem;
            margin-bottom: 0.13333rem;
            padding: .08rem .15rem;
        }

        .game-betting .content .time-box .info .number {
            color: #ffffff;
            font-size: .45rem;
            font-weight: 600;
        }

        .game-betting .content .time-box .out {
            height: 100%;
            position: relative;
        }

            .game-betting .content .time-box .out .txt {
                color: #ffffff;
                text-align: right;
            }

            .game-betting .content .time-box .out .number {
                margin-top: 0.13333rem;
                text-align: right;
            }

                .game-betting .content .time-box .out .number .time {                    
                    padding: 0 0;
                    border-radius: 0.05333rem;
                }

.number .time .item {
    font-size: .8rem;
    color: #fff;
    font-weight: 600;
    margin-left: .15rem;
    background: rgb(255 255 255 / 30%);
    border-radius: .1rem;
    width: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .number .time .item.bg {
        background: #FF962C;
    }

        .number .time .item.bg:nth-child(3) {
            background: none;
            padding: 0;
            color: #FF962C;
            width: auto;
        }

    .number .time .item.alone {
        background: none;
        padding: 0;
        width: auto;
    }

.game-betting .content .box {
    border-radius: 0.26667rem;
    background-color: #fff;
    padding: 0.26667rem;
    position: relative;
    overflow: hidden;
}

    .game-betting .content .box .mark-box {
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, .6);
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        font-weight: 600;
        color: #fff;
        font-size: 1.33333rem;        
        display: flex;
        justify-content: center;
        align-items: center;
    }

.mark-box .item {
    display: inline-block;    
    font-size: 3rem;
    background: #FF962C;
    border-radius: 0.26667rem;
    padding: 0 0.36667rem;
    margin: 0 0.16667rem;
}

.game-betting .content .box .mark-box .txt {
    text-align: center;
    font-size: .53333rem;
}

.game-betting .content .box .number-box {    
    border-radius: 0.26667rem;
}

    .game-betting .content .box .number-box .item {
        width: 20%;
        background: 0 0;
        border: none;
        cursor: pointer;
        flex-direction: column;
        gap: 6px;
        border: 1px solid #ffffff;
        padding: 5px 5px;
    }

        .game-betting .content .box .number-box .item.action {
            background: rgba(255, 150, 44, 0.10);
            border: 1px solid #FD5810;
            border-radius: 0.26667rem;
        }

        .game-betting .content .box .number-box .item .number {
            width: 1.06667rem;
            height: 1.06667rem;
            border-radius: 1.06667rem;
            text-align: center;
            gap: 8px;
        }

            
            .game-betting .content .box .number-box .item .number.bg {
                border-radius: 6px;
                background: linear-gradient(#F5F5F4, #E3E3E6);
                box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.20) inset;
            }

            .game-betting .content .box .number-box .item .number .txt {
                display: flex;
                width: 100%;
                height: 100%;
                border-radius: 100%;
                line-height: 1.06667rem;
                color: #fff;
                font-size: .6rem;
            }



.game-betting .content .box .color-box ul {
    width: 100%;
    margin-bottom: .1rem;
    flex-wrap: wrap;
}

    .game-betting .content .box .color-box ul li {
        display: flex;
        width: 33%;
        padding: 0.1rem;
        border: 1px solid #fff;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
    }

        .game-betting .content .box .color-box ul li.c-w-long {
            width: 49.5%;
        }

        .game-betting .content .box .color-box ul li.c-w-short {
            width: 25%;
        }

        .game-betting .content .box .color-box ul li.action {
            background: rgba(214, 31, 36, 0.10);
            background: rgba(214, 31, 36, 0.10);
            border: 1px solid #FD5810;
            border-radius: 4px;
        }

        .game-betting .content .box .color-box ul li .btn {
            width: 100%;
            height: 1.06667rem;
            color: #fff;
            text-align: center;
            line-height: 1.06667rem;
            font-size: .32rem;
            border: none;
            border-radius: 0.13333rem;
            display: flex;
            justify-content: space-between;
            padding: 0 0.23rem;
        }



.game-betting .content .box .color-box .green {
    background-color: #5cba47;
    border-radius: 0.13333rem;
}

.game-betting .content .box .color-box .violet {
    background-color: #db5fd1;
    border-radius: 0.13333rem;
}

.game-betting .content .box .color-box .red {
    background-color: #fb4e4e;
    border-radius: 0.13333rem;
}

.game-betting .content .box .btn-box {
    padding: 0.26667rem 0;
}

    .game-betting .content .box .btn-box .item {
        width: 31%;
        height: 1.06667rem;
        color: #fff;
        text-align: center;
        line-height: 1.06667rem;
        border: none;
        font-size: .42667rem;
        margin-right: 0.32rem;
        border-radius: 0.13333rem;
    }

    .game-betting .content .box .btn-box .green,
    .game-betting .content .box .btn-box .yellow {
        background-color: #35b8f0;
        border-radius: 0.13333rem;
    }


.game-betting .content .slot-box {
    background-image: linear-gradient(#f1d2b0, #d3ac84);
    padding: 0.21333rem;
    border-radius: 0.13333rem;
    margin-bottom: .32rem;
}

    .game-betting .content .slot-box .box {
        padding: 0.13333rem 0.13333rem 0.18667rem;
        background-color: #fff;
        border-radius: 0.13333rem;
    }

        .game-betting .content .slot-box .box .item .img,
        .game-betting .content .slot-box .box .item {
            height: 1.68rem;
            width: 1.33333rem;
        }



.game-list {    
    width: 100%;
}

    .game-list .tab {
        padding: 0 0.26667rem;        
    }

        .game-list .tab .li {
            width: 32%;
            cursor: pointer;
        }

            .game-list .tab .li .txt {
                display: block;
                height: 0.93333rem;
                line-height: .93333rem;
                text-align: center;
                width: 100%;
                background-color: #DDDDDD;                
                border-radius: 0.26667rem 0.26667rem 0 0;
                color: rgba(92, 97, 109, .8);
                overflow: hidden;
                font-size: .36rem;
            }

            .game-list .tab .li.action .txt {
                color: #ffffff;                
                background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
            }

            .game-list .tab .li .txt.action {
                color: #f0f3fa;
                background: linear-gradient(#8c93a8, #8c93a8);
                border: 0.02667rem solid #8c93a8;
            }

    .game-list .g-padding {
        padding: 0 0.26667rem;
    }

    .game-list .list .wrap {
        padding: .26667rem .13333rem;
        background-color: #FF962C;
        font-weight: 600;
        color: #ffffff;
    }

.t-table .wrap {
    padding: .26667rem .13333rem;
    background-color: rgba(54, 78, 135, .1);
    font-weight: 600;
    color: #5c616d;
}

.game-list .list .hb {
    background-color: #fff;
    color: #414141;
    font-size: .32rem;
}

.goItem {
    display: flex;    
    align-items: center;
    justify-content: center;
    font-size: .32rem;
}

    .goItem span:nth-child(2) {
        font-style: normal;
        font-size: .32rem;
        line-height: 10px;
    }

.game-list .list .hb .item,
.t-table .item {    
    display: flex;
    align-items: center;
    padding: 0 0.21333rem;
    color: #414141;
    font-size: .32rem;
}

.game-list .list .hb .item,
.t-table .item {    
    padding: 0.36667rem 0.13333rem;
}

.game-list .list .hb .item {
    padding: .26667rem .13333rem;
}

    .game-list .list .hb .item:nth-child(odd),
    .t-table .item:nth-child(odd) {
        background-color: #fff0e8;
    }

.game-list .list .hb .green {
    color: #4eaf56;
    background: #4eaf56;
    width: .26667rem;
    height: .26667rem;
    border-radius: 50%;
    margin: 0 .1rem;
}

.game-list .list .hb .red {
    color: #FF605A;
    background: #FF605A;
    width: .26667rem;
    height: .26667rem;
    border-radius: 50%;
    margin: 0 .1rem;
}

.game-list .list .hb .violet {
    color: #6D00FF;
    background: #6D00FF;
    width: .26667rem;
    height: .26667rem;
    border-radius: 50%;
    margin: 0 .1rem;
}

.game-list .list .hb .box,
.t-table .box {    
}

    .game-list .list .hb .box .li,
    .t-table .box .li {
        display: block;
        height: 0.53333rem;
        width: 0.53333rem;
        line-height: .53333rem;
        color: #fff;
        border-radius: 0.53333rem;
    }


.game-list .list-fooder {
    height: 0.53333rem;
    background-color: #ffffff;
    border-bottom-right-radius: 0.53333rem;
    border-bottom-left-radius: 0.53333rem;
}

.game .page-nav {
    margin-top: 0.53333rem;
    padding-bottom: 1.83333rem;
}

    .game .page-nav .arr {
        height: 1.06667rem;
        width: 1.06667rem;
        background: #dedede;
        border-radius: 0.13333rem;
        cursor: pointer;
    }

        .game .page-nav .arr .van-icon-arrow-left {
            background: url(~/img/down_white.png) no-repeat center;
            background-size: 100%;
            transform: rotate(90deg);
            width: 50%;
            height: 50%;
        }

        .game .page-nav .arr .van-icon-arrow {
            background: url(~/img/down_white.png) no-repeat center;
            background-size: 100%;
            transform: rotate(-90deg);
            width: 50%;
            height: 50%;
        }


        .game .page-nav .arr .icon {
            color: #7f7f7f;
        }

    .game .page-nav .number {
        width: 2.66667rem;
        height: 1.06667rem;
        line-height: 1.06667rem;        
        color: #404653;
    }

    .game .page-nav .arr.action {
        background: linear-gradient(90deg, #FF962C, #FD5810);
        color: #ffffff;
    }

    .game .page-nav .arr .icon.action {
        color: #806140;
    }

.game-list .con-box .con-Missing {
    padding: 0.4rem 0.66667rem 0 0.4rem;
    background: #ffffff;
}

    .game-list .con-box .con-Missing .item {
        height: 0.66667rem;
        line-height: .66667rem;
    }

        .game-list .con-box .con-Missing .item .li {
            width: 0.4rem;
            height: 0.4rem;
            line-height: .4rem;
            margin-right: 0.13333rem;
            text-align: center;
            color: #9da7b3;
        }

.game-list .list .hb.Ehb {
    height: 1.06667rem;
}

    .game-list .list .hb.Ehb:nth-child(odd) {
        background-color: #FFE8E8;
    }

.game-list .list .hb .qiu {
    width: 225px;
    position: relative;
}

    .game-list .list .hb .qiu .line-canvas {
        position: absolute !important;
        top: 9px;
        left: 0;
        height: 55px;
        width: 196px;
        z-index: 99;
    }

    .game-list .list .hb .qiu .li {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border: 1px solid #bbb;
        border-radius: 16px;
        margin-right: 4px;
        color: #bbb;
        z-index: 999;
    }

        .game-list .list .hb .qiu .li.action0 {
            border: none;
            color: #fff;
            background-image: linear-gradient(to bottom right, #fb4e4e 50%, #eb43dd 0) !important;
        }

        .game-list .list .hb .qiu .li.actionS {
            border: none;
            color: #fff;
            background-color: #5cba47;
        }

        .game-list .list .hb .qiu .li.actionB {
            border: none;
            color: #fff;
            background-color: #ffc511;
        }

        .game-list .list .hb .qiu .li.action2,
        .game-list .list .hb .qiu .li.action4,
        .game-list .list .hb .qiu .li.action6,
        .game-list .list .hb .qiu .li.action8 {
            border: none;
            color: #fff;
            background-color: #fb4e4e;
        }

        .game-list .list .hb .qiu .li.action5 {
            border: none;
            color: #fff;
            background-image: linear-gradient(to bottom right, #5cba47 50%, #eb43dd 0) !important;
        }

        .game-list .list .hb .qiu .li.num_red,
        .game-list .list .hb .qiu .li.num_green,
        .game-list .list .hb .qiu .li.num_yellow,
        .game-list .list .hb .qiu .li.num_blue,
        .game-list .list .hb .qiu .li.num_redViolet,
        .game-list .list .hb .qiu .li.num_greenViolet {
            color: #fff;
            border: none;
        }


.game-amount {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 500px;
    padding: 0.37333rem 0.37333rem 0.53333rem;
    background-color: #fff;
    box-shadow: 0 -0.8rem 1.33333rem 0 rgba(63, 69, 83, .3);
    border-radius: 0.37333rem 0.37333rem 0 0;
    transform: translate(-50%, 82%);
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 999;
}

    .game-amount.action {
        transform: translate(-50%) !important;
    }

    .game-amount .clear {
        height: 1.01333rem;
        position: absolute;
        top: -0.64rem;
        right: 0;
        display: none;
        cursor: pointer;
    }

    .game-amount .top .txt {
        font-size: .32rem;
    }

    .game-amount .top .amount {
        color: #404653;
        font-size: .43333rem;
    }

    .game-amount .top .recharge {
        margin-left: 0.13333rem;
        background: linear-gradient(90deg, #FF962C, #FD5810);
        color: #ffffff;
        padding: 0.08rem 0.26667rem;
        border-radius: 0.08rem;
    }

    .game-amount .top .history {
        font-size: .32rem;
    }

        .game-amount .top .history .img {
            margin-left: 0.13333rem;
            width: 0.32rem;
        }

    .game-amount .info {
        padding: 0 0.13333rem;
    }

        .game-amount .info .WinGo {
            display: none;
        }

            .game-amount .info .WinGo i {
                font-style: normal;
                font-size: 16px;
                margin-left: 4px;
            }

.tab-name {
    display: inline-block;    
    text-align: center;
    padding: 0 0.13333rem;
    border-radius: 10px;
    color: #0074ff;
    font-size: 20px;
}

.game-amount .info .WinGo .num {
    height: 0.8rem;
    width: 0.8rem;
    display: inline-block;
    border-radius: 0.8rem;
    line-height: .8rem;
    text-align: center;    
    color: #fff;
}

    .game-amount .info .WinGo .num.number1,
    .game-amount .info .WinGo .num.number3,
    .game-amount .info .WinGo .num.number7,
    .game-amount .info .WinGo .num.number9 {
        border: none;
        color: #fff;
        background-color: #5cba47;
    }

    .game-amount .info .WinGo .num.number2,
    .game-amount .info .WinGo .num.number4,
    .game-amount .info .WinGo .num.number6,
    .game-amount .info .WinGo .num.number8 {
        border: none;
        color: #fff;
        background-color: #fb4e4e;
    }

.game-amount .info .WinGo .btn {
    padding: 0.13333rem 0.26667rem;
    color: #fff;
    border-radius: 0.08rem;
    margin-left: 0.13333rem;
}

.game-amount .info .item {
    height: 0.8rem;
    line-height: .8rem;
    margin-top: 0.4rem;
}

    .game-amount .info .item .tit {        
        color: #333;
    }

    .game-amount .info .item .amount-box .li {
        min-width: 48px;
        text-align: center;
        font-size: .26rem;
        padding: 0 0.32rem;
        margin-left: 0.13333rem;
        border-radius: 0.53333rem;        
        border: 1px solid #cccccc;
        cursor: pointer;
    }

        .game-amount .info .item .amount-box .li.action {
            background: linear-gradient(90deg, #FF962C, #FD5810);
            color: #ffffff;
            border: 1px solid #FF962C;
            
        }

    .game-amount .info .item .stepper-box .li {
        height: 0.8rem;
        width: 0.8rem;
        font-size: .8rem;
        background: #f2f2f2;
        color: #ffffff;
        cursor: pointer;
    }

        .game-amount .info .item .stepper-box .li.action {
            background: linear-gradient(90deg, #FF962C, #FD5810);
            color: #fff;
        }

        .game-amount .info .item .stepper-box .li.minus {
            text-align: center;
            line-height: .66667rem;
        }

    .game-amount .info .item .stepper-box .digit-box {
        width: 1.86667rem;
        height: 0.8rem;
        padding: 0;
        border: 0.02667rem solid #dcdfe6;
        margin: 0 0.13333rem;
    }

        .game-amount .info .item .stepper-box .digit-box .van-field__control {
            height: 0.74667rem;
            text-align: center;
        }

    .game-amount .info .item .multiple-box {
        
    }

        .game-amount .info .item .multiple-box .li {
            min-width: 40px;
            text-align: center;
            font-size: .26rem;
            font-weight: 400;
            padding: 0 0.26667rem;
            margin-right: 0.13333rem;
            cursor: pointer;
            line-height: .68rem;            
            color: #697984;
            background: #f0f0f0;
            border-radius: 5px;
            flex: 1 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .game-amount .info .item .multiple-box .li:last-child {
                margin-right: 0;
            }

            .game-amount .info .item .multiple-box .li.action {
                color: #ffffff;
                background: linear-gradient(90deg, #FF962C, #FD5810);
            }

.edit_btn {
    margin-left: 5px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    cursor: pointer;
}


.game-btn {
    height: 1.33333rem;
    width: 100%;
    max-width: 500px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    padding: 0 0.4rem;
    z-index: 99999;
}

    .game-btn .btn {
        background: linear-gradient(90deg, #FF962C, #FD5810);
        border: none;
        height: 1.06667rem;
        border-radius: 1.06667rem;
        color: #ffffff;
        cursor: pointer;
    }

        .game-btn .btn span {
            font-size: .4rem;
            padding: 0 .1rem;
        }


.con-box {
    display: none;
}

    .con-box:nth-child(1) {
        display: block;
    }





.mian {
    background-color: #fbfcfd;
}

    .mian .info .container {
        padding: 0.4rem;
        color: #5c616d;
    }

    .mian .info p {
        font-size: .37333rem;
        color: #5c616d;
        line-height: .53333rem;
        margin-bottom: 0.13333rem;
        text-indent: 2em;
    }


.home .rank-box {
    padding: .32rem;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin: 5px 0;
}

    .home .rank-box .btn {
        margin: 0 auto;
        background-image: linear-gradient(94deg, #ffac6b, #ff5f75);
        box-shadow: 0 .24rem .4rem 0 rgba(206, 1, 4, .3);
        border-radius: 0 0 1.06667rem 1.06667rem;
        width: 60%;
        text-align: center;
        font-size: .4rem;
        height: .8rem;
        line-height: .8rem;
        color: #fff;
    }

    .home .rank-box.new-box {
        padding: 0 .4rem .4rem;
    }

    .home .rank-box .rank-tit {
        line-height: 1.54667rem;
        font-size: .53333rem;
        color: #ffffff;
        text-align: center;
        height: 1.86667rem;
        background: url(/img//game/withdraw-top.png) no-repeat 50%;
        background-size: contain;        
    }

    .home .rank-box .new-List {
        padding: .13333rem .26667rem;
        background-color: #fff;
        box-shadow: 0 .02667rem .48rem 0 rgba(203, 202, 220, .56);
    }

        .home .rank-box .new-List .tit {
            height: .93333rem;
            line-height: .93333rem;
            color: #333;
        }

        .home .rank-box .new-List .item {
            line-height: 1.33333rem;
            border-top: .02667rem solid #eee;
        }

            .home .rank-box .new-List .item .li {
                width: .53333rem;
                height: .53333rem;
                text-align: center;
                line-height: .53333rem;
                border-radius: .53333rem;
                background-color: #9195a3;
                color: #fff;
                margin-right: .13333rem;                
                background-size: 100% 100%;
            }

            .home .rank-box .new-List .item .name {
                max-width: 4.8rem;
                font-size: .37333rem;
            }

            .home .rank-box .new-List .item .time {
                font-size: .32rem;
            }

.RankList {
    position: relative;    
    padding: .26667rem;
    height: 5.33333rem;
    overflow: hidden;
    background-color: #f5efe9;
    border-radius: .26667rem;
}

    .RankList .item {
        height: 1.2rem;
        line-height: 1.2rem;
    }

        .RankList .item .img {
            width: 1.06667rem;
            height: 1.06667rem;
            border-radius: 1.06667rem;
            display: block;
            overflow: hidden;
        }

        .RankList .item .info {
            width: 100%;
        }

            .RankList .item .info .name {
                width: 2.13333rem;
                font-size: .37333rem;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
            }

            .RankList .item .info .price {
                text-align: center;
                color: #000;
                font-size: .4rem;
                font-weight: 600;
            }

            .RankList .item .info .time {
                font-size: .32rem;
                color: #FD5810;
            }



.game-betting .content .page-box {
    width: 100%;
    background: #fff;
    border-radius: 0.26667rem;
    position: relative;
    padding: 0.26667rem;
    margin-bottom: .32rem;
}

.flex-row-around,
.flex-row-between {
    display: flex;
}

.flex-row-between {
    justify-content: space-between;
}

.game-betting .content .page-box .last-round {
    text-align: center;
    padding: 0 0 0.8rem;
    border-bottom: 0.02667rem solid #f1f3fb;
    margin-bottom: 0.34667rem;
    height: 1.91rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .game-betting .content .page-box .last-round > span {
        font-size: .37333rem;
        font-weight: 400;
        color: #8e8e93;
        max-width: 2.4rem;
    }

    .game-betting .content .page-box .last-round .round-num {
        width: 1.06667rem;
        height: 1.06667rem;
        line-height: 1.01333rem;
        border-radius: 50%;
        border: 0.02667rem solid #000;
        color: #000;
        background: #f4f4f4;
        position: relative;
    }

        .game-betting .content .page-box .last-round .round-num .word-index {
            position: absolute;
            bottom: -0.53333rem;
            left: 0.4rem;
            line-height: .42667rem;
            color: #9da7b3;
            font-size: .37333rem;
            font-weight: 400;
        }

        .game-betting .content .page-box .last-round .round-num.red {
            border: none;
            color: #fff;
            line-height: 1.06667rem;
            background: #f03737;
        }

.game-betting .content .page-box .period-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .37333rem;
    font-weight: 400;
    color: #8e8e93;
    margin-bottom: 0.13333rem;
}

.game-betting .content .page-box .period-span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .58667rem;
    font-weight: 700;
}

    .game-betting .content .page-box .period-span > span {
        font-size: .45rem;
        display: grid;
        grid-auto-flow: column;
        gap: 8px;
    }

.game-betting .content .time {    
    padding: 0.13333rem 0;
    font-size: .45rem;
    color: #fff;
    border-radius: 0.08rem;
}

#dataNums {
    width: 100%;
    height: auto;
}

.slot-inner {
    width: 300px;
    padding: 0.26667rem;
    background: #FF962C;
    display: flex;
    border-radius: 0.18667rem;
    position: relative;
    margin: 0.26667rem auto 0;
}

    .slot-inner:before {
        left: -0.16rem;
        border-radius: 0.16rem 0 0 0.16rem;
    }

    .slot-inner:after,
    .slot-inner:before {
        position: absolute;
        top: .9rem;
        width: 0.16rem;
        height: 0.8rem;
        content: "";
        background: #FF962C;
    }

    .slot-inner:after {
        right: -0.16rem;
        border-radius: 0 0.16rem 0.16rem 0;
    }

.d5-slot-box {
    padding: 0.16rem 0;
    background: linear-gradient(180deg, #d27139, #90b3e6);
    border-radius: 0.08rem;
    display: inline-block;
    position: relative;
}

    .d5-slot-box:before {
        left: -0.02667rem;
        border-right: 0.53333rem solid transparent;
        border-left: 0.53333rem solid #d27139;
    }

    .d5-slot-box:after {
        right: -0.02667rem;
        border-left: 0.53333rem solid transparent;
        border-right: 0.53333rem solid #d27139;
    }

    .d5-slot-box:after,
    .d5-slot-box:before {
        position: absolute;
        top: 1.09333rem;
        width: 0;
        height: 0;
        border-top: 0.18667rem solid transparent;
        border-bottom: 0.18667rem solid transparent;
        content: "";
        z-index: 3;
    }

.slot-column {
    display: inline-block;
    width: 1.54667rem;
    height: 2.26667rem;
    border-radius: 0.10667rem;
    overflow: hidden;
    background: #333;
    margin-right: 0.10667rem;
    vertical-align: bottom;
    position: relative;
    text-align: center;
}

    .slot-column:before {
        box-shadow: inset 0 -0.18667rem 0.10667rem 0 rgba(0, 0, 0, .3), inset 0 0.18667rem 0.10667rem 0 rgba(0, 0, 0, .3);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 101%;
        height: 101%;
        content: "";
        z-index: 2;
    }

    .slot-column:first-child {
        margin-left: 0.16rem;
    }





    .slot-column .slot-transform {
        transform: translateY(-2.88rem);
    }

        .slot-column .slot-transform.transform0 .slot-num {
            background: #d27139;
            color: #fff;
        }

        .slot-column .slot-transform.slot-scroll {
            animation: slotScroll 3s cubic-bezier(.65, .02, .65, 1.06);
            animation-fill-mode: forwards;
        }

            .slot-column .slot-transform.slot-scroll.transform1 {
                animation-delay: .12s;
            }

            .slot-column .slot-transform.slot-scroll.transform2 {
                animation-delay: .24s;
            }

            .slot-column .slot-transform.slot-scroll.transform3 {
                animation-delay: .36s;
            }

            .slot-column .slot-transform.slot-scroll.transform4 {
                animation-delay: .48s;
            }


    .slot-column .slot-num {
        width: 1.44rem;
        height: 1.44rem;
        line-height: 1.44rem;
        background: #e1e1ec;
        border-radius: 50%;
        font-size: .8rem;
        color: rgba(0, 0, 0, .4);
        font-weight: 700;
        margin: 0 auto 0.21333rem;
    }



@-webkit-keyframes slotScroll {
    0% {
        transform: translateY(-2.88rem);
    }

    to {
        transform: translateY(-57.86667rem);
    }
}

@keyframes slotScroll {
    0% {
        transform: translateY(-2.88rem);
    }

    to {
        transform: translateY(-57.86667rem);
    }
}


.bet-box {
    margin-top: 0.26667rem;
    overflow: hidden;
    position: relative;
}

    .bet-box.minH {
        min-height: 6.4rem;
    }

    .bet-box .mark-box {
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, .6);
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        font-weight: 600;
        color: #fff;
        font-size: 1.33333rem;
        padding-top: 1.06667rem;
    }

        .bet-box .mark-box .item {
            display: inline-block;
            margin-bottom: 1.33333rem;
        }

        .bet-box .mark-box .txt {
            text-align: center;
            font-size: .53333rem;
        }

    .bet-box .bet-type-group {
        display: flex;
        justify-content: flex-start;
        border-bottom: 0.02667rem solid #c7c7cc;
        margin-bottom: 0.26667rem;
        overflow: hidden;
    }

.d5-bet-type {
    width: 1.46667rem;
}

.bet-box .d5-bet-type {
    width: 1.06667rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    background: #ceced8;
    font-size: .42667rem;
    font-weight: 700;
    color: #fff;
    border-radius: 0.50667rem 0.50667rem 0 0;
    position: relative;
    margin-right: 0.21333rem;
    text-align: center;
    cursor: pointer;
}

.d5-bet-type.active {
    background: linear-gradient(90deg, #FF962C, #FD5810);
}

.d5-bet-type:after,
.d5-bet-type:before {
    content: "";
    width: 0.26667rem;
    height: 0.26667rem;
    position: absolute;
    bottom: 0;
    z-index: 9;
}


.d5-bet-type:after {
    background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) 0.26667rem, #ceced8 0.29333rem);
    right: -0.26667rem;
}

.d5-bet-type.active:before {
    background: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) 0.26667rem, #FF962C 0.29333rem);
    left: -0.26667rem;
    z-index: 9;
}

.d5-bet-type.active:after {
    background: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) 0.26667rem, #FD5810 0.29333rem);
    right: -0.26667rem;
    z-index: 9;
}

.bet-type-btn {
    width: 23%;
    height: 0.93333rem;
    line-height: .93333rem;
    background: #d1d1d6;
    border-radius: 0.16rem;
    color: #fff;
    margin-bottom: 0.4rem;
    padding: 0 0.16rem;
    cursor: pointer;
    align-items: center;
}

.bet-box .bet-num-line {
    display: flex;
    justify-content: space-between;
    width: 20%;
    padding: 0 0 0.66667rem;
}

.bet-box .bet-box-num {
    margin: 0 auto;
    width: 1.06667rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    background-color: rgba(202, 208, 227, .6);
    border-radius: 50%;
    color: #404653;
    font-size: .4rem;
    position: relative;
    text-align: center;
    cursor: pointer;
}

    .bet-box .bet-box-num > div {
        position: absolute;
        width: 1.06667rem;
        left: 0;
        bottom: -0.4rem;
        text-align: center;
        font-weight: 400;
        font-size: .32rem;
        line-height: .32rem;
        color: #6b7581;
    }

    .bet-box .bet-box-num.active {
        color: #ffffff;
        background: linear-gradient(90deg, #FF962C, #FD5810);
    }




.game-list .list .hb .li,
.t-table .li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 16px;    
    border-radius: 16px;
    
}

    .t-table .li:not(:first-child) {
        margin-left: 5px;
    }


.game-list .list .hb .c-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 24px;
    height: 0.53333rem;
    width: 0.53333rem;
    font-size: .32rem;
}

.game-list .list .hb .li.circle-black {
    height: 0.53333rem;
    line-height: .58667rem;
    width: 0.53333rem !important;
    border: 0.02667rem solid #404653;
    color: #404653;
    background: #f4f4f4;
}

.game-list .list .hb .li.action {
    height: 0.53333rem;
    line-height: .58667rem;
    width: 0.53333rem !important;
    font-size: .32rem;
    border: none;
    color: #fff;
    background-color: #fb4e4e;
}

.game-list .con-box .bet-box .bet-type-group {
    margin-bottom: 0;
}

.game-list .list .hb .li.actionH {
    border: none;
    color: #fff;
    background-color: #35b8f0;
}

.game-list .list .hb .li.actionL {
    border: 0.02667rem solid #35b8f0;
    color: #35b8f0;
    background-color: #fff;
}

.game-list .list .hb .li.actionE {
    border: 0.02667rem solid #37cc2d;
    color: #37cc2d;
    background-color: #fff;
}


.game-amount .info .fifthD .name {
    display: inline-block;    
    text-align: center;
    padding: 0 0.13333rem;
    border-radius: 10px;
    color: #0074ff;
    font-size: 20px;
}

.game-amount .info .fifthD .number {
    margin: 0 0.05333rem;
    text-align: center;
    display: inline-block;
    width: 0.53333rem;
    height: 0.53333rem;
    line-height: .53333rem;
    border-radius: 0.53333rem;
    color: #ffffff;
    background: linear-gradient(90deg, #FF962C, #FD5810);
}

.game-amount .info .fifthD .tabNmae {
    padding: 0.13333rem 0.26667rem;
    border-radius: 0.08rem;
}

.game-amount .info .fifthD .btn {
    padding: 0.13333rem 0.26667rem;
    color: #fff;
    border-radius: 0.08rem;
    margin-left: 0.13333rem;
    font-size: 12px;
}

.van-checkbox__icon--checked .van-icon.active {    
    background: url(/img//check_white.svg) no-repeat center #FD5810;
    background-size: 100%;
}





.last-game__result {
    position: relative;
    display: flex;
}

.live-iframe {
    position: relative;
    width: 100%;
    height: 290px;
    background: #222;
}

.game-betting .content .box .number-box .item.dice {
    width: 30%;
    gap: 4px;
}

.game-betting .content .box .number-box .item.diceone {
    width: 20%;
    gap: 4px;
}

.game-betting .content .box .number-box .item.dicefour {
    width: 25%;
    gap: 4px;
}

.game-list .list .hb .item .goItem .numberLi {
    width: .53333rem;
    height: .53333rem;
    position: relative;
}

    .game-list .list .hb .item .goItem .numberLi .num {
        position: absolute;
        background-color: #f35757;
        width: .32rem;
        height: .32rem;
        color: #fff;
        border-radius: .32rem;
        font-size: .26667rem;
        top: -.16rem;
        right: -.16rem;
    }

.game-list .list .hb .item .goItem .li {
    width: .53333rem;
    height: .53333rem;
}

    .game-list .list .hb .item .goItem .li.img1,
    .t-table .li.img1 {
        background: url(/img//1ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .game-list .list .hb .item .goItem .li.img2,
    .t-table .li.img2 {
        background: url(/img//2ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .game-list .list .hb .item .goItem .li.img3,
    .t-table .li.img3 {
        background: url(/img//3ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .game-list .list .hb .item .goItem .li.img4,
    .t-table .li.img4 {
        background: url(/img//4ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .game-list .list .hb .item .goItem .li.img5,
    .t-table .li.img5 {
        background: url(/img//5ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }

    .game-list .list .hb .item .goItem .li.img6,
    .t-table .li.img6 {
        background: url(/img//6ds.svg) no-repeat 50%;
        background-size: 100% 100%;
        border-radius: 0;
    }


.game-betting .content .box .dice_list {
    display: none;
    flex-direction: column;
}

    .game-betting .content .box .dice_list:nth-child(1) {
        display: flex;
    }

.active_blue {
    background: #35b8f0;
    color: #ffffff;
}

.active_red {
    background: #fb4e4e;
    color: #ffffff;
}

.active_green {
    background: #37cc2d;
    color: #ffffff;
}

.active_yellow {
    background: #ffc511;
    color: #ffffff;
}

    .active_blue div,
    .active_red div,
    .active_green div,
    .active_yellow div {
        color: #ffffff;
    }

.dice_div .dice img,
.dice_div .diceone img {
    max-width: 100%;
}


.game-betting .content .box .number-box .item.dice .number {
    width: 25%;
}


.game-betting .content .box .number-box .item .number span {
    width: 0.73333rem;
    height: 0.73333rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;    
    font-size: .6rem;
}





.game-betting .content .box .number-box .item .num_one {
    width: 100%;
    height: auto;
}

    .game-betting .content .box .number-box .item .num_one span {
        width: 100%;
        height: 1rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 6px;
        
        flex-wrap: wrap;
        padding: 0 0.16rem;
        font-size: .32rem;
    }



.game-betting .content .box .number-box .item.dice .num_all {
    width: 100%;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: linear-gradient(#F5F5F4, #E3E3E6);
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.20) inset;
}


.dice_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dice_check {
    padding: 4px;
    background: rgba(102, 160, 230, .3);
    border-radius: 4px;
    display: grid;
    grid-auto-flow: column;
    gap: 8px;
    margin: 4px 8px 4px 0;
}

    .dice_check img {
        max-width: 0.65rem;
        
    }

    .dice_check span {
        padding: 0.15rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        background: linear-gradient(#F5F5F4, #E3E3E6);
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.20) inset;
    }



.K3TL__C {
    width: 100%;
    max-width: 360px;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: .01333rem center;
    color: #fff;    
    border-radius: .26667rem;    
    margin: 0 auto .32rem;
}

.K3TL__C-rule {
    height: .61333rem;
    padding: 0 .66667rem;
    font-size: .29333rem;
    text-align: center;
    border: .01333rem solid #FF962C;
    border-radius: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF962C;
    margin-left: .4rem;
}

    .K3TL__C-rule:before {
        content: "";
        display: block;
        height: .48rem;
        width: .48rem;
        background-image: url(/img//game/rule-r.png);
        background-repeat: no-repeat;
        background-size: .48rem;
        background-position: center;
    }

.K3TL__C-l1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .61333rem;
    color: #acafc2;
    font-size: .32rem;
}

    .K3TL__C-l1 .left {
        display: flex;
        align-items: center;
        height: .61333rem;
    }

    .K3TL__C-l1 > div:not(.left) {
        align-self: flex-start;
        color: #fff;
    }

.K3TL__C-l2 {
    height: .8rem;
    line-height: .8rem;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: .53333rem;
    color: #43b5ec;
}

.K3TL__C-l3 {
    height: 3.09333rem;    
    background: #FF962C;
    border-radius: .18667rem;
    position: relative;
    padding: .26667rem;
}

    .K3TL__C-l3:after,
    .K3TL__C-l3:before {
        content: "";
        display: block;
        width: .13333rem;
        height: .69333rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0;
    }

    .K3TL__C-l3:before {
        background: #FF962C;
        border-radius: .13333rem 0 0 .13333rem;
        left: -.13333rem;
    }

    .K3TL__C-l3:after {
        background: #FF962C;
        border-radius: 0 .13333rem .13333rem 0;
        right: -.13333rem;
    }

    .K3TL__C-l3 .box {
        background: #FD5810 !important;
        border-radius: .13333rem !important;
        height: 100%;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .13333rem !important;
        box-shadow: drop-shadow(.02667rem .05333rem .05333rem rgba(0, 0, 0, .36));
    }

        .K3TL__C-l3 .box:after,
        .K3TL__C-l3 .box:before {
            position: absolute;
            width: 0;
            height: 0;
            border-top: .18667rem solid transparent;
            border-bottom: .18667rem solid transparent;
            content: "";
            z-index: 3;
        }

        .K3TL__C-l3 .box:before {
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            border-right: .53333rem solid transparent;
            border-left: .53333rem solid #FF962C;
        }

        .K3TL__C-l3 .box:after {
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            border-left: .53333rem solid transparent;
            border-right: .53333rem solid #FF962C;
        }

        .K3TL__C-l3 .box > div {
            width: calc((100% - .4rem) / 3);
            height: 2.29333rem;
            background-color: #333333;
            border-radius: .13333rem;
            position: relative;
            background-position: center;
            background-size: 70%;
            background-repeat: no-repeat;
        }

            .K3TL__C-l3 .box > div:before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                z-index: 2;
                box-shadow: inset 0 -.13333rem .13333rem #0000004d, inset 0 .13333rem .13333rem #0000004d;
            }

    .K3TL__C-l3 .num1 {
        background-image: url(/img//game/num1.png);
    }

    .K3TL__C-l3 .num2 {
        background-image: url(/img//game/num2.png);
    }

    .K3TL__C-l3 .num3 {
        background-image: url(/img//game/num3.png);
    }

    .K3TL__C-l3 .num4 {
        background-image: url(/img//game/num4.png);
    }

    .K3TL__C-l3 .num5 {
        background-image: url(/img//game/num5.png);
    }

    .K3TL__C-l3 .num6 {
        background-image: url(/img//game/num6.png);
    }

    .K3TL__C-l3 > div,
    .K3TL__C-l3 > p {
        width: 1.46667rem;
        height: 1.46667rem;
        line-height: 1.46667rem;
        text-align: center;
        font-weight: 700;
        font-size: .64rem;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

.K3TL__C-time {
    height: .8rem;
    line-height: .8rem;
    bottom: .29333rem;
    right: .32rem;
    display: flex;
}

    .K3TL__C-time > div {
        background: #759FDE;
        border-radius: .05333rem;
        color: #fff;
        font-weight: 700;
        font-size: .48rem;
        text-align: center;
        padding: 0 .13333rem;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

        .K3TL__C-time > div[notime] {
            background-color: transparent;
            color: #759FDE;
        }

        .K3TL__C-time > div + div {
            margin-left: .12rem;
        }

.K3TL__C-PreSale {
    width: 7.04rem;
    background-color: #22275b;
}

.K3TL__C-PreSale-head {
    height: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    font-size: .4rem;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/img//game/PreSaleBg.png);
}

.K3TL__C-PreSale-body {
    max-height: 8rem;
    overflow-y: auto;
    padding: .4rem;
    font-size: .32rem;
    line-height: .8rem;
    color: #fff;
}

    .K3TL__C-PreSale-body p {
        margin-bottom: .2rem;
        line-height: .53333rem;
        color: #fff;
    }

.K3TL__C-PreSale-foot {
    height: 1.86667rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.K3TL__C-PreSale-foot-btn {
    width: 60%;
    background: #3C9CF6;
    border-radius: .53333rem;
    height: .93333rem;
    line-height: .93333rem;
    text-align: center;
    font-size: .37333rem;
    color: #fff;
}


.K3B__C-nav {
    height: 1.06667rem;
    display: flex;
    font-size: .29333rem;
    color: #666666;
    overflow: hidden;
    justify-content: space-between;
    margin-bottom: .2rem;
}

    .K3B__C-nav > div {
        line-height: 1.06667rem;
        text-align: center;
        width: calc(25% - .04rem);
        background: #f1f1f1;
        border-radius: .13333rem .13333rem 0 0;
    }

        .K3B__C-nav > div.active {
            background: #FF962C;
            color: #ffffff;
        }


.game-betting .content .box .number-box.K3 .item {
    width: 25%;
}







.van-toast {
    word-break: break-word !important;
    white-space: normal;
}

.van-toast--success {
    background: rgba(0, 0, 0, .8);
}



.prompt-dialog {
    width: 8.29333rem;
    height: 12.4rem;
    border-radius: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    background: #ffffff;
}

    .prompt-dialog .van-dialog__content {
        position: relative;
        width: 100%;
    }

    .prompt-dialog .promptHeader {
        background: #3C9CF6;
        text-align: center;
        height: 1.17333rem;
        line-height: 1.17333rem;
        color: #fff;
        font-weight: 700;
        font-size: .48rem;
        background: url(/img//PreSaleBg.png);
    }

    .prompt-dialog .promptContent {
        height: 8.8rem;
        padding: 0.4rem 0.26667rem;
        overflow-y: auto;
        color: #232323;
    }

        .prompt-dialog .promptContent a {
            color: #FD5810;
        }

        .prompt-dialog .promptContent img {
            width: 100% !important;
        }

    .prompt-dialog .van-dialog__footer {
        z-index: 100;
        position: fixed;
        bottom: 0.4rem;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        gap: 0.26667rem;
        width: 90%;
    }

    .prompt-dialog .van-button {
        background: transparent;
    }

    .prompt-dialog .van-button__text {
        color: #fff;
        width: 100%;
        height: 0.93333rem;
        text-align: center;
        line-height: .93333rem;
        background: #3C9CF6;
        border-radius: 1.06667rem;
        z-index: 100;
        font-weight: 700;
        font-size: .42667rem;
        font-family: Inter;
        font-style: normal;
        letter-spacing: .06667rem;
    }





.add_btn {
    position: fixed;
    left: 50%;
    bottom: 2.8rem;
    transform: translate(-50%);
    width: 4.88rem;
    height: 1.06667rem;
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
    border-radius: 1.06667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: .26667rem;
    padding-right: 1.06667rem;
    z-index: 2;
}

    .add_btn .line {
        position: absolute;
        top: .13333rem;
        right: 1rem;
        height: .8rem;
    }

    .add_btn .close {
        position: absolute;
        top: .06667rem;
        right: .06667rem;
        font-size: .66667rem;
        margin: .13333rem;
        color: rgb(255, 255, 255);
    }

    .add_btn .icon {
        width: .64rem;
        height: .64rem;
    }

    .add_btn .text {
        font-weight: 700;
        font-size: .32rem;
        line-height: .32rem;
        color: #fff;
        text-shadow: 0 .02667rem .01333rem rgba(0, 0, 0, .5);
        margin-left: .13333rem;
        max-width: 2.88rem;
    }

.message_icon {
    width: .69333rem;
    height: .69333rem;
    background: url(/img//message.png) no-repeat center;
    background-size: contain;
    display: inline-block;
}

.down_icon {
    width: 0.69333rem;
    height: 0.69333rem;
}

.top_vip_icon {
    width: 1.1rem;
    margin-left: .2rem;
}

.top_r_icon {
    width: 0.56rem;
    margin-left: .2rem;
}

.new_status {
    transform-origin: top center;
    animation: rotating-message 0.3s linear infinite;
}

img.new_status {
    transform-origin: center center;
}

@keyframes rotating-message {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.van-right_notice {
    position: relative;
    margin-right: 16px;
}

.point {
    width: .13333rem;
    height: .13333rem;
    background-color: #ff0000;
    position: relative;
    border-radius: 50%;
    position: absolute;
    top: 0.02667rem;
    right: 0;
}


.point-flicker:after {
    background-color: #ff0000;
}

.point-flicker:before {
    background-color: #00a8fd33;
}

.point-flicker:before,
.point-flicker:after {
    content: "";
    width: .21333rem;
    height: .21333rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.10667rem;
    margin-top: -.10667rem;
    border-radius: 50%;
    animation: warn-d6fe61e8 1.5s ease-out 0s infinite;
}

@-webkit-keyframes warn-d6fe61e8 {
    0% {
        transform: scale(.5);
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    to {
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes warn-d6fe61e8 {
    0% {
        transform: scale(.5);
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    to {
        transform: scale(1.4);
        opacity: 0;
    }
}





.swiper-slide {
    flex-direction: column;
}


.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000000;
    opacity: .2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FD5810;
}


.swiper-button-next,
.swiper-button-confirm {
    bottom: 30px;
    top: auto;
    right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    border-radius: 40px;
    width: 80%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    cursor: pointer;
}

    .swiper-button-next a,
    .swiper-button-confirm a {
        color: #ffffff;
    }

    .swiper-button-next:after {
        display: none;
    }


.swipe-close-right {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #fff;
    background: url(/img//close.png) no-repeat left center;
    background-size: 100%;
    cursor: pointer;
}


.swiper-button-next.swiper-button-disabled {
    opacity: 1;
}



.customer {
    position: fixed;
    bottom: 2.8rem;
    right: 0.4rem;
    width: 1.49333rem;
    height: 1.49333rem;
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
    touch-action: none;    
}

    .customer img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.bottomfloat_icon {
    position: fixed;
    bottom: 4.3rem;
    right: 0.15rem;
    width: 2rem;    
    border-radius: 50%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    touch-action: none;    
}

    .bottomfloat_icon img {
        width: 1.49333rem;        
        border-radius: 50%;
        margin-bottom: .2rem;
    }

        .bottomfloat_icon img.float_spins_icon {
            width: 2rem;
        }

.spins_icon {
    position: fixed;
    bottom: 4.7rem;
    right: 0.4rem;
    width: 1.49333rem;
    height: 1.49333rem;
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
    touch-action: none;    
}

    .spins_icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }




.inrow {
    font-size: 0;
    font-size: 12px;
    font-size: 0;
    font-family: arial;
    letter-spacing: -3px;
    letter-spacing: normal;
    word-spacing: -1px;
}

    .inrow > li,
    .inrow span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font-size: 14px;
        letter-spacing: normal;
        word-spacing: normal;
    }

.dataNums {    
    top: 50%;
    display: flex;
    width: 100%;    
    text-align: center;
    padding: 0.16rem 0;
    background: #FD5810;
    border-radius: 0.08rem;
}

    .dataNums .dataOne {
        width: 100%;
        height: 65px;
        margin: 0px 6px 0 0;
        text-align: center;        
        background: #333;        
        color: rgba(0, 0, 0, .4);
        border-radius: 0.10667rem;
    }

        .dataNums .dataOne:first-child {
            margin-left: 6px;
        }


    .dataNums .dataBoc {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .dataNums .dataBoc .tt {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .dataNums .tt span {
        width: 100%;
        height: 100%;
        font-size: .8rem;        
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px;
    }

        .dataNums .tt span b {
            background: #e1e1ec;
            border-radius: 50%;
            color: rgba(0, 0, 0, .4);            
            width: 100%;            
            display: flex;
            align-items: center;
            justify-content: center;
            aspect-ratio: 1;
        }

    .dataNums .dataOne:first-child b {
        background: #FD5810;
        color: #ffffff;
    }

#dataNums:after {
    right: .25667rem;
    border-left: 0.53333rem solid transparent;
    border-right: 0.53333rem solid #FF962C;
}

#dataNums:before {
    left: .25667rem;
    border-right: 0.53333rem solid transparent;
    border-left: 0.53333rem solid #FF962C;
}

#dataNums:after,
#dataNums:before {
    position: absolute;
    top: 1.05333rem;
    width: 0;
    height: 0;
    border-top: 0.18667rem solid transparent;
    border-bottom: 0.18667rem solid transparent;
    content: "";
    z-index: 3;
}

.num_redViolet {    
    background-color: #fb4e4e;
    background-image: linear-gradient(to bottom left, #fb4e4e 50%, #b643eb 0) !important;
}

.num_greenViolet {    
    background-color: #5cba47;
    background-image: linear-gradient(to bottom left, #5cba47 50%, #b643eb 0) !important;
}

.num_green {    
    color: #ffffff;
    background: linear-gradient(90deg, #00BE50 0%, #9BDF00 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_red {    
    color: #ffffff;
    background: linear-gradient(90deg, #FD0261 0%, #FF8A96 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_violet {    
    color: #ffffff;
    background: linear-gradient(90deg, #480AC5 0%, #B36FF8 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_blue {    
    color: #ffffff;
    background: linear-gradient(90deg, #00BDFF 0%, #5BCDFF 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_yellow {    
    color: #ffffff;
    background: linear-gradient(90deg, #FF9000 0%, #FFD000 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.numC-item0 {
    background: url(/img//game/n0_bg.png) no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

    .numC-item0 .txt {
        background: linear-gradient(143deg, #FE565C 51.71%, #A943F7 51.72%) !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        font-weight: bold;
    }

.numC-item5 {
    background: url(/img//game/n5_bg.png) no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

    .numC-item5 .txt {
        background: linear-gradient(143deg, #4CCB86 51.71%, #A943F7 51.72%) !important;
        background-clip: text !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        font-weight: bold;
    }

.numC-item2,
.numC-item4,
.numC-item6,
.numC-item8 {
    background: url(/img//game/red_bg.png) no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

    .numC-item2 .txt,
    .numC-item4 .txt,
    .numC-item6 .txt,
    .numC-item8 .txt {
        color: #E93333 !important;
        font-weight: bold;
    }

.numC-item1,
.numC-item3,
.numC-item7,
.numC-item9 {
    background: url(/img//game/green_bg.png) no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

    .numC-item1 .txt,
    .numC-item3 .txt,
    .numC-item7 .txt,
    .numC-item9 .txt {
        color: #2F9C61 !important;
        font-weight: bold;
    }

.numC-item-nobg {
    background: none !important;
    font-size: 16px !important;
}

.numC-green {
    width: 1.16667rem !important;
    height: 1.16667rem !important;
    background: url(/img//game/green_bg.png) no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

    .numC-green .txt {
        color: #2F9C61 !important;
    }

.numC-red {
    width: 1.16667rem !important;
    height: 1.16667rem !important;
    background: url(/img//game/red_bg.png) no-repeat !important;
    background-size: 100% !important;
    border: none !important;
}

    .numC-red .txt {
        color: #E93333 !important;
    }



.set-table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    color: #333333;
    overflow: hidden;
    margin-top: .4rem;
}

.set-table-tr {
    display: flex;
    padding: 16px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: #FF962C;
}

    .set-table-tr span {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
        align-self: stretch;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        line-height: 100%;        
    }

.set-table-td {
    width: 100%;
}

    .set-table-td ul li {
        width: 100%;
        display: flex;
        padding: 12px 12px;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #F1F1F1;
    }

        .set-table-td ul li span {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1 0 0;
            align-self: stretch;
            font-size: 14px;
            line-height: 100%;            
        }

            .set-table-td ul li span input {
                display: flex;
                width: 80px;
                height: 32px;
                padding: 12px 8px;
                justify-content: center;
                align-items: center;
                border: 1px solid #CCC;
                background: #ffffff;
                font-size: 14px;
            }

.bottom_btn {
    width: 100%;
    max-width: 500px;
    background: #ffffff;
    padding: 4px 16px 10px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.btn-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
    font-size: 14px;
}

.clear_btn {
    padding: 12px 32px;
    background: linear-gradient(180deg, #FFE55A 0%, #FEA41E 100%) !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.save-btn {
    padding: 12px 32px;
    background: linear-gradient(180deg, #FF962C, #FD5810 94%);
    color: #ffffff !important;
    border-radius: 4px;
    margin-left: 20px;
}


.chooseBank__container {
    padding-inline: .32rem;
    padding-block: 0 .4rem;
    padding-top: .13333rem;
}

    .chooseBank__container .search {
        z-index: 100;
        height: 1.06667rem;
        width: 88%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        top: 1.24rem;
        left: 50%;
        transform: translate(-50%);
        max-width: 10rem;
        padding: 0 .32rem;
        border-radius: .13333rem;
        background: #fff;
        box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
    }

        .chooseBank__container .search .van-icon {
            font-weight: 700;
        }

        .chooseBank__container .search input {
            border: none;
            width: calc(100% - .8rem);
            font-size: .37333rem;
        }

            .chooseBank__container .search input::-webkit-input-placeholder {
                color: #adb0bf;
            }

            .chooseBank__container .search input::placeholder {
                color: #adb0bf;
            }

            .chooseBank__container .search input:focus {
                outline: none;
                user-select: text;
            }

.chooseBank__container-content {
    margin-top: .4rem;
    background: #ffffff;
    box-shadow: 0 .10667rem .21333rem #d0d0ed5c;
    border-radius: .13333rem;
    padding: .13333rem .4rem;
}

.chooseBank__container-content-items {
    display: flex;
    flex-direction: column;
    color: #666;
    padding-bottom: .26667rem;
}

    .chooseBank__container-content-items > div:first-of-type {
        font-weight: 400;
        font-size: .37333rem;
        padding: .33333rem 0;
        border-bottom: 1px solid #f1f1f1;
        color: #333333;
    }

.chooseBank__container-content-items__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .37333rem;
    font-weight: 500;
    padding: .4rem 0 .4rem .4rem;
    border-bottom: 1px solid #f1f1f1;
}

    .chooseBank__container-content-items__item img {
        width: .64rem;
        height: auto;
        margin: 0 .24rem 0 0;
    }

.chooseBank__container-content-items__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}




.tab_item {
    width: 100%;
    height: 1.33333rem;
    margin-right: .3rem;
    padding: 0;
    color: #80849c !important;
    border-radius: .13333rem;
    background: #ffffff;
    box-shadow: 0 .08rem .16rem .05333rem #d0d0ed5c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .tab_item:last-child {
        margin-right: 0;
    }

    .tab_item img {
        width: auto;
        height: .66667rem;
    }

.tab_active {
    color: #fff !important;
    background: linear-gradient(180deg, #FD5810 0%, #FF962C 100%) !important;
    border-radius: .13333rem;    
}


.firstSaveDialog {
    width: 8rem;
    overflow: initial;
    z-index: 9999;
}

    .firstSaveDialog .van-dialog__header {
        padding-top: 0;
    }

    .firstSaveDialog .header {
        min-height: 1.86667rem;
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
        color: #fff;
        padding-top: .33333rem;
        border-radius: .26667rem .26667rem 0 0;
        position: relative;
    }

        .firstSaveDialog .header .image {
            position: absolute;
            top: -.7rem;
            left: 50%;
            transform: translate(-50%);
            width: 100%;
            height: 2.68rem;
            background-image: url(/img//home/scck_head.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .firstSaveDialog .header .tip {
            font-size: .29333rem;
            font-weight: 400;
            padding-top: .5rem;
            width: 100%;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
        }

    .firstSaveDialog .container {
        padding: .26667rem .13333rem;
        background-color: #ffffff;
        max-height: calc(100vh - 8.4rem);
        overflow: auto;
    }

        .firstSaveDialog .container .first_list-item {
            box-shadow: none;
        }

.first_list-item {
    padding: .26667rem;
    border-radius: .26667rem;
    background: #ffffff;
    border: 1px solid #e1e1e1;
}

    .first_list-item .head {
        display: flex;
        justify-content: space-between;
        margin-bottom: .18667rem;
    }

        .first_list-item .head .title_left {
            font-size: .37333rem;
            color: #232323;
        }

            .first_list-item .head .title_left > span {
                color: #D61F24;
            }

        .first_list-item .head .orange {
            font-size: .34667rem;
            color: #ffa000;
        }

    .first_list-item .description {
        font-size: .29333rem;
        color: #9ea0a3;
        margin-bottom: .26667rem;
    }

    .first_list-item .foot {
        display: flex;
        align-items: center;
    }

        .first_list-item .foot > div {
            flex: 1;
        }

        .first_list-item .foot .btn_right {
            width: 2.13333rem;
            min-height: .66667rem;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: none;
            font-size: .32rem;
            margin-left: .56rem;
            border-radius: 1.33333rem;
            padding: 0 .13333rem;
            color: #fff;
        }

            .first_list-item .foot .btn_right.n1 {
                background: linear-gradient(-90deg, #FA2367, #FF7AAC);
            }

                .first_list-item .foot .btn_right.n1.rule {
                    opacity: 0;
                    pointer-events: none;
                }

            .first_list-item .foot .btn_right.n2 {
                background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
            }

                .first_list-item .foot .btn_right.n2.rule {
                    opacity: 0;
                    pointer-events: none;
                }

            .first_list-item .foot .btn_right.n3 {
                background: linear-gradient(180deg, #A6ACD0 0%, #C2CAF4 100%);
            }

    .first_list-item + .first_list-item {
        margin-top: .26667rem;
    }


.firstSaveDialog .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 1.33333rem;
    background-color: #ebebeb;
    padding: 0 .26667rem;
    border-radius: 0 0 .26667rem .26667rem;
}

    .firstSaveDialog .footer .btn_right {
        background: #FD5810;
        width: 2.66667rem;
        min-height: .66667rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1.33333rem;
        text-align: center;
        color: #ffffff;
        font-size: .32rem;
        font-weight: 700;
    }

    .firstSaveDialog .footer .action {
        padding-left: .6rem;
        color: #232323;
        font-size: .32rem;
        background-repeat: no-repeat;
        background-size: .44rem;
        background-position: left;
        background-image: url(/img//home/active.svg);
    }

        .firstSaveDialog .footer .action.a {
            background-image: url(/img//home/active_b.svg);
        }

.step {
    color: #232323;
    font-size: .26667rem;
    text-align: center;
    width: 100%;
    margin-bottom: .10667rem;
}

.progress {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: rgb(225 225 225);
    height: 10px;
    border-radius: 6px;
}

    .progress .line {
        background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
        width: 10%;
        height: 6px;
        border-radius: 6px;
    }


.firstSaveDialog .close {
    position: absolute;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%);
    bottom: -.93333rem;
    background-image: url(/img//close_white.png);
    background-repeat: no-repeat;
    background-size: contain;
}




.first_h {
    min-height: calc(100% - 54px);
    height: auto;
    padding-bottom: 1rem;
    background: #ffffff;
}

.first_list {
    padding: .32rem;
}

.rule {
    padding: 0 .4rem;
    color: #9ea0a3;
}




.w-100 {
    width: 100%;
}

.floatbg {
    padding: 10px 10px 0;
    background: #f5f0f0;
}

    .floatbg.sticky_bar5 {
        padding-bottom: 10px;
        background: #ffffff;
    }

.chat-tab {
    background: #ffffff;    
    border: 1px solid #fd8310;
    border-radius: 6px;
    overflow: hidden;
}

    .chat-tab span {
        height: 44px;
        font-size: .44rem;
        color: #fd8310;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .chat-tab span.active {
            color: #ffffff;
            font-weight: bold;
            background: #fd8310;
        }

        .chat-tab span i {
            width: .6rem;
            height: .6rem;
            margin-right: .2rem;
        }


        .chat-tab span .game_icon {
            background: url(/img//gameicon_default.png) no-repeat;
            background-size: 100%;
        }

        .chat-tab span.active .game_icon {
            background: url(/img//gameicon_active.png) no-repeat;
            background-size: 100%;
        }


        .chat-tab span .chat_icon {
            background: url(/img//chaticon_default.png) no-repeat;
            background-size: 100%;
            position: inherit;
        }

        .chat-tab span.active .chat_icon {
            background: url(/img//chaticon_active.png) no-repeat;
            background-size: 100%;
        }

.chat-tab-body:not(:first-child) {
    display: none;
}

.chat-content {
    width: 100%;
    height: calc(100vh - 124px);
    display: flex;
}

    .chat-content iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.padding_bg {
    padding-top: 10px;
    background: #f5f0f0;
}






.chat-pop-top {
    width: 100%;
    max-width: 500px;
    height: 90%;
    display: flex;
    overflow-y: scroll;
    background: #ffffff;
    font-size: 14px;
    padding: 0px 0 34px;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 9999;
    border-radius: 10px 10px 0 0;
    transform: translate3d(-50%, 100%, 0px);
    transition: all 0.4s;
    touch-action: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .chat-pop-top iframe {
        width: 100%;
        height: 100%;
        border: none;
        touch-action: none;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

.hide-scroll {
    overflow: hidden;
}





.van-fixed {
    position: fixed;
    width: 100%;
    max-width: 500px;
}

.chat_h {
    min-height: 100vh;
    background-color: #f1f1f1;
    height: auto;
}

#message {
    padding: 74px .3rem 54px;
}

.chat_time {
    font-size: 12px;
    color: #999;
    margin-bottom: 0.3rem;
    text-align: center;
}

#footer {
    position: fixed;
    bottom: 0;
    height: 54px;
    background-color: #fff;
    width: 100%;
    max-width: 500px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    box-sizing: border-box;
}

    #footer img {
        margin-left: 0.2rem;
        width: 0.5rem;
    }

    #footer input {
        height: 1rem;
        border-radius: 0.1rem;
        border: 1px solid #ddd;
        padding: 0 0.25rem;
        flex: 1;
        font-size: 14px;
    }

    #footer p {
        width: 1.8rem;
        height: 1rem;
        font-size: 14px;
        color: #fff;
        background-color: #ddd;
        border-radius: 0.1rem;
        float: right;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: .2rem;
    }

.reply:after,
.ask:after,
.chat_msg:after {
    content: "";
    clear: both;
    display: table;
}

.chat_msg {    
    height: auto;
    display: flex;
    color: #232323;
}

.reply .chat_msg .name {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

.chat_msg > img {
    width: 1.1rem;
    height: 1.1rem;
    float: left;
    border-radius: 100%;
}

.chat_msg .chat_session {
    display: flex;
    flex-direction: column;
    margin: 0 .3rem;
}

    .chat_msg .chat_session p {
        float: left;
        padding: 0.4rem 0.4rem;
        background: #fff;
        font-size: 14px;
        position: relative;
        border-radius: 0 0.3rem 0.3rem 0.3rem;
        max-width: 7rem;        
        box-sizing: border-box;
        word-wrap: break-word;
    }

.msg_input {
    position: absolute;
    background-size: 0.31rem auto;
    width: 0.31rem;
    height: 0.51rem;
    left: -0.31rem;
    top: 0.25rem;
}

.ask .chat_msg img,
.ask .chat_msg p,
.ask .chat_msg {
    float: right;
    justify-content: right;
}

    .ask .chat_msg p {
        border-radius: 0.3rem 0 0.3rem 0.3rem;
    }


.ask .msg_input {
    left: auto;
    right: -0.11rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.reply,
.ask {
    padding-bottom: 0.6rem;
}

.chatbtn_bg {
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
}

.chatbtn_bg_disabled {
    background: #dddddd;
}




.dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    z-index: 2004;
    opacity: 0;
    visibility: hidden;
}

    .dialog.active {
        opacity: 1;
        visibility: visible;
    }

.dialog__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8rem;
    min-height: 5.5rem;
    border-radius: 0.26667rem;
    background: #fff;
    transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 2003;
    padding: 0.53333rem 0.53333rem;
    border-radius: 10px;
    position: relative;
}

.dialog.active .dialog__container {
    transform: scale(1);
    opacity: 1;
}

.dialog__container-img {
    /* width:2.13333rem;
	height:2.13333rem; */
}

    .dialog__container-img img {
        width: 2.13333rem;
        /* height:100%; */
    }

        .dialog__container-img img.succed {
            width: 3.73333rem;
            margin-top: -1.84667rem;
        }

.dialog__container-title {
    /* margin-top: 0.34667rem; */
    font-size: .48rem;
    font-weight: 700;
}

    .dialog__container-title h1 {
        text-align: center;
    }

.dialog__container-content {
    width: 100%;
    margin-top: 0.29333rem;
    margin-bottom: 0.29333rem;
    color: #666;
    font-size: .32rem;
    font-weight: 400;
    text-align: left;
    max-height: 8rem;
    overflow-y: auto;
}

.dialog__container-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 0.28rem; */
    width: 100%;
    height: 1.1rem;
    margin-top: auto;
    /* padding: 0 0.26667rem; */
}

    .dialog__container-footer button {
        width: 100%;
        height: 1.1rem;
        color: #FD5810;
        font-size: .42667rem;
        text-align: center;
        border-radius: 9rem;
        border: 1px solid #FD5810;
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding: 0 8px;
    }

        .dialog__container-footer button:last-of-type {
            width: 100%;
            color: #fff;
            background: linear-gradient(131deg, #FF962C 0%, #FD5810 100%);
        }

.info-dialog {
    display: none;
}








.changLong__C {
    padding: .32rem .34667rem 1rem;
}


.changLong__C-tab .van-tabs__nav {
    background-color: #ffffff;
}

.changLong__C-tab .van-tab--active {
    color: #FF962C !important;
    font-weight: 500;
    background: none !important;
    border-bottom: 2px solid #FF962C;
}

.changLong__C-tab .van-tabs__line {
    width: calc(50% - .69333rem);
    background-color: #FD5810;
}

.changLong__C-tab .swiper-wrapper {
    height: 100%;
}

.changLong__C .van-tabs__content {
    padding: .32rem .34667rem;
}

.changLong__C-bet {
    height: 2.4rem;
    width: 100%;
    background: #FFF;
    border-radius: .13333rem;
    display: flex;
    padding: .24rem .18667rem;
}

.changLong__C-bet-l {
    width: auto;
    flex: none;
}

    .changLong__C-bet-l .titel {
        height: .53333rem;
        line-height: .53333rem;
        margin-bottom: .24rem;
        color: #1E2637;
        font-size: .34667rem;
        padding-left: .9rem;
        background-position: left;
        background-repeat: no-repeat;
        background-size: .7rem .53333rem;
    }

html:lang(ar) .changLong__C-bet-l .titel {
    background-position: right;
}

.changLong__C-bet-l .titel.k3-icon {
    background-image: url(/img//home/lotterycategory_k3.png);
}

.changLong__C-bet-l .titel.Fd-icon {
    background-image: url(/img//home/lotterycategory_5d.png);
}

.changLong__C-bet-l .titel.winGo-icon {
    background-image: url(/img//home/lotterycategory_wingo.png);
}

.changLong__C-bet-l .num {
    height: .4rem;
    margin-bottom: .13333rem;
    font-size: .32rem;
    color: #768096;
}

    .changLong__C-bet-l .num .time {
        color: #FB5B5B;
    }

.changLong__C-bet-l .other {
    height: .64rem;
    line-height: .64rem;
    display: flex;
}

    .changLong__C-bet-l .other > div {
        color: #FFF;
        font-size: .32rem;
        border-radius: 3px;
    }

        .changLong__C-bet-l .other > div + div {
            margin-left: .08rem;
        }

    .changLong__C-bet-l .other .remark {
        color: #1E2637;
        background: linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
        padding: 0 .18667rem;
    }

    .changLong__C-bet-l .other .issue {
        background: #ED8A1F;
        color: #fff;
        padding: 0 .18667rem;
    }

    .changLong__C-bet-l .other .gameResult {
        padding: 0 .13333rem;
    }

        .changLong__C-bet-l .other .gameResult.bg-L,
        .changLong__C-bet-l .other .gameResult.bg-O {
            background-color: #FEAA57;
            color: #FFF;
        }

        .changLong__C-bet-l .other .gameResult.bg-red,
        .changLong__C-bet-l .other .gameResult.bg-E {
            background-color: #FB5B5B;
            color: #fff;
        }


        .changLong__C-bet-l .other .gameResult.bg-violet {
            background-color: #C86EFF;
            color: #fff;
        }

        .changLong__C-bet-l .other .gameResult.bg-green,
        .changLong__C-bet-l .other .gameResult.bg-small,
        .changLong__C-bet-l .other .gameResult.bg-H {
            background-color: #6EA8F4;
            color: #fff;
        }

.changLong__C-bet-r {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .changLong__C-bet-r > div {
        width: 1.33333rem;
        height: .8rem;
        line-height: 100%;
        text-align: center;
        border: 1px solid #ED8A1F;
        border-radius: .10667rem;
        font-size: .32rem;
        color: #ED8A1F;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .changLong__C-bet-r > div.active {
            background: #ED8A1F;
            color: #ffffff;
        }

        .changLong__C-bet-r > div + div {
            margin-left: .21333rem;
        }

    .changLong__C-bet-r.disable > div {
        pointer-events: none;
        background-color: linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
        color: #ffffff;
        border: .00667rem solid linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
    }

        .changLong__C-bet-r.disable > div.active {
            background-color: linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
            color: #fff;
        }

.changLong__C-bet + div {
    margin-top: .21333rem;
}


.changLong__third {
    display: flex;
    padding: .32rem;
    overflow: hidden;
}

    .changLong__third .tab_item {
        height: .8rem;
        border-radius: 1rem;
        background: #e4e4e4;
        box-shadow: none;
        cursor: pointer;
    }

        .changLong__third .tab_item.tab_active {
            border: 1px solid #FF962C;
            color: #FF962C !important;
            background: #ffede2 !important;
        }

.changLong__C__module {
    width: 100%;
    height: 100%;
    background: #f5f0f0;
}

    .changLong__C__module .chat-tab span {
        height: 40px;
        font-size: .4rem;
    }


.van-tabs_group .van-tabs:not(:first-child) {
    display: none;
}



.game-amount .top .history h2 {
    font-size: .44rem;
}

.bet-pop {
    transform: translate(-50%, 140%);
}







.Betting__Popup-PreSale {
    width: 7.04rem;
    touch-action: none;
}

.Betting__Popup-PreSale-head {
    height: 1.2rem;
    line-height: 1.2rem;
    color: #ffffff;
    font-size: .4rem;
    text-align: center;
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
}

.Betting__Popup-PreSale-body {
    max-height: 8rem;
    overflow-y: auto;
    color: #1E2637;
    padding: .4rem;
    font-size: .32rem;
    line-height: .8rem;
}

    .Betting__Popup-PreSale-body p {
        margin-bottom: .2rem;
        line-height: .53333rem;
    }

.Betting__Popup-PreSale-foot {
    height: 1.86667rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Betting__Popup-PreSale-foot-btn {
    width: 60%;
    background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
    border-radius: .53333rem;
    height: .93333rem;
    line-height: .93333rem;
    text-align: center;
    font-size: .37333rem;
    color: #ffffff;
}








.spins_wheel {
    width: 90%;
    max-width: 360px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    text-align: center;
    background-size: contain;
    padding: 1rem 0 0;
    border-radius: 8px;
    font-size: 14px;
    display: block;
}

    .spins_wheel .close {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }


.spins_wheel_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .spins_wheel_btn a {
        border-radius: 50px;
        background: linear-gradient(180deg, #FFD601 0%, #FFA800 100%);
        color: #921111;
        padding: 12px 40px;
        position: absolute;
        bottom: 30px;
        font-weight: bold;
        animation: scale-spin 1s linear infinite;
    }



@keyframes scale-spin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}



#spins_wheel_tip {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    #spins_wheel_tip h1 img {
        width: 250px;
    }

    #spins_wheel_tip img {
        width: 80%;
    }

    #spins_wheel_tip p {
        width: 80%;
        background: url(/img//activity/turntable/borderbg.png) no-repeat center;
        background-size: 100% 100%;
        padding: 8px 20px;
        margin-top: 16px;
    }

        #spins_wheel_tip p span {
            text-shadow: 1px 1px 0px #B10000;
            font-weight: bold;
            font-size: 17px;
            color: #C4B940;
        }

    #spins_wheel_tip h1 {
        min-width: 6rem;
        font-size: .5rem;
        font-weight: 500;
        color: #F5E3C0;
        background: url(/img//activity/turntable/pop_spin_title.png) no-repeat center;
        background-size: 100% 100%;
        padding: .3rem .6rem .6rem;
    }

.light_bg_rotate {
    width: 10rem;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2002;
    transform: translate(-50%, -65%);
    display: block;
}

    .light_bg_rotate img {
        width: 100%;
        animation: rotating-spin 15s linear infinite;
    }

@keyframes rotating-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}




.pop-trend {
    width: 8rem;
    min-height: 6.2rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    box-shadow: 0px 0px 20px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    z-index: 998;
    display: none;
}

    .pop-trend.active {
        display: flex;
    }

.btn-trend {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 12px;
    /* margin-top: .4rem; */
}

    .btn-trend a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .2rem;
        outline: none;
        font-size: .4rem;
        padding: .3rem .8rem;
        border: 2px solid #ffffff;
        box-shadow: none;
    }

        .btn-trend a.active {
            border: 2px solid #FD5810;
        }

.tab-trend {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

    .tab-trend span {
        width: 100%;
        height: 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #DDDDDD;
        /* border-radius: 0.26667rem 0.26667rem 0 0; */
        color: rgba(92, 97, 109, .8);
        overflow: hidden;
        font-size: .4rem;
        cursor: pointer;
    }

        .tab-trend span.active {
            color: #ffffff;
            background: linear-gradient(180deg, #FF962C 0%, #FD5810 100%);
        }

.trend-periods {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    color: #232323;
}

    .trend-periods span b {
        color: #E93333;
    }

.table-trend {
    width: 100%;
    height: auto;
    border: 1px solid rgba(0, 0, 0, .1);
    /* background: #3f3f3f; */
    display: flex;
    margin: .43333rem 0;
}

    .table-trend ul {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .table-trend ul li {
            width: .8675rem;
            height: .8675rem;
            border: 1px solid rgba(0, 0, 0, .1);
            display: flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 1 / 1;
            padding: .08rem;
        }


            .table-trend ul li .li {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                width: .6875rem;
                height: .6875rem;
                border-radius: 24px;
                z-index: 999;
            }

.tab-trend-module {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: .53333rem .4rem;
}

.tab-trend-content:not(:first-child) {
    display: none;
}

.pop-trend .close_btn {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -40px;
    /* right: 0; */
}



.icon_video {
    border: 2px solid #ffffff;
}

.customer img {
    border: 2px solid #ffffff;
}

.video_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
    align-items: center;
    justify-content: center;
    display: none;
}

.video_dialog {
    width: 100%;
    max-width: 500px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

    .video_dialog video {
        width: 100%;
        height: auto;
        z-index: 9999;
    }


    .video_dialog .close {
        position: absolute;
        left: 50%;
        bottom: -60px;
        cursor: pointer;
        transform: translateX(-50%);
    }





.splash-screen {
    width: 100%;
    height: 100%;
    max-width: 500px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: url(/img//startpage.jpg) no-repeat center center #ffffff;
    background-size: cover; */
    background: #ffffff;
    overflow: hidden;
    z-index: 999999;
    touch-action: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;   
    
}

    .splash-screen img {
        width: 100%;
    }



.Recharge__container-intro {
    padding: .32rem;
    border-bottom: 1px solid #d8d8d8;
}

    .Recharge__container-intro .br {
        border-radius: 10px;
        line-height: 20px;
        letter-spacing: 1px;
    }

        .Recharge__container-intro .br h3 {
            font-size: 15px;
            display: flex;
            align-items: center;
            margin-bottom: .2rem;
        }

            .Recharge__container-intro .br h3 img {
                width: 24px;
                margin-right: 8px;
            }

        .Recharge__container-intro .br p {
            font-size: 13px;
            color: #666;
        }

        .Recharge__container-intro .br a {
            color: #fb5b5b;
        }



.selectBox .tab .box ul li .gift {
    width: 0.94667rem;
    height: 0.85333rem;
    position: absolute;
    right: 0.05333rem;
    top: -0.3rem;
    background: url(/img//gift.png) no-repeat center center;
    background-size: 0.94667rem auto;
}

    .selectBox .tab .box ul li .gift span {
        display: block;
        color: #bd7529;
        font-size: .29333rem;
        letter-spacing: -.01rem;
        text-align: center;
        padding-top: 0.22rem;
        line-height: normal;
    }


.headBox {border: solid 1px #e3603d; padding: 20px; background: #ff6a00; margin-bottom: 10px; border-radius: .34667rem; background-image: linear-gradient(to left, #f7f7f7, #ffffff00); text-align:left;}
.headBox h1 {color:#fff;font-size:20px;}
.tipText {
    white-space: normal; text-align: center; margin: 8px 0px; background: #e7e7e7; border-radius: 5px; border: solid 1px #ff0c3b !important ; color: #87340f; font-size: 12px; padding:5px !important;
    background-image:linear-gradient(to top, #f9b7a3, #f7000000) !important;
}

.tipText p{text-align:center !important;}

.tooltip {
  margin-left: 5px;
  position: absolute;
  display: inline-block;
  z-index: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #6b0909;  
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 6px;
  font-size: 12px;
  border: solid 1px #fff;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);  
  /* Text wrapping properties */
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  white-space: normal;
}

.tooltip img {
  cursor: pointer;
  width: 20px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  cursor: default;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0; /* Remove margin-left that could affect centering */
  border-width: 5px;
  border-style: solid;
  border-color: #6b0909 transparent transparent transparent;  
}

.helpText {font-size: 11px; color: #580606;}

.innerTop{
    position: relative;
	margin-top: .74667rem;
	/* overflow: hidden; */
	padding:0 .53333rem;
	margin-bottom: .74667rem;
    margin-top:-2.1rem;
}
.innerContainer {
    display: flex;
	margin-top: .77333rem;
	color: #FD5810;
	font-size: .32rem;
	
	justify-content: center
}

.myInner {
    background: #e1ac74;
    padding: 25px;
    padding-bottom:40px;
    overflow: auto;
    border: solid 1px #d39a5e;
    min-height: calc(100% - 54px);
    margin-bottom: 150px;
    background-image: linear-gradient(to top, #ac6545, #f7000000) !important;
    border-radius: 6px;
    width:100%;
}

.innerInput {
    border:solid 1px #ba660e;
    padding:8px;
    border-radius:15px;
    width:100%;
    background:#e2a667;
    color:#810505;
}

.innerInput:focus {border:solid 3px #b86d1d;}

.myInner .head {padding: 10px; color: #bc0d0d;}
.myinnerBut {
    cursor: pointer;
    background: #5b1f1f;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: .76rem;
    padding: 10px;
    border-radius: 20px;
    font-size: 15px;
}

.innerNote {
    text-align:center;
    color:#9d0909;
    font-weight:bold;
    margin-bottom:25px;
    text-decoration:underline;    
}



.toggle-image {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            cursor: pointer;
            /* Using placeholder image - replace with your own */
            background-image: url('/img/hide.png');
            background-repeat: round;
            /*background-position: center;*/
        }
        
.ipdiv {padding: 5px; margin-top: 15px; color: #6a0606;}
.ipdiv a {color:#6a0606;}
.ipdiv span {color:#fff;}
.ipdiv p {color:#000; margin-top:5px;}
.ipdiv p a {color:#fffbfb;}
.copyimg {
    width:12px;
    cursor:pointer;
}
        
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.tradesDiv {    
    background: #b58c60;
    padding: 10px;    
    color: #fff;
    display: flex;
}
.botlast{
    border-bottom:solid 1px #000;
}

.withHeadDiv {
    background: #e1ac74;
    padding: 10px;
    /*border-radius: 5px;*/
    color: #fff;
    display: flex;
    margin-bottom: 2px;
    vertical-align: baseline;
    width: 48%;
    text-align: center;
    float: left;
    margin-right: 3px;
    border-bottom:solid 1px #f25454;
    border-right:solid 1px #f25454;    
    
}

.column 
{
    width: 32%; /* Slightly less than 33.33% to account for margins/gaps */
    padding: 15px;            
    border-radius: 5px;
    line-height:20px;
}


.contButton {
    cursor: pointer;
    background: #600404;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    margin-top: .76rem;
    padding: 10px;
    border-radius: 30px;
    font-size: 15px;
    margin: auto;
    border: solid 1px #fff7f7;
    box-shadow: black 0px 0px 20px;
}


.custom-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.custom-modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 500px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.close-button {
    float: right;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
}

    .close-button:hover {
        color: #555;
    }

.custom-modal-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.custom-modal-footer {
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    text-align: right;
}

.modal-btn {
    padding: 8px 16px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .modal-btn:hover {
        background-color: #45a049;
    }

.loginButton {
    cursor: pointer;
    background: #5b1f1f;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: .76rem;
    padding: 10px;
    border-radius: 20px;
    font-size: 20px;
    
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);

    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}


    .loginButton:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgb(235 15 15 / 30%);
        transition: width 0.6s, height 0.6s, top 0.6s, left 0.6s;
        transform: translate(-50%, -50%);
    }

    .loginButton:active:before {
        width: 300px;
        height: 300px;
        top: 50%;
        left: 50%;
    }

    .loginButton:hover {
        /*        background: #6b2525;*/
        background: #6b2525;
        box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        transform: translateY(-1px);
    }


    .loginButton:active {
        background: #4a1818;
        transform: scale(0.98);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }


    /* Disabled state styles */
    .loginButton:disabled {
        background: #d87171 !important;
        color: #cccccc !important;
        cursor: not-allowed !important;
        transform: none !important;
        box-shadow: none !important;
    }

        .loginButton:disabled:hover {
            background: #888888 !important;
            transform: none !important;
            box-shadow: none !important;
        }

        .loginButton:disabled:active {
            background: #888888 !important;
            transform: none !important;
            box-shadow: none !important;
        }

        .loginButton:disabled:before {
            display: none;
        }




.myul {
    padding: 15px;
    color: #cbc4c4;
    background: #4b1111;
    border: solid 1px #970a0a;
    border-radius:5px;
    margin-top:5px;
}

.text-danger {
    color: #bc1818;
    padding: 10px;    
}

.RegMailButton {
    cursor: pointer;
    background: #e71d1d;
    border: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: .76rem;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    border:solid 2px #fff;
}

    .RegMailButton:disabled {
        background: #d87171 !important;
        color: #cccccc !important;
        cursor: not-allowed !important;
        transform: none !important;
        box-shadow: none !important;
    }

        .RegMailButton:disabled:hover {
            background: #888888 !important;
            transform: none !important;
            box-shadow: none !important;
        }

        .RegMailButton:disabled:active {
            background: #888888 !important;
            transform: none !important;
            box-shadow: none !important;
        }

        .RegMailButton:disabled:before {
            display: none;
        }

.BinanceInfo{
    margin-top:10px;
}

    .BinanceInfo img {
        border: solid 2px #d50808;        
    }
    .BinanceInfo a {
        color: #550d08;
        text-decoration:underline;
    }
    .BinanceInfo b {
        color: #a40f0f;
        padding: 5px;
    }

    .BinanceInfo p {
        color: #560404;
        margin-top: 10px;
        text-align: justify;
        line-height: 20px;
    }
    .BinanceInfo ul {
        color: #670808;
        margin-top: 10px;
        line-height: 25px;
        list-style-type: circle !important; /* Default bullet style */
        /* or any other valid value like 'circle', 'square', etc. */
    }
    .BinanceInfo li {
        display: list-item; /* Ensure li elements are treated as list items */
    }

.AuthInfo {
    text-align: center;
    margin-top: 10px;
    text-wrap: auto;
    line-height: 20px;
    background: #c24444;
    color: #fffdfd;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #bf1111;
    margin-bottom: 40px;
}

.error-message {
    background: #9c0707;
    color: #fff;
    padding: 5px;
    display: block;
    text-align: center;
    min-height: 0; /* Prevent empty space */
}

    .error-message:empty {
        display: none;
        padding: 0;
        background: none;
    }


/*    for Trades*/
.date-range-container {
    border: 1px solid #b22e0c;
    border-radius: 0.275rem;
    padding: 10px;
    background: linear-gradient(41deg, #f0eedf 0%, #e74600 100%);
}

.date-input {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 8px 12px;
    font-size: 14px;
}

    .date-input:focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
        outline: 0;
    }

.date-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #6c757d;
}

.quick-filters {
    margin-top: 10px;
    line-height: 25px;
}

    .quick-filters button {
        border: solid 1px #ad1111;
        padding: 7px;
        cursor: pointer;
    }

        .quick-filters button:hover {
            background: #9d0a0a;
            color: #fff;
            border: solid 1px #ad1111;
            padding: 7px;
            cursor: pointer;
        }


.selected-range {
    background-color: #520703;
    border: 1px solid #bee5eb;
    border-radius: 0.25rem;
    padding: 8px 12px;
    margin-top: 10px;
    font-size: 14px;
}

    .selected-range a {
        color: #fff;
        font-size: 12px;
    }

.inTop {
    color: #ab1c1c;
    padding: 10px;
    width: 100%;
    overflow: auto;
    min-height: calc(100% - 54px);
    margin-bottom: 150px;
    margin-top: -20px !important;
}
.showPNL {
    font-size: 15px;
    margin-left: 10px;
    color: #056705;
}
.tradeStart {
    border: solid 1px #676464;
    border-radius: 12px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.tradeTopCover {
    background: #7d0707;
    padding: 10px;
    color: #992727;
    display: flex;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.symbolCover {
    font-weight: bold;
    color: #fff;
}
.closingPNL {
    text-align: right;
    line-height: 20px;
    color: #fff;
}
.tradeMid {
    background: #fae3ca;
    padding: 10px;
    color: #6a1010;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    background-image: linear-gradient(to left, #f38e61, #f7000000) !important;
    border-top: solid 1px #9c8787;
}
.tradeBottom {
    background: #7d0707;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.tradeBotLeft {
    padding: 5px 10px;
    color: #fff;
    display: flex;
    width: 100%;
}
.tradeRight {
    padding: 5px 10px;
    color: #fff;
    display: flex;
    width: 100%;
}