/*===================== 清除浏览器默认 =====================*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    /* 去掉 cursor: pointer 点击出现蓝色背景*/
}

body {
    line-height: 1.2;
    background-color: #e8e8e8;
    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%;
    /* overflow: hidden; */

}

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


input::placeholder,
textarea::placeholder {
    color: #bbb;
    -webkit-text-fill-color: #bbb;
    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;
    }
}

/* @media (min-width: 384px){html{font-size: 38.5px;} }
@media (min-width: 414px){html{font-size: 41.4px;} }
@media (min-width: 448px){html{font-size: 44.8px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 51.2px;} }
@media (min-width: 544px){html{font-size: 54.4px;} }
@media (min-width: 576px){html{font-size: 57.6px;} }
@media (min-width: 608px){html{font-size: 60.8px;} }
@media (min-width: 640px){html{font-size: 64px;} }
@media (min-width: 750px){html{font-size: 75px;} }
@media (min-width: 800px){html{font-size: 80px;} }
@media (min-width: 1024px){html{font-size: 102.4px;} } */



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

.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%;
    /* min-height: 7.4rem; */
    margin-top: auto;
    padding-bottom: 0.4rem;
    color: #999;
    font-size: .37333rem;
    text-align: center;
    /* position: relative; */
}

.empty__container {
    width: 100%;
    height: calc(100% - 580px);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    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;
    background-color: #fff;
}

.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: #666;
    font-weight: 700;
}

.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);
} */

.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%;
    /* overflow: hidden; */
    margin-top: -1px;
    /* background: #ffffff; */
}

.main .flex {

    display: flex;
    height: 100%;

    flex-direction: column;
    background: #f7f7f7;
}

.main .content {
    position: relative;
    /* overflow: hidden; */

    flex: 1;
    /* background: #ffffff; */
}

.content {

    flex: 1;
    /* overflow-y: auto; */
}

.center {
    width: 100%;
    /* height: 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);
}


/* .content .tabs, .content {
    
    display: flex;
    
    align-items: center;
} */




/* 顶部标题栏 */
.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;
}

.van-nav-bar {
    background: linear-gradient(90deg, #FF962C 0%, #FD5810 100%);
    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: 120px;
    /* height: 30px; */
    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;
    /* gap: 16px; */
}

.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);
}


/*===================== 底部导航 =====================*/



/* footer nav */
.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: 1.86667rem !important;
    width: 100% !important;
    left: auto !important;

    display: flex;
    background: url(../img/tabBarBg.png);
    background-size: 100% 100%;
}

.van_chat {
    box-sizing: border-box !important;
    padding: 0 0 .2rem 0 !important;
    /* height: 1.66667rem!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;

    /* justify-content: 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(2) {
    margin-top: 0;
}

.van-tabbar .van-tabbar-item.van-tabbar-item--active {
    color: #FD5810;
}

.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.65rem;
    width: 0.65rem;
    display: block;
    margin: 0 auto 0.10667rem;

    filter: grayscale(1) hue-rotate(310deg) brightness(1);
}

.van-tabbar .van-tabbar-item.van-tabbar-item--active img {

    filter: unset;
}

.van-tabbar .name {
    margin-top: 0.13333rem;
    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;
}



/*===================== iframe =====================*/

/* iframe {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
} */
/* .live-stream iframe {
    height: 252px;
    overflow: hidden;
    border: 0;
    z-index: 3;
    top: 50%;
    
    transform: translateY(-50%);
} */


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

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





/* 为 <iframe> 的容器创建样式 */
.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 设置为16:9宽高比的百分比 */
    margin-bottom: 0.32rem;
}

/* 对 <iframe> 应用样式 */
.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 {
    /* color: #ff0000; */
}

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




/*===================== toast =====================*/
.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;
    /* pointer-events: none; */
    /* opacity: 0; */
    display: none;
    transition: opacity .3s;
}

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

.swal-modal {
    width: 478px;
    /* opacity: 0; */
    /* pointer-events: none; */
    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;
    /* background: #ED3029; */
    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;
    /* margin: 0px 0 10px; */
    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;
}


/*===================== loading =====================*/

.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;
    /* background: rgba(0, 0, 0, .7); */
    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;
}






/*======================== loading样式2 ========================*/
.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;
    /* background: rgba(0, 0, 0, .7); */
    color: #ffffff;
    /* border-radius: 10px; */
    /* padding: 20px 30px; */
}

.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;
    /* Prevent first frame from flickering when animation starts */

    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;
}


