@import '../../../assets/themes/base/mixin.less';

.home-main {
    &__header {
        background: linear-gradient(var(--navbar-background), var(--navbar-background) 60%, transparent 60%);
        padding: .2rem;
    }

    &__iconbar {
        ul {
            display: flex;
            flex-wrap: wrap;
            padding-top: .24rem;

            &:last-child {
                padding-bottom: .24rem;
            }

            li {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: calc(~'100% / 3');
                text-align: center;

                .app-iconfont {
                    &__icon {
                        font-size: .8rem;
                    }

                    &__label {
                        font-size: .24rem;
                        margin-top: .1rem;
                    }
                }
            }
        }
    }

    &__titlebar {
        .van-cell__title {
            display: flex;
            align-items: center;
            line-height: 1;
            font-size: .32rem;
            font-weight: bold;

            img {
                width: .32rem;
                height: .32rem;
                margin-right: .1rem;
            }

            span {
                +span {
                    color: #999;
                    font-size: .26rem;
                    font-weight: normal;
                    margin-left: .1rem;
                }
            }
        }

        .van-cell__value {
            flex: none;
            color: #666;
        }
    }

    &__market {
        .scrollbar {
            width: 100%;
            padding: .2rem;
        }

        .van-swipe {
            height: 32px;
            background-color: #f6f6f6;

            ul {
                display: flex;
                justify-content: space-around;
                align-items: center;
                height: inherit;
                font-size: .26rem;
            }
        }
    }

    &__news {
        .article {
            &-item {
                .van-cell__title {
                    span {
                        .mixin-text-overflow()
                    }
                }

                .van-cell__value {
                    flex: initial;
                    font-size: .24rem;
                    margin-left: .48rem;
                }
            }
        }
    }
}