.f_12 {
    font-size: 12px;
}
.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}

.f_46 {
    font-size: 46px;
}

.f_48 {
    font-size: 48px;
}

.f_50 {
    font-size: 50px;
}

.f_52 {
    font-size: 52px;
}

.f_54 {
    font-size: 54px;
}

.f_56 {
    font-size: 56px;
}

.f_60 {
    font-size: 60px;
}

.f_64 {
    font-size: 60px;
}

.f_72 {
    font-size: 72px;
}

.f_80 {
    font-size: 80px;
}
.mt_10{
    margin-top: 10px;
}
[flex] {
    display: flex;
}

[flex][flex~="wrap"] {
    flex-wrap: wrap;
}

[flex][flex~="jb"] {
    justify-content: space-between;
}

[flex][flex~="jfs"] {
    justify-content: flex-start;
}

[flex][flex~="jc"] {
    justify-content: center;
}

[flex][flex~="ais"] {
    align-items: flex-start;
}

[flex][flex~="aic"] {
    align-items: center;
}

[flex][flex~="acc"] {
    align-content: center;
}


/*鼠标选中文字的样式*/
::-moz-selection {
    background: var(--defaultcolor);
    color: #fff;
}

::selection {
    background: var(--defaultcolor);
    color: #fff;
}

/*网站默认滚动跳的样式*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

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

::-webkit-scrollbar-thumb {
    background: var(--defaultcolor);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: var(--defaultcolor);
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: var(--defaultcolor);
}
@media (max-width: 1600px) {
    .f_16 {
        font-size: 13px;
    }

    .f_18 {
        font-size: 16px;
    }

    .f_20 {
        font-size: 18px;
    }

    .f_22 {
        font-size: 20px;
    }

    .f_24 {
        font-size: 22px;
    }

    .f_26 {
        font-size: 24px;
    }

    .f_28 {
        font-size: 26px;
    }

    .f_30 {
        font-size: 28px;
    }

    .f_32 {
        font-size: 30px;
    }

    .f_34 {
        font-size: 32px;
    }

    .f_36 {
        font-size: 34px;

    }

    .f_40 {
        font-size: 38px;
    }

    .f_42,
    .f_44 {
        font-size: 40px;
    }

    .f_46 {
        font-size: 42px;
    }

    .f_48 {
        font-size: 44px;
    }

    .f_50 {
        font-size: 46px;
    }

    .f_52 {
        font-size: 48px;
    }

    .f_54 {
        font-size: 48px;
    }

    .f_56 {
        font-size: 48px;
    }

    .f_60,
    .f_64,
    .f_72,
    .f_80 {
        font-size: 48px;
    }
}

@media (max-width: 1440px) {
    .f_16 {
        font-size: 13px;
    }

    .f_18 {
        font-size: 15px;
    }

    .f_20 {
        font-size: 17px;
    }

    .f_22 {
        font-size: 18px;
    }

    .f_24 {
        font-size: 20px;
    }

    .f_26 {
        font-size: 22px;
    }

    .f_28 {
        font-size: 22px;
    }

    .f_30 {
        font-size: 24px;
    }

    .f_32 {
        font-size: 24px;
    }

    .f_34 {
        font-size: 26px;
    }

    .f_36 {
        font-size: 28px;
    }

    .f_40 {
        font-size: 30px;
    }

    .f_42,
    .f_44 {
        font-size: 32px;
    }

    .f_46 {
        font-size: 34px;
    }

    .f_48 {
        font-size: 36px;
    }

    .f_50 {
        font-size: 36px;
    }

    .f_52 {
        font-size: 38px;
    }

    .f_54 {
        font-size: 38px;
    }

    .f_56 {
        font-size: 40px;
    }

    .f_60,
    .f_64,
    .f_72,
    .f_80 {
        font-size: 44px;
    }
}

@media (max-width: 1280px) {
    .f_16 {
        font-size: 13px;
    }

    .f_18 {
        font-size: 15px;
    }

    .f_20 {
        font-size: 17px;
    }

    .f_22 {
        font-size: 18px;
    }

    .f_24 {
        font-size: 20px;
    }

    .f_26 {
        font-size: 22px;
    }

    .f_28 {
        font-size: 22px;
    }

    .f_30 {
        font-size: 24px;
    }

    .f_32 {
        font-size: 24px;
    }

    .f_34 {
        font-size: 26px;
    }

    .f_36 {
        font-size: 28px;
    }

    .f_40 {
        font-size: 30px;
    }

    .f_42,
    .f_44 {
        font-size: 32px;
    }

    .f_46 {
        font-size: 36px;
    }

    .f_48,
    .f_50 {
        font-size: 38px;
    }

    .f_52,
    .f_54,
    .f_56,
    .f_60,
    .f_64,
    .f_72,
    .f_80 {
        font-size: 44px;
    }
}

@media (max-width: 767px) {

    .f_14,
    .f_16 {
        font-size: 0.28rem;
    }

    .f_18,
    .f_20 {
        font-size: 0.3rem;
    }

    .f_22,
    .f_24,
    .f_26,
    .f_27 {
        font-size: 0.32rem;
    }

    .f_28 {
        font-size: 0.36rem;
    }

    .f_30,
    .f_32,
    .f_34 {
        font-size: 0.4rem;
    }

    .f_36,
    .f_40,
    .f_42,
    .f_44,
    .f_46 {
        font-size: 0.46rem;
    }

    .f_48,
    .f_50,
    .f_52,
    .f_54,
    .f_56,
    .f_60,
    .f_64,
    .f_72,
    .f_80 {
        font-size: 0.58rem;
    }
}