@font-face {
    font-family: 'Cabinet Grotesk';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alkatra';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 英文粗/中 */
@font-face {
    font-family: 'suisseintl';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 英文细 小字*/
@font-face {
    font-family: 'Mulish';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 中文默认 */
@font-face {
    font-family: 'XiaoWei';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 艺术粗1 */
@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 正常 */
@font-face {
    font-family: 'Prompt';
    src: url('../font/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 半粗体 */
@font-face {
    font-family: 'Prompt1';
    src: url('../font/Poppins-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 粗体 */
@font-face {
    font-family: 'Prompt2';
    src: url('../font/Poppins-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/static/font/Roboto.ttf');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'Caption';
    src: url('/static/font/Caption.ttf');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face {
    font-family: 'Source';
    src: url('/static/font/SourceHanSerifCN-Regular.otf');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face {
    font-family: 'SourceBold';
    src: url('/static/font/SourceHanSerifCN-SemiBold.otf');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face {
    font-family: 'SourceMedium';
    src: url('/static/font/SourceHanSerifCN-Medium.otf');
    font-weight: normal;
    font-style: normal;
} */

/* @font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url('/static/font/AlibabaPuHuiTi-3-85-Bold.woff');
    font-weight: normal;
    font-style: normal;
} */

* {
    margin: 0;
    padding: 0;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    transition: all 0.25s;
    /* font-family: Mulish; */
}

*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

.cursor {
    cursor: pointer !important;
    /* cursor: pointer !important; */
    user-select: none !important;
}

.loading-spinner-btn {
    width: 38px !important;
    height: 38px !important;
    border: 2.5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #f33d0b;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.magin_16 {
    margin-top: 16px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin_center {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media screen and (max-width: 1081px) {
    .cursor {
        /* cursor: inherit !important; */
        cursor: auto !important;
        /* 取消h5点击阴影 */
    }
}

.cursorNot {
    cursor: not-allowed !important;
}

input {
    border: none;
    outline: none;
    background-color: transparent;
    min-width: 0;
}

/* chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    /* 数字框箭头 */
}

/* 火狐浏览器 */
input[type='number'] {
    -moz-appearance: textfield;
    /* 数字框箭头 */
}

/* 全局样式 */
:root {
    /* 主题 */
    --color_white: #ffffff;
    --color_black: #000000;

    --danger_color: #f65a5a;
    --warning_color: #c40e0d;
    --primary_color: #66b6ff;
    --success_color: #26a17b;

    --link_color: rgb(39, 98, 255);
    --main_color: #2762ff;
    --modif_color: #c0cff5;
    --bg_color: #f8f8fa;
    --border_color: #c9ccdd;

    --font_modif_color: #72768b;
    --font_deep_color: #ffffff;
    --font_color: #fff;

    --font_success: #26a17b;
    --font_warning: #c40e0d;
    --font_theme: #f7c434;

    /* 尺寸 */
    --max_width: 1280px;
    --h5_nav_height: 60px;
    --h5_tabbar_height: 68px;

    /* font */

    /* border */

    /* bg1 */
}

/* .fc-widget-small,
.fc-widget-small body {
    font-size: 12px !important;
} */
/* 采用rem */
html {
    /* font-size: calc(100vw / ); */
    /* font-size: clamp(12px, 1.5vw, 18px); */
    /* 最小 12px，最大 18px，按视口宽度 1.5% 缩放 */

    /* 
   * 假设设计稿宽度为 375px（常见手机设计稿），基准字体 16px。
   * 公式：font-size = (屏幕宽度 / 设计稿宽度) * 基准字体
   */
    /* font-size: calc(100vw / 1920 * 16); */
    /* 限制最小和最大值，避免极端情况 */
    /* font-size: clamp(12px, calc(100vw / 1920 * 16), 18px); */

    font-size: 1px;

    @media (max-width: 1920px) {
        font-size: 1.45px;
    }

    @media (max-width: 1820px) {
        font-size: 1.3px;
    }

    @media (max-width: 1720px) {
        font-size: 1.25px;
    }

    @media (max-width: 1620px) {
        font-size: 1.15px;
    }

    @media (max-width: 1520px) {
        font-size: 1.1px;
    }

    @media (max-width: 1420px) {
        font-size: 1px;
    }

    @media (max-width: 1320px) {
        font-size: 0.9px;
    }

    @media (max-width: 1220px) {
        font-size: 0.85px;
    }

    @media (max-width: 1120px) {
        font-size: 0.75px;
    }

    @media (max-width: 1020px) {
        font-size: 0.7px;
    }

    @media (max-width: 920px) {
        font-size: 0.6px;
    }

    @media (max-width: 820px) {
        font-size: 0.55px;
    }

    @media (max-width: 720px) {
        font-size: 0.5px;
    }

    @media (max-width: 620px) {
        font-size: 0.45px;
    }

    @media (max-width: 520px) {
        font-size: 0.4px;
    }
}

html,
body,
#app,
.main_frame {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

body {
    background-color: #ffffff;
    font-size: 14px;
}

.priceOver {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 140px;
    text-align: right;
}

.fontOver {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fontOverTwo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fontOverThree {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fontOverFour {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 保留几行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
}

.fillRow {
    min-width: 0;
    flex: 1;
    flex-shrink: 0;
}

.pointer {
    pointer-events: none;
}

.unPointer {
    pointer-events: stroke;
}

.bgCover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgContain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bgAll {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.v-html {
    white-space: pre-wrap !important;
    word-break: break-all !important;
    max-width: 100%;
    /* font-size: 14px; */
}

.v-html * {
    max-width: 100%;
}

#clipboard_model {
    /* display: none; */
}

@media (min-width: 1082px) {
    .isPhone {
        display: none !important;
    }
}

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

    /* 取消h5点击阴影 */
    * {
        cursor: auto !important;
    }

    .isPc {
        display: none !important;
    }
}

/* 段落首字母大写 */
/* 这个选择器都不该出现否则 ios 下的富文本编辑框 <div contenteditable="true"></div> 
  会一直替换掉最后一个字
*/
/* *:first-letter { 
    text-transform: capitalize;
} */

input {
    /*苹果顶部阴影  */
    -webkit-appearance: none;
}

input,
button,
select,
textarea {
    outline: none !important;
}

textarea {
    resize: none !important;
}

/* chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    /* 数字框箭头 */
}

/* 火狐浏览器 */
input[type='number'] {
    -moz-appearance: textfield;
    /* 数字框箭头 */
}

.limitTip::placeholder {
    color: var(--font_warning);
}

/* 针对不同浏览器的兼容写法 */
.limitTip::-webkit-input-placeholder {
    color: var(--font_warning);
}

.limitTip::-moz-placeholder {
    color: var(--font_warning);
}

.limitTip:-ms-input-placeholder {
    color: var(--font_warning);
}

.limitTip::-ms-input-placeholder {
    color: var(--font_warning);
}

a {
    color: #f33d0b;
    background: transparent;
    cursor: pointer;
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
}

/* 上传的图片容器 */
.uploaded-image-container,
.uploaded-video-container {
    position: relative;
    display: inline-block;
    width: 90%;
    max-width: 100%;
    height: auto;
    contenteditable: false;
    /* aspect-ratio: 16 / 9; */
    margin: 0;
    /* 默认的宽高比 */
    overflow: hidden;
    /* 隐藏溢出内容 */
}

.uploaded-video-container {
    width: 90%;
}

.uploaded-image {
    transition: all 0s !important;
    object-fit: contain !important;
    margin: 0;
    width: 100%;
    max-width: 100% !important;
    height: auto;
    display: block;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    /* 禁用拖拽 */
    pointer-events: none;
    /* 禁止图片被拖拽 */
}

iframe.uploaded-video {
    min-height: 250px;
}

.uploaded-video {
    transition: all 0s !important;
    object-fit: contain !important;
    margin: 0;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    display: block;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    /* 禁用拖拽 */
    pointer-events: auto;
    /* 允许 iframe 的控件被点击 */
    object-fit: cover;
    /* 避免溢出 */
    max-height: 100%;
    /* 确保 iframe 不会超出容器 */
}

/* 响应式样式：确保小屏幕上 iframe 合适显示 */
@media (max-width: 768px) {

    .uploaded-image-container,
    .uploaded-video-container {
        width: 100%;
        /* 保证图片和视频容器在小屏幕上自适应宽度 */
    }

    .uploaded-video {
        height: auto;
        /* 视频自适应容器高度 */
        width: 100%;
    }
}

.iframe-container {
    @media screen and (max-width: 767px) {
        width: 100% !important;

        iframe {
            height: 300px !important;
        }
    }

    @media screen and (max-width: 666px) {
        iframe {
            height: 250px !important;
        }
    }

    @media screen and (max-width: 520px) {
        iframe {
            height: 200px !important;
        }
    }
}