/*********** reset start **************/
body {
    color: var(--text-color, #666);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    text-align: left;
    background: #ffffff;
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    overflow-x: hidden;
}

body * {
    margin: 0;
    padding: 0;
    outline: none !important;
    line-height: 1.4;
}

button,
input,
textarea {
    border: none;
}

/*********** 标题 start **************/
h1,
.h1 {
    font-size: 36px;
    font-weight: 700;
    color: var(--title-text-color, #000);
    font-family: var(--title-font-family);
}

h2,
.h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--title-text-color, #000);
    font-family: var(--title-font-family);
}

h3,
.h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--title-text-color, #000);
    font-family: var(--title-font-family);
}

h4,
.h4 {
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color, #555);
    font-family: var(--title-font-family);
}

h5,
.h5 {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-color, #888);
    font-family: var(--title-font-family);
}

@media only screen and (max-width: 767px) {

    h1,
    .h1 {
        font-size: 22px;
    }

    h2,
    .h2 {
        font-size: 20px;
    }

    h3,
    .h3 {
        font-size: 18px;
    }
}

/*********** 标题 end **************/

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: var(--color-primary);
}

ol,
ul {
    list-style: none;
}

i,
em {
    font-style: normal;
}

.rich-text ol {
    list-style: decimal;
    width: fit-content;
    text-align: left;
    padding-left: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rich-text ul {
    list-style: disc;
    width: fit-content;
    text-align: left;
    padding-left: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rich-text ul li {
    list-style: disc;
}

.rich-text em {
    font-style: italic;
}

img {
    max-width: 100%;
}

:not(.rich-text) img {
    width: auto;
    height: auto;
}

.fr,
.float-right {
    float: right;
}

.fl,
.float-left {
    float: left;
}

.uppercase {
    text-transform: uppercase;
}

/* RTL布局 */
html[dir="rtl"] body {
    text-align: right;
}

/* 清除浮动 */
.cl {
    zoom: 1;
}

.cl:before,
.cl:after {
    display: table;
    content: " ";
}

.cl:after {
    clear: both;
}

/*富文本内置样式*/
.mce-img-32 {
    width: 32px;
    height: auto;
}

.mce-img-64 {
    width: 64px;
    height: auto;
}

.mce-img-240 {
    width: 240px;
    height: auto;
}

.mce-img-480 {
    width: 480px;
    height: auto;
}

.mce-img-600 {
    width: 600px;
    height: auto;
}

.mce-img-1024 {
    width: 1024px;
    height: auto;
}

.mce-img-2048 {
    width: 2048px;
    height: auto;
}

.mce-img-w-100 {
    width: 100%;
    height: auto;
}

:root {

    --color-primary: #d71f2c;

    --color-primary-rgb: 24, 115, 170;

    --color-second: #d71f2c;

    --color-second-rgb: 24, 115, 170;

    --bg-color: ;

    --btn-hover: #f7941f;

    --button-radius: 10px;

    --font-family: D-DIN;

    --title-font-family: D-DIN_Bold;

    --text-color: #666;

    --text-color-rgb: 102, 102, 102;

    --title-text-color: #000;

    --title-text-color-rgb: 0, 0, 0;
}

@font-face {
    font-family: "D-DIN";
    font-display: swap;
    src: url('//cdn.xuansiwei.com/zuidi11361/tpl-common/common/css/fonts/D-DIN/D-DIN-Regular.otf') format('truetype');
}

@font-face {
    font-family: "D-DIN_Bold";
    font-display: swap;
    src: url('//cdn.xuansiwei.com/zuidi11361/tpl-common/common/css/fonts/D-DIN/D-DIN-Bold.otf') format('truetype');
}