/* 首页的css */
@import "../tool/color.css";
@import "../tool/size.css";
@import "../tool/utils.css";


.header {
    .search {
        font-size: var(--f15);
        margin-top: .16rem;
        color: var(--tipsTextColor);
        height: 80%;
        background: #f5f5f5;
        border-radius: .5rem;
        padding: 0 .2rem;
        box-sizing: border-box;
        i {
            margin-right: .16rem;
        }
        p {
          
        }
    }
}

.content {
    padding-top: 20px;
    .banner {
        width: calc(100% - .6rem);
        border-radius: .6rem;
        transform :translateY(0);
        img {
            width: 100%;
            border-radius: .6rem;
        }

        .swiper-slide{
            overflow: hidden;
        }
    }


    .recommend-tag {
        margin: 0.4rem 0;
        justify-content: space-between;
        li {
            color: var(--textColor);
            display: flex;
            flex-direction: column;
            align-items: center;
            .icon {
                font-size: var(--f25);
                margin-bottom: .14rem;
            }
            .title {
                font-size: var(--f14);
                color: var(--tipsTextColor);
            }
        }
    }
}