.mian[data-v-7c8bbbf4] {
    padding-bottom: 1.86667rem;
    background-color: #22275B
}

.mian .head-right[data-v-7c8bbbf4] {
    border-radius: .26667rem;
    background: rgba(120, 11, 14, .24)
}

.mian .promotion[data-v-7c8bbbf4] {
    background-color: #22275B;
    padding-top: 1.06667rem;
    padding-bottom: .53333rem
}

.mian .promotion .tab[data-v-7c8bbbf4] {
    background-color: #22275B;
    height: 1.06667rem;
    line-height: 1.06667rem;
    overflow: hidden;
    position: fixed;
    z-index: 999;
    top: 1.33333rem;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    max-width: 10rem
}

.mian .promotion .tab ul li[data-v-7c8bbbf4] {
    width: 25%;
    text-align: center;
    font-size: .4rem;
    color: #61a9ff
}

.mian .promotion .tab ul li.action[data-v-7c8bbbf4] {
    color: #fff
}

.mian .promotion .tit[data-v-7c8bbbf4] {
    background: #374992;
    ;
    padding: 0 .4rem;
    height: .90667rem;
    line-height: .90667rem;
    color: #ACAFC2
}

.mian .promotion .tit .btn[data-v-7c8bbbf4] {
    padding: 0 .21333rem;
    margin-top: .10667rem;
    background: #e42622;
    box-shadow: 0 .10667rem .53333rem .05333rem rgba(228, 38, 34, .25);
    border-radius: .21333rem;
    height: .69333rem;
    color: #fff
}

.mian .promotion .info[data-v-7c8bbbf4] {
    padding: .26667rem .4rem;
    color: #fff;
    text-align: center;
    background-color: linear-gradient(90deg, #2AAAF3 0%, #2979F2 100%);
    background-image: url(../../index_files/promotionbg.png),linear-gradient(90deg, #2AAAF3 0%, #2979F2 100%);
    background-repeat: no-repeat;
    background-size: cover;
    height: 6.3242rem;
}

.mian .promotion .info-data .left[data-v-7c8bbbf4] {
    text-align: center;
    width: 50%;
    background: #2B3270;
    border-top-left-radius: .26667rem;
    border-bottom-left-radius: .26667rem;
    border-right: .01333rem solid #22275B;
}
.mian .promotion .info-data .left .head {
    height: 1.06667rem;
    line-height: 1.06667rem;
    background-color: #374992;
    border-top-left-radius: .26667rem;
    color: #fff;
    font-weight: 600;
    font-size: .34667rem;
    padding-left: 1.01333rem;
    background-image: url(/images/logo.png);
    background-size: .64rem;
    margin-bottom: .2rem;
    background-repeat: no-repeat;
    background-position: .26667rem center;
    position: relative
}


.mian .promotion .info-data .left .all[data-v-7c8bbbf4] {
    font-size: .4rem
}

.mian .promotion .info-data .left .num[data-v-7c8bbbf4] {
    font-size: .33333rem;
    padding: .13333rem 0;
    color: #fff;
    font-weight: 550
}

.mian .promotion .info-data .left .txt[data-v-7c8bbbf4] {
    color: #fff;
    font-size: .297333rem;
    line-height: .53333rem
}

.mian .promotion .info-data .right[data-v-7c8bbbf4] {
    width: 50%;
    background: #2B3270;
    border-top-right-radius: .26667rem;
    border-bottom-right-radius: .26667rem;
    border-left: .01333rem solid #22275B;
}
.mian .promotion .info-data .right .head {
    height: 1.06667rem;
    line-height: 1.06667rem;
    background-color: #374992;
    color: #fff;
    font-weight: 600;
    font-size: .34667rem;
    border-top-right-radius: .26667rem;
    padding-left: 1.01333rem;
    background-image: url(/images/logo.png);
    background-size: .64rem;
    margin-bottom: .2rem;
    background-repeat: no-repeat;
    background-position: .26667rem center;
    position: relative
}
.mian .promotion .info-data .right .txt[data-v-7c8bbbf4] {
    color: #fff;
    font-size: .297333rem;
    line-height: .53333rem
}
.mian .promotion .info-data .right .num[data-v-7c8bbbf4] {
    font-size: .33333rem;
    padding: .13333rem 0;
    color: #fff;
    font-weight: 550
}
.mian .promotion .info-data .right .txt .num[data-v-7c8bbbf4] {
    color: #f3c300;
    letter-spacing: 0;
    font-weight: 600
}

.mian .promotion .info-img .img[data-v-7c8bbbf4] {
    width: 40%
}

.mian .promotion .info-img .img-box[data-v-7c8bbbf4],
.mian .promotion .info-img .img[data-v-7c8bbbf4] img {
    width: 100%
}

.mian .promotion .info-img .btn-list[data-v-7c8bbbf4] {
    width: 50%
}

.mian .promotion .info-img .btn-list .btn-box[data-v-7c8bbbf4] {
    width: 100%
}

.mian .promotion .info-img .btn-list .btn[data-v-7c8bbbf4] {
    height: 1.06667rem;
    background: linear-gradient(90deg, #2AAAF3 0%, #2979F2 100%);
    font-size: .4rem;
    font-weight: 700;
    letter-spacing: .01333rem;
    border: none;
    border-radius: 99rem;
    color: #fff
}

.mian .promotion .table[data-v-7c8bbbf4] {
    margin: .4rem .4rem 0;
    background: #fff;
    box-shadow: 0 .13333rem .29333rem .02667rem rgba(0, 0, 0, .12);
    border-radius: .10667rem;
    overflow-y: auto
}

.mian .promotion .table .box[data-v-7c8bbbf4] {
    min-width: 10.66667rem
}

.mian .promotion .table .box .fw[data-v-7c8bbbf4] {
    font-weight: 600
}

.mian .promotion .table .hd[data-v-7c8bbbf4] {
    background: #2B3270;
    /*border-radius:.10667rem;*/
    height: .93333rem;
    line-height: .93333rem
}

.mian .promotion .table .hd.dl[data-v-7c8bbbf4] {
    height: 1.06667rem;
    line-height: .53333rem
}

.mian .promotion .table .hd .txt[data-v-7c8bbbf4] {
    font-size: .32rem
}

.mian .promotion .table .bd[data-v-7c8bbbf4] {
    background: #374992;
    height: .93333rem;
    line-height: .93333rem
}

.mian .promotion .team[data-v-7c8bbbf4] {
    padding: 0 .4rem;
    margin-top: .4rem;
    color: #333;
    font-size: .37333rem;
    line-height: .66667rem;
    position: relative
}

.mian .promotion .team .xin[data-v-7c8bbbf4] {
    position: absolute;
    top: .13333rem;
    left: .4rem;
    font-size: .8rem;
    color: #e42622
}

.mian .promotion .team .txt[data-v-7c8bbbf4] {
    text-indent: 1em
}

.mian .promotion .vip[data-v-7c8bbbf4] {
    padding: 0 .53333rem;
    border: .05333rem solid #e42622;
    border-radius: .74667rem;
    height: 1.06667rem
}

.mian .promotion .award[data-v-7c8bbbf4] {
    padding: .26667rem .4rem
}

.mian .promotion .award .txt[data-v-7c8bbbf4] {
    line-height: .66667rem;
    margin-bottom: .13333rem
}

.mian .picker[data-v-7c8bbbf4] {
    padding: .53333rem 0 .4rem
}

.mian .picker .item[data-v-7c8bbbf4] {
    flex: 0 1 33.5%;
    height: 1.06667rem;
    line-height: 1.06667rem;
    border: .02667rem solid #eee;
    margin-bottom: -.02667rem;
    margin-right: -.02667rem;
    text-align: center
}

.list[data-v-21f3500a] {
    /* margin-top: 2.83333rem; */
    box-shadow: 0 0 .8rem 0 rgba(58, 58, 58, .07);
    /* border-radius: 0.26667rem; */
    margin:3.2333rem 0.4rem 0.33333rem 0.4rem
}

.list .item[data-v-21f3500a] {
    padding: .37333rem .26667rem .37333rem .37333rem;
    border-radius: .26667rem;
    background: #2B3270;
    height: 1.33333rem;
    line-height: 1.33333rem;
    font-size: .4rem;
    color: #fff;
    margin-bottom: .1rem
}

.list .item .img{
    display: block;
    width: .64rem;
    height: .66667rem
}

.list .item .img.mobile[data-v-21f3500a] {
    height: .64rem;
    width: .48rem;
    margin-left: .05333rem;
    margin-right: .10667rem
}

.list .item .icon[data-v-21f3500a] {
    height: .8rem;
    width: .8rem;
    background-color: #f5f3fb;
    border-radius: .8rem
}

.list .item .name[data-v-21f3500a] {
    font-size: .37333rem;
    padding-left: .26667rem
}

.list .item[data-v-21f3500a]:last-child {
    border-bottom: none
}