.content {
    width: 100%;
}

.bannerImg {
    width: 100%;
    height: 20vw;
    object-fit: cover;
    object-position: center;
}

.contentBox {
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 6vw 0;
}

.contentLeft {
    width: 10.42vw;
}

.contentLeft .leftTitleBox {
    width: 100%;
    padding: 1.7vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #67A3FD;
}

.contentLeft .leftTitleBox .leftTitleText {
    color: rgba(255, 255, 255, 1);
    font-size: 1.56vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
}

.contentLeft .leftTitleBox .leftTitleLine {
    width: 2.61vw;
    height: 0.06vw;
    margin: 0.8vw 0;
    background-color: #fff;
}

.contentLeft .leftListBox {
    width: 100%;
}

.contentLeft .leftListBox .list {
    width: 100%;
    height: 4.1vw;
    color: #333333;
    font-size: 0.93vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    background-color: #F3F7FD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px 0;
    cursor: pointer;
}

.contentLeft .leftListBox .listAction {
    background-color: #1A66FF !important;
    color: #fff !important;
}

.contentRight {
    width: 49vw;
    margin-left: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contentRight .rightTitle {
    color: rgba(51, 51, 51, 1);
    font-size: 1.87vw;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
}

.contentRight .rightSearchBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3vw;
    overflow: hidden;
    margin-top: 3vw;
}

.contentRight .rightSearchBox .inputBox {
    height: 3vw;
    width: 43.55vw;
    font-size: 0.83vw;
    font-family: PingFang-SC-Regular;
    font-weight: normal;
    padding: 1.1vw;
    background-color: #F9F9F9;
}

.contentRight .rightSearchBox .btn {
    height: 3vw;
    width: 5.42vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.83vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: #fff;
    background-color: #1A66FF;
    cursor: pointer;
}

.contentRight .rightListBox {
    width: 100%;
    margin-top: 1vw;
}

.contentRight .rightListBox .list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2vw 0;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
}

.contentRight .rightListBox .list .title {
    width: 80%;
    color: rgba(51, 51, 51, 1);
    font-size: 0.93vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contentRight .rightListBox .list .time {
    color: rgba(111, 111, 111, 1);
    font-size: 0.93vw;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
}

.contentRight .pageBox {
    margin-top: 3vw;
}


.contentRight .top::before {
    content: '\3010\7f6e\9876\3011';
    display: inline-block;
    color: #1060A7;
    margin-left: -8px;
}

@media (max-width: 768px) {
    .contentLeft {
        width: 25vw;
    }

    .contentLeft .leftTitleBox .leftTitleText {
        color: rgba(255, 255, 255, 1);
        font-size: 4vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
    }

    .contentLeft .leftTitleBox .leftTitleLine {
        width: 5vw;
        height: 0.06vw;
        margin: 0.8vw 0;
        background-color: #fff;
    }

    .contentLeft .leftListBox .list {
        width: 100%;
        height: 12vw;
        color: #333333;
        font-size: 3vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        background-color: #F3F7FD;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1px 0;
        cursor: pointer;
    }

    .contentRight {
        width: 65vw;
        margin-left: 4vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bannerImg {
        margin: 5em 0 0 0;
    }

    .contentRight .rightTitle {
        color: rgba(51, 51, 51, 1);
        font-size: 5.5vw;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }

    .contentRight .rightSearchBox .inputBox {
        height: 6vw;
        width: 50vw;
        font-size: 2.4vw;
        font-family: PingFang-SC-Regular;
        font-weight: normal;
        padding: 1.1vw;
        background-color: #F9F9F9;
    }

    .contentRight .rightSearchBox .btn {
        height: 6vw;
        width: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.4vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color: #fff;
        background-color: #1A66FF;
        cursor: pointer;
    }

    .contentRight .rightListBox {
        width: 100%;
        margin-top: 2vw;
    }

    .contentRight .rightListBox .list .title {
        width: 70%;
        color: rgba(51, 51, 51, 1);
        font-size: 2.8vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .contentRight .rightListBox .list .time {
        color: rgba(111, 111, 111, 1);
        font-size: 2.7vw;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
    }
}