/* 收集常用颜色和字体族，复用 */

/* 去除超链接下划线 */
.no-decoration {
    text-decoration: none !important;
}


/* 字体族 默认字体 微软雅黑 */
.default-xk-font,
* {
    font-family: "Microsoft YaHei", sans-serif;
}

/* 文字保持一行，超出显示省略号 */
.no-wrap {
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    white-space: nowrap;
    /* 防止文本换行 */
}

/* 字体色 */
.xkt-1a1a1a {
    color: #1A1A1A;
}

.xkt-4d4d4d {
    color: #4D4D4D;
}

.xkt-808080 {
    color: #808080;
}

.xkt-666666 {
    color: #666666;
}

.xkt-cccccc {
    color: #CCCCCC;
}

.xkt-ffffff {
    color: #FFFFFF;
}

.xkt-2a6afa {
    color: #2A6AFA;
}

.xkt-333333 {
    color: #333333;
}

.xkt-e5e5e5 {
    color: #E5E5E5;
}

/* 背景色 */
.xkbg-transparent {
    background-color: transparent !important;
}

.xkbg-1a1a1a {
    background-color: #1A1A1A !important;
}

.xkbg-2a6afa {
    background-color: #2A6AFA !important;
}

.xkbg-4d4d4d {
    background-color: #4D4D4D !important;
}

.xkbg-cccccc {
    background-color: #CCCCCC !important;
}

.xkbg-808080 {
    background-color: #808080 !important;
}

.xkbg-666666 {
    background-color: #666666 !important;
}

.xkbg-f9f9f8 {
    background-color: #F9F9F8 !important;
}

.xkbg-f5f5f5 {
    background-color: #F5F5F5 !important;
}

/* 字体大小 */
.xkf-40 {
    font-size: 40pt;
}

.xkf-30 {
    font-size: 30pt;
}

.xkf-20 {
    font-size: 18pt;
}

.xkf-16 {
    font-size: 16pt;
}

.xkf-14 {
    font-size: 14pt;
}

.xkf-12 {
    font-size: 12pt;
}


@media (max-width:576px) {
    .xkf-40 {
        font-size: 15pt;
    }

    .xkf-30 {
        font-size: 20pt;
    }

    .xkf-20 {
        font-size: 10pt;
    }

    .xkf-16 {
        font-size: 9pt;
    }

    .xkf-14 {
        font-size: 7pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .xkf-40 {
        font-size: 17pt;
    }

    .xkf-30 {
        font-size: 20pt;
    }

    .xkf-20 {
        font-size: 12pt;
    }

    .xkf-16 {
        font-size: 9pt;
    }

    .xkf-14 {
        font-size: 8pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .xkf-40 {
        font-size: 23pt;
    }

    .xkf-30 {
        font-size: 20pt;
    }

    .xkf-20 {
        font-size: 14pt;
    }

    .xkf-16 {
        font-size: 10pt;
    }

    .xkf-14 {
        font-size: 9pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .xkf-40 {
        font-size: 29pt;
    }

    .xkf-30 {
        font-size: 22pt;
    }

    .xkf-20 {
        font-size: 14pt;
    }

    .xkf-16 {
        font-size: 12pt;
    }

    .xkf-14 {
        font-size: 11pt;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .xkf-40 {
        font-size: 35pt;
    }

    .xkf-30 {
        font-size: 24pt;
    }

    .xkf-20 {
        font-size: 14pt;
    }

    .xkf-16 {
        font-size: 14pt;
    }

    .xkf-14 {
        font-size: 13pt;
    }
}

@media (min-width:1400px) and (max-width:1799px) {
    .xkf-40 {
        font-size: 37pt;
    }

    .xkf-30 {
        font-size: 26pt;
    }

    .xkf-20 {
        font-size: 15pt;
    }

    .xkf-16 {
        font-size: 14pt;
    }

    .xkf-14 {
        font-size: 13pt;
    }
}

@media (min-width:1800px) {
    .xkf-40 {
        font-size: 38pt;
    }

    .xkf-30 {
        font-size: 28pt;
    }

    .xkf-20 {
        font-size: 16pt;
    }

    .xkf-16 {
        font-size: 14pt;
    }

    .xkf-14 {
        font-size: 13pt;
    }
}

@media (min-width:2100px) {
    .xkf-40 {
        font-size: 40pt;
    }

    .xkf-30 {
        font-size: 30pt;
    }

    .xkf-20 {
        font-size: 17pt;
    }

    .xkf-16 {
        font-size: 16pt;
    }

    .xkf-14 {
        font-size: 13pt;
    }
}