//弹性布局-垂直居中
%flex-middle-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

//弹性布局-垂直
%flex-middle {
    display: flex;
    align-items: center;
}

//弹性布局-两边布局
%flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

//弹性布局-靠右布局
%flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

//弹性布局-上下布局
%flex-direction-column {
    display: flex;
    flex-direction: column;
}

//滑动
%overflow-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

//卡片标题
%card-title {
    color: #000;
    font-size: j(15);
    font-weight: 500;
    padding: j(7) 0;
}

//卡片内容
%card-content {
    padding: j(10);
    color: var(--wl-text-color-title-1, #18191a);
    cursor: pointer;
    line-height: j(20);
    border-radius: j(10);
    word-break: break-all;
    background-color: var(--wl-primary-color-lightest, #f7fbfe);
}

//文字内容
%words-base {
    font-style: normal;
    color: #000000;
}

//加粗文字
%words-weight {
    font-weight: 500;
    color: #000000;
}

//标题抬头
%title {
    @extend %words-base;
    font-weight: normal;
    font-size: j(15);
    line-height: j(24);
}

//话术内容
%word-content {
    @extend %words-base;
    font-weight: normal;
    font-size: j(15);
    line-height: j(24);
}

//logo
%logo-wrap {
    width: 24px;
    height: 24px;
    border: j(1) solid #eeeeee;
    border-radius: 50%;
    @extend %flex-middle-center;
    .logo {
        width: 16px;
        height: 16px;
    }
}

%iconfont-min {
    font-size: 12px;
    display: inline-block;
    transform: scale(0.8);
}