.header {
    height: .96rem;

    .search {
        height: .76rem;
        width: 93%;
        border-radius: .4rem;
        background: var(--tipsBackGroundColor);
        padding: 0px 16px;

        i {
            margin-right: .1rem;
        }

        i,
        div {
            font-size: .3rem;
            color: var(--tipsTextColor);
        }
    }
}

.recommend-tag {
    padding: 0 .36rem;
    margin-top: .4rem;
    margin-top: .5rem;
    li {
        a {
            display: flex;
            flex-direction: column;
            align-items: center;
            .title {
                font-size: .5rem;
                margin-bottom: 0.14rem;
            }

            .desc {
                font-size: .28rem;
                color: var(--tipsTextColor);
            }
        }
    }
}

.swiper {
    width: calc(100% - .56rem);
    border-radius: 30px;
}

.content {
    margin-top: .96rem;
}