.container-box {

    width: 100vw;

    height: 100vh;

    position: relative;

    overflow: hidden;

}

.flex-c-c{

    display: flex;

    justify-content: center;

    align-items: center;

}

.cate-box {

    width: 100%;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    position: absolute;

    bottom: 60px;

    box-sizing: border-box;

    padding-top: 10px;

}

.cover-img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 25px;

}

.cate-item {

    width: 308px;

    height: 56px;

    margin-right: 140px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #E3E3E3;

    border-radius: 25px;

    box-sizing: border-box;

    padding: 0 1em;

    text-align: center;

    line-height: 1;



}

.cate-item:last-child{

    margin: 0;

}

.cate-item.active {

    background-color: #D61918;

    color: white;

}



.foot-item-box{

    position: absolute;

    bottom: 60px;

    width: 100%;

}

@media screen and (max-height: 800px) {

    .cate-box {

        width: 100%;

        margin: 0 auto;

        display: flex;

        justify-content: center;

        position: absolute;

        bottom: 10px;

    }

}