@media screen and (min-width: 750px) {
    [data-v-2e842f02]::-webkit-scrollbar {
        -webkit-appearance: none
    }

    [data-v-2e842f02]::-webkit-scrollbar:vertical {
        width: .04167rem
    }

    [data-v-2e842f02]::-webkit-scrollbar:horizontal {
        height: .0625rem
    }

    [data-v-2e842f02]::-webkit-scrollbar-thumb {
        background-color: #000c;
        border-radius: .05208rem
    }

    .ContentPage[data-v-2e842f02] {
        width: 100%;
        background-image: url(../images/21.fd1b3be3.jpg);
        background-size: cover;
        background-position: center;
        height: 100%;
        position: relative;
        overflow: hidden
    }

    .ContentPage .logoBox[data-v-2e842f02],
    .ContentPage .mHeader[data-v-2e842f02],
    .ContentPage .mBottom[data-v-2e842f02] {
        display: none
    }

    .ContentPage .con[data-v-2e842f02] {
        width: 6.25rem;
        height: 80vh;
        overflow-y: auto;
        margin: .52083rem auto 0;
        border-radius: .05208rem;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .15625rem
    }

    .ContentPage .con .title[data-v-2e842f02] {
        font-size: .15625rem;
        font-weight: 600;
        text-align: center
    }

    .ContentPage .con .time[data-v-2e842f02] {
        font-size: .08333rem;
        line-height: .26042rem;
        color: #666;
        text-align: center
    }

    .ContentPage .con hr[data-v-2e842f02] {
        margin: 0 auto .15625rem
    }

    .ContentPage .con .msg[data-v-2e842f02] {
        font-size: .09375rem;
        line-height: .16667rem;
        color: #333
    }

    .ContentPage .con .msg[data-v-2e842f02] p {
        text-indent: 2em
    }

    .ContentPage .con .msg[data-v-2e842f02] p img,
    .ContentPage .con .msg[data-v-2e842f02] p video {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto
    }

    .ContentPage .con .back[data-v-2e842f02] {
        cursor: pointer;
        width: 1.5625rem;
        margin: .18229rem auto
    }
}

@media screen and (max-width: 750px) {
    .ContentPage[data-v-2e842f02] {
        width: 100%;
        /* background: url(./mBottom.jpg) no-repeat bottom center #fff; */
        background-size: 100% auto;
        position: relative;
        padding-bottom: 5rem
    }

    .ContentPage .logoBox[data-v-2e842f02] {
        width: 2.60417rem;
        position: absolute;
        display: block;
        top: 2vh;
        right: .52083rem;
        z-index: 200000000
    }

    .ContentPage .logoBox img[data-v-2e842f02] {
        width: 100%;
        display: block
    }

    .ContentPage .con[data-v-2e842f02] {
        width: 100%;
        padding: .2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ContentPage .con .title[data-v-2e842f02] {
        font-size: .45rem;
        text-align: center;
        font-weight: 600;
        line-height: 1.5rem
    }

    .ContentPage .con .time[data-v-2e842f02] {
        font-size: .35rem;
        color: #666;
        text-align: center
    }

    .ContentPage .con hr[data-v-2e842f02] {
        margin: .5rem auto
    }

    .ContentPage .con .msg[data-v-2e842f02] p {
        font-size: .35rem;
        line-height: .6rem;
        text-indent: 2em
    }

    .ContentPage .con .msg[data-v-2e842f02] p img,
    .ContentPage .con .msg[data-v-2e842f02] p video {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto
    }

    .ContentPage .back[data-v-2e842f02] {
        width: 80%;
        margin: .2rem auto
    }

    .ContentPage .mHeader[data-v-2e842f02],
    .ContentPage .mBottom[data-v-2e842f02] {
        width: 100%
    }
}