/* .van-row:after {
    display: table;
    clear: both;
    content: "";
} */

.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;
    /* overflow: hidden; */
}

.main-box .main {
    width: 100%;
    height: 100%;
    position: relative;
    /* overflow: hidden; */

    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;
    /* height: 188px; */
    margin: 10px;
    border-radius: 10px;
}

.swiper-wrapper {
    height: auto;
}

.swiper-container {
    width: 100%;
    height: auto;
    /* overflow:hidden; */
    /*margin-top:40px;*/
    /* padding:0 4px; */
    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 {
    /* text-align:right; */
    /* padding-right:16px; */
    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 {
    /* 
    flex: 1; */
    height: 31px;

    display: flex;

    align-items: center;

    justify-content: flex-start;
}

.main-box .main .main-header .top .top-left .logo {
    /* width: 113px;
    height: 31px; */
    /* background-size: 113px 31px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/logo_en.png); */
    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;
    /* gap: 4px; */
    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;
    /* overflow-y: auto; */
}


.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;
    /* margin-top: 4px; */
    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: url() no-repeat; */
    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: url() no-repeat; */
    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%);
    /* left: calc(50% - 25px);
    width: 50px;
    background-image: url(../img/category_background.8179ace9.png);
    background-repeat: no-repeat;
    background-size: 50px 21px; */
    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: hsla(0,0%,100%,1);*/
    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;
    /* overflow-x: auto; */
}

.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: 1px solid #3a91f9; */
    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 {
    /* border: 1px solid #f44949; */
    background: linear-gradient(180deg, #f37777, #db2b2b);
}

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

.history-list .bigSmall-ball span.Even {
    /* border: 1px solid #d4a925; */
    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) {
    /* margin-left: 4px; */
}

.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: 1px solid #3a91f9; */
    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 {
    /* border: 1px solid #d4a925; */
    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 {
    /* border: 1px solid #f44949; */
    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;
    /* flex: none;
    flex-basis: 30% !important; */
    /* opacity: .4; */
    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: 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;
    /* height: 144px; */
}

.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: 1; */
    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)) {
    /* margin-left: 22px; */
}

.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;
    /* padding-right: 10px; */
    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: 1px solid hsla(0,0%,100%,.15); */
    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%;
    /* overflow-y: auto; */
    background-color: #fff;

    transition: transform .3s, -webkit-transform .3s;
    -webkit-overflow-scrolling: touch;

}

.van-popup--center {
    top: 50%;
    left: 50%;
    /* right: 0; */
    /* width: fit-content; */
    max-width: calc(100vw - 16px * 2);
    /* margin: 0 auto; */
    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;
    /* max-height: 1.38667rem; */
    padding: 0.34667rem 0.34667rem;
    overflow-y: auto;
    font-size: .35rem;
    /* line-height: 1.38667rem; */
    /* white-space: pre-wrap; */
    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;
    /* display: none; */
}

.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 {
    /* content: "\E6A7"; */
}

.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;
    /* 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;
    /* height: 21px;
    line-height: 21px; */
    text-align: center;
    /* background: #f4f4f4; */
    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;
    /* border-bottom: 1px solid #d3d3d3; */
    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: #646566;
    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-family: PingFang SC, PingFang SC-5;
    font-weight: 400;
    text-align: left;
    color: #333;
}

.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;
    border-bottom: 1px solid #ebedf0;

    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;
    /* gap: 12px; */
    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/me/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%;
    /* overflow-y: scroll; */
    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;
    /* gap: 16px; */
}

.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 {
    /* overflow-y: scroll; */
}

.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 {
    /* width: calc(100% - 30px); */
    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 {
    /* width: calc(100% - 30px); */
    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;
    /* animation: scroll-left 15s linear infinite; */
}

@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;
    padding: .26667rem;
    color: #FD5810;
    font-size: .29333rem;
    background: #ffffff;
    border-radius: .1rem;
    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;
}

/* .center .content .content-tab.scroll {
    overflow-y: scroll;
} */

.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%;
    /* height: 40px; */
}

.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;
    /* padding-bottom: 2rem; */
}

.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;
    /* -webkit-transition: all .2s;
    transition: all .2s; */
    /* transform: translateX(-100%); */
    z-index: 2000 !important;
    display: none;
}

.active {
    /* right: 0; */
    /* transform: translateX(0); */
    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 {
    /* position: absolute; */
    font-size: 13px;
    /* line-height: 24px; */
    /* left: 7px; */
    width: 100%;
    z-index: 10;
}

.open .timetext {
    /* top: 15px;
    height: 24px; */
    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;
}

/* .van-field__control:read-only {
    position: absolute;
    font-size: 13px;
    display: inline;
    margin-left: 7px;
    margin-top: 15px;
    z-index: 99;
    opacity: 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;
    /* padding: 4px 0; */
    color: #333;
}

.t-table-body__td.period {
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    /* min-width: 20%;
    margin-left: -4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px; */
    line-height: 12px;
    /* padding-top: 11px; */
    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: 1px solid #3a91f9; */
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bigSmall-ball span.Big {
    /* border: 1px solid #f44949; */
    background: linear-gradient(180deg, #f37777, #db2b2b);
    color: #ffffff;
}

.bigSmall-ball span.Small {
    /* border: 1px solid #3a91f9; */
    background: linear-gradient(180deg, #7fb3f1, #3581dc);
    color: #ffffff;
}

.bigSmall-ball span.oddEven-item.Odd {
    /* border: 1px solid #26aa08; */
    background: linear-gradient(180deg, #72d55c, #26aa08);
    color: #ffffff;
}

.bigSmall-ball span.oddEven-item.Even {
    /* border: 1px solid #d4a925; */
    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 {
    /* min-height: 100vh; */
    /* background-color: #f5f5f5; */
}

.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%;
    /* min-height: 32px; */
    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;
    border-bottom: 1px solid #ebedf0;

    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 {
    /* background: url(); */
}


.pay-wrap .pay_info {
    border-bottom: 1px solid #f5f5f5;
}

.pay-wrap .pay_info>p {
    padding: 10px;
    color: #f42332;
    font-size: 14px;
}



/* .van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
} */
.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 {
    /* max-width: 50%; */
    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;
}

/* .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after {
    border-width: 1px 0;
} */


/*================== 搜索 ==================*/
.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;
}

/* .van-icon-success:before {
    content: '\e728';
} */


/* .van-icon-arrow:before {
    content: '\e660';
    background: url(../img/right.png) no-repeat;
} */


/*========================== 提现 ==========================*/
.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;
    /* min-height: 282px; */
    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;
    /* border: 1px solid #ebedf0;
    border-radius: 6px; */
}

.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: 350px;
    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: 330px;
    height: 40px;
    line-height: 40px;
    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: 350px;
    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;
    /* width: 184px; */
}

.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;
    /* overflow-y: scroll; */
}

.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;
    /* border: 0.05333rem solid #FF962C; */
    background: #f2f2f2;
    /* color: #FD5810; */
    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/me/bank_nor.png) no-repeat;
    background-size: 100%;
}

.selectBox .tab .box ul li.action .size {
    color: #fff;
    background: url(../img/me/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: 0.05333rem solid #FD5810;
    box-shadow: 0 0.21333rem 0.37333rem 0 rgba(101, 148, 222, .36);
    border-radius: 0.13333rem;
}

.selectBox .conBox .box .add {
    -webkit-line-clamp: 1;
    height: 0.93333rem;
    padding: 0 0.26667rem;
    /* background: #FD5810; */

    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/me/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/me/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: 90%;

    background: linear-gradient(90deg, #FF962C, #FD5810);

    border: none;
    color: #ffffff;
}

.selectBox .bankBox {
    padding: 0 0.32rem;
}

.selectBox .bankBox .box {
    background: #fff;
    border: 0.05333rem solid #FD5810;
    box-shadow: 0 0.21333rem 0.37333rem 0 rgba(101, 148, 222, .14);
    border-radius: 0.13333rem;
}

.selectBox .bankBox .box .item {
    padding: 0.26667rem;
    border-bottom: 0.02667rem 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/me/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/me/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/me/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;
    /* padding: 0.4rem; */
    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);
}



/* 添加usdt */
.selectBox .pay-box {
    padding: 0.32rem;
}

.selectBox .pay-box-tabs {
    display: none;
}

.selectBox .pay-box-tabs:nth-child(1) {
    display: block;
}

/* .selectBox .pay-box-copy{
	display: none;
} */

.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;
    /* overflow: hidden; */
    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/me/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;
    /* margin-right: 0.26667rem; */
    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/me/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;
    /* box-shadow: 0 0.08rem 0.69333rem 0.10667rem #f1f2f5; */
}

.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 {
    /* margin-bottom: 0.26667rem; */
    padding: 0.26667rem;
    text-align: center;
    /* width: 31%; */
    background: #f2f2f2;
    /* box-shadow: 0 0.18667rem 0.50667rem 0 rgba(143,139,139,.11); */
    border-radius: 0.08rem;
    /* margin-right: 0.26667rem; */
    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: #d8d8d8;
    box-shadow: 0 0.16rem 0.34667rem 0.10667rem hsla(0,0%,71.4%,.27); */

    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/me/TotalAssetsBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-position: center; */
    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;
    /* margin-left: .24rem */
}

.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;
    /* position: absolute;
    right: 0.32rem;
    top: 50%;
    
    transform: translateY(-50%); */
}

.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 {
    /* padding-top: .26667rem */
}

.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;
    /* padding-bottom: 2.66667rem; */
    /* height: 100vh;
    overflow-y: scroll; */
}

.game-betting .tab {
    margin: 0.32rem 0.32rem 0;
    background-color: #fff;
    border-radius: 0.26667rem;
}

.game-betting .tab .box {
    position: relative;
    /* border-bottom: 0.02667rem solid rgba(54,78,135,.1); */
}

.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 {
    /* background-color: rgba(32,197,219,.6); */
    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;
    /* padding-top: 0.53333rem; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.mark-box .item {
    display: inline-block;
    /* margin-bottom: 1.33333rem; */
    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 {
    /* padding: 0.26667rem 0; */
    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:first-child .number {
    border: 0.02667rem solid #5cba47;
}
.game-betting .content .box .number-box .item:nth-child(odd) .number {
    border: 0.02667rem solid #fb4e4e;
} */

.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 .number-box .item.action .number .txt {
    transform: scale(1.05);
}

.game-betting .content .box .number-box .item:first-child .number .txt {
    background-image: linear-gradient(to bottom left,#fb4e4e 50%,#eb43dd 0)!important;
}
.game-betting .content .box .number-box .item:nth-child(odd) .number .txt {
    background-color: #fb4e4e;
}
.game-betting .content .box .number-box .item:nth-child(2n) .number {
    border: 0.02667rem solid #5cba47;
}
.game-betting .content .box .number-box .item:nth-child(2n) .number .txt {
    background-color: #5cba47;
} */



.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 .btn {
    height: 1.06667rem;
    color: #fff;
    width: 31%;
    text-align: center;
    line-height: 1.06667rem;
    font-size: .4rem;
    border: none;
    border-radius: 0.13333rem;
} */

.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 .box {
    background-color: #fff;
    position: relative;
} */
.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 {
    /* margin-top: 0.4rem; */
    width: 100%;
}

.game-list .tab {
    padding: 0 0.26667rem;
    /* height: 0.93333rem;
    line-height: .93333rem; */
}

.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: 0.02667rem solid rgba(202,208,227,.6); */
    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(#8c93a8,#8c93a8);
    border: 0.02667rem solid #8c93a8; */
    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;
    /* flex-direction: column; */
    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 {
    /* height: 1.06667rem;
    line-height: 1.06667rem; */
    display: flex;
    align-items: center;
    padding: 0 0.21333rem;
    color: #414141;
    font-size: .32rem;
}

.game-list .list .hb .item,
.t-table .item {
    /* padding: 0.53333rem 0.4rem; */
    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 {
    /* height: 1.06667rem;
    line-height: 1.06667rem; */
}

.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 .hb .box .li.green {
    background-color: #5cba47;
}
.game-list .list .hb .box .li.red {
    background-color: #fb4e4e;
}

.game-list .list .hb .box .li.redViolet {
    background-image: linear-gradient(to bottom left,#5cba47 50%,#eb43dd 0)!important;
}
.game-list .list .hb .box .li.greenViolet {
    background-image: linear-gradient(to bottom left,#fb4e4e 50%,#eb43dd 0)!important;
} */


.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;
    /* background-color: #d8d8d8; */
    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;
    /* height: 0.53333rem; */
    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;
    /* margin-left: 0.13333rem; */
    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-betting .content .box .number-box .item:nth-child(6) .number .txt {
    background-image: linear-gradient(to bottom left,#5cba47 50%,#eb43dd 0)!important;
} */
.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 {
    /* font-size: .4rem; */
    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;
    /* background-image: linear-gradient(40deg, #f6efe5 35%, #fbf8f3); */
    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;
    /* border: 1px solid rgb(85, 151, 228);
    color: rgb(85, 151, 228); */
}

.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 {
    /* width: 80%; */
    /* gap: 0.13333rem; */
}

.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;
    /* border: 1px solid #697984; */
    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;
    /* margin-bottom: .26667rem */
}

.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: url() no-repeat 50%; */
    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;
    /* box-shadow: 0 .02667rem .48rem 0 rgba(203, 202, 220, .56); */
    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
}



/*================== 5d游戏 ==================*/

.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 {
    /* background-color: rgba(32,197,219,.6); */
    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: 1px solid #bbb; */
    border-radius: 16px;
    /* margin-right: 4px; */
    /* color: #bbb; */

    /* height: 0.53333rem;
    width: 0.53333rem; */
}

.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;
    /* height: 0.53333rem; */
    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 {
    /* border-color: rgb(224, 192, 157);
    background-color: rgb(224, 192, 157); */
    background: url(../img/check_white.svg) no-repeat center #FD5810;
    background-size: 100%;
}





/* ====================== kuai3 ====================== */

.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 .dice_div .dice img{
    max-width: 60%;
} */


.game-betting .content .box .number-box .item.dice .number {
    width: 25%;
}

/* 
.game-betting .content .box .number-box .item.diceone .number {
    width: 50%;
} */


.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;
    /* background: linear-gradient(#F5F5F4,#E3E3E6);
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.20) inset; */
    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;
    /* background: linear-gradient(#F5F5F4,#E3E3E6); */
    /* box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.20) inset; */
    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;
    /* height: fit-content; */
}

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



/*=========================== k3修改 ===========================*/
.K3TL__C {
    width: 100%;
    max-width: 360px;
    /* margin: .34667rem auto 0; */
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: .01333rem center;
    color: #fff;
    /* padding: .29333rem .29333rem; */
    border-radius: .26667rem;
    /* margin-bottom: .32rem; */
    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;
    /* margin-top: .48rem; */
    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/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-popup {
    background: #000;
} */
.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;
    /* height: 1.49333rem; */
    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;
    /* height: 100%; */
    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 {
    /* position: absolute; */
    top: 50%;
    display: flex;
    width: 100%;
    /* height: 75px; */
    /* margin-top: -37px; */
    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: url(../img/num-bg.png) no-repeat; */
    /* border-radius: 50%; */
    background: #333;
    /* background: #e1e1ec; */
    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;
    /* color: #ddf0ff; */
    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);
    /* margin: 0 auto 0.21333rem; */
    width: 100%;
    /* height: 54px; */
    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 {
    /* border: 0.02667rem solid #fb4e4e; */
    background-color: #fb4e4e;
    background-image: linear-gradient(to bottom left, #fb4e4e 50%, #b643eb 0) !important;
}

.num_greenViolet {
    /* border: 0.02667rem solid #5cba47; */
    background-color: #5cba47;
    background-image: linear-gradient(to bottom left, #5cba47 50%, #b643eb 0) !important;
}

.num_green {
    /* border: 0.02667rem solid #5cba47; */
    /* background: #5cba47!important; */
    color: #ffffff;
    background: linear-gradient(90deg, #00BE50 0%, #9BDF00 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_red {
    /* border: 0.02667rem solid #fb4e4e; */
    /* background: #fb4e4e!important; */
    color: #ffffff;
    background: linear-gradient(90deg, #FD0261 0%, #FF8A96 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_violet {
    /* background: #b643eb!important; */
    color: #ffffff;
    background: linear-gradient(90deg, #480AC5 0%, #B36FF8 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_blue {
    /* background: #35b8f0!important; */
    color: #ffffff;
    background: linear-gradient(90deg, #00BDFF 0%, #5BCDFF 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.num_yellow {
    /* background: #ffc511!important; */
    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%;
    /* 14px */
}

.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%;
    /* 14px */
}

.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切换滑动 ===============*/
.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;
    /* box-shadow: 0 0.08rem 0.16rem #d0d0ed99, inset 0 -0.05333rem 0.13333rem #fff0ed; */
}



/*================= 
    首存充值活动 
=================*/

.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: 6px;
    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;
}



/*================= 
   聊天室tab切换 
=================*/
.w-100 {
    width: 100%;
}

.floatbg {
    padding: 10px 10px 0;
    background: #f5f0f0;
}

.floatbg.sticky_bar5 {
    padding-bottom: 10px;
    background: #ffffff;
}

.chat-tab {
    background: #ffffff;
    /* box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05); */
    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 {
    /* position: relative;
	width: 100%; */
    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;
    /* min-height: .8rem; */
    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 1rem;
}

.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;

    /* 设置动画速度 */
    /* animation: fadeOut 0.5s forwards; */

    /* 动画5秒后消失 */
    /* animation-delay: 2s; */
}

.splash-screen img {
    width: 100%;
}

/* 定义淡出动画 */
/* @keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
} */