/*===== VARIABLES CSS =====*/
:root {
    /*========== Colors ==========*/
    --first-color: #001a70;
    --font-color-1: #333333;
    --font-color-2: #999999;
    --font-color-3: #666666;
    --font-color-4: #ffffff;
    --font-color-5: #fafafa;
    /*========== Font ==========*/
    --font-size-1: 1rem;
    /*========== z index ==========*/
    --z-tooltip: 10;
    --z-fixed: 100;
    --z-fixed99: 99;
    --z-underlay: -1;
}

/*========== BASE ==========*/
body {
    /* font-family: PingFang_Regular; */
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    display: none;
    /* 对于老版本的Webkit浏览器隐藏滚动条 */
}

/* 禁用 iOS 和 Android 的点击高亮效果 */
* {
    -webkit-tap-highlight-color: transparent; /* 取消点击时的高亮 */
}

/* 禁用按钮的默认点击边框样式 */
button,
a {
    outline: none;
}

html,
body {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

img[src=""],
img:not([src]) {
    visibility: hidden;
}

.text_align_center {
    text-align: center;
}

.display_none {
    display: none;
}

.overflow_hidden {
    overflow: hidden;
}

.unselectable_text {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard syntax */
}

.text_uppercase {
    text-transform: uppercase;
}

/*========== clear default ==========*/
*,
::before,
::after {
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
ul,
p {
    margin: 0;
}

ul {
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

/*========== FLEX ==========*/
.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

/*========== SiYuan_CN_Light ==========*/
@font-face {
    font-family: "GothamSSm_Black";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/GothamSSm_Black.otf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GothamSSm_Bold";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/GothamSSm_Bold.otf") format("truetype");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GothamSSm_Light";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/GothamSSm_Light.otf") format("truetype");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GothamSSm_Medium";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/GothamSSm_Medium.otf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GothamSSm_XLight";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/GothamSSm_XLight.otf") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MiSans_Light";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/MiSans_Light.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans_Medium";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/MiSans_Medium.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans_Normal";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/MiSans_Normal.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans_Semibold";
    src: url("https://gubesto.oss-cn-shanghai.aliyuncs.com/gubesto/fonts/MiSans_Semibold.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}