/*文字透明遮罩 遮罩 透明文字 镂空 文字 文字镂空*/
.mask-font{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: calc((100vw - 30px) / 4);
}
/*
识别换行符*/
.know-line{
    white-space: pre-line;
}
:root{
    --letter-to-color:#2440b3;
    --color-strong:#d94027;
    --handle-color: #b72619;
}
/*滚动条*/
.scroll-small::-webkit-scrollbar{
    height: 5px;
    width: 5px;/*导航条宽度*/
}
.scroll-small::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 0px;
}
/*强制N行*/
.just-line1{
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}
.just-line2{
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.just-line3{
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.just-line4{
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}

/*文字透明遮罩 遮罩 透明文字 镂空 文字 文字镂空*/
.mask-font{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: calc((100vw - 30px) / 4);
}
/*公共*/
.flex-between{
    display: flex;
    justify-content:space-between;
    align-items: center;
}

.width-100{width: 100%;}
.width-100-i{width: 100% !important;}
.width-50-600{
    min-width: 600px;
    width: 50%;
}
.width-80-1200{
    min-width: 1200px;
    width: 80%;
}
.width-60-915{
    min-width: 915px;
    width: 60%;
}
.height-100{height: 100%;}
.height-100-i{height: 100% !important;}

.clear-line{line-height: 1;}
.inline-block{display: inline-block;}
.font-nowrap{white-space: nowrap;}

.font-w-400{font-weight: 400 !important;}
.font-w-700{font-weight: 700 !important;}
.font-w-900{font-weight: 900 !important;}
.font-s-r7{font-size: 70% !important;}
.font-s10{font-size: calc(10 * var(--scale-ratio-w)) !important;}
.font-s12{font-size: calc(12 * var(--scale-ratio-w)) !important;}
.font-s13{font-size: calc(13 * var(--scale-ratio-w)) !important;}
.font-s14{font-size: calc(14 * var(--scale-ratio-w)) !important;}
.font-s16{font-size: calc(16 * var(--scale-ratio-w)) !important;}
.font-s18{font-size: calc(18 * var(--scale-ratio-w)) !important;}
.font-s20{font-size: calc(20 * var(--scale-ratio-w)) !important;}
.font-s22{font-size: calc(22 * var(--scale-ratio-w)) !important;}
.font-s24{font-size: calc(24 * var(--scale-ratio-w)) !important;}
.font-s26{font-size: calc(26 * var(--scale-ratio-w)) !important;}
.font-s28{font-size: calc(28 * var(--scale-ratio-w)) !important;}
.font-s29{font-size: calc(29 * var(--scale-ratio-w)) !important;}
.font-s30{font-size: calc(30 * var(--scale-ratio-w)) !important;}
.font-s32{font-size: calc(32 * var(--scale-ratio-w)) !important;}
.font-s34{font-size: calc(34 * var(--scale-ratio-w)) !important;}
.font-s36{font-size: calc(36 * var(--scale-ratio-w)) !important;}
.font-s38{font-size: calc(38 * var(--scale-ratio-w)) !important;}
.font-s40{font-size: calc(40 * var(--scale-ratio-w)) !important;}
.font-s42{font-size: calc(42 * var(--scale-ratio-w)) !important;}
.font-s50{font-size: calc(50 * var(--scale-ratio-w)) !important;}
.font-s58{font-size: calc(58 * var(--scale-ratio-w)) !important;}
.font-s80{font-size: calc(80 * var(--scale-ratio-w)) !important;}
.font-s108{font-size: calc(108 * var(--scale-ratio-w)) !important;}

.font-c1{color: var(--color-font-regular);}
.font-c2{color: var(--color-font-secondary);}
.font-hover{color: var(--color-font-placeholder);}
.font-000000{color: #000000;}
.font-474747{color: #474747;}
.font-464646{color: #464646;}
.font-00377e{color: #00377e;}
.font-4b4b4b{color: #4b4b4b;}
.font-ffa825{color: #ffa825;}
.font-b98d55{color: #b98d55;}
.font-ff8601{color: #ff8601;}
.font-ff6364{color: #ff6364;}
.font-6F9BFF{color: #6F9BFF;}
.font-a0a0a0{color: #a0a0a0;}
.font-52b852{color: #52b852;}
.font-22b573{color: #22b573;}
.font-0bb27a{color: #0bb27a;}
.font-ff6a1f{color: #ff6a1f;}
.font-3467ff{color: #3467ff;}
.font-2e58a6{color: #2e58a6;}
.font-e51c23{color: #e51c23;}
.font-919191{color: #919191;}
.font-979797{color: #979797;}
.font-999999{color: #999999;}
.font-333333{color: #333333;}
.font-ffffff{color: #ffffff;}
.font-131313{color:#131313;}
.font-ff8000{color: #ff8000;}
.font-c-r7{color: rgba(0,0,0,.7);}
.font-c-r8{color: rgba(0,0,0,.8);}

.font-center{
    text-align: center;
}


.inline-block{display: inline-block;}


.flex{display: flex;}
.just-bet{justify-content: space-between}
.just-cen{justify-content: center}
.ali-cen{align-items: center;}
.ali-end{align-items: flex-end;}
.shrink0{flex-shrink: 0;}
.flex-wrap{flex-wrap: wrap;}
.cursor-hand{cursor: pointer;}
.cursor-cannot{cursor: not-allowed;}
.select-none{user-select: none;}

.margin-t-5{margin-top:calc( 5 * var(--scale-ratio-w));}
.margin-t-7{margin-top:calc( 7 * var(--scale-ratio-w));}
.margin-t-10{margin-top: calc(10 * var(--scale-ratio-w));}
.margin-t-12{margin-top: calc(12 * var(--scale-ratio-w));}
.margin-t-15{margin-top: calc(15 * var(--scale-ratio-w));}
.margin-t-18{margin-top: calc(18 * var(--scale-ratio-w));}
.margin-t-20{margin-top: calc(20 * var(--scale-ratio-w));}
.margin-t-25{margin-top: calc(25 * var(--scale-ratio-w));}
.margin-t-30{margin-top: calc(30 * var(--scale-ratio-w));}
.margin-t-35{margin-top: calc(35 * var(--scale-ratio-w));}
.margin-t-40{margin-top: calc(40 * var(--scale-ratio-w));}
.margin-t-45{margin-top: calc(45 * var(--scale-ratio-w));}
.margin-t-50{margin-top: calc(50 * var(--scale-ratio-w));}
.margin-t-55{margin-top: calc(55 * var(--scale-ratio-w));}
.margin-t-60{margin-top: calc(60 * var(--scale-ratio-w));}
.margin-t-65{margin-top: calc(65 * var(--scale-ratio-w));}
.margin-t-70{margin-top: calc(70 * var(--scale-ratio-w));}
.margin-t-75{margin-top: calc(75 * var(--scale-ratio-w));}
.margin-t-80{margin-top: calc(80 * var(--scale-ratio-w));}
.margin-t-90{margin-top: calc(90 * var(--scale-ratio-w));}
.margin-t-100{margin-top: calc(100 * var(--scale-ratio-w));}
.margin-t-200{margin-top: calc(200 * var(--scale-ratio-w));}
.margin-b-5{margin-bottom:calc( 5 * var(--scale-ratio-w));}
.margin-b-10{margin-bottom: calc(10 * var(--scale-ratio-w));}
.margin-b-15{margin-bottom: calc(15 * var(--scale-ratio-w));}
.margin-b-20{margin-bottom: calc(20 * var(--scale-ratio-w));}
.margin-b-25{margin-bottom: calc(25 * var(--scale-ratio-w));}
.margin-b-30{margin-bottom: calc(30 * var(--scale-ratio-w));}
.margin-b-35{margin-bottom: calc(35 * var(--scale-ratio-w));}
.margin-b-40{margin-bottom: calc(40 * var(--scale-ratio-w));}
.margin-b-45{margin-bottom: calc(45 * var(--scale-ratio-w));}
.margin-b-50{margin-bottom: calc(50 * var(--scale-ratio-w));}
.margin-b-55{margin-bottom: calc(55 * var(--scale-ratio-w));}
.margin-b-70{margin-bottom: calc(70 * var(--scale-ratio-w));}
.margin-b-75{margin-bottom: calc(75 * var(--scale-ratio-w));}
.margin-b-80{margin-bottom: calc(80 * var(--scale-ratio-w));}
.margin-b-90{margin-bottom: calc(90 * var(--scale-ratio-w));}
.margin-b-100{margin-bottom: calc(100 * var(--scale-ratio-w));}
.margin-b-120{margin-bottom: calc(120 * var(--scale-ratio-w));}
.margin-r-5{margin-right:calc( 5 * var(--scale-ratio-w));}
.margin-r-8{margin-right:calc( 8 * var(--scale-ratio-w));}
.margin-r-10{margin-right: calc(10 * var(--scale-ratio-w));}
.margin-r-15{margin-right: calc(15 * var(--scale-ratio-w));}
.margin-r-20{margin-right: calc(20 * var(--scale-ratio-w));}
.margin-r-25{margin-right: calc(25 * var(--scale-ratio-w));}
.margin-r-30{margin-right: calc(30 * var(--scale-ratio-w));}
.margin-r-35{margin-right: calc(35 * var(--scale-ratio-w));}
.margin-r-40{margin-right: calc(40 * var(--scale-ratio-w));}
.margin-r-45{margin-right: calc(45 * var(--scale-ratio-w));}
.margin-r-50{margin-right: calc(50 * var(--scale-ratio-w));}
.margin-r-75{margin-right: calc(75 * var(--scale-ratio-w));}
.margin-r-80{margin-right: calc(80 * var(--scale-ratio-w));}
.margin-r-90{margin-right: calc(90 * var(--scale-ratio-w));}
.margin-l--80{margin-left: calc(-80 * var(--scale-ratio-w));}
.margin-l-5{margin-left: calc(5 * var(--scale-ratio-w));}
.margin-l-8{margin-left: calc(8 * var(--scale-ratio-w));}
.margin-l-10{margin-left: calc(10 * var(--scale-ratio-w));}
.margin-l-15{margin-left: calc(15 * var(--scale-ratio-w));}
.margin-l-25{margin-left: calc(25 * var(--scale-ratio-w));}
.margin-l-30{margin-left: calc(30 * var(--scale-ratio-w));}
.margin-l-35{margin-left: calc(35 * var(--scale-ratio-w));}
.margin-l-40{margin-left: calc(40 * var(--scale-ratio-w));}
.margin-l-45{margin-left: calc(45 * var(--scale-ratio-w));}
.margin-l-50{margin-left: calc(50 * var(--scale-ratio-w));}
.margin-l-60{margin-left: calc(60 * var(--scale-ratio-w));}
.margin-l-65{margin-left: calc(65 * var(--scale-ratio-w));}
.margin-l-70{margin-left: calc(70 * var(--scale-ratio-w));}
.margin-l-75{margin-left: calc(75 * var(--scale-ratio-w));}
.margin-l-90{margin-left: calc(90 * var(--scale-ratio-w));}
.margin-l-100{margin-left: calc(100 * var(--scale-ratio-w));}
.margin-l-145{margin-left: calc(145 * var(--scale-ratio-w));}
.margin-l-165{margin-left: calc(165 * var(--scale-ratio-w));}
.margin-l-280{margin-left: calc(280 * var(--scale-ratio-w));}

.padding-t-5{padding-top: calc(5 * var(--scale-ratio-w));}
.padding-t-10{padding-top: calc(10 * var(--scale-ratio-w));}
.padding-t-15{padding-top: calc(15 * var(--scale-ratio-w));}
.padding-t-20{padding-top: calc(20 * var(--scale-ratio-w));}
.padding-t-25{padding-top: calc(25 * var(--scale-ratio-w));}
.padding-t-30{padding-top: calc(30 * var(--scale-ratio-w));}
.padding-t-35{padding-top: calc(35 * var(--scale-ratio-w));}
.padding-t-40{padding-top: calc(40 * var(--scale-ratio-w));}
.padding-t-45{padding-top: calc(45 * var(--scale-ratio-w));}
.padding-t-50{padding-top: calc(50 * var(--scale-ratio-w));}
.padding-t-55{padding-top: calc(55 * var(--scale-ratio-w));}
.padding-t-85{padding-top: calc(85 * var(--scale-ratio-w));}
.padding-t-95{padding-top: calc(95 * var(--scale-ratio-w));}
.padding-t-100{padding-top: calc(100 * var(--scale-ratio-w));}
.padding-t-115{padding-top: calc(115 * var(--scale-ratio-w));}
.padding-t-170{padding-top: calc(170 * var(--scale-ratio-w));}
.padding-b-5{padding-bottom: calc(5 * var(--scale-ratio-w));}
.padding-b-10{padding-bottom: calc(10 * var(--scale-ratio-w));}
.padding-b-15{padding-bottom: calc(15 * var(--scale-ratio-w));}
.padding-b-20{padding-bottom: calc(20 * var(--scale-ratio-w));}
.padding-b-25{padding-bottom: calc(25 * var(--scale-ratio-w));}
.padding-b-30{padding-bottom: calc(30 * var(--scale-ratio-w));}
.padding-b-35{padding-bottom: calc(35 * var(--scale-ratio-w));}
.padding-b-40{padding-bottom: calc(40 * var(--scale-ratio-w));}
.padding-b-45{padding-bottom: calc(45 * var(--scale-ratio-w));}
.padding-b-50{padding-bottom: calc(50 * var(--scale-ratio-w));}
.padding-b-60{padding-bottom: calc(60 * var(--scale-ratio-w));}
.padding-b-55{padding-bottom: calc(55 * var(--scale-ratio-w));}
.padding-b-75{padding-bottom: calc(75 * var(--scale-ratio-w));}
.padding-b-85{padding-bottom: calc(85 * var(--scale-ratio-w));}
.padding-b-90{padding-bottom: calc(90 * var(--scale-ratio-w));}
.padding-b-95{padding-bottom: calc(95 * var(--scale-ratio-w));}
.padding-b-100{padding-bottom: calc(100 * var(--scale-ratio-w));}
.padding-b-140{padding-bottom: calc(140 * var(--scale-ratio-w));}
.padding-l-5{padding-left: calc(5 * var(--scale-ratio-w));}
.padding-l-10{padding-left: calc(10 * var(--scale-ratio-w));}
.padding-l-15{padding-left: calc(15 * var(--scale-ratio-w));}
.padding-l-20{padding-left: calc(20 * var(--scale-ratio-w));}
.padding-l-25{padding-left: calc(25 * var(--scale-ratio-w));}
.padding-l-30{padding-left: calc(30 * var(--scale-ratio-w));}
.padding-l-40{padding-left: calc(40 * var(--scale-ratio-w));}
.padding-l-45{padding-left: calc(45 * var(--scale-ratio-w));}
.padding-l-50{padding-left: calc(50 * var(--scale-ratio-w));}
.padding-l-55{padding-left: calc(55 * var(--scale-ratio-w));}
.padding-l-100{padding-left: calc(100 * var(--scale-ratio-w));}
.padding-l-150{padding-left: calc(150 * var(--scale-ratio-w));}
.padding-l-160{padding-left: calc(160 * var(--scale-ratio-w));}
.padding-l-225{padding-left: calc(225 * var(--scale-ratio-w));}
.padding-l-280{padding-left: calc(280 * var(--scale-ratio-w));}
.padding-r-5{padding-right: calc(5 * var(--scale-ratio-w));}
.padding-r-10{padding-right: calc(10 * var(--scale-ratio-w));}
.padding-r-15{padding-right: calc(15 * var(--scale-ratio-w));}
.padding-r-25{padding-right: calc(25 * var(--scale-ratio-w));}
.padding-r-30{padding-right: calc(30 * var(--scale-ratio-w));}
.padding-r-35{padding-right: calc(35 * var(--scale-ratio-w));}
.padding-r-40{padding-right: calc(40 * var(--scale-ratio-w));}
.padding-r-45{padding-right: calc(45 * var(--scale-ratio-w));}
.padding-r-50{padding-right: calc(50 * var(--scale-ratio-w));}
.padding-r-58{padding-right: calc(58 * var(--scale-ratio-w));}
.padding-r-65{padding-right: calc(65 * var(--scale-ratio-w));}
.padding-r-100{padding-right: calc(100 * var(--scale-ratio-w));}
.padding-r-160{padding-right: calc(160 * var(--scale-ratio-w));}
.padding-r-215{padding-right: calc(215 * var(--scale-ratio-w));}
.padding-r-280{padding-right: calc(280 * var(--scale-ratio-w));}

.border-t{border-top: 1px solid;}
.border-l{border-left: 1px solid;}
.border-b{border-bottom: 1px solid;}
.border-r{border-right: 1px solid;}
.border-b2{border-bottom: 2px solid;}
.border-t2{border-top: 2px solid;}
.add-border{border: 1px solid;}
.border-color-base{border-color: var(--border-color-base);}
.border-color-f1f2f7{border-color: #f1f2f7;}
.border-color-d2d2d2{border-color: #d2d2d2;}
.border-color-e1e1e1{border-color: #e1e1e1;}
.border-color-e0e0e0{border-color: #e0e0e0;}
.border-color-e5e5e5{border-color: #e5e5e5;}
.border-color-dce2e8{border-color: #dce2e8;}
.border-color-999b98{border-color: #999b98;}
.scroll-animate-box{
    position: relative;
}

.hover-strong:hover{
    transition: .3s;
    font-weight: 700 !important;
}
.hover-big:hover{
    transition: .3s;
    transform: scale(1.1);
}