:root {
    --2:2px;
    --3:3px;
    --4:4px;
    --6:6px;
    --8:8px;
    --10:10px;
    --12:12px;
    --14:14px;
    --16:16px;
    --18:18px;
    --20:20px;
    --22:22px;
    --24:24px;
    --26:26px;
    --28:28px;
    --30:30px;
    --32:32px;
    --34:34px;
    --35:35px;
    --36:36px;
    --38:38px;
    --40:40px;
    --44:44px;
    --48:48px;
    --50:50px;
    --56:56px;
    --60:60px;
    --64:64px;
    --70:70px;
    --80:80px;
    --90:90px;
    --100:100px;
}
body {
    margin:0;padding:0;
    --color-primary:#D21B25;
    --color-text:#303030;
    /*--font-M:SYHT-M,微软雅黑,serif;*/
    /*--font-H:SYHT-H,微软雅黑,serif;*/
    /*--font-N:SYHT-N,微软雅黑,serif;*/
    --font-M:微软雅黑;
    --font-H:微软雅黑;
    --font-N:微软雅黑;
    font-size: var(--20);
}


.font-M {font-family: var(--font-M);}
.font-H {font-family: var(--font-H);}
.font-N {font-family: var(--font-N);}


*{box-sizing: border-box;margin: 0;padding: 0;font-family:var(--font-N);color: var(--color-text);
text-decoration: none !important;}
ul,li,a {list-style: none;text-decoration: none;color: #303030;}

.flex-1 {flex:1;}
.flex-1_1 {flex:1.1;}
.flex-1_2 {flex:1.2;}
.flex-row {flex-direction: row;display: flex;}
.flex-col {flex-direction: column;display: flex;}
.flex-center {align-items: center;justify-content: center;}
.flex-wrap {flex-wrap: wrap;}
.items-center {align-items: center}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-end {justify-content: flex-end;}
.ml-auto {margin-left: auto;}
.mt-auto {margin-top: auto;}
.h-full {height: 100%;}
.w-full {width: 100%;}
.w-50 {width: 50%;}
.w-25 {width: 25%;}
.relative {position: relative;}
.absolute {position: absolute;}
.hidden {overflow: hidden;}
.clear {clear: both;}
.m-w-0 {min-width: 0;}
.cursor-pointer {cursor: pointer}
.text-center {text-align: center;}
.obj-contain {object-fit: contain;}
.obj-cover {object-fit: cover;}

.abs-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.text-12 {font-size: var(--12);}
.text-14 {font-size: var(--14);}
.text-16 {font-size: var(--16);}
.text-18 {font-size: var(--18);}
.text-20 {font-size: var(--20);}
.text-22 {font-size: var(--22);}
.text-24 {font-size: var(--24);}
.text-26 {font-size: var(--26);}
.text-28 {font-size: var(--28);}
.text-30 {font-size: var(--30);}

.font-bold {font-weight: bold;}

.text-line-1 {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.text-line-2 {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.text-line-3 {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}


.gap-20 {gap: var(--20);}
.gap-40 {gap: var(--40);}
.gap-50 {gap: var(--50);}
.gap-60 {gap: var(--60);}


.mt-10 {margin-top: var(--10);}
.mt-20 {margin-top: var(--20);}
.mt-24 {margin-top: var(--24);}
.mt-30 {margin-top: var(--30);}
.mt-35 {margin-top: var(--35);}
.mt-40 {margin-top: var(--40);}
.mt-50 {margin-top: var(--50);}
.mt-60 {margin-top: var(--60);}
.mt-80 {margin-top: var(--80);}

.pl-20 {padding-left: var(--20);}
.pl-40 {padding-left: var(--40);}

.pt-60 {padding-top: var(--60);}
.pb-60 {padding-bottom: var(--60);}

.ptb-30 {padding-top: var(--30);padding-bottom: var(--30);}
.ptb-20 {padding-top: var(--20);padding-bottom: var(--20);}
.ptb-10 {padding-top: var(--10);padding-bottom: var(--10);}

.c-primary {color: var(--color-primary);}
.c-text {color: var(--color-text);}

.bg-white {background: #fff;}

.upper {
    text-transform: uppercase;
}

/*小于1440的屏幕，采用rem计算宽高大小 7.8=(1440/1920)*100 px/(1600/7.5)*/
@media screen and (max-width: 1440px) {
    :root {
        --2:0.0104rem;
        --3:0.0156rem;
        --4:0.0208rem;
        --6:0.0312rem;
        --8:0.0416rem;
        --10:0.052rem;
        --12:0.0625rem;
        --14:0.0729rem;
        --16:0.083rem;
        --18:0.0937rem;
        --20:0.104rem;
        --22:0.114rem;
        --24:0.125rem;
        --26:0.135rem;
        --28:0.145rem;
        --30:0.156rem;
        --32:0.166rem;
        --34:0.177rem;
        --35:0.182rem;
        --36:0.187rem;
        --38:0.197rem;
        --40:0.208rem;
        --44:0.229rem;
        --48:0.25rem;
        --50:0.260rem;
        --56:0.291rem;
        --60:0.312rem;
        --64:0.333rem;
        --70:0.364rem;
        --80:0.416rem;
        --90:0.468rem;
        --100:0.52rem;
    }
}