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

    [data-v-07d722b5]::-webkit-scrollbar {
        width: .03125rem;
        height: .03125rem
    }

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

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

    .conBox[data-v-07d722b5] {
        width: 7rem;
        height: 3.64583rem;
        overflow: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .conBox .conItem[data-v-07d722b5] {
        width: 3.22917rem;
        margin-right: .18229rem;
        background-color: #08234b;
        margin-bottom: .18229rem;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .conBox .conItem[data-v-07d722b5]:nth-of-type(2n) {
        margin-right: 0
    }

    .conBox .conItem img[data-v-07d722b5] {
        width: 1.35417rem;
        height: .96354rem;
        -o-object-fit: cover;
        object-fit: cover;
        display: block
    }

    .conBox .conItem .msgBox[data-v-07d722b5] {
        width: 1.82292rem;
        /*height: 100%;*/
        padding: .05208rem;
        position: relative
    }

    .conBox .conItem .msgBox .title[data-v-07d722b5] {
        font-size: .08333rem;
        color: #fff;
        margin-bottom: .05208rem
    }

    .conBox .conItem .msgBox img[data-v-07d722b5] {
        width: .45313rem;
        height: auto;
        display: block;
        position: absolute;
        right: .05208rem;
        bottom: .05208rem
    }
}

@media screen and (max-width: 750px) {
    .conBox[data-v-07d722b5] {
        width: 100%
    }

    .conBox .conItem[data-v-07d722b5] {
        width: 90%;
        margin: .5rem auto;
        background-color: #08234b;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .conBox .conItem img[data-v-07d722b5] {
        width: 4rem;
        height: 2.5rem;
        -o-object-fit: cover;
        object-fit: cover;
        display: block
    }

    .conBox .conItem .msgBox[data-v-07d722b5] {
        width: 5rem;
        height: 2.5rem;
        padding: .2rem;
        position: relative
    }

    .conBox .conItem .msgBox .title[data-v-07d722b5] {
        font-size: .35rem;
        color: #fff
    }

    .conBox .conItem .msgBox img[data-v-07d722b5] {
        width: 1.6rem;
        height: auto;
        display: block;
        position: absolute;
        right: .2rem;
        bottom: .2rem
    }
}