@import "../config/color.less";
@import "../config/size.less";
@import "../mixins/mixins.less";
.home {
    .header {
        position: fixed;
        width: 100%;
        height: 160rpx;
        background: @themeColor;
        padding-top: var(--status-bar-height);
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        .header_search {
            height: 88rpx;
            display: flex;
            justify-content: space-between;
            padding: 0 30rpx;
            align-items: center;
            box-sizing: border-box;
            background: @themeColor;
            .search {
                width: 82%;
                background: #fff;
                height: 60rpx;
                border-radius: 60rpx;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                padding-left: 30rpx;
                i {
                    color: #999;
                    font-size: 26rpx;
                    margin-right: 10rpx;
                    padding-top: 2rpx;
                }
                span {
                    font-size: 24rpx;
                    color: #999;
                }
            }
            .icon-taozi1,
            .icon-wo {
                font-size: 45rpx;
                color: @colorWhite;
            }
        }
        .header_menu {
            display: flex;
            align-items: center;
            background: @menuColor;
            .menu_list {
                width: calc(100vw - 80rpx);
                white-space: nowrap;
                padding-left: 30rpx;
                text {
                    font-size: 26rpx;
                    flex-shrink: 0;
                    margin-right: 26rpx;
                    color: #d3d2d2;
                }
                .active {
                    color: @colorWhite !important;
                }
            }
            .icon-edit {
                width: 80rpx;
                height: 72rpx;
                font-size: 30rpx;
                color: #e3e3e3;
                line-height: 72rpx;
                text-align: center;
            }
        }
    }
    .swiper {
        height: calc(100vh - 100rpx - calc(160rpx + var(--status-bar-height)));
    }
}