body {
    margin:0;padding:0;
    --color-primary:#F4094E;
    --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-main-link:unset;
}

.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-size: 20px;font-family:var(--font-N);color: var(--color-text);}
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%;}
.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;}

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

.text-14 {font-size: 14px;}
.text-16 {font-size: 16px;}
.text-18 {font-size: 18px;}
.text-20 {font-size: 20px;}
.text-22 {font-size: 22px;}
.text-24 {font-size: 24px;}
.text-26 {font-size: 26px;}
.text-28 {font-size: 28px;}
.text-30 {font-size: 30px;}

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

.text-sub {color: #a3a3a3;}
.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;
}

.bg-white {background: #fff;}
.gap-20 {gap:20px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}

.pl-20 {padding-left: 20px;}
.pl-40 {padding-left: 40px;}

.pt-60 {padding-top: 60px;}
.pb-60 {padding-bottom: 60px;}

.ptb-30 {padding-top: 30px;padding-bottom: 30px;}
.ptb-20 {padding-top: 20px;padding-bottom: 20px;}
.ptb-10 {padding-top: 10px;padding-bottom: 10px;}

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

.border-top-dashed {border-top: 1px dashed #d8d8d8;}
.bg-f0 {background: #f0f0f0;}




/*小于1600的屏幕，采用rem计算宽高大小 8.333=(1600/1920)*100 px/(1600/8.333)*/
@media screen and (max-width: 1600px) {
    .gap-20 {gap:0.104rem;}
    .mt-10 {margin-top: 0.052rem;}
    .mt-20 {margin-top: 0.104rem;}
    .mt-30 {margin-top: 0.156rem;}
    .mt-35 {margin-top: 0.182rem;}
    .mt-40 {margin-top: 0.208rem;}
    .mt-50 {margin-top: 0.26rem;}
    .mt-60 {margin-top: 0.312rem;}
    .mt-80 {margin-top: 0.416rem;}

    .pl-20 {padding-left: 0.104rem;}
    .pl-40 {padding-left: 0.208rem;}

    .text-14 {font-size: 0.0729rem;}
    .text-16 {font-size: 0.0833rem;}
    .text-18 {font-size: 0.0937rem;}
    .text-20 {font-size: 0.104rem;}
    .text-22 {font-size: 0.114rem;}
    .text-24 {font-size: 0.125rem;}
    .text-26 {font-size: 0.135rem;}
    .text-28 {font-size: 0.145rem;}
    .text-30 {font-size: 0.156rem;}

    .pt-60 {padding-top: 0.312rem;}
    .pb-60 {padding-bottom: 0.312rem;}
    .ptb-30 {padding-top: 0.156rem;padding-bottom: 0.156rem;}
    .ptb-20 {padding-top: 0.104rem;padding-bottom: 0.104rem;}
    .ptb-20 {padding-top: 0.052rem;padding-bottom: 0.052rem;}

}