/*===== VARIABLES CSS =====*/
:root {
    /*========== Colors ==========*/
    --first-color: #001a70;
    /*========== z index ==========*/
    --z-tooltip: 10;
    --z-fixed: 200;
    --z-fixed99: 99;
    --z-underlay: -1;
}

/*========== BASE ==========*/
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;
}

/*其他常用样式*/
.me-text-beyond {
    /*文本内容超宽度省略号显示 单行*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.me-text-beyond-multi {
    /*文本内容超宽度省略号显示 多行*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text_wrap_pc::after {
    content: "";
    display: block; /* 强制换行 */
}
@media screen and (max-width: 768px) {
    .text_wrap_pc::after {
        content: "";
        display: inline; /* 强制换行 */
    }
    .text_wrap_phone::after {
        content: "";
        display: block; /* 强制换行 */
    }
}

/*========== 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;
}

/*========== FONTS ==========*/
@font-face {
    font-family: "FZ";
    src: url("../fonts/FZ.TTF") format("truetype");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arizona_Flare_Thin_Trial";
    src: url("../fonts/ABCArizona/ABCArizonaFlare-Thin-Trial.otf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arizona_Flare_Regular_Trial";
    src: url("../fonts/ABCArizona/ABCArizonaFlare-Regular-Trial.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arizona_Flare_Bold_Trial";
    src: url("../fonts/ABCArizona/ABCArizonaFlare-Bold-Trial.otf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* arial */
@font-face {
    font-family: "Arialbd";
    src: url("../fonts/arialbd.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arial_normal";
    src: url("../fonts/arial.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}