.banner .swiper-slide {
    width: 100%;
    height: 6.6rem;
    background-size: cover !important;
}

.banner .swiper-pagination {
    width: 1.11rem !important;
    height: .25rem;
    line-height: .25rem;
    border-radius: .14rem;
    right: 0;
    margin: auto;
    bottom: 1.4rem !important;
    background-color: rgba(0, 0, 0, .5);
}

.banner .swiper-pagination-bullet {
    background-color: rgba(190, 165, 101, .5);
    position: relative;
    top: -.02rem;
}

.banner .swiper-pagination-bullet-active {
    background-color: #EDD38E;
}

.header1 {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: .24rem;
    width: 100%;
    left: 0;
    height: .8rem;
    z-index: 199;
}

.wh1200 {
    width: 12rem;
    margin: 0 auto;
}

.headbox {
    display: flex;
}

    .headbox div {
        margin: 0;
    }

        .headbox div.logo {
            /*padding:.1rem 0rem;*/
            /*margin-right: .1rem;*/    
        }

.logo img {
    width: 1.8rem;
    height: .8rem;
}

.nav {
    display: flex;
}

    .nav dl {
        width: 1rem;
        padding-top: .1rem;
        cursor: pointer;
    }

        .nav dl:hover {
            background-color: rgba(0, 0, 0, .5);
        }

.show_div {
    display: none;
    position: fixed;
    width: 100%;
    top: .8rem;
    top: 1.04rem;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    min-height: 268px;
}
.show_navdiv {
    display: none;
    position: fixed;
    width: 100%;
    top: .8rem;
    top: 1.04rem;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    min-height: 268px;
}

.nav dl:hover .show_div {
    display: block;
   
}
.nav dl .nav_hide_div{
   pointer-events: none;
}
.nav dl dt, .nav dl dd {
    text-align: center;
}

.nav dl dt {
    height: .4rem;
    left: .4rem;
}

.nav dl dd {
    font-size: .14rem;
    color: #FFFFFF;
    line-height: .25rem;
}

.headbox div.shuxian {
    width: .06rem;
    height: .34rem;
    background: #3E3F54;
    border-radius: .03rem;
    margin: .23rem .23rem 0 .3rem;
}

.headbox div.exit {
    flex: 1;
    text-align: right;
}

    .headbox div.exit span {
        cursor: pointer;
        display: inline-block;
        margin: .24rem;
        width: .98rem;
        height: .28rem;
        line-height: .26rem;
        border: 1px solid #FFFFFF;
        border-radius: .14rem;
        text-align: center;
        color: #fff;
        font-size: .14rem;
    }

.hot_play {
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    margin-top: -1rem;
}

.hot_tit {
    cursor: pointer;
    line-height: .37rem;
    height: .37rem;
    padding: 0 .17rem;
    background: rgba(31, 30, 46, .6);
    color: #fff;
    font-size: .16rem;
}

    .hot_tit img {
        width: .1rem;
        height: .1rem;
        margin-right: .14rem;
        position: relative;
        top: -.01rem;
    }

.hot_play dl {
    /*width: 284px;*/
    width:2.84rem;
}

.hot_tiimg {
    width: 100%;
    /*height: 123px;*/
    height:1.23rem;
    background:url("../images/hot4.png") no-repeat;
}

    .hot_tiimg img {
        width: 100%;
        height: 1.23rem;
    }
 .hot_tiimg .img_l_img{
     width: .96rem;
     height: .96rem;
 }

.jia_box li {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: .125rem .2rem .125rem .13rem;
    display: flex;
}

    .jia_box li:last-child, .tibox li:last-child {
        border-bottom: 0;
    }

    .jia_box li div, .tibox li div {
        margin: 0;
    }

        .jia_box li div.jiaimg {
            margin-right: .13rem;
        }

            .jia_box li div.jiaimg img {
                width: .32rem;
                height: .32rem;
            }

.jianame p:first-child {
    /*padding-top: .05rem;*/
    color: #353446;
    font-size: .16rem;
    line-height: .2rem;
}

.jianame p:last-child {
    font-size: .13rem;
    left: .2rem;
    color: #666666;
}

.hot_time {
    flex: 1;
    text-align: right;
}

    .hot_time span {
        cursor: pointer;
        display: inline-block;
        width: .88rem;
        line-height: .32rem;
        text-align: center;
        border: 1px solid #C6B077;
        border-radius: 3px;
        color: #C6B077;
        font-size: .2rem;
    }

.tibox li {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: .055rem .15rem;
    display: flex;
}

.tiimg img {
    width: .74rem;
}
dd .gonggao> .tibox li {
    padding:0 .15rem
}
.tibox li .tiname {
    font-size: .16rem;
    color: #76797E;
    margin-left: .1rem;
    display: flex;
    align-items: center;
}

