@media screen and (min-width: 750px) {
    [data-v-8afb1cd2]::-webkit-scrollbar-thumb {
        background-color: #fff;
        max-height: .26042rem !important;
        border-radius: .01563rem;
        display: block
    }

    [data-v-8afb1cd2]::-webkit-scrollbar {
        width: .03125rem;
        height: .03125rem;
        max-height: .26042rem !important
    }

    [data-v-8afb1cd2]::-webkit-scrollbar-thumb:hover {
        background-color: #fff
    }

    [data-v-8afb1cd2]::-webkit-scrollbar-track-piece {
        background-color: #08244c
    }

    .mConBox[data-v-8afb1cd2] {
        display: none
    }

    .conBox[data-v-8afb1cd2] {
        width: 6.5625rem;
        height: 2.60417rem;
        overflow: auto;
        background-color: #08244c;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: .01042rem solid #09254e
    }

    .conBox video[data-v-8afb1cd2] {
        width: 4.94792rem;
        max-height: 98%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .conBox .conList[data-v-8afb1cd2] {
        width: 1.45833rem;
        height: 2.44792rem;
        margin-left: .07813rem;
        overflow: auto
    }

    .conBox .conList p[data-v-8afb1cd2] {
        font-size: .08333rem;
        line-height: .15625rem;
        padding: .05208rem .02604rem;
        text-align: justify;
        border: .00521rem solid #09254e;
        background-color: #0003;
        color: #bcd4ff;
        margin: .02604rem 0;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .conBox .conList .active[data-v-8afb1cd2], .conBox .conList P[data-v-8afb1cd2]:hover {
        color: #fff;
        font-weight: 600
    }
}

@media screen and (max-width: 750px) {
    .conBox[data-v-8afb1cd2] {
        display: none
    }

    .mConBox[data-v-8afb1cd2] {
        width: 100%
    }

    .mConBox .mConItem[data-v-8afb1cd2] {
        width: 90%;
        margin: 0 auto;
        position: relative;
        margin: .5rem auto
    }

    .mConBox .mConItem video[data-v-8afb1cd2] {
        width: 100%;
        border: .2rem solid #09254e
    }

    .mConBox .mConItem p[data-v-8afb1cd2] {
        font-size: .4rem;
        text-align: center;
        color: #fff;
        line-height: 1rem
    }
}