/***背景作为卡片***/
.background-as-card {
    background-color: var(--color-primary-65);
    border-radius: 10px;
    border: 1px solid rgba(234, 236, 238, 1);
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
}

.flex-display{
    display: flex;
}

/***文本样式***/
.text-base{
  color: var(--color-primary-90);
}

//0级标题
.text-title-0{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 32px;
}

.text-title-0-bold{
    @extend .text-title-0;
    font-weight: Bold;
}
.text-title-0-show{
    @extend .text-title-0;
    font-size: 48px;
    font-family: "YouSheBiaoTiHei";
}

//1级标题
.text-title-1{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 24px;
}

.text-title-1-bold{
    @extend .text-title-1;
    font-weight: Bold;
}

.text-title-1-show{
    @extend .text-title-1;
    font-size: 30px;
    font-family: "YouSheBiaoTiHei";
}

//2级标题
.text-title-2{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 20px;
    line-height:26px;
}

.text-title-2-bold{
    @extend .text-title-2;
    font-weight: Bold;
}

.text-title-2-show{
    @extend .text-title-2;
    font-size: 24px;
    font-family: "YouSheBiaoTiHei";
    line-height: normal !important; // 取消继承的行高
}

//3级标题
.text-title-3{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 18px;
    line-height:24px;
}

.text-title-3-bold{
    @extend .text-title-3;
    font-weight: Bold;
}

.text-title-3-show{
    @extend .text-title-3;
    font-size: 20px;
    font-family: "YouSheBiaoTiHei";
    line-height: normal !important; // 取消继承的行高
}

//正文
.text-regular{
    @extend .text-base;
    font-size: 16px;
    line-height:30px;
}
//正文-加粗
.text-bold{
    @extend .text-base;
    font-weight: Bold;
}
//正文-紧凑
.text-compact{
    @extend .text-base;
    font-size: 16px;
    line-height:24px;
}

.text-compact-bold{
    @extend .text-base;
    font-size: 16px;
    line-height:24px;
    font-weight: Bold;
}

//1级提示文字
.text-tip-1{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 16px;
    line-height:24px;
}

.text-tip-1-bold{
    @extend .text-tip-1;
    font-weight: Bold;
}

//2级提示文字
.text-tip-2{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 14px;
    line-height:22px;
}

.text-tip-2-bold{
    @extend .text-tip-2;
    font-weight: Bold;
}

//3级提示文字
.text-tip-3{
    @extend .text-base;
    color: var(--color-primary-90);
    font-size: 12px;
}
