page {
    background-color: $u-bg-color;
    font-size: 28rpx;
}

.text_hidden {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.title-active {
    position: relative;

    &::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 10rpx;
        height: 50%;
        background: $u-type-primary;
    }
}

button::after {
    border: none;
}

@mixin flex {
    display: flex;
}

@mixin flex-column {
    @include flex;
    flex-direction: column;
}

@mixin flex-justify {
    @include flex;
    justify-content: space-between;
}

@mixin flex-center {
    @include flex-column;
    align-items: center;
    text-align: center;
}

@mixin center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.count {
    position: absolute;
    top: 0;
    left: 0;
    background-color: $blue2;
    border-radius: 12rpx 0 12rpx 0;
    color: $white;
    font-size: 20rpx;
    padding: 0 12rpx;
}

@mixin lineClamp($lineClamp: 2) {
    -webkit-line-clamp: $lineClamp;
}
.overflow-ellipsis-line {
    @include lineClamp;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.ellipsis-line1 {
    @include lineClamp(1);
}
.custom-button-bgColor,
.bg-primary {
    // background-color: $blue5;
    background: linear-gradient(90deg, rgba(24, 105, 255, 1) 0%, rgba(43, 151, 252, 1) 100%);
}
.text-primary {
    color: $blue5;
}
