.color_box{
 
}
.block_box{
    width:1440px;
    margin:0 auto;
}
.card_box{
    width:1200px;
    margin:0 auto;
}
.flex_row{
    display: flex;
    flex-direction: row;
}
.flex_col{
    display: flex;
    flex-direction: column;
}
.row_middle{
    align-items: center;
}
.col_middle{
    justify-content: center;
}
.row_center{
    justify-content: center;
}
.col_center{
    align-items: center;
}
.flex_1 {
    flex: 1 1 0%;
    
}
.flex_wrap{
   flex-wrap: wrap;
}
.width_null{
    width:0;
}
/* .flex_auto {
    flex: 1 1 auto;
} */
/* .flex_initial {
    flex: 0 1 auto;
} */
.flex_none {
    flex: none;
}
.aspect_img,
.aspect_video{
    padding-top:50%;
    height: 0;
    position: relative; 
    overflow: hidden;
}
.aspect_img > img,
.aspect_video > video{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    object-fit: cover;
}
.txt_del {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txt_del_2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.txt_del_3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

:root{
    --fs-xxxl:40px;
    --fs-xxl:30px;
    --fs-xl:28px;
    --fs-l:24px;
    --fs-m:18px;
    --fs-s:16px;
    --fs-xs:14px;
    --fs-xxs:14px;
}
.img_width{
    width:100%;
}