body {
    margin:0;padding:0;
    --color-primary:#BB1C21;
    --font-M:"Microsoft Yahei", Sans-serif,黑体,serif;
    --font-H:"Microsoft Yahei", Sans-serif,黑体,serif;
    --font-N:"Microsoft Yahei", Sans-serif,黑体,serif;
    line-height: 32px;
    /*--font-M:黑体;*/
    /*--font-H:黑体;*/
    /*--font-N:黑体;*/
}
*{box-sizing: border-box;margin: 0;padding: 0;font-size: 20px;font-family:var(--font-N);color: #303030;}
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%;}
.relative {position: relative;}
.absolute {position: absolute;}
.hidden {overflow: hidden;}
.clear {clear: both;}
.m-w-0 {min-width: 0;}
.cursor-pointer {cursor: pointer}

.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-60 {margin-top: 60px;}

.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);}

.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) {
    *{font-size: 0.104rem;line-height: 0.18rem;}
    .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-60 {margin-top: 0.312rem;}

    .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;}
}
.qmsg{z-index:2060!important;}
.uni-modal-header{
    padding: 30px 0 0 0!important;
}
.qmsg.qmsg-wrapper{position:fixed;top:136px;left:0;z-index:1010;width:100%;pointer-events:none;color:rgba(0,0,0,0.55);font-size:13px;font-variant:tabular-nums;font-feature-settings:"tnum"}.qmsg .qmsg-item{padding:8px;text-align:center;animation-duration:.3s}.qmsg .qmsg-item .qmsg-content{text-align:left;position:relative;display:inline-block;padding:10px 12px;background:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.15);pointer-events:all;max-width:80%;min-width:80px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-]{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon{display:inline-block;height:16px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon:first-child{margin-right:8px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close{cursor:pointer;color:rgba(0,0,0,0.45);transition:color .3s;margin-left:6px}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close:hover>svg path{stroke:#555}.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-count{display:inline-block;position:absolute;left:-8px;top:-8px;color:#fff;font-size:12px;text-align:center;height:16px;line-height:16px;border-radius:3px;min-width:16px;animation-duration:.3s}.qmsg .qmsg-item .qmsg-content-info{color:#909399}.qmsg .qmsg-item .qmsg-content-info .qmsg-count{background-color:#909399}.qmsg .qmsg-item .qmsg-content-warning{color:#e6a23c}.qmsg .qmsg-item .qmsg-content-warning .qmsg-count{background-color:#e6a23c}.qmsg .qmsg-item .qmsg-content-error{color:#f56c6c}.qmsg .qmsg-item .qmsg-content-error .qmsg-count{background-color:#f56c6c}.qmsg .qmsg-item .qmsg-content-success{color:#67c23a}.qmsg .qmsg-item .qmsg-content-success .qmsg-count{background-color:#67c23a}.qmsg .qmsg-item .qmsg-content-loading{color:#409eff}.qmsg .qmsg-item .qmsg-content-loading .qmsg-count{background-color:#409eff}.qmsg .animate-turn{animation:MessageTurn 1s linear infinite}@keyframes MessageTurn{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes MessageShake{0%,100%{transform:translateX(0px);opacity:1}25%,75%{transform:translateX(-4px);opacity:.75}50%{transform:translateX(4px);opacity:.25}}

.btn-hover:disabled,
.btn-hover:active,
.btn-hover.disabled,
.btn-hover[disabled],
button:active,
button:disabled,
input[type = "button"]:disabled,
input[type = "button"]:active,
.btn:active,
.btn[disabled],
.btn:disabled,
.disabled
{
    opacity: .3;
}
button,input{
    outline: none;
}

.uni-modal,.modal,.bgcover{
    transform: perspective(1px) scale(1);
    transition: visibility 0s linear 0s,opacity .15s 0s,transform .15s;
    backdrop-filter: saturate(97%) blur(41px);
    background: rgba(0,0,0,.2);
}

@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}

.uni-modal{
    top:0;
    left:0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index:9999;
    background: rgba(0,0,0,0.3);
}

.uni-modal .uni-modal-inner{
    width: 394px;
    background: #FFFFFF;
    border-radius: 3px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.uni-modal-content{
    padding: 15px 0 15px 0;
    margin: 0 auto;
    width: calc(100% - 30px);
    color:#333;
    line-height: 21px;
    font-size: 16px;
    text-align: center;
}
.uni-modal-header{
    width: 100%;
    padding: 18px 0 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 21px;
}

.uni-modal-footer{
    width: 100%;
    border-top:solid 1px #f2f2f2;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uni-model-input{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;color: inherit;display: block;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: calc( 100% - 30px );font-size: 14px;margin:15px
}
.uni-modal-footer>.btn{
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.uni-modal-footer>.btn:active{
    opacity: .5;
}

.uni-modal-footer>.btn:nth-child(2){
    border-left: solid 1px #f2f2f2;
}
.flex{
    display: flex;
}
.flex.row{
    flex-direction: row;
}

.flex.column{
    flex-direction: column;
}

.flex.align-item-center,.flex.align-center{
    align-items: center;
}

.flex.justify-center{
    justify-content: center;
}
.c3{
    color:#333;
}
.c6{
    color:#666;
}
.c8{
    color:#888;
}