/* =================基础样式文件 ===================*/
/* 加载字体 方正兰亭黑简体*/
@font-face {
    font-family: 'fzlt';
    font-weight: normal;
    font-style: normal;
    src: url('../font/fzlt.TTF');
}

/* 加载字体 方正兰亭粗黑简体*/
@font-face {
    font-family: 'fzlt-bold';
    font-weight: normal;
    font-style: normal;
    src: url('../font/fzlt-bold.TTF');
}

/* 加载字体 方正兰亭细黑简体*/
@font-face {
    font-family: 'fzlt-thin';
    font-weight: normal;
    font-style: normal;
    src: url('../font/fzlt-thin.TTF');
}

/* 加载字体 方正兰亭中黑简体*/
@font-face {
    font-family: 'fzlt-mid';
    font-weight: normal;
    font-style: normal;
    src: url('../font/flzt-mid.TTF');
}

/* 加载字体 方正兰亭中粗黑简体*/
@font-face {
    font-family: 'fzlt-mid-bold';
    font-weight: normal;
    font-style: normal;
    src: url('../font/fzlt-mid-bold.TTF');
}
/* 方正兰亭纤黑简体 */
@font-face {
    font-family: 'fzlt-gb1';
    font-weight: normal;
    font-style: normal;
    src: url('../font/fzlt-gb1.0.ttf');
}
/* 公共字体 */
.f-fzlt-bold {
    font-family: 'fzlt-bold', 'Arial', sans-serif !important;
}

.f-fzlt {
    font-family: 'fzlt', 'Arial', sans-serif !important;
}

.f-fzlt-mid {
    font-family: 'fzlt-mid', 'Arial', sans-serif !important;
}

.f-fzlt-mid-bold {
    font-family: 'fzlt-mid-bold', 'Arial', sans-serif !important;
}

.f-fzlt-thin {
    font-family: 'fzlt-thin', 'Arial', sans-serif !important;
}

/* 公共字体大小 配合bootstrap使用 */
.fs-7 {
    font-size: 0.875rem;
}

/* 公共padding */
.px-100 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
}

/* 禁止触摸互动事件 */
.noPointer {
    pointer-events: none;
}

/*禁用长触弹出的下载图片菜单*/
.noCallout {
    -webkit-touch-callout: none;
}

/*禁用长触选择文字等功能*/
.noSelect {
    -webkit-user-select: none;
}

/* 去掉鼠标手指样式 */
.noCursor {
    cursor: default;
}



/* =================基础重置样式 ===================*/
/* 基础字体与响应式配置 */
:root {
    /* 基础字体大小 - 使用视口单位 */
    --base-font-size: 16px;
    --viewport-unit: 1vw;

    /* 计算基础字体大小，确保它在不同设备上有合理值 */
    font-size: clamp(14px, var(--viewport-unit), 16px);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    -webkit-text-size-adjust: 100% !important;
}

/* placeholder文字的颜色*/
a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
}

body {
    font-family: 'fzlt', 'Arial', sans-serif;
    line-height: 1.6;
    color: #000;
    min-height: 100vh;
}

.components-bootstrap table {
    border-collapse: collapse;
    border-spacing: 0;
}

.components-bootstrap th,
.components-bootstrap tr,
.components-bootstrap td,
.components-bootstrap h1,
.components-bootstrap h2,
.components-bootstrap h3,
.components-bootstrap h4,
.components-bootstrap h5,
.components-bootstrap h6,
.components-bootstrap i,
.components-bootstrap b,
.components-bootstrap em {
    font-style: normal;
    font-weight: normal;
}

.components-bootstrap ol,
.components-bootstrap ul,
.components-bootstrap li {
    list-style-type: none;
}

.components-bootstrap select,
.components-bootstrap input,
.components-bootstrap img {
    vertical-align: middle;
    border: none;
    outline: none;
}

.components-bootstrap textarea {
    resize: none;
}

/*webkit核心中textare取消拖动调整大小*/
.components-bootstrap textarea:focus {
    outline: none;
}

/*textarea聚焦时默认边框颜色不变*/
.components-bootstrap select,
.components-bootstrap input[type=text],
.components-bootstrap input[type=tel],
.components-bootstrap input[type=password],
.components-bootstrap input[type=number],
.components-bootstrap textarea {
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-family: arial;
}

.components-bootstrap input::-webkit-input-placeholder,
.components-bootstrap textarea::-webkit-input-placeholder {
    color: #000;
}

/* 表单元素基础样式 */
.components-bootstrap input,
.components-bootstrap textarea,
.components-bootstrap select,
.components-bootstrap button {
    font-size: 1rem;
    font-family: inherit;
}

/* =================基础重置样式 ===================*/