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

.home-main {
    &__container {
        flex      : 1;
        overflow-y: auto;
    }

    &__banner {
        background-color: #fff;

        .van-swipe {
            background-color: #999;

            &-item {
                font-size: 0;

                img {
                    width     : 100%;
                    height    : 100%;
                    object-fit: cover;
                }
            }
        }

        &--header {
            .van-swipe {
                min-height: 3rem;

                &-item {
                    height: 3rem;
                }
            }
        }

        &--body {
            padding: .24rem;

            .van-swipe {
                min-height   : 1.5rem;
                border-radius: .16rem;

                &-item {
                    height: 1.5rem;
                }
            }
        }
    }

    &__iconbar {
        background-color: #fff;
        padding-bottom  : .24rem;

        ul {
            display        : flex;
            justify-content: space-around;
            padding-top    : .24rem;
        }

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

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

    &__market {
        display         : flex;
        align-items     : center;
        background-color: #fff;
        padding         : .16rem;
        margin          : .2rem 0;

        .left {
            display        : flex;
            flex-direction : column;
            justify-content: center;
            align-items    : center;
            padding        : .24rem;
            border-right   : 1px solid #eee;

            h2 {
                font-size: .36rem;
                color    : #00577C;
            }

            span {
                font-size: .24rem;
                color    : #666;
            }
        }

        .right {
            flex   : 1;
            padding: 0 .24rem;

            table {
                width    : 100%;
                font-size: .24rem;

                tr {
                    td {
                        line-height: .4rem;
                        width      : 25%;
                        text-align : center;
                    }
                }
            }
        }
    }

    &__news {
        .titlebar {
            &-title {
                font-size  : .36rem;
                font-weight: bold;
            }

            &-more {
                font-size: .28rem;
                color    : #00577C;
            }
        }

        .article {
            &-item {
                &__title {
                    span {
                        .mixin-text-overflow()
                    }

                }

                &__time {
                    flex       : initial;
                    margin-left: .48rem;
                }
            }
        }
    }
}