.tibox .hot_time {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .tibox .hot_time span {
        height: .34rem;
    }

.re_img img {
    width: 100%;
    height:1rem;
}

.gonggao {
    cursor: pointer;
    line-height: .37rem;
    height: .37rem;
    padding: 0 .17rem;
    font-size: .16rem;
    color: #fff;
    background-color: rgba(31, 30, 46, .8);
}

    .gonggao img {
        width: 10px;
        margin-right: 14px;
        position: relative;
        top: -1px;
    }
.gong_time{
    width:.86rem;
}
.gong_time p:first-child {
    font-size: .22rem;
    color: #666D7A;
}

.gong_time p:last-child {
    font-size: .14rem;
    color: rgba(0, 0, 0, .3);
}

.gong_name {
    cursor: pointer;
    padding-top: .04rem;
    padding-left: .2rem;
    font-size: .16rem;
    color: #666D7A;
    height:.62rem;
    text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
    
}

.three_tit {
    text-align: left;
    margin-top: 1.2rem;
    font-size: 24px;
    color: #1E347C;
}

    .three_tit span {
        color: #7C87B3;
        font-size: 14px;
        margin-left: .6rem;
    }

.san_play {
    padding-top: .42rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .san_play div img {
        /*width: 232px;*/
        width:2.32rem;
    }

.guanggao {
    text-align: center;
    margin-bottom: .47rem;
}

.foot {
    border-top: 1px solid #EBEBEB;
    padding-top: .25rem;
    padding-bottom: .45rem;
}

.youlian {
    font-size: 12px;
}

    .youlian a {
        margin-right: 25px;
        color: #9C9C9D;
    }

.banquan {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #3c3c3c;
}

.ag_box {
    display: flex;
    justify-content: center;
}

    .ag_box .agdl {
        width: 185px;
        margin: 0 55px;
        margin-top: 24px;
    }

    .ag_box .ag_img {
        text-align: center;
        height: 181px;
    }

        .ag_box .ag_img img {
            width: 185px;
        }

.agdl h4 {
    text-align: center;
    font-size: .18rem;
    color: #fff;
    margin-top: -19px;
}

.headbox div.ag_btn {
    display: flex;
    justify-content: space-between;
    margin-top: .08rem;
}

.ag_btn span {
    width: 80px;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    /*background: url(../images/agbtn2.png)no-repeat 100% 100%;*/
    background: linear-gradient( 135deg, #A55ACF 0%, #8C60C5 100%);
    border-radius: .06rem;
    background-size: 100% 100%;
    text-align: center;
    opacity:.8;
}

    .ag_btn span:first-child {
        /*background: url(../images/agbtn1.png)no-repeat 100% 100%;
        background-size: 100% 100%;*/
         background: linear-gradient( 180deg, #E469A9 0%, #CB5EC4 100%);
        border-radius: .06rem;
    }

.caipiao {
    background: none;
    padding-top: 12px;
}

    .caipiao .wh1200 {
        margin: auto !important;
        background-color: rgba(230, 230, 231, .95);
        border-radius: 8px;
    }
    .caidan .wh1200 {
        margin: auto !important;
        /*background-color: rgba(230, 230, 231, .95);*/
        border-radius: 8px;
    }

.lottery li {
    padding: .16rem .41rem;
    display: flex;
    padding-left: 0;
    border-bottom: 1px solid #B4B3B3;
   
}
.caidan .lottery li{
     padding: 0;
    display: flex;
    padding-left: 0;
    border-bottom: none;
     /*background: rgba(255,255,255,.9);*/
    margin-bottom: .1rem;
    border-radius:.07rem;
    align-items: center;
}

    .lottery li:last-child {
        border-bottom: 0;
    }

    .lottery li div {
        margin: 0;
    }

.lot_tit {
    flex: none;
    width: 130px;
    margin-right: .2rem;
}

    .lot_tit p {
        font-size: .2rem;
        text-align: center;
        color: #210F1A;
    }

        .lot_tit p:first-child {
            font-size: .15rem;
            color: #656565;
        }

.lot_cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .lot_cont a {
        width: .8rem;
        background: #DDD1D1;
        border-radius: 13px;
        line-height: .25rem;
        height: .25rem;
        font-size: .13rem;
        text-align: center;
        color: #251513;
        margin-right: .31rem;
    }

.transfer_box {
    display: none;
    position: fixed;
    top: 1.43rem;
    z-index: 198;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.69rem;
    background-color: rgba(230, 230, 231, .95);
    border-radius: .08rem;
    padding: .25rem .47rem;
}

    .transfer_box h4 {
        font-size: .2rem;
        text-align: center;
        margin-bottom: .2rem;
    }

.transfer_cont {
    display: flex;
    align-items: center;
    line-height: .45rem;
}

    .transfer_cont div {
        margin: 0;
    }

    .transfer_cont label {
        font-size: .14rem;
        color: #251513;
        margin-right: .24rem;
    }

.jie {
    font-size: .14rem;
    color: #FF0016;
}

    .jie span {
        color: #251513;
        font-size: .14rem;
    }

.click_shur {
    width: 1.23rem;
    line-height: .31rem;
    height: .33rem;
    border: 1px solid #9DA3A5;
    text-align: center;
    font-size: .16rem;
    color: #000000;
    border-radius: .17rem;
}

.click_chouse {
    display: flex;
    justify-content: space-between;
    margin-top: .1rem;
    width: 90%;
}

    .click_chouse span {
        cursor: pointer;
        width: .73rem;
        text-align: center;
        line-height: .31rem;
        height: .33rem;
        font-size: .16rem;
        color: #000000;
        border: 1px solid rgba(157, 163, 165, .4);
        border-radius: .06rem;
    }

.transfer_btn {
    margin-top: .25rem;
    width: 98%;
    display: flex;
    justify-content: space-between;
}

    .transfer_btn span {
        cursor: pointer;
        width: 1.33rem;
        line-height: .34rem;
        height: .34rem;
        text-align: center;
        font-size: .16rem;
        color: #fff;
        background: linear-gradient(90deg, #988FC2, #D0595B);
        border-radius: .17rem;
    }

.loginbox {
    height: 100vh;
    background: url(../images/loginbg.png) center center no-repeat;
    background-size: 100% 100%;
    background-color: rgba(0,0,0,.2);
}

.login_div {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 12.5rem;
    transform: translate(-50%,-56%);
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.login_left {
    width: 8.08rem;
    padding: .08rem .1rem .27rem .23rem;
    background: linear-gradient(-58deg, #D83B50 0%, #8E6ED1 100%);
    border-radius: 12px 0px 0px 12px;
}

    .login_left h4 {
        color: #fff;
        font-size: .16rem;
        padding-top: .1rem;
    }

        .login_left h4 small {
            display: inline-block;
            width: .11rem;
            height: .11rem;
            border-radius: 50%;
            background-color: #fff;
            margin-right: .15rem;
        }

        .login_left h4 span {
            float: right;
            background: url(../images/mobg.png)no-repeat center center;
            width: 1.08rem;
            line-height: .53rem;
            text-align: center;
            position: relative;
            top: -.08rem;
            height: .53rem;
            background-size: 100% 100%;
            cursor: pointer;
        }

.leo_img {
    text-align: center;
}

    .leo_img img {
        width: 7.03rem;
    }

.leo_content {
    display: flex;
    height: 1.02rem;
    align-items: center;
    background: url(../images/pc_reg_ykbg_1.png)no-repeat center center;
    background-size: 100% 100%;
    padding: 0 .1rem;
    margin-top: .14rem;
}

.login_right {
    width: 4.42rem;
    background-color: #fff;
    border-radius: 0 0 12px 0;
}

    .login_right h3 {
        font-size: .2rem;
        color: #000;
        text-align: center;
        padding: .1rem 0 .15rem 0;
    }

.leo_jisu {
    background: url(../images/jisu.png)no-repeat 100% 100%;
    background-size: 100% 100%;
    width: 1.08rem;
    height: .53rem;
    line-height: .53rem;
    text-align: center;
    font-size: .14rem;
    color: #fff;
}

    .leo_jisu small {
        display: inline-block;
        width: .11rem;
        height: .11rem;
        border-radius: 50%;
        background: #D2FC06;
        margin-right: .15rem;
    }

.chongce {
    background: #DA374A;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    width: .72rem;
    height: .72rem;
    font-size: .14rem;
    color: #fff;
    line-height: .2rem;
    justify-content: center;
    display: flex;
    align-items: center;
}

.luxianname {
    width: 4.4rem;
    line-height: .36rem;
    height: .36rem;
    padding: 0 .19rem;
    color: #663844;
    font-size: .14rem;
    background: #E8EBF8;
    border-radius: .18rem;
}

.leo_detail {
    display: none;
    margin-top: .1rem;
}

    .leo_detail li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.benlu {
    width: 1.39rem;
    height: .53rem;
    line-height: .53rem;
    background: url(../images/benlu.png)no-repeat 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    font-size: .14rem;
    color: #fff;
}

.login_right h4 {
    padding-top: .5rem;
    text-align: center;
    margin-bottom: .27rem;
}

    .login_right h4 img {
        width: 2.41rem;
    }

.login_input {
    width: 3.22rem;
    margin-bottom: .18rem;
}

    .login_input input {
        width: 3.22rem;
        height: .38rem;
        font-size: .14rem;
        color: #F9868D;
        background: #ECECF6;
        border-radius: .19rem;
        padding: 0 .16rem;
    }

        .login_input input::-webkit-input-placeholder {
            color: #F9868D;
        }

.yzm input {
    width: 1.97rem;
}

.yzm a {
    float: right;
    background-color: #fff;
    width: 1.03rem;
    height: .36rem;
}

    .yzm a img {
        width: 1.03rem;
        height: .36rem;
    }

.login_btn {
    width: 3.22rem;
    background: linear-gradient(90deg, #9295CC 0%, #CF5A5E 100%);
    border-radius: .24rem;
    line-height: .48rem;
    height: .48rem;
    text-align: center;
    font-size: .16rem;
    color: #fff;
}

.foget {
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .2rem;
}

    .foget div {
        font-size: .14rem;
    }

.jizhu input {
    position: relative;
    top: .01rem;
}

.fagget {
    color: #F9868D;
}

    .fagget a {
        color: #F9868D;
    }

.login_foot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
}

    .login_foot div {
        margin: 0;
    }

.login_f1 img {
    width: .41rem;
    margin-right: .22rem;
}

.login_f1 {
    font-size: .14rem;
    color: #fff;
}

.foot_btn span {
    display: inline-block;
    background-color: #fff;
    padding: 0 .15rem;
    color: #F9868D;
    font-size: .14rem;
    border-radius: .19rem;
    line-height: .38rem;
    height: .38rem;
    margin-left: .15rem;
}

    .foot_btn span img {
        width: .26rem;
        margin-right: .07rem;
    }

.bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}

.activity_box {
    width: 12rem;
    position: fixed;
    top: 1.01rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 101;
    min-height: 268px;
    display: flex;
}

.activity_left {
    width: 1.83rem;
    background: linear-gradient(0deg, #D3A3A9 0%, #9894CE 100%);
    padding-bottom: 1.2rem;
}

    .activity_left ul li {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        text-align: center;
        color: #fff;
        font-size: .16rem;
        line-height: .57rem;
        height: .57rem;
        position: relative;
        cursor: pointer;
    }

        .activity_left ul li span {
            display: inline-block;
            width: .38rem;
            text-align: center;
        }

            .activity_left ul li span img {
                position: relative;
                top: -.01rem;
            }

        .activity_left ul li.active {
            background: rgba(74, 61, 156, .2);
        }

            .activity_left ul li.active::after {
                content: '';
                position: absolute;
                width: .06rem;
                background-color: #fff;
                height: .57rem;
                left: -.06rem;
                top: 0;
            }

.activity_right {
    background-color: #fff;
    width: 10.18rem;
}

.act_qie h4 {
    height: .59rem;
    line-height: .59rem;
    box-shadow: 0px .02rem .07rem 0px rgba(205, 92, 96, 0.46);
    padding-left: .36rem;
    position: relative;
}

    .act_qie h4 span {
        display: inline-block;
        width: 1.17rem;
        text-align: center;
        line-height: .31rem;
        height: .31rem;
        color: #CC5D63;
        background: #F1EBEB;
        font-size: .13rem;
        border-radius: .16rem;
        margin-right: .17rem;
        cursor: pointer;
    }

        .act_qie h4 span.active {
            background: linear-gradient(90deg, #988FC2, #D0595B);
            color: #fff;
        }

.close_act {
    position: absolute;
    width: .28rem;
    top: .15rem;
    right: .21rem;
}

.gg_th {
    display: flex;
    background: linear-gradient(90deg, #988FC2, #D0595B);
    border-radius: .25rem;
}

.gg_lei {
    width: 9.33rem;
    margin-top: .2rem;
}

.gg_lei, .user_box {
    overflow-y: auto;
    padding-bottom: 0.2rem;
    min-height: 6rem;
}

.gg_lei, .act_c_daital, .user_box {
    max-height: calc(100vh - 2.54rem);
}

.gg_th div {
    width: 25%;
    color: #fff;
    font-size: .15rem;
    line-height: .5rem;
    text-align: center;
    height: .5rem;
}

.gg_lieb {
    display: flex;
    border-bottom: 1px solid #E8E8E8;
    line-height: .62rem;
    height: .62rem;
    cursor: pointer;
}

.act_c_daital {
    width: 8.48rem;
}

.gg_lieb div {
    width: 25%;
    color: #000000;
    text-align: center;
    font-size: .15rem;
}
.gg_lieb div:first-child{
    overflow:hidden;
    width:25%;
    text-align:left;
}
.yidu {
    color: #000000;
    font-size: .15rem;
}

.weidu {
    font-size: .15rem;
    color: #F9484A;
}

.gg_lieb div span {
    margin-right: .3rem;
}

.lie_page {
    display: flex;
    justify-content: center;
    margin: .2rem 0;
}

    .lie_page div {
        line-height: .24rem;
        height: .24rem;
        text-align: center;
        margin: 0 .03rem;
        background: #F0E9E9;
        font-size: .12rem;
        color: #D35353;
        border-radius: .12rem;
        cursor: pointer;
    }

.index_page {
    width: .37rem;
}

.next_page {
    width: .52rem;
}

.lie_page div.not_page {
    cursor: default;
    background: linear-gradient(90deg, #988FC2, #D0595B);
    width: .24rem;
    height: .24rem;
    color: #fff;
    border-radius: 50%;
}

.lie_page div.now_page {
    cursor: default;
    width: .24rem;
    height: .24rem;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.act_c_tit {
    text-align: center;
    color: #8786AD;
    font-size: .3rem;
    padding-top: .15rem;
}

.act_time {
    text-align: center;
    color: #26BBFF;
    font-size: .12rem;
}

.act_actcon {
    font-size: .16rem;
    color: #6D7678;
    line-height: .34rem;
    padding-bottom: .2rem;
}

.next_act {
    text-align: center;
    padding: .25rem 0 .5rem 0;
}

    .next_act span.enable {
        background: linear-gradient(90deg, #988FC2, #D0595B);
    }

    .next_act span.disable {
        background-color: #ccc;
    }

    .next_act span {
        cursor: pointer;
        display: inline-block;
        width: 1.87rem;
        line-height: .34rem;
        height: .34rem;
        text-align: center;
        border-radius: .17rem;
        font-size: .16rem;
        color: #fff;
    }

        .next_act span:first-child {
            margin-right: .9rem;
        }

.act_content {
    display: none;
}

.activity_right .act_qie {
    display: none;
}

    .activity_right .act_qie:first-child {
        display: block;
    }

.downbg {
    width: 10.18rem;
}

.phone p img {
    width: 2.92rem;
    margin-bottom: .22rem;
    cursor: pointer;
}

.down_box {
    position: relative;
}

.phone {
    position: absolute;
    bottom: .6rem;
    left: .43rem;
}

.ios_box {
    display: none;
    width: 3.98rem;
    position: fixed;
    top: 1.21rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 101;
    min-height: 268px;
    z-index: 103;
    background-color: #fff;
    border-radius: .08rem;
}

.bg1 {
    display: none;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 102;
}

.ios_box h4 {
    background: linear-gradient(90deg, #988FC2, #D0595B);
    border-radius: .08rem .08rem 0px 0px;
    padding: 0 .21rem;
    color: #FFFFFF;
    height: .5rem;
    line-height: .55rem;
    font-size: .16rem;
}

    .ios_box h4 img {
        float: right;
        width: .17rem;
        margin-top: .16rem;
    }

.ios_tit {
    margin-top: .32rem;
    width: 2.62rem;
    text-align: center;
    color: #000000;
    line-height: .46rem;
    border: 1px solid rgba(0, 0, 0, .2);
    font-size: .16rem;
    border-radius: .24rem;
    margin-bottom: .26rem;
}

.ios_er {
    width: 1.88rem;
    height: 1.88rem;
    border: 1px solid rgba(0, 0, 0, .3);
    margin-bottom: .22rem;
}

    .ios_er img {
        width: 100%;
        height: 100%;
    }

.ios_step {
    width: 3.1rem;
    padding-bottom: .3rem;
}

    .ios_step p {
        font-size: .16rem;
        line-height: .24rem;
        color: #000000;
    }

        .ios_step p.ios_color {
            color: #CF5A5C;
        }

.trading_box {
    width: 9.5rem;
}

.trading_tit {
    display: flex;
    align-items: center;
    padding-top: .17rem;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: .16rem;
}

    .trading_tit label {
        color: #44474B;
        font-size: .18rem;
    }

    .trading_tit span {
        cursor: pointer;
        width: 1.17rem;
        height: .31rem;
        line-height: .31rem;
        text-align: center;
        background: #F1EBEB;
        color: #CD5C60;
        font-size: .13rem;
        border-radius: .16rem;
        margin-left: .18rem;
    }

        .trading_tit span.active {
            color: #FFFFFF;
            background: linear-gradient(90deg, #988FC2, #D0595B);
        }

.inst_tcont:first-child {
    display: block;
}

.inst_tcont {
    display: none;
    border: 1px solid #A9ACD9;
    border-radius: .06rem .06rem 0px 0px;
    margin-top: .28rem;
}

.inst_tit {
    background-color: #A9ACD9;
    text-align: center;
    line-height: .4rem;
    color: #FFFFFF;
    font-size: .18rem;
}

.instructions {
    padding-bottom: .5rem;
}

.inst_text {
    padding: .4rem .29rem;
    max-height: 49vh;
    overflow: auto;
}

    .inst_text p, .inst_text {
        font-size: .14rem;
        color: #6D7678;
        line-height: .34rem;
        min-height: 5rem;
    }

.user_box {
    width: 9.5rem;
}

.new_input {
    display: flex;
    height: .33rem;
    align-items: center;
    margin-bottom: .24rem;
}

    .new_input label {
        width: 1.62rem;
        padding-left: .29rem;
        color: #9DA3A5;
        font-size: .16rem;
    }

    .new_input input {
        width: 3.63rem;
        height: .33rem;
        border: 1px solid rgba(157, 163, 165, .4);
        border-radius: .17rem;
        font-size: .13rem;
        padding: 0 .2rem;
    }

.user_box .trading_tit {
    margin-bottom: .4rem;
}

.kaihu {
    text-align: center;
}

    .kaihu span {
        display: inline-block;
        width: 1.87rem;
        line-height: .34rem;
        height: .34rem;
        background: linear-gradient(90deg, #988FC2, #D0595B);
        border-radius: .17rem;
        color: #fff;
        font-size: .16rem;
        cursor: pointer;
    }

.yaoyou {
    text-align: center;
    color: rgba(0, 0, 0, .6);
    font-size: .14rem;
    padding: .45rem 0;
}

.tuiguang {
    border-radius: .06rem .06rem 0px 0px;
    border: 1px solid #A9ACD9;
    margin-top: .3rem;
    margin-bottom: .25rem;
}

.zhuxia {
    text-align: center;
    color: #44474B;
    font-size: .16rem;
    padding-top: .31rem;
    padding-bottom: .22rem;
}

.user_qies {
    display: none;
}

    .user_qies:first-child {
        display: block;
    }

.yaoqingma p {
    text-align: center;
    font-size: .14rem;
    color: rgba(0, 0, 0, 1);
    left: .35rem;
}

    .yaoqingma p span {
        color: #E25356;
    }

    .yaoqingma p a {
        color: #206AFF;
    }

.yao_url {
    width: 4.4rem;
    border: 1px solid rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .4);
    font-size: .14rem;
    paadding: .16rem .5rem;
    text-align: center;
    margin-bottom: .21rem;
    margin-top: .14rem;
}

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

    .chong_type span {
        width: 1.11rem;
        line-height: .5rem;
        text-align: center;
        box-shadow: 0px 4px 14px 2px rgba(189, 105, 105, 0.28);
        border-radius: .25rem;
        margin: 0 .16rem;
        font-size: .16rem;
        color: #CE5B5F;
        cursor: pointer;
    }

        .chong_type span.active {
            color: #fff;
            background: linear-gradient(90deg, #988FC2, #D0595B);
        }

.chong_qie {
    display: none;
}

.xia_boxs {
    border: 1px dashed rgba(0, 0, 0, .2);
    border-radius: .2rem;
    padding: .4rem .23rem;
    margin-bottom: .25rem;
}

.xia_qie {
    display: none;
}

    .chong_qie:first-child, .xia_qie:first-child {
        display: block;
    }

.xianchong {
    display: flex;
    margin-bottom: .18rem;
}


    .xianchong div.c_type span {
        display: inline-block;
        width: 1rem;
        text-align: center;
        font-size: .14rem;
        color: #9DA3A5;
    }

    .xianchong div.c_type {
        margin: 0 .11rem;
        border: 1px solid rgba(157, 163, 165, .4);
        border-radius: .04rem;
        line-height: .37rem;
        width: 1.53rem;
        padding: 0 .1rem;
    }


    .xianchong div.checked, .chong_jine span.checked {
        border-color: #f3596a;
    }

    .xianchong label {
        font-size: .14rem;
        color: #9DA3A5;
        display: flex;
        line-height: .39rem;
        justify-content: center;
        width: 1.09rem;
    }

.chong_jine {
    display: flex;
    margin: 0;
    width: 3.6rem;
    align-items: center;
    flex-wrap: wrap;
}

    .chong_jine span {
        margin: 0 .11rem;
        margin-bottom: .18rem;
        width: .95rem;
        text-align: center;
        line-height: .37rem;
        height: .39rem;
        border: 1px solid rgba(157, 163, 165, .4);
        border-radius: .04rem;
        color: #697579;
        font-size: .14rem;
        cursor: pointer;
    }

        .chong_jine span input {
            height: .3rem;
            width: 1.48rem;
            padding: 0 .1rem;
            font-size: .14rem;
            margin-right: .22rem;
            border: 1px solid rgba(157, 163, 165, .4);
        }

.c_tips {
    width: 100%;
    font-size: .14rem;
    color: #CE5B5F;
}

.wenti {
    padding: .2rem .4rem;
    border: 1px solid #E9E9E8;
    background: #FFFCEE;
    border-radius: .2rem;
    margin-bottom: .2rem;
}

.wentit {
    font-size: .18rem;
    color: #3B4355;
}

.wentit_cont {
    font-size: .14rem;
    color: #9DA3A5;
}

.xiainput {
    display: flex;
}

    .xiainput label {
        width: 1.36rem;
        text-align: center;
        color: #9DA3A5;
        font-size: .14rem;
    }

.yh_box {
    width: 7.81rem;
    line-height: .37rem;
    border-radius: .2rem;
    padding: 0 .33rem;
    color: #000000;
    font-size: .14rem;
    border: 1px solid rgba(157, 163, 165, .4);
    margin-bottom: .1rem;
}

    .yh_box input {
        width: 100%;
        font-size: .14rem;
    }

    .yh_box span {
        font-size: .14rem;
        color: #CF5A5D;
        float: right;
    }

        .yh_box span img {
            width: .11rem;
            position: relative;
            top: -.02rem;
            margin-right: .05rem;
        }

.xunibi {
    height: 2.43rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9DA3A5;
    font-size: .18rem;
    margin-bottom: 1.4rem;
}

.select_style {
    display: inline-block;
    width: 1.32rem;
    position: relative;
    border-radius: .17rem;
    line-height: .31rem;
    height: .33rem;
    padding: 0 .15rem;
    font-size: .13rem;
    border: 1px solid rgba(157, 163, 165, .4);
    margin-left: 0;
}

    .select_style span {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: .34rem;
        height: .31rem;
        line-height: .31rem;
        border-radius: 0px .17rem .17rem 0px;
        background: #D35353;
        text-align: center;
        z-index: 99;
    }

    .select_style input {
        width: 100%;
        height: .3rem;
        border: none;
        font-size: .16rem;
    }

    .select_style .slect_box {
        width: 100%;
        height: .3rem;
    }

    .select_style span img {
        width: .12rem;
    }

    .select_style .layui-form-select .layui-edge {
        display: none;
    }

.shenti_box {
    display: flex;
}

.shenti_left {
    width: 5.2rem;
    padding-top: .5rem;
}

.shenti_right {
    width: 4.48rem;
    padding-top: .3rem;
    padding-bottom: .14rem;
}

.chuz {
    margin-left: 0;
}

    .chuz .select_style {
        width: 2.8rem;
    }

.chu_jine {
    margin-left: 0;
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #4CA8CE;
    flex-wrap: wrap;
    width: 3.1rem;
}

    .chu_jine span {
        color: #D35353;
        font-weight: bold;
    }

    .chu_jine input {
        width: 100%;
        border: 1px solid rgba(157, 163, 165, .4);
        height: .33rem;
        border-radius: .17rem;
        padding: 0 .2rem;
        font-size: .14rem;
    }

    .chu_jine p {
        width: 100%;
        text-align: left;
    }

        .chu_jine p span {
            font-size: .12rem;
            line-height: .25rem;
            color: #CC5D63;
        }

    .chu_jine .kaihu {
        margin-left: 0;
    }

        .chu_jine .kaihu span {
            color: #fff;
        }

.shenti_left .xianchong {
    margin-bottom: .43rem;
}

.right_steps {
    display: flex;
    padding-left: .4rem;
}

    .right_steps div {
        margin: 0;
        font-size: .15rem;
        text-align: center;
        font-weight: bold;
        height: .32rem;
        line-height: .32rem;
    }

        .right_steps div.step1 {
            background: url(../images/step1.png)no-repeat center center;
            width: 1.6rem;
            color: #FF6A34;
            background-size: 100% 100%;
            margin-right: .03rem;
        }

        .right_steps div.step2 {
            background: url(../images/step2.png)no-repeat center center;
            width: 1.18rem;
            color: #FF6A34;
            background-size: 100% 100%;
            margin-right: .05rem;
        }

        .right_steps div.step3 {
            background: url(../images/step3.png)no-repeat center center;
            width: 1.06rem;
            color: #FF6A34;
            background-size: 100% 100%;
        }

.shenti_zhu {
    min-height: 4.06rem;
    border-radius: .2rem;
    padding: .3rem .37rem;
    border: 1px dashed rgba(0, 0, 0, .2);
    margin-top: .25rem;
}

    .shenti_zhu, .shenti_zhu p {
        font-size: .15rem;
        color: #6B7476;
        line-height: .3rem;
    }

        .shenti_zhu p span {
            color: #E25356;
        }

.ping_tit {
    margin-top: .23rem;
    background: url(../images/pingbg.png)no-repeat center center;
    background-size: 100% 100%;
    width: 1.24rem;
    height: .39rem;
    text-align: center;
    color: #CA5E65;
    padding-top: .04rem;
    font-size: .13rem;
    margin-left: 0;
}

.ping_table {
    width: 100%;
    margin-top: .15rem;
}

    .ping_table td, .ping_table th {
        border: 1px solid #E8E8E8;
        text-align: center;
        padding: .12rem;
        font-size: .15rem;
        color: #D35353;
    }

    .ping_table th {
        font-weight: bold;
    }

        .ping_table th p {
            font-size: .15rem;
            color: #000000;
            font-weight: normal;
        }

    .ping_table td p {
        font-size: .15rem;
    }

.huishou {
    margin-top: .29rem;
}

.zijinzhuanhuan {
    padding-top: .25rem;
    padding-bottom: .2rem;
}

    .zijinzhuanhuan .xianchong {
        margin-bottom: .24rem;
    }

.c_select_type {
    width: 1.6rem;
}

.c_zhi_history {
    padding-top: .38rem;
    text-align: center;
}

    .c_zhi_history label {
        font-size: .14rem;
        color: #9DA3A5;
        margin: 0 .17rem;
    }

.c_select_time {
    width: 2.15rem;
}

    .c_select_time input {
        padding-left: 0;
    }

.c_select {
    cursor: pointer;
    display: inline-block;
    width: .69rem;
    line-height: .39rem;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(90deg, #988FC2, #D0595B);
    font-size: .13rem;
    border-radius: .17rem;
    margin-left: .1rem;
}

.layui-laydate-header {
    background: linear-gradient(90deg, #988FC2, #D0595B);
    border-radius: 2px;
    color: #fff;
}

    .layui-laydate-header i {
        color: #fff !important;
    }

.layui-laydate .layui-this {
    background: linear-gradient(90deg, #988FC2, #D0595B);
}

.history_table table {
    width: 100%;
    margin-top: .2rem;
}

    .history_table table th {
        background-color: #A9ACD9;
    }

    .history_table table th, .history_table table td {
        border: 1px solid #E8E8E8;
        text-align: center;
        color: #FFFFFF;
        font-size: .14rem;
        line-height: .32rem;
    }

    .history_table table td {
        color: #778082;
    }

    .history_table table th span {
        position: relative;
        margin-left: .11rem;
    }

        .history_table table th span img {
            width: .12rem;
        }

    .history_table table tr span img:first-child {
        transform: rotate(180deg);
        position: absolute;
        top: .01rem;
    }

    .history_table table th span img:last-child {
        position: absolute;
        bottom: 0;
    }

    .history_table table tr:nth-of-type(2n+1) {
        background-color: #F3F4FC;
    }

    .history_table table tr.heji {
        background-color: #F1EBEB;
    }

        .history_table table tr.heji td:last-child {
            text-align: left;
            padding-left: .26rem;
        }

.person_center {
    display: flex;
    justify-content: space-between;
}

.person_left {
    padding-top: .3rem;
    margin-left: 0;
}

    .person_left label {
        font-size: .18rem;
        color: #000000;
    }

    .person_left span {
        display: inline-block;
        width: 1.17rem;
        text-align: center;
        border: 1px solid #CB5E65;
        border-radius: .16rem;
        line-height: .29rem;
        font-size: .13rem;
        color: #CB5E65;
        margin-left: .22rem;
    }

        .person_left span img {
            width: .14rem;
            margin-right: .07rem;
            position: relative;
            top: -.02rem;
        }

.person_right {
    padding-top: .2rem;
    margin-right: 0;
}

    .person_right table {
        width: 3rem;
    }

        .person_right table th, .person_right table td {
            border: 1px solid #E8E8E8;
            text-align: center;
            line-height: .37rem;
            font-size: .13rem;
            color: #7B8588;
        }

        .person_right table td {
            color: #E25356;
        }

.yihui {
    margin-top: .28rem;
    padding-bottom: .34rem;
    border-bottom: 1px solid #E8E8E8;
}

.bangka_box {
    display: flex;
}

.bang_left {
    width: 50%;
}

.ka_detail {
    display: flex;
}

    .ka_detail label {
        display: inline-block;
        width: 1rem;
        text-align: center;
        font-size: .13rem;
        color: #606A6C;
    }

.bank_1 {
    width: 3.27rem;
    border-radius: .04rem;
    border: 1px solid #CB5E65;
    padding: 0 .14rem 0 .2rem;
    display: flex;
    align-items: center;
    height: .92rem;
    font-size: .13rem;
    color: #137CDB;
    justify-content: center;
    margin-bottom: .18rem;
}

    .bank_1 .blankimg {
        width: 1.22rem;
        margin-right: .3rem;
    }

.addimg {
    width: .33rem;
}

.deter {
    width: 2.32rem;
    text-align: right;
    margin-left: 0;
}

    .deter span {
        text-align: center;
    }

.per_report {
    padding-top: .38rem;
}

.history_table table td.p_details {
    color: #E25356;
    cursor: pointer;
}

.report_pop {
    display: none;
    width: 6.23rem;
    position: fixed;
    top: 1.61rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 103;
    background-color: #fff;
    min-height: 268px;
    border-radius: .12rem;
    padding-bottom: .4rem;
}

    .report_pop .trading_tit {
        padding-left: .33rem;
    }

.report_table {
    padding-top: .29rem;
    width: 5.6rem;
    padding-bottom: .4rem;
}

    .report_table table {
        width: 100%;
        border: 1px solid #E8E8E8;
    }

        .report_table table th, .report_table table td {
            text-align: center;
            font-size: .14rem;
            color: #4D5564;
            line-height: .32rem;
        }

        .report_table table th {
            background-color: #F8F8F9;
        }

        .report_table table td {
            line-height: .35rem;
        }

.tou_hist {
    text-align: left;
}

    .tou_hist .select_style:nth-child(2) {
        margin-bottom: .23rem;
    }

.betting_pop {
    width: 12rem;
    position: fixed;
    /*top: 1.1rem;*/
    left: 0;
    right: 0;
    margin: auto;
    z-index: 103;
    min-height: 268px;
    border-radius: .12rem;
    padding-bottom: .4rem;
}

.bet_tit {
    display: flex;
    background: linear-gradient(90deg, #988FC2, #D0595B);
    border-radius: .12rem;
    height: .94rem;
    justify-content: space-between;
    align-items: center;
}

.bet_name {
    width: 33%;
    margin: 0;
    font-weight: bold;
    font-size: .34rem;
    color: #fff;
    padding-left: .5rem;
    font-style: italic;
}

.bet_num p {
    color: #fff;
    text-align: center;
    font-size: .44rem;
    line-height: .5rem;
}

.bet_num {
    width: 33%;
    margin: 0;
}

    .bet_num p:first-child {
        font-size: .14rem;
        line-height: .2rem;
    }

.bet_kaijiang {
    position: relative;
    margin-right: 0;
    padding-right: .2rem;
}

.jiang {
    font-size: .14rem;
    color: #fff;
    text-align: right;
}

    .jiang span {
        display: inline-block;
        width: 1.03rem;
        text-align: center;
        line-height: .25rem;
        border: 1px solid #fff;
        border-radius: .13rem;
        cursor: pointer;
        margin-left: .4rem;
    }

.j_detail .theresult .resultlist li .periods {
    margin-right: .05rem;
}

.j_detail .theresult {
    width: max-content;
    right: 0;
}

.j_detail {
    display: flex;
    color: #fff;
    font-size: .2rem;
    margin-top: .06rem;
}

    .j_detail .nomalUl span {
        /*margin: 0 .07rem;*/
    }

    .j_detail .nomalUl small {
        margin-left: .17rem;
    }

        .j_detail .nomalUl small img {
            width: .17rem;
            position: relative;
            top: .03rem;
        }

.history_kai {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 3.46rem;
    background-color: #fff;
    box-shadow: -.07rem 0px .21rem 0px rgba(41, 95, 193, 0.43);
    border-radius: 0px .12rem 0px 0px;
    padding: .16rem 0;
}

    .history_kai h4 {
        font-size: .16rem;
        color: #355E8E;
        font-weight: bold;
        text-align: center;
    }

    .history_kai ul {
        margin-top: .2rem;
    }

        .history_kai ul li {
            text-align: center;
            font-size: .14rem;
            color: #355E8E;
            margin-bottom: .1rem;
        }

            .history_kai ul li span {
                display: inline-block;
                width: .27rem;
                line-height: .27rem;
                height: .27rem;
                border-radius: 50%;
                background-color: #E15455;
                text-align: center;
                font-weight: bold;
                font-size: .18rem;
                color: #fff;
                margin: 0 .06rem;
            }

    .history_kai .kaihu {
        margin-top: .22rem;
    }

.bet_box {
    display: flex;
    margin-top: .03rem;
}

.bet_left {
    width: 2.1rem;
    background: #FFFFFF;
    border-radius: .12rem;
    margin: 0;
}

    .bet_left dl {
        padding-top: .4rem;
        text-align: center;
    }

        .bet_left dl dt, .bet_left dl dd {
            text-align: center;
        }

        .bet_left dl dt {
            padding-bottom: .1rem;
        }

            .bet_left dl dt img {
                width: .54rem;
                height: .54rem;
                border-radius: 50%;
            }

        .bet_left dl dd {
            font-size: .14rem;
            color: #000000;
            left: .5rem;
        }

            .bet_left dl dd span {
                color: #FF0D0D;
            }

            .bet_left dl dd small {
                font-size: .12rem;
                color: #1372C6;
                margin-left: .03rem;
            }

    .bet_left ul {
        margin-top: .2rem;
        text-align:center;
    }

        .bet_left ul li {
            width: 1.81rem;
            line-height: .34rem;
            text-align: center;
            background: linear-gradient(90deg, #988FC2, #D0595B);
            border-radius: .17rem;
            font-size: .14rem;
            color: #fff;
            cursor: pointer;
            margin-bottom: .14rem;
            display:inline-block;
        }

.bet_cneter {
    width: 5.28rem;
    margin-left: .03rem;
    background-color: #fff;
    border-radius: .12rem;
    padding: .35rem .23rem;
    padding-right: 0;
    position: relative;
    padding-bottom: 3rem;
}

.chat_con {
    margin-bottom: .5rem;
}

.bet_cneter h4 {
    font-size: .18rem;
    color: #44474B;
    display: flex;
    justify-content: space-between;
    padding-right: .32rem;
    margin-bottom:.26rem;
}

.bet_cneter span#btnremark {
    width: 1.03rem;
    display: inline-block;
    line-height: .23rem;
    height: .25rem;
    text-align: center;
    border: 1px solid #CE5B5F;
    border-radius: .13rem;
    font-size: .13rem;
    color: #CD5C60;
    cursor: pointer;
}

.play_center {
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
}

.play_c {
    width: 1.46rem;
    line-height: .36rem;
    text-align: center;
    border-radius: .18rem;
    background: #F1EBEB;
    font-size: .14rem;
    margin-bottom: .15rem;
    color: #CB5E65;
    cursor: pointer;
}

.play_left {
    width: 1.5rem;
    margin-left: 0;
}

.play_c.active {
    background: linear-gradient(90deg, #988FC2, #D0595B);
    color: #FFFFFF;
}

.play_right {
    width: 3.4rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: .1rem;
}

    .play_right div {
        margin: 0 .08rem;
        width: .64rem;
        height: .64rem;
        font-size: .13rem;
        color: #CB5E65;
        text-align: center;
        background: url(../images/zc.png)no-repeat center center;
        background-size: 100% 100%;
        line-height: .2rem;
    }

        .play_right div p {
            padding-top: .1rem;
            width: 100%;
            line-height: .25rem;
        }

        .play_right div.weiguo {
            background: url(../images/weic.png)no-repeat center center;
            background-size: 100% 100%;
        }

        .play_right div.yiguo {
            background: url(../images/yic.png)no-repeat center center;
            background-size: 100% 100%;
            color: #FFFFFF;
        }

.touzhu {
    width: 3.05rem;
    margin-right: .32rem;
    border: 1px solid rgba(0, 0, 0, .3);
    padding: .22rem .25rem;
    border-radius: .08rem;
}

.zhu_tit {
    text-align: center;
    font-size: .14rem;
    color: #000000;
    margin-bottom: .2rem;
}

.xiazhu {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .xiazhu img {
        width: .38rem;
    }

.que_xia {
    margin-top: .23rem;
}

    .que_xia small {
        font-size: .16rem;
        color: #CE5B5F;
        margin-left: .13rem;
    }

.touzhu {
    position: absolute;
    bottom: .2rem;
    right: .02rem;
}

.bet_right {
    width: 4.55rem;
    background-color: #fff;
    border-radius: .12rem;
    padding: .5rem .22rem;
    overflow: auto;
    margin:0 auto;
}

.chat_head {
    display: flex;
    justify-content: space-between;
}

    .chat_head img {
        width: .46rem;
        height: .46rem;
        border-radius: 50%;
    }

    .chat_head span {
        text-align: center;
        width: .66rem;
        line-height: .25rem;
        height: .25rem;
        font-size: .15rem;
        color: #999999;
        background-color: rgba(188, 188, 188, .44);
        border-radius: .12rem;
    }

.chat_table {
    width: 3.5rem;
    margin-right: 0;
    margin-top: -.15rem;
}

    .chat_table table {
        width: 100%;
        border: 1px solid #D2D7E9;
        border-radius: .04rem;
    }

        .chat_table table td, .chat_table table th {
            line-height: .36rem;
            font-size: .14rem;
            color: #998787;
            text-align: center;
        }

        .chat_table table th {
            color: #612D2D;
        }

        .chat_table table tr:nth-of-type(2n+1) {
            background-color: #D2D7E9;
        }

        .chat_table table.zhucenter td {
            line-height: .39rem;
        }

.chat_con:nth-of-type(2n+2) .chat_table {
    margin-right: auto;
    margin-left: 0;
}

.register_login {
    width: 3.22rem;
    border-radius: .19rem;
    line-height: .36rem;
    height: .38rem;
    background: #ECECF6;
    margin-bottom: .12rem;
}

    .register_login span {
        display: inline-block;
        color: #F9868D;
        width: .9rem;
        padding-left: .16rem;
        font-size: .14rem;
    }

    .register_login input {
        width: 1.8rem;
        background: none;
        font-size: .14rem;
        height: .38rem;
    }

        .register_login input::placeholder {
            color: #B1B1B1;
        }

.register_tips {
    width: 3.22rem;
    color: #F9868D;
    font-size: .14rem;
    padding-bottom: .15rem;
}

.top-up {
    width: 6.23rem;
    height: 3.94rem;
    background-color: #fff;
    border-radius: .12rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
}

    .top-up h4 {
        text-align: center;
        color: #000000;
        font-size: .2rem;
        line-height: .83rem;
        border-bottom: 1px solid #EFF0F1;
        position: relative;
        margin-bottom: .2rem;
    }

        .top-up h4 img {
            width: .16rem;
            position: absolute;
            right: .29rem;
            top: .36rem;
            cursor: pointer;
        }

.top_input {
    text-align: center;
    line-height: .35rem;
    margin-bottom: .16rem;
}

    .top_input span {
        font-size: .14rem;
        color: #65686E;
        display: inline-block;
        width: 6em;
        text-align: right;
    }

    .top_input div {
        display: inline-block;
        width: 2.32rem;
        margin-left: 0;
    }

    .top_input input {
        width: 100%;
        height: .33rem;
        border: 1px solid rgba(157, 163, 165, .4);
        border-radius: .17rem;
        padding: 0 .25rem;
        font-size: .14rem;
        margin-left: .2rem;
    }

.top_yzm input {
    width: 1.5rem;
}

.top_btn {
    color: #FFFFFF;
    font-size: .16rem;
    width: 1.87rem;
    line-height: .34rem;
    text-align: center;
    background: linear-gradient(90deg, #988FC2, #D0595B);
    border-radius: .17rem;
    margin:0 auto;

    margin-top: .2rem;
}
/* 6.5补 */
.lot_box {
    position: relative;
}

.nav dl.lot_play {
    display: none;
    padding: .2rem 0;
    width: 2.32rem;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: -.16rem;
    left: 1rem;
    z-index: 2;
    border-radius: .12rem;
}

.lot_box:hover dl.lot_play {
    display: block;
}

.lot_play::before {
    content: '';
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid rgba(0, 0, 0, .4);
    position: absolute;
    top: .2rem;
    left: -9px;
}

.nav dl.lot_play dd {
    width: 1.76rem;
    background: linear-gradient(90deg, #221F66, #2C1740);
    border-radius: .12rem;
    height: .59rem;
    line-height: .59rem;
    color: #FFFFFF;
    font-size: .15rem;
    margin-bottom: .23rem;
}

    .nav dl.lot_play dd:last-child {
        border-bottom: 0;
    }

.lot_box a {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: .95rem;
    background: #DDD1D1;
    border-radius: 13px;
    line-height: .25rem;
    height: .25rem;
    font-size: .13rem;
    text-align: center;
    color: #251513;
    margin-right: .31rem;
}

.resultlist li {
    position: relative;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    padding: 0 .1rem;
    box-shadow: 0 1px 0 0 #eee
}

.resultlist {
    color: #495060;
    width: auto;
}

.lhcResult {
    position: absolute;
    background-color: #fff;
    top: 56px;
    z-index: 9;
    overflow: hidden;
    box-shadow: 1px 2px 10px rgba(0,0,0,.2);
    width: 100%;
    left: 0;
    height: 360px;
    width: max-content;
}
.sanjiao[data-v-14757fd6] {
    position: absolute;
    right: 0.1rem;
    top: 0.15rem;
    width: 0.15rem;
    height: 0.1rem;
    background: url(/pcweb/static/img/spirt.71a0a9e.png) 0 15px;
    transition: all 1s
}
.sscMpPanel .blueText[data-v-14757fd6] {
    line-height: 40px;
    line-height: 40px;
    margin-right: 10px;
    color: #fff;
    font-size: 16px;
}

.sscMpPanel .sanjiao[data-v-14757fd6] {
    top: 0.2rem;
}

.sscMpPanel {
    height: 40px;
}
.colorBox div{
    text-align:center;
}
/*PC28*/
.clNum {
    color: #CF5A5C;
    background-color: #fff;
}

.jgNum {
    border-radius: 50%;
    color: #fff;
    background: #000;
}

.clNum, .jgNum, .resultlist li .number span {
    width: .36rem;
    height: .36rem;
    line-height: .36rem;
    font-weight: bold;
    text-align: center;
    font-size: .2rem;
    border-radius: 50%;
}

.resultlist li .number span {
    border: 1px solid #448ed0;
    color: #448ed0;
}

/*PK10*/
.px-01, .px-02, .px-03, .px-04, .px-05, .px-06, .px-07, .px-08, .px-09, .px-10 {
    width: 34px !important;
    height: 34px !important;
    margin-right: 2px !important;
    background-repeat: no-repeat;
    border-radius: 0 !important
}

.px-01 {
    background-position: -58px -341px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-02 {
    background-position: -58px -303px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-03 {
    background-position: -58px -265px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-04 {
    background-position: -58px -227px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-05 {
    background-position: -58px -189px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-06 {
    background-position: -58px -152px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-07 {
    background-position: -58px -114px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-08 {
    background-position: -58px -76px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-09 {
    background-position: -58px -38px;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}

.px-10 {
    background-position: -58px 0;
    background-image: url(/pcweb/static/img/spirt.71a0a9e.png);
}
/*快三*/
.lhcResult li[data-v-14757fd6] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
}
/*投注区*/
.choosetoplayleft .choosetheplay[data-v-6d299c5f] {
    width: 90px;
    height: 50px;
    font-weight: 600;
    font-size: 16px
}
.choosetoplayleft[data-v-6d299c5f] {
    height: 760px;
    flex: 0 0 1.5rem;
    text-align: center;
}
.choosetoplayright[data-v-004eefe2] {
    height: 100%;
    position: relative;
}
.choosetoplayleft > ul > li[data-v-6d299c5f]:hover {
    background: linear-gradient(90deg, #988FC2, #D0595B);
    color:#fff
}
.choosetoplaycenter .centermain .bigorsmall ul li[data-v-6d299c5f], .choosetoplaycenter .centermain .guessnumber ul li[data-v-6d299c5f] {
    box-sizing: border-box;
    width: 60px;
    border-radius: 3.2px;
    border: .5px solid #c7c7c7;
    font-size: 14px;
    margin: 10px 10px 0 10px;
}
.choosetoplay[data-v-0d24f438] {
    position: relative;
    height: calc(100vh - 2.54rem);
    max-width: 820px
}
.choosetoplayfooter {
    background: #fff;
    position: absolute;
}
.choosetoplaycenter .centermain[data-v-6d299c5f] {
    height: calc(100vh - 5.6rem);
    overflow: auto;
    min-height: 4rem;
}
.chatcontent::-webkit-scrollbar{
    width:0;
}
.chatcontent {
    scrollbar-width: none;
}
.choosetoplayright .chatcontent .chat ul .systemmsg[data-v-004eefe2] {
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex
}
.choosetoplayright .chatcontent .chat ul .robotmsg div table[data-v-004eefe2] {
    padding: 0;
    margin-top: 0.32rem;
    width: calc(3.82rem - 65px);
    border-radius: 2px;
    border: 1px solid #D2D7E9;
    text-align: center;
    border-collapse: collapse
}
.choosetoplayright .chatcontent .chat ul .usermsg div table[data-v-004eefe2] {
    border-collapse: collapse;
    padding: 0;
    margin-top: 0.32rem;
    width: calc(3.82rem - 65px);
    border-radius: 2px;
    border: 1px solid #D2D7E9;
    text-align: center;
    position: relative
}
.timeBox[data-v-004eefe2] {
    margin-top: 0.4rem;
    width: 100%
}

.robotmsg p[data-v-004eefe2], .usermsg p[data-v-004eefe2] {
    text-align: center;
    width: .66rem;
    line-height: .25rem;
    height: .25rem;
    font-size: .15rem;
    color: #999999;
    background-color: rgba(188, 188, 188, .44);
    border-radius: .12rem;
    float: right;
    text-align:center;
}

.usermsg p[data-v-004eefe2] {
    float:left;
}
.choosetoplayright .chatcontent .chat ul .robotmsg div table tr[data-v-004eefe2] {
    height: 33px;
}
.choosetoplayright .chatcontent .chat ul .usermsg div table tr[data-v-004eefe2] {
    height: 33px;
    line-height: 33px;
}

table thead tr[data-v-004eefe2] {
    background-color: #D2D7E9;
}

table tbody tr[data-v-004eefe2]:last-child {
    background-color: #D2D7E9;
}
.choosetoplayright .chatcontent .chat ul .usermsg div[data-v-004eefe2] {
    text-align: center
}

table tr[data-v-004eefe2] td {
    color: #998787;
}
table tr[data-v-004eefe2] th {
    color: #612D2D;
}
.headerbg{
    height:100%;
    width:100%;
    /*background:url(../images/active_topbg.png) no-repeat;*/
}
.a_typeobx{
    margin:0 auto;
    width:100%;
    height:.58rem;
    width:12rem;
}
.a_typeobx ul{
    margin-left: .1rem;
}
.a_typeobx ul li{
    float:left;
    width:1.576rem;
    height:.58rem;
    text-align:center;
    border-bottom:.06rem solid #58085D;
    margin-right:.1rem;
    line-height: .55rem;
    background:#FFFFFF;
}
.a_typeobx ul li:first-child{
    margin-left: .09rem;
}

.a_typeobx ul li a{
   display:block;
    height:100%;
    width:100%;
     cursor:pointer;
}
.a_typeobx ul li a div{
    width:.22rem;
    height:.22rem;
    vertical-align: middle;
    display:inline-block;
    margin-top:.02rem;
}
.a_typeobx ul li a p{
    display:inline-block;
    vertical-align: middle;
    color:#58085D;
    height: 100%;
    font-size:.16rem;
}
.a_typeobx ul li:first-child a div{
    background:url("../images/a_Earth.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(2) a div{
    background:url("../images/a_money.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(3) a div{
    background:url("../images/a_tiyu.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(4) a div{
    background:url("../images/a_zr.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(5) a div{
    background:url("../images/a_cp.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(6) a div{
    background:url("../images/a_qp.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(7) a div{
    background:url("../images/a_dz.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li a.active{
    background:#720279;
}
.a_typeobx ul li a.active p{
    color:#FFFFFF;
}
.a_typeobx ul li:hover {
    border-bottom:.06rem solid #58085D;
    transition: all 0.3s ease 0s;
    line-height:.53rem;
}
.a_typeobx ul li:first-child a.active div{
    background:url("../images/a_Earth_active.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(2) a.active div{
    background:url("../images/a_money_active.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(3) a.active div{
    background:url("../images/a_tiyu_active.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(4) a.active div{
    background:url("../images/a_zr_active.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(5) a.active div{
    background:url("../images/a_cp_active.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(6) a.active div{
    background:url("../images/a_qp_active.png") no-repeat;
    background-size: .22rem;
}
.a_typeobx ul li:nth-child(7) a.active div{
    background:url("../images/a_dz_active.png") no-repeat;
    background-size: .22rem;
}
.a_contentbox{
    width:12rem;
    margin:0 auto;
    margin-top:.3rem;
}
.groupbox{
    width:11.6rem;
    height:1.7rem;
     margin:0 auto;
    background: rgb(255, 255, 255);  
    box-shadow: rgb(210 210 210) 0px 0px 10px;
    margin-top:20px;
}
.groupbox:hover{
    box-shadow: rgb(153 153 153) 0px 0px 10px;
    transition: all 0.4s ease 0s;
    transform: scale(1.01);
}
.groupbox .contentitem{
    width:100%;
    height:100%;
    overflow:hidden;
}
.contentitem .item_l{
    float:left;
    width:5.8rem;
}
.item_l img{
    height:1.42rem;
     width:5.21rem;
    margin:.15rem;
}
.contentitem .item_r{
    float:right;
    width:5.8rem;
    height:100%;
}
.item_r .title_l, .item_r .title_r{
    margin-top:.15rem;
    width:48%;
    display:inline-block;
}
.title_l p:first-child{
    color:#AE539F;
    font-size:.16rem;
    font-weight:900;
    letter-spacing:1px;
}
.title_l p:nth-child(2){
    color:#000000;
    font-size:.14rem;
    margin: .06rem 0;
     font-weight:900;
      letter-spacing:1px;
}
.title_r{
    text-align:right;
}
.title_r div{
    margin-bottom: .05rem;
    width:100%;
    text-align:right;
}
.title_r div p{
    text-align:center;
    display:inline-block;
    font-size:.14rem;
    color:#FFFFFF;
    padding:.01rem .08rem;
    /*width:.9rem;*/
    font-weight:900;
    border-radius:2px;
}
.title_r div .tydj{
    background:#58085D;
}
.title_r div .qp{
    background:#00AEEF;
}
.title_r div .zr{
    background:#31AEA4;
}
.title_r div .dzyx{
    background:#C03E41;
}
.title_r div .ctk{
    background:#D96E26;
}
.title_r div .cp{
    background:#0950AC;
}
.title_r span{
    font-size:.14rem;
    color:#000000
}
.item_r .line{
    width: 100%;
    height: .01rem;
    background: #000000;
    opacity: 0.1;
}

.item_r .content{
    margin-top:.08rem;
    color:#AEADAD;
    font-size:.14rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.activePop .maskLayer{
    position: fixed;
    inset: 0px;
    background-color: rgba(1, 1, 1, 0.5);
    z-index: 999;
}
.layerContent{
    position: fixed;
    inset: auto 0px 0px;
    background: #FFFFFF;
    overflow: auto;
    border-radius: 4px;
    outline: none;
    padding: 0px;
    margin: auto;
    height: calc(100vh - .9rem);
    width: 1000px;
    z-index: 1000;
    opacity: 1;
    transition: opacity .3s;
}

.layerContent::-webkit-scrollbar{
    width:.12rem;
    height:.1rem;
}
.layerContent::-webkit-scrollbar-thumb{
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
    background:rgba(0,0,0,0.1);
}
.layerContent::-webkit-scrollbar-track{
    border-radius:0;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
    background:rgba(0,0,0,0.05);
}
.contentBody .body{
    position: relative;
    top: 0px;
    left: 50%;
    transform: translate(-50%);
    /*width: 10rem;*/
    padding: .5rem;
    /*background: #f6f6f6;*/
    z-index: 1000;
    overflow: auto;
}
.body .detail{
    width: 750px;
    margin: 20px auto 0px;
    text-align: left;
    display: block;
}
.contentBottom{
    height:.5rem;
    width:100%;
    text-align:center;
}
.contentBottom button{
    color:#000000;
    border:1px solid blue;
}
.contentBottom button:hover{
    background: linear-gradient(to top, rgb(255, 255, 255), rgb(233, 233, 233));
}
.detailInfo .InfoTitles,.detailInfo .infoTime{
    margin-top: .15rem;
    width: 48%;
    display: inline-block;
}
.InfoTitles p:first-child {
    color: #AE539F;
    font-size: .16rem;
    letter-spacing:1px;
    font-weight:900;
}
.InfoTitles p:nth-child(2) {
    color: #000000;
    font-size: .14rem;
    margin: .06rem 0;
    letter-spacing:1px;
     font-weight:900;
}
.detailInfo .infoTime div{
    margin-bottom: .05rem;
    width: 100%;
    text-align: right;
}
.detailInfo .infoTime div p{
    text-align: center;
    display: inline-block;
    font-size: .14rem;
    color: #FFFFFF;
    padding: .01rem .08rem;
    /*width: .9rem;*/
    border-radius:2px;
    font-weight:900;
}
.detailInfo .infoTime div .tydj {
    background: #58085D;
}
.detailInfo .infoTime div span{
    font-size: .14rem;
    color: #000000;
    display:block;
    margin-top: 0.06rem;
}
.detailInfo .line{
    width: 100%;
    height: .01rem;
    background: #000000;
    opacity: 0.1;
}
.detail_content p:first-child{
   margin-top:.2rem;
}
.detail_content p{
    font-size:.13rem;
    color: rgb(34, 34, 34);
    line-height: .24rem;
    white-space: pre-wrap;
}
.contentBottom button{
    
    display: inline-block;
    cursor: pointer;
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 4px;
    margin: 0px 5px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    background: linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));
    
}
.contentBottom button i{
    width:20px;
    height:20px;
    background:url(../images/pc_active_prop_close.png) no-repeat;
    display:inline-block;
    background-size: 100% 100%;
    vertical-align: middle;
    margin:-1px 1px 1px 1px;
}
.hot_tiimg .img_l{
    position:relative;
}
.hot_tiimg .img_l,.hot_tiimg .img_r{
    width:50%;
    float:left;
    height:100%;
}
.hot_tiimg .img_r{
    padding-left: .1rem;
}
.img_l img{
    border-radius:.04rem;
}
.img_r p{
    color:#E4D6C3;
    font-size:.14rem;
}
.img_r p:first-child{
    margin-top:.15rem;
}
.indexdbox{
    height:.2rem;
    width:100%;
    padding-top:.05rem;
   
}
.indexdbox ul{
    overflow:hidden;
}
.indexdbox ul li {
    float:left;
   
    margin: 0 .05rem;
}
.indexdbox ul  .indexd_apple{
    background:url("../images/indexd_apple.png") no-repeat;
    background-size: 100% 100%;
     width:.17rem;
    height:.2rem;
}
.indexdbox ul  .indexd_android{
    background:url("../images/indexd_android.png") no-repeat;
    background-size: 100% 100%;
     width:.17rem;
    height:.2rem;
}
.indexdbox ul  .indexd_phone{
    background:url("../images/indexd_phone.png") no-repeat;
    background-size: 100% 100%;
     width:.15rem;
    height:.21rem;
}
.img_l_img{
    position: absolute;
    width: .96rem;
    height: .96rem;
    margin-left: .2rem;
    margin-top:.12rem
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
    .hot_play dl{
        width:2.8rem;
    }
    .tibox .hot_time span{
        width:1rem;
         height:.32rem;
        line-height:.32rem;
    }
    .hot_time span{
        height:.32rem;
        line-height:.32rem;
    }
    .san_play div img{
        width:2.3rem;
    }
    .three_tit span{
        font-size:.12rem;
    }
    .hot_tiimg img{
        height:100%;
    }
    .hot_tiimg .img_l_img{
        width:.9rem;
        height:.9rem;
        margin-top:.16rem;
    }
    .hot_tiimg{
        height:1.16rem;
        overflow:hidden;
    }
    .jia_box li div.jiaimg img{
        width:.36rem;
        height:.36rem;
    }
    .jianame p:first-child{
        padding-top:.08rem;
        font-size:.16rem;
    }
    /*.re_img img{
        height:.89rem;
    }*/
    /*.tibox li{
        padding:14.5px 15px;
    }*/
    .logo img{
        width:1.8rem;
    }
     .headbox div.logo{
         margin-right:0;
     }
     .headbox div.ag_btn{
         padding-bottom:.1rem;
     }
}
.caidan .wh1200 .lottery li:hover{
    background: linear-gradient(to right,#9097d1 0%,#d35656 100%);
    position:relative;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.caidan .wh1200 .lottery li:hover .bglock{
    background:none;
}
.caidan .wh1200 .lottery li:hover .lot_tit{
    color:#FFFFFF;
}
.caidan .wh1200 .lottery li:hover .lot_tit p:first-child{
     color:#FFFFFF;
}
.caidan .wh1200 .lottery li:hover .lot_tit p{
    color:#FFFFFF;
}
.lottery li .nums{
    width:140px;
    text-align:center;
}
.lottery li:first-child .nums i{
    width: 50px;
    height: 50px;
    background-size:100% 100%;
    background: url("../images/index_sort.png")no-repeat;
    background-position: -5px -466px;
    display: inline-block;
    vertical-align: middle;
}
.lottery li:nth-child(2) .nums i{
    width: 50px;
    height: 50px;
    background-size:100% 100%;
    background: url("../images/index_sort.png")no-repeat;
    background-position: -112px -466px;
    display: inline-block;
    vertical-align: middle;
}
.lottery li:nth-child(3) .nums i{
    width: 50px;
    height: 50px;
    background-size:100% 100%;
    background: url("../images/index_sort.png")no-repeat;
    background-position: -224px -466px;
    display: inline-block;
    vertical-align: middle;
}
.lottery li:nth-child(4) .nums i{
    width: 50px;
    height: 50px;
    background-size:100% 100%;
    background: url("../images/index_sort.png")no-repeat;
    background-position: -335px -466px;
    display: inline-block;
    vertical-align: middle;
}
.lottery li:nth-child(5) .nums i{
    width: 50px;
    height: 50px;
    background-size:100% 100%;
    background: url("../images/index_sort.png")no-repeat;
    background-position: -447px -466px;
    display: inline-block;
    vertical-align: middle;
}

.lottery li .bglock{
    width:1150px;
    display: flex;
    padding: 16px 0;
     background-color: rgba(230, 230, 231, .95);
     border-radius:5px;
}
.caidan .lottery .lot_cont a:hover{
    background: #fff;
    color: #d35656;
}
/* dialog*/
body .bet_right{
    height:7.18rem;
}
body .choosetoplay[data-v-0d24f438]{
    height:7.13rem;
}
.activity_box .activity_left ul li.active::after{
    display:none;
}

body .activity_box{
    top:0;
    height: 7.27rem;
}
.act_liebiao .user_box{
    max-height:none;
}
.bang_left{
    height:3rem;
}
.user_box{
    height:6.68rem;
}
/*弹窗切换闪动*/
body{opacity: 0; transition: opacity 0.2s}body.active{opacity: 1}
.san_play div{
    cursor:pointer;
}
.show_div .ag_box .ag_btn span:hover{
    box-shadow: 0 4px 16px rgb(245 245 245 / 50%);
}
.hot_time span:hover{
     box-shadow: 0 4px 16px #C6B077;
}
.san_play div:hover{
    transform: scale(1.08);
    transition: all 0.4s ease 0s;
}
dd .re_img>img:hover{
    transform: scale(1.04);
    transition: all 0.4s ease 0s;
}


.alertloginMask{
    position:fixed;
    top:0;
    left:0;
    background: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index:999;
    display:none;
}
.alertLoginbox{
     position:fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:1000;
     display:none;
}
.aLoginbox{
     width: 100%;
    height: 100%;
    position:relative;
    
}
.alogin{
    height:6.02rem;
    width:7.14rem;
    background:url(../images/aloginbg.png) no-repeat;
    background-size:100% 100%;
     position:absolute;
    left:50%;
     margin-left: -3.57rem;
    top:50%;
    transform: translateY(-50%);
    
}
.alogin-closebox{
    height:.46rem;
    width:7.14rem;
    text-align:right;
}
.alogin-closebox span{
    height:.18rem;
    width:.18rem;
    display:inline-block;
    margin-top:.24rem;
    margin-right:.22rem;
}
.alogin-closebox span img{
    height:100%;
    width:100%;
}
.alogin-logobox{
    margin-top:.52rem;
     width:7.14rem;
     height:.55rem;
     text-align:center;
}
.alogin-logobox .logobox{
    width:2.58rem;
    height:.55rem;
    margin:0 auto;
}
.alogin-logobox .logobox img{
    height:100%;
    width:100%;
}
.alogin-inputs{
    margin-top:.61rem;
    height:1.3rem;
    width:100%;
   
}
.alogin-inputs .accountbox{
    height:.54rem;
    width:3.57rem;
    margin:0 auto;
    background:#ECECF6;
    border-radius: .27rem;
    
}
.accountbox .inputbox{
    height:.54rem;
    width:3.57rem;
    position:relative;
}
.accountbox .inputbox .account{
    height:.54rem;
    width:3.57rem;
    background:transparent !important;
    border-radius: .27rem;
    padding-left:.6rem;
    color:#A51117;
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 300;

}
.accountbox .iconbox{
    position:absolute;
    top:0;
    left:0;
    height:.42rem;
    width:.42rem;
}
.accountbox .iconbox img{
    height:.31rem;
    height:.31rem;
    margin-left:.12rem;
    margin-top:.11rem;
}
.accountbox .inputbox .account::-webkit-input-placeholder{
    color:#A51117;
}
.accountbox .inputbox .account::-moz-placeholder{
    color:#A51117;
}
.accountbox .inputbox .account:-moz-placeholder{
    color:#A51117;
}
.accountbox .inputbox .account:-ms-input-placeholder{
    color:#A51117;
}

.alogin-inputs .passwordbox{
    height:.54rem;
    width:3.57rem;
    margin:0 auto;
    background:#ECECF6;
    border-radius: .27rem;
    margin-top:.21rem;
}
.passwordbox .inputs{
    height:.54rem;
    width:3.57rem;
    position:relative;
}
.passwordbox .inputs input{
        border-radius: .27rem;
    padding-left:.6rem;
    height:.54rem;
    width:3.57rem;
     background:#ECECF6;
     color:#A51117;
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
}
.passwordbox .iconbox{
    position:absolute;
    top:0;
    left:0;
    height:.42rem;
    width:.42rem;
}
.passwordbox .iconbox img{
     height:.31rem;
    height:.31rem;
    margin-left:.12rem;
    margin-top:.11rem;
}
.passwordbox .eyebox{
     position:absolute;
    top:0;
    right:0;
    width:.5rem;
     height:.54rem;
     padding: 0 .1rem;
}
.passwordbox .eyebox .pweye{
    height: .2rem;
    width: 100%;
    margin-top: .18rem;
    margin-right: .1rem;
}
.passwordbox .eyebox .pwnoeye{
    height: .18rem;
    width: 100%;
    margin-top: .18rem;
    margin-right: .1rem;
}

.passwordbox .inputs input::-webkit-input-placeholder{
    color:#A51117;
}
.passwordbox .inputs input::-moz-placeholder{
    color:#A51117;
}
.passwordbox .inputs input:-moz-placeholder{
    color:#A51117;
}
.passwordbox .inputs input:-ms-input-placeholder{
    color:#A51117;
}

.alogin-ahrefbox{
    height:.26rem;
    width: 3.57rem;
    display:flex;
    margin:0 auto;
    margin-top:.21rem;
}
.alogin-ahrefbox .alogin-jizhubox{
    width:50%;
    text-align:left;
    position: relative;
}
.alogin-jizhubox input{
   display:inline-block !important;
   height:.17rem;
   width:.17rem;
   position:absolute;
   top: .068rem;
   left:0;
}
.alogin-jizhubox input+ .layui-form-checkbox{
    display:none;
}
.alogin-ahrefbox .alogin-hrefbox{
    width:50%;
    text-align: right;
    color: #A51117;
}
.alogin-hrefbox .hrefbox{
    width:100%;
    display:flex;
    height:.26rem;
    
}
.hrefbox div:first-child{
    width:70%;
    text-align:right;
        padding-right: .06rem;
}
.hrefbox div:nth-child(3){
     width:20%;
     text-align:right;
}
.alogin-jizhubox label{
    margin-left:.2rem;
    color:#5C5A72;
    font-size: .16rem;
font-family: Source Han Sans CN;
font-weight: 300;
}
.hrefbox div{
    display:inline-block;
    
}
.hrefbox .fenge{
       width: .02rem;
    height: 80%;
    background: #A51117;
    
    margin-top: 2%;
}
.hrefbox div a{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #A51117;
    line-height:.26rem;
}

.alogin-btnbox{
    height:.54rem;
    width:3.57rem;
    margin:0 auto;
    margin-top:.36rem;
}
.alogin-btnbox span{
    height:.54rem;
    width:3.57rem;
    margin:0 auto;
    background: linear-gradient(90deg, #9295CC 0%, #CF5A5E 100%);
    border-radius: .27rem;
    border:none;
    color:#FFFFFF;
    font-size: .17rem;
    cursor:pointer;
        display: block;
    text-align: center;
    line-height: .54rem;
}
.alogin-infobox{
    height:.16rem;
    width:100%;
    text-align:center;
    margin-top:.23rem;
}
.alogin-infobox p{
     font-size: .16rem;
}
.alogin-infobox a{
    color:#A51117;
    font-size: .16rem;
}
#dvForget .bg{
    opacity: 0.8;
    background-color: rgba(0, 0, 0, .8);
}
.live{
    height:100vh;
    overflow:auto;
    position:absolute;
    left:0;
    top:0;
    right:-.17rem;
    overflow-x: hidden;
}
.live-top{
    height:3.9rem;
    width:100%;
}
.live-top img{
    width:100%;
    height:100%;
}
.live-centerbox{
    padding-left:.4rem;
    padding-right:.4rem;
}
.live-centerbox .live-typebox{
    height:.70rem;
    width:100%;
    overflow:hidden;
}
.live-typebox button{
    float:left;
    height:.42rem;
    width:1.24rem;
    border-radius:.21rem;
    margin-top:.28rem;
    border:none;
    background: linear-gradient(0deg, #F6F9FE 0%, #FFE2E2 100%);
    font-size:.16rem;
    color:#AFB5C7;
     margin-right:.24rem;
}
.live-typebox button:hover{
    cursor:pointer;
}

.live-typebox button.active{
    background: linear-gradient(90deg, #988FC2, #D0595B);
    color:#FFFFFF;
}
.live-gamebox{
    height:1rem;
    width:100%;
}
.live-gamebox .live-ganmetypebox,.live-gamebox .live-ganmeserachbox{
    width:49.8%;
    height:100%;
    display:inline-block;
}
.live-ganmetypebox{
    /*padding-left:.4rem;*/
    padding-top:.37rem;
    overflow:hidden;
}
.live-ganmetypebox div{
    float:left;
    height:.6rem;
    cursor:pointer;
}
.live-ganmetypebox div span{
    height:.17rem;
    width:.68rem;
    color:#82909B;
    font-size:.17rem;
    margin-right:.5rem;
    position:relative;
   
}
.live-ganmetypebox div i{
    height:.04rem;
    width:.42rem;
    background:#C96068;
    border-radius:.02rem;
    margin-left:.12rem;
    margin-top:.24rem;
    position:absolute;
    top:.2rem;
    left:0;
     display:none;
}
.live-ganmetypebox .active span{
    color:#475A6C;
    display:block;
}
.live-ganmetypebox .active i{
    display:block;
}
.live-ganmeserachbox{
    text-align:right;
    overflow:hidden;
    padding-top:.28rem;
}
.live-ganmeserachbox .serachbox{
    width:3.07rem;
    height:.42rem;
    float:right;
    border:1px solid #E2EBF4;
    overflow:hidden;
    border-radius:.2rem;
}
.live-ganmeserachbox .serachbox input{
     height:.42rem;
     width:2.6rem;
     padding-left:.21rem;
     float:left;
     line-height:.42rem;
}

.live-ganmeserachbox .serachbox button{
    width:.4rem;
    height:.42rem;
    float:right;
    background:url(../images/live_serach.png) no-repeat;
    background-size:.19rem;
    border:none;
    background-position-y:.126rem;
    background-position-x:.06rem;
}
.live-ganmeserachbox .serachbox button:hover{
    cursor:pointer;
}
.live-gamesbox{
    text-align:left;
    padding-top:.2rem;
    padding-bottom:.2rem;
}
.live-gamesbox .item{
    width:19.6%;
    height:1.7rem;
    display:inline-block;
}
.live-gamesbox .item:nth-child(5) ~div{
    margin-top:.1rem;
}
.live-gamesbox .item .itembox:hover{
    transform: scale(1.08);
    transition: all 0.4s ease 0s;
    cursor:pointer;
}
.live-gamesbox .item .itembox a{
    height:100%;
    width:100%;
}
.live-gamesbox .item .itembox a img{
    height:100%;
    width:100%
}
.itembox{
    width:2.1rem;
    height:1.7rem;
}