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

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

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

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../font/IBMPlexSerif-Regular.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../font/IBMPlexSans-Light.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans R';
    src: url('../font/IBMPlexSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    transition: all 0.25s;
    font-family: 'IBM Plex Serif';
}
*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}
.cursor {
    cursor: pointer !important;
    /* cursor: pointer !important; */
    user-select: none !important;
}

@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: #ff9466;
    --primary_color: #66b6ff;
    --success_color: #2ca631;

    --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;

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

    /* font */
    --font1: rgba(224, 226, 243, 0.8);
    --font2: #ffffff;
    --font3: hsla(0, 0%, 100%, 0.5);

    /* border */
    --border1: #273747;
    --border2: rgba(255, 255, 255, 0.05);

    /* bg1 */
    --bg1: #1c2936;
    --bg2: #304256;
    --bg3: #304256;
    --bg11: #11122290;
}

html,
body,
#app,
.main_frame {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
body {
    background-color: var(--bg_color);
}

.priceOver {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 140px;
    text-align: right;
}
.fontOver {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fontOverTwo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 保留几行 */
    -webkit-box-orient: vertical;
}
.fontOverThree {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 保留几行 */
    -webkit-box-orient: vertical;
}
.fontOverFour {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 保留几行 */
    -webkit-box-orient: vertical;
}

.pointer {
    pointer-events: none;
}
.unPointer {
    pointer-events: stroke;
}

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

.v-html {
    white-space: pre-wrap !important;
    /* word-break: break-all !important; */

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

#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;
    }
}

*:first-letter {
    /* 段落首字母大写 */
    text-transform: capitalize;
}

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

a {
    text-decoration: 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; /* 数字框箭头 */
}