// 左侧分块
._block {
    border: 1px solid $themeColor;
    border-radius: 20*$vpx;
    line-height: 22*$vpx;
    overflow: hidden;
    margin-top: 13*$vpx;
    padding: 18*$vpx 0 11*$vpx;

    ._caption {
        padding-left: 24*$vpx;
        font-size: 16*$vpx;
        font-family: FZZongYi-M05;
        color: $themeColor;
        margin-bottom: 8*$vpx;
    }

    ._content {
        padding-left: 24*$vpx;
        padding-right: 24*$vpx;
    }
}

// 按钮
._button_little {
    width: 81*$vpx;
    height: 34*$vpx;
    border-radius: 17*$vpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: $themeColor;
    font-size: 16*$vpx;
    font-weight: bold;
    color: #1B1A18;
    cursor: pointer;

    &._red {
        background: #C12418;
        color: #FFF;
    }

    &._green {
        background: #3EB822;
        color: #FFF;
    }
}

// 分割线
._dividing_line {
    display: block;
    height: 0;
    border-bottom: 1px solid $themeColor;
}

// 左右结构,排列
._rank {
    ._cell {
        line-height: 34*$vpx;
        font-size: 18*$vpx;
        font-weight: 100;
        margin-bottom: 14*$vpx;
        display: flex;
        font-size: 18*$vpx;
        color: #FEFEFE;

        ._label {
            min-width: 94*$vpx;
        }
    }
}


// 隐藏滚动条
.hideScrollBar {

    // chrome 和Safari
    &::-webkit-scrollbar {
        width: 0 !important
    }

    // IE 10+
    -ms-overflow-style: none;
    //Firefox
    overflow: -moz-scrollbars-none;


}

.hide-more{
    position: relative;
    overflow: hidden;
    &.hide2{
        &:after{
            background: linear-gradient(90deg, rgba(0,0,0,0), $themeColor);
        }
    }

    &:after{
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 20*$vpx;
    }
}