* {
    outline: 0 none !important;
}

:root {
    --num: 1;
}

html {
    font-size: 100px;
    line-height: 1;
}

/* html.act {
    overflow: hidden;
    width: 100%;
    height: 100vh;
} */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}


body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    color: #000;
    font-family: PingFang SC, Arial, Microsoft YaHei, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 0.14rem;
    line-height: 1;
    background: #fff;
}


ul,
ul li,
ol li,
tr td,
dl,
dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

a {
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
    color: #000;
}

textarea,
select {
    outline: none;
    color: #666;
    font-size: 0.14rem;
    width: 100%;
}

textarea {
    resize: none;
    padding: 0;
    border: 0;
    font-family: hr;
}

img {
    border: none;
    max-width: 100%;
    display: block;
}

img[src=""] {
    opacity: 0;
}

i {
    font-style: normal;
}

/* 滚动条样式 */
*::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

*::-webkit-scrollbar-thumb {
    background: #000;
}

*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.4);
}

/*去掉 input 默认边框*/
input {
    padding: 0;
    border: 0;
    font-family: hr;
    outline: none;
}

input[type="submit"] {
    background-color: transparent;
    cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}

.f_12 {
    font-size: clamp(12px, calc(var(--num) * 0.625vw), 12px);
}

.f_13 {
    font-size: clamp(12px, calc(var(--num) * 0.677vw), 13px);
}

.f_14 {
    font-size: clamp(12px, calc(var(--num) * 0.729vw), 14px);
}

.f_15 {
    font-size: clamp(12px, calc(var(--num) * 0.781vw), 15px);
}

.f_16 {
    font-size: clamp(12px, calc(var(--num) * 0.833vw), 16px);
}

.f_17 {
    font-size: clamp(12px, calc(var(--num) * 0.885vw), 17px);
}

.f_18 {
    font-size: clamp(12px, calc(var(--num) * 0.938vw), 18px);
}

.f_19 {
    font-size: clamp(12px, calc(var(--num) * 0.99vw), 19px);
}

.f_20 {
    font-size: clamp(12px, calc(var(--num) * 1.042vw), 20px);
}

.f_21 {
    font-size: clamp(12px, calc(var(--num) * 1.094vw), 21px);
}

.f_22 {
    font-size: clamp(12px, calc(var(--num) * 1.146vw), 22px);
}

.f_23 {
    font-size: clamp(12px, calc(var(--num) * 1.198vw), 23px);
}

.f_24 {
    font-size: clamp(12px, calc(var(--num) * 1.25vw), 24px);
}

.f_25 {
    font-size: clamp(12.5px, calc(var(--num) * 1.302vw), 25px);
}

.f_26 {
    font-size: clamp(13px, calc(var(--num) * 1.354vw), 26px);
}

.f_27 {
    font-size: clamp(13.5px, calc(var(--num) * 1.406vw), 27px);
}

.f_28 {
    font-size: clamp(14px, calc(var(--num) * 1.458vw), 28px);
}

.f_29 {
    font-size: clamp(14.5px, calc(var(--num) * 1.51vw), 29px);
}

.f_30 {
    font-size: clamp(15px, calc(var(--num) * 1.563vw), 30px);
}

.f_32 {
    font-size: clamp(16px, calc(var(--num) * 1.667vw), 32px);
}

.f_40 {
    font-size: clamp(20px, calc(var(--num) * 2.083vw), 40px);
}

.f_50 {
    font-size: clamp(25px, calc(var(--num) * 2.604vw), 50px);
}

.f_52 {
    font-size: clamp(26px, calc(var(--num) * 2.708vw), 52px);
}

.f_64 {
    font-size: clamp(32px, calc(var(--num) * 3.333vw), 64px);
}

.f_90 {
    font-size: clamp(45px, calc(var(--num) * 4.688vw), 90px);
}