/*文字透明遮罩 遮罩 透明文字 镂空 文字 文字镂空*/
.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;
}
.margin-auto{margin: auto;}

.width-100{width: 100%;}
.width-100-i{width: 100% !important;}
.width-50{width: 50%;}
.width-50-i{width: 50% !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-20px{height: 20px;}
.height-100-i{height: 100% !important;}

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

.bg-000{background-color: #000;}
.bg-fff{background-color: #fff;}
.bg-fafafa{background-color: #fafafa;}
.bg-f5f5f5{background-color: #f5f5f5;}
.bg-f5f5f5-i{background-color: #f5f5f5 !important;}
.bg-f9f9f9{background-color: #f9f9f9;}
.bg-dddddd{background-color: #dddddd;}
.bg-primary{background-color: var(--color-primary);}
.bg-wechat{background-color: #51c032;}

/*手机*/
@media screen and (max-width: 750px) {
    .flex-auto{}
}
/*PC*/
@media screen and (min-width: 751px){
    .flex-auto{display: flex;}
}



.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)) !important;}
.font-s11{font-size: calc(11 * var(--scale-ratio)) !important;}
.font-s12{font-size: calc(12 * var(--scale-ratio)) !important;}
.font-s13{font-size: calc(13 * var(--scale-ratio)) !important;}
.font-s14{font-size: calc(14 * var(--scale-ratio)) !important;}
.font-s16{font-size: calc(16 * var(--scale-ratio)) !important;}
.font-s17{font-size: calc(17 * var(--scale-ratio)) !important;}
.font-s18{font-size: calc(18 * var(--scale-ratio)) !important;}
.font-s20{font-size: calc(20 * var(--scale-ratio)) !important;}
.font-s22{font-size: calc(22 * var(--scale-ratio)) !important;}
.font-s24{font-size: calc(24 * var(--scale-ratio)) !important;}
.font-s25{font-size: calc(25 * var(--scale-ratio)) !important;}
.font-s26{font-size: calc(26 * var(--scale-ratio)) !important;}
.font-s28{font-size: calc(28 * var(--scale-ratio)) !important;}
.font-s29{font-size: calc(29 * var(--scale-ratio)) !important;}
.font-s30{font-size: calc(30 * var(--scale-ratio)) !important;}
.font-s32{font-size: calc(32 * var(--scale-ratio)) !important;}
.font-s33{font-size: calc(33 * var(--scale-ratio)) !important;}
.font-s34{font-size: calc(34 * var(--scale-ratio)) !important;}
.font-s36{font-size: calc(36 * var(--scale-ratio)) !important;}
.font-s38{font-size: calc(38 * var(--scale-ratio)) !important;}
.font-s40{font-size: calc(40 * var(--scale-ratio)) !important;}
.font-s42{font-size: calc(42 * var(--scale-ratio)) !important;}
.font-s50{font-size: calc(50 * var(--scale-ratio)) !important;}
.font-s56{font-size: calc(56 * var(--scale-ratio)) !important;}
.font-s58{font-size: calc(58 * var(--scale-ratio)) !important;}
.font-s65{font-size: calc(65 * var(--scale-ratio)) !important;}
.font-s70{font-size: calc(70 * var(--scale-ratio)) !important;}
.font-s72{font-size: calc(72 * var(--scale-ratio)) !important;}
.font-s80{font-size: calc(80 * var(--scale-ratio)) !important;}
.font-s108{font-size: calc(108 * var(--scale-ratio)) !important;}
.font-ss10{font-size: calc(10px) !important;}
.font-ss12{font-size: calc(12px) !important;}
.font-ss13{font-size: calc(13px) !important;}
.font-ss14{font-size: calc(14px) !important;}
.font-ss16{font-size: calc(16px) !important;}
.font-ss18{font-size: calc(18px) !important;}
.font-ss20{font-size: calc(20px) !important;}
.font-ss22{font-size: calc(22px) !important;}
.font-ss24{font-size: calc(24px) !important;}
.font-ss26{font-size: calc(26px) !important;}
.font-ss28{font-size: calc(28px) !important;}
.font-ss29{font-size: calc(29px) !important;}
.font-ss30{font-size: calc(30px) !important;}
.font-ss32{font-size: calc(32px) !important;}
.font-ss34{font-size: calc(34px) !important;}
.font-ss36{font-size: calc(36px) !important;}
.font-ss38{font-size: calc(38px) !important;}
.font-ss40{font-size: calc(40px) !important;}
.font-ss42{font-size: calc(42px) !important;}
.font-ss50{font-size: calc(50px) !important;}
.font-ss58{font-size: calc(58px) !important;}
.font-ss80{font-size: calc(80px) !important;}
.font-ss108{font-size: calc(108px) !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-5a5a5d{color: #5a5a5d;}
.font-555555{color: #555555;}
.font-474747{color: #474747;}
.font-6e6e6e{color: #6e6e6e;}
.font-797979{color: #797979;}
.font-9d9d9d{color: #9d9d9d;}
.font-a6a6a6{color: #a6a6a6;}
.font-d1d1d1{color: #d1d1d1;}
.font-00377e{color: #00377e;}
.font-4f6183{color: #4f6183;}
.font-4b4b4b{color: #4b4b4b;}
.font-ffa825{color: #ffa825;}
.font-f8c300{color: #f8c300;}
.font-b98d55{color: #b98d55;}
.font-f98205{color: #f98205;}
.font-ff8601{color: #ff8601;}
.font-1dcc8f{color: #1dcc8f;}
.font-ff6364{color: #ff6364;}
.font-6F9BFF{color: #6F9BFF;}
.font-a0a0a0{color: #a0a0a0;}
.font-32b16c{color: #32b16c;}
.font-51c032{color: #51c032;}
.font-52b852{color: #52b852;}
.font-22b573{color: #22b573;}
.font-0bb27a{color: #0bb27a;}
.font-ff6a1f{color: #ff6a1f;}
.font-007cfc{color: #007cfc;}
.font-335eff{color: #335eff;}
.font-2c4ff3{color: #2c4ff3;}
.font-3467ff{color: #3467ff;}
.font-primary{color: var(--color-primary);}
.font-2e58a6{color: #2e58a6;}
.font-f76561{color: #f76561;}
.font-e51c23{color: #e51c23;}
.font-616161{color: #616161;}
.font-666666{color: #666666;}
.font-676767{color: #676767;}
.font-919191{color: #919191;}
.font-9a9a9a{color: #9a9a9a;}
.font-979797{color: #979797;}
.font-9d9d9d{color: #9d9d9d;}
.font-999999{color: #999999;}
.font-e9eaea{color: #e9eaea;}
.font-333333{color: #333333;}
.font-4a4a4a{color: #4a4a4a;}
.font-ffffff{color: #ffffff;}
.font-1a1818{color: #1a1818;}
.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;}
.font-left{text-align: left;}
.font-right{text-align: right;}

.el-button--tixing-cheng{
    background-color: rgba(249,130,51,.95);
    color: #fff;
    transition: .3s;
}
.el-button--tixing-cheng:hover{
    background-color: rgba(249,130,51,1);
    color: #fff;
}
.el-button--tixing-cheng:active,.el-button--tixing-cheng:focus{
    background-color: rgba(249,130,51,1);
    color: #fff;
}
.el-tag--tixing-cheng{
    background-color: rgba(249,130,51,.95);
    border-color: rgba(249,130,51,.95);
    color: #fff;
    transition: .3s;
}
.el-tag--tixing-cheng:hover{
    background-color: rgba(249,130,51,1);
    border-color: rgba(249,130,51,1);
    color: #fff;
}
.el-tag--tixing-cheng:active,.el-tag--tixing-cheng:focus{
    background-color: rgba(249,130,51,1);
    border-color: rgba(249,130,51,1);
    color: #fff;
}


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


.flex{display: flex;}
.just-bet{justify-content: space-between}
.just-cen{justify-content: center}
.just-end{justify-content: flex-end}
.ali-cen{align-items: center;}
.ali-end{align-items: flex-end;}
.ali-start{align-items: flex-start;}
.shrink0{flex-shrink: 0;}
.flex-wrap{flex-wrap: wrap;}
.cursor-hand{cursor: pointer;}
.cursor-cannot{cursor: not-allowed;}
.select-none{user-select: none;}
.mobile-click{-webkit-tap-highlight-color: transparent;}
/*圆 -- 实心圆*/

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

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

.box-shadow{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);}
.border-t{border-top: 1px solid;}
.border-t-dashed{border-top: 1px dashed;}
.border-l{border-left: 1px solid;}
.border-l2{border-left: 2px solid;}
.border-b{border-bottom: 1px solid;}
.border-b-dashed{border-bottom: 1px dashed;}
.border-r{border-right: 1px solid;}
.border-r2{border-right: 2px solid;}
.border-b2{border-bottom: 2px solid;}
.border-b3{border-bottom: 3px solid;}
.border-t2{border-top: 2px solid;}
.border-radius-5{border-radius: 5px;}
.border-radius-10{border-radius: 10px;}
.border-radius-15{border-radius: 15px;}
.overhide{overflow: hidden;}
.add-border{border: 1px solid;}
.border-color-base{border-color: var(--border-color-base);}
.border-color-f1f2f7{border-color: #f1f2f7;}
.border-color-eaeaea{border-color: #eaeaea;}
.border-color-fbfbfb{border-color: #fbfbfb;}
.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-ebebeb{border-color: #ebebeb;}
.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);
}