.top_box {
    display: flex;
    flex-wrap: wrap; /* 允许项目换行 */
    /*justify-content: space-around; !* 调整项目间的间距 *!*/
    margin: 1.5vw auto;
    width: 64vw;
}

.item_box {
    border-radius: 1.2vw;
    transition-duration: 0.15s;
    display: block;
    position: relative;
    flex-direction: column;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 15vw;
    height: 8vw;
    margin: 0.5vw;
    cursor: pointer;
    /*flex: 1 1 200px; !* 设置基础宽度 *!*/
}
.item_box.w2 {
    width: 31vw !important;
}
.item_box.h2 {
    height: 17vw !important;
}
.img_float {
    object-fit: contain;
    width: 5vw;
    height: 4.33vw;
    /*margin: 10.32vw 0 2.39vw 7.65vw;*/
    transition-duration: 0.15s;
    user-select: none;
    position: absolute;
    right: 1vw;
    bottom: 0.5vw;
}



.item_box:hover .img_float{
    bottom: 1.5vw;
    transition-duration: 0.3s;
}
.item_box:hover{
    box-shadow: 0px 0px 12px 3px #cde6ff;
    transition-duration: 0.3s;
}
.btext {
    margin-left: 7vw;

    line-height: 6vw;
    width: 5vw;
    height: 1.72vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25vw;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    user-select: none;
}




.item_box2 {
    border-radius: 1vw;
    transition-duration: 0.15s;
    display: block;
    position: relative;
    flex-direction: column;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 15vw;
    height: 6.31vw;
    margin: 0.5vw;
    float: left;
    cursor: pointer;
    /*flex: 1 1 200px; !* 设置基础宽度 *!*/
}
.item_box2.w2 {
    width: 31vw !important;
}
.item_box2.h2 {
    height: 17vw !important;
}
.item_box2:hover{
    box-shadow: 0px 0px 12px 3px #cde6ff;
    transition-duration: 0.3s;
}