.mine-generalize {
    background-color: #fff;

    &__header {
        margin-bottom: .2rem;

        .rank {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: .32rem 0;

            &-container {
                width: 7rem;
                height: 3.56rem;
                color: #fff;
                background: url('@mobile/assets/images/level-bg.png') no-repeat;
                background-size: 100%;

                &__level {
                    padding: .64rem;

                    h1 {
                        font-size: .48rem;
                        font-weight: bold;
                    }

                    span {
                        font-size: .24rem;
                        color: rgba(255, 255, 255, .6);
                    }
                }

                &__next {
                    padding: 0 1.4rem;

                    .upgrade {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        margin-bottom: .2rem;

                        &-left {
                            font-size: .36rem;
                            font-weight: bold;
                            margin-right: 1.2rem;
                        }

                        &-right {
                            font-size: .24rem;
                        }
                    }
                }
            }
        }

        .info {
            padding: .48rem 0;

            ul {
                display: flex;
                text-align: center;

                li {
                    flex: 1;

                    &:not(:first-child) {
                        border-left: 1px solid #ededed;
                    }

                    h4 {
                        font-size: .28rem;
                        color: #999;
                        margin-bottom: .16rem;
                    }

                    span {
                        display: block;
                        font-size: .36rem;
                        font-weight: bold;
                    }
                }
            }
        }
    }

    &__tabs {
        flex: 1;
        display: flex;
        flex-direction: column;

        .van-tabs__content {
            flex: 1;
        }

        .van-tab__panel {
            height: 100%;
        }
    }

    &__container {
        height: 100%;
        overflow-y: auto;

        .list {
            display: flex;
            align-items: center;

            &-row {
                font-size: .32rem;
                border-bottom: 1px solid #eee;
                padding: .12rem .32rem;
            }

            &-column {
                flex: 1;
                display: flex;
                flex-direction: column;
                text-align: center;

                &:first-child {
                    text-align: left;
                }

                &:last-child {
                    text-align: right;
                }

                span:last-child {
                    color: #999;
                    font-size: .24rem;
                }
            }
        }
    }
}