.list{
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.list>.item{
    width: 92vw;
    height: 38.933333333333vw;
    background: #fff;
    border-radius: 2.1333333333333vw;
    display: flex;
    flex-direction: column;
    margin-bottom: 4vw;
}
.list>.item:last-child{
    /* margin-bottom: 0; */
}
.list>.item>.item_top{
    width: 100%;
    height: 22.933333333333vw;
    display: flex;
}
.list>.item>.item_top>.img{
    width: 26.666666666667vw;
    height: 14.933333333333vw;
    margin: 4vw 0 0 4vw;
    overflow: hidden;
    border-radius: 1.0666666666667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(216, 216, 216, 1);
}
.list>.item>.item_top>.img>img{
    display: block;
    /* width: 100%; */
    overflow: hidden;
}
.list>.item>.item_top>.right{
    flex: 1;
    margin-left: 4vw;
    padding-right: 4vw;
}
.list>.item>.item_top>.right>.title{
    font-size: 4.2666666666667vw;
    overflow: hidden;
    margin-top: 4vw;
    font-weight: bold;
    height: 5.8666666666667vw;
    line-height: 5.8666666666667vw;
}
.list>.item>.item_top>.right>.date{
    font-size: 3.2vw;
    color: rgba(147, 148, 150, 1);
    height: 4.5333333333333vw;
    line-height: 4.5333333333333vw;
    margin-top: 1.6vw;
}
.list>.item>.item_bottom{
    width: 84vw;
    margin: 0 auto;
    border-top: 0.13333333333333vw solid rgba(233, 235, 238, 1);
    display: flex;
    justify-content: flex-end;
}
.list>.item>.item_bottom>.color_red{
    width: 24vw;
    height: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(207, 37, 31, 1);
    border-radius: 4.2666666666667vw;
    overflow: hidden;
    color: #fff;
    font-size: 3.7333333333333vw;
    font-weight: 500;
    margin: 3.7333333333333vw 0 4vw 0;
}