/*背景色*/
.bg-white { background-color: #fff;}
.bg-black { background-color: #000;}
.bg-primary { background-color: var(--color-primary);}
.bg-default { background-color: #f2f3f5;}
.bg-sub-blue { background-color: var(--color-sub-blue);;}
.bg-sub-1 { background-color: #f8f9fc;}
.bg-blue-1 { background-color: #eff9ff;}
.bg-247 { background-color: #f7f7f7}

/*边框*/
.bor-primary { border: 1px solid var(--borColor);}
.bor-t-primary { border-top: 1px solid var(--borColor);}
.bor-b-primary { border-bottom: 1px solid var(--borColor);}
.bor-l-primary { border-left: 1px solid var(--borColor);}
.bor-r-primary { border-right: 1px solid var(--borColor);}

.bor-dashed-primary { border: 1px dashed var(--borColor);}
.bor-dashed-t-primary { border-top: 1px dashed var(--borColor);}
.bor-dashed-b-primary { border-bottom: 1px dashed var(--borColor);}
.bor-dashed-l-primary { border-left: 1px dashed var(--borColor);}
.bor-dashed-r-primary { border-right: 1px dashed var(--borColor);}

.bor-t-sub-1 { border-top: 1px solid #8c8b9c;}
.bor-r-sub-1 { border-right: 1px solid #8c8b9c;}

.bor-r-241 { border-right: 1px solid #f1f1f1;}
.bor-b-241 { border-bottom: 1px solid #f1f1f1;}

.bor-blue { border: 1px solid #009cff;}
.bor-orange { border: 1px solid #fb701c;}

/*圆角*/
.radius-2 {border-radius: 2px;}
.radius-3 {border-radius: 3px;}
.radius-6 {border-radius: 6px;}
.radius-12 {border-radius: 12px;}
.radius-24 {border-radius: 24px;}
.radius-circle {border-radius: 50%;}

/*内间距*/
.pt1 { padding-top: 1px;}
.pt2 { padding-top: 2px;}
.pt3 { padding-top: 3px;}
.pt4 { padding-top: 4px;}
.pt5 { padding-top: 5px;}
.pt6 { padding-top: 6px;}
.pt7 { padding-top: 7px;}
.pt8 { padding-top: 8px;}
.pt9 { padding-top: 9px;}
.pt10 { padding-top: 10px;}
.pt12 { padding-top: 12px;}
.pt14 { padding-top: 14px;}
.pt15 { padding-top: 15px;}
.pt16 { padding-top: 16px;}
.pt17 { padding-top: 17px;}
.pt18 { padding-top: 18px;}
.pt19 { padding-top: 19px;}
.pt20 { padding-top: 20px;}
.pt21 { padding-top: 21px;}
.pt22 { padding-top: 22px;}
.pt23 { padding-top: 23px;}
.pt24 { padding-top: 24px;}
.pt25 { padding-top: 25px;}
.pt26 { padding-top: 26px;}
.pt28 { padding-top: 28px;}
.pt30 { padding-top: 30px;}
.pt32 { padding-top: 32px;}
.pt34 { padding-top: 34px;}
.pt33 { padding-top: 33px;}
.pt35 { padding-top: 35px;}
.pt36 { padding-top: 36px;}
.pt38 { padding-top: 38px;}
.pt40 { padding-top: 40px;}
.pt44 { padding-top: 44px;}
.pt45 { padding-top: 45px;}
.pt46 { padding-top: 46px;}
.pt50 { padding-top: 50px;}
.pt55 { padding-top: 55px;}
.pt60 { padding-top: 60px;}
.pt80 { padding-top: 80px;}
.pt100 { padding-top: 100px;}
.pt125 { padding-top: 125px;}
.pt135 { padding-top: 135px;}

.pb1 { padding-bottom: 1px;}
.pb2 { padding-bottom: 2px;}
.pb3 { padding-bottom: 3px;}
.pb4 { padding-bottom: 4px;}
.pb5 { padding-bottom: 5px;}
.pb6 { padding-bottom: 6px;}
.pb7 { padding-bottom: 7px;}
.pb8 { padding-bottom: 8px;}
.pb9 { padding-bottom: 9px;}
.pb10 { padding-bottom: 10px;}
.pb12 { padding-bottom: 12px;}
.pb14 { padding-bottom: 14px;}
.pb15 { padding-bottom: 15px;}
.pb16 { padding-bottom: 16px;}
.pb17 { padding-bottom: 17px;}
.pb18 { padding-bottom: 18px;}
.pb20 { padding-bottom: 20px;}
.pb21 { padding-bottom: 21px;}
.pb22 { padding-bottom: 22px;}
.pb23 { padding-bottom: 23px;}
.pb24 { padding-bottom: 24px;}
.pb25 { padding-bottom: 25px;}
.pb26 { padding-bottom: 26px;}
.pb27 { padding-bottom: 27px;}
.pb28 { padding-bottom: 28px;}
.pb29 { padding-bottom: 29px;}
.pb30 { padding-bottom: 30px;}
.pb32 { padding-bottom: 32px;}
.pb34 { padding-bottom: 34px;}
.pb35 { padding-bottom: 35px;}
.pb36 { padding-bottom: 36px;}
.pb38 { padding-bottom: 38px;}
.pb40 { padding-bottom: 40px;}
.pb44 { padding-bottom: 44px;}
.pb45 { padding-bottom: 45px;}
.pb46 { padding-bottom: 46px;}
.pb50 { padding-bottom: 50px;}
.pb55 { padding-bottom: 55px;}
.pb60 { padding-bottom: 60px;}
.pb70 { padding-bottom: 70px;}
.pb78 { padding-bottom: 78px;}
.pb80 { padding-bottom: 80px;}
.pb90 { padding-bottom: 90px;}
.pb100 { padding-bottom: 100px;}
.pb115 { padding-bottom: 115px;}
.pb135 { padding-bottom: 135px;}
.pb300 { padding-bottom: 300px;}

.pl1 { padding-left: 1px;}
.pl2 { padding-left: 2px;}
.pl3 { padding-left: 3px;}
.pl4 { padding-left: 4px;}
.pl5 { padding-left: 5px;}
.pl7 { padding-left: 7px;}
.pl8 { padding-left: 8px;}
.pl9 { padding-left: 9px;}
.pl6 { padding-left: 6px;}
.pl10 { padding-left: 10px;}
.pl11 { padding-left: 11px;}
.pl12 { padding-left: 12px;}
.pl14 { padding-left: 14px;}
.pl15 { padding-left: 15px;}
.pl16 { padding-left: 16px;}
.pl17 { padding-left: 17px;}
.pl18 { padding-left: 18px;}
.pl20 { padding-left: 20px;}
.pl22 { padding-left: 22px;}
.pl24 { padding-left: 24px;}
.pl25 { padding-left: 25px;}
.pl26 { padding-left: 26px;}
.pl28 { padding-left: 28px;}
.pl30 { padding-left: 30px;}
.pl32 { padding-left: 32px;}
.pl36 { padding-left: 36px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}
.pl52 { padding-left: 52px;}
.pl56 { padding-left: 56px;}
.pl60 { padding-left: 60px;}
.pl66 { padding-left: 66px;}
.pl80 { padding-left: 80px;}
.pl84 { padding-left: 84px;}

.pr1 { padding-right: 1px;}
.pr2 { padding-right: 2px;}
.pr3 { padding-right: 3px;}
.pr4 { padding-right: 4px;}
.pr5{ padding-right: 5px;}
.pr6{ padding-right: 6px;}
.pr7{ padding-right: 7px;}
.pr8{ padding-right: 8px;}
.pr9{ padding-right: 9px;}
.pr10{ padding-right: 10px;}
.pr11{ padding-right: 11px;}
.pr12{ padding-right: 12px;}
.pr14{ padding-right: 14px;}
.pr15{ padding-right: 15px;}
.pr16{ padding-right: 16px;}
.pr18{ padding-right: 18px;}
.pr20 { padding-right: 20px;}
.pr22 { padding-right: 22px;}
.pr24 { padding-right: 24px;}
.pr25 { padding-right: 25px;}
.pr26 { padding-right: 26px;}
.pr28 { padding-right: 28px;}
.pr30 { padding-right: 30px;}
.pr32 { padding-right: 32px;}
.pr35 { padding-right: 35px;}
.pr36 { padding-right: 36px;}
.pr38 { padding-right: 38px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pr52 { padding-right: 52px;}
.pr60 { padding-right: 60px;}
.pr66 { padding-right: 66px;}
.pr80 { padding-right: 80px;}

/*外间距*/
.mt1 { margin-top: 1px;}
.mt2 { margin-top: 2px;}
.mt3 { margin-top: 3px;}
.mt4 { margin-top: 4px;}
.mt5 { margin-top: 5px;}
.mt6 { margin-top: 6px;}
.mt7 { margin-top: 7px;}
.mt8 { margin-top: 8px;}
.mt9 { margin-top: 9px;}
.mt10 { margin-top: 10px;}
.mt11 { margin-top: 11px;}
.mt12 { margin-top: 12px;}
.mt13 { margin-top: 13px;}
.mt14 { margin-top: 14px;}
.mt15 { margin-top: 15px;}
.mt16 { margin-top: 16px;}
.mt17 { margin-top: 17px;}
.mt18 { margin-top: 18px;}
.mt19 { margin-top: 18px;}
.mt20 { margin-top: 20px;}
.mt24 { margin-top: 24px;}
.mt28 { margin-top: 28px;}
.mt29 { margin-top: 29px;}
.mt22 { margin-top: 22px;}
.mt23 { margin-top: 23px;}
.mt25 { margin-top: 25px;}
.mt26 { margin-top: 26px;}
.mt28 { margin-top: 28px;}
.mt30 { margin-top: 30px;}
.mt32 { margin-top: 32px;}
.mt33 { margin-top: 33px;}
.mt34 { margin-top: 34px;}
.mt35 { margin-top: 35px;}
.mt36 { margin-top: 36px;}
.mt37 { margin-top: 37px;}
.mt38 { margin-top: 38px;}
.mt40 { margin-top: 40px;}
.mt41 { margin-top: 41px;}
.mt42 { margin-top: 42px;}
.mt45 { margin-top: 45px;}
.mt46 { margin-top: 46px;}
.mt47 { margin-top: 47px;}
.mt48 { margin-top: 48px;}
.mt50 { margin-top: 50px;}
.mt52 { margin-top: 52px;}
.mt54 { margin-top: 54px;}
.mt56 { margin-top: 56px;}
.mt58 { margin-top: 58px;}
.mt60 { margin-top: 60px;}
.mt64 { margin-top: 64px;}
.mt66 { margin-top: 66px;}
.mt70 { margin-top: 70px;}
.mt75 { margin-top: 75px;}
.mt84 { margin-top: 84px;}
.mt86 { margin-top: 86px;}
.mt88 { margin-top: 88px;}
.mt90 { margin-top: 90px;}
.mt110 { margin-top: 110px;}
.mt120 { margin-top: 120px;}
.mt125 { margin-top: 125px;}

.mb3 { margin-bottom: 3px;}
.mb4 { margin-bottom: 4px;}
.mb5 { margin-bottom: 5px;}
.mb6 { margin-bottom: 6px;}
.mb7 { margin-bottom: 7px;}
.mb8 { margin-bottom: 8px;}
.mb9 { margin-bottom: 9px;}
.mb10 { margin-bottom: 10px;}
.mb12 { margin-bottom: 12px;}
.mb13 { margin-bottom: 13px;}
.mb14 { margin-bottom: 14px;}
.mb15 { margin-bottom: 15px;}
.mb16 { margin-bottom: 16px;}
.mb17 { margin-bottom: 17px;}
.mb18 { margin-bottom: 18px;}
.mb19 { margin-bottom: 19px;}
.mb20 { margin-bottom: 20px;}
.mb22 { margin-bottom: 22px;}
.mb23 { margin-bottom: 23px;}
.mb24 { margin-bottom: 24px;}
.mb25 { margin-bottom: 25px;}
.mb28 { margin-bottom: 28px;}
.mb30 { margin-bottom: 30px;}
.mb33 { margin-bottom: 33px;}
.mb34 { margin-bottom: 34px;}
.mb35 { margin-bottom: 35px;}
.mb38 { margin-bottom: 38px;}
.mb40 { margin-bottom: 40px;}
.mb41 { margin-bottom: 41px;}
.mb44 { margin-bottom: 44px;}
.mb46 { margin-bottom: 46px;}
.mb56 { margin-bottom: 56px;}
.mb60 { margin-bottom: 60px;}
.mb118 { margin-bottom: 118px;}

.ml1 { margin-left: 1px;}
.ml2 { margin-left: 2px;}
.ml3 { margin-left: 3px;}
.ml4 { margin-left: 4px;}
.ml5 { margin-left: 5px;}
.ml6 { margin-left: 6px;}
.ml7 { margin-left: 7px;}
.ml8 { margin-left: 8px;}
.ml9 { margin-left: 9px;}
.ml10 { margin-left: 10px;}
.ml11 { margin-left: 11px;}
.ml12 { margin-left: 12px;}
.ml13 { margin-left: 13px;}
.ml14 { margin-left: 14px;}
.ml15 { margin-left: 15px;}
.ml16 { margin-left: 16px;}
.ml18 { margin-left: 18px;}
.ml19 { margin-left: 19px;}
.ml20 { margin-left: 20px;}
.ml22 { margin-left: 22px;}
.ml23 { margin-left: 23px;}
.ml24 { margin-left: 24px;}
.ml25 { margin-left: 25px;}
.ml26 { margin-left: 26px;}
.ml27 { margin-left: 27px;}
.ml28 { margin-left: 28px;}
.ml29 { margin-left: 29px;}
.ml30 { margin-left: 30px;}
.ml31 { margin-left: 31px;}
.ml32 { margin-left: 32px;}
.ml33 { margin-left: 33px;}
.ml35 { margin-left: 35px;}
.ml36 { margin-left: 36px;}
.ml38 { margin-left: 38px;}
.ml40 { margin-left: 40px;}
.ml42 { margin-left: 42px;}
.ml44 { margin-left: 44px;}
.ml45 { margin-left: 45px;}
.ml46 { margin-left: 46px;}
.ml47 { margin-left: 47px;}
.ml50 { margin-left: 50px;}
.ml54 { margin-left: 54px;}
.ml55 { margin-left: 55px;}
.ml58 { margin-left: 58px;}
.ml60 { margin-left: 60px;}
.ml62 { margin-left: 62px;}
.ml64 { margin-left: 64px;}
.ml65 { margin-left: 65px;}
.ml70 { margin-left: 70px;}
.ml72 { margin-left: 72px;}
.ml74 { margin-left: 74px;}
.ml75 { margin-left: 75px;}
.ml80 { margin-left: 80px;}
.ml84 { margin-left: 84px;}
.ml86 { margin-left: 86px;}
.ml88 { margin-left: 88px;}
.ml90 { margin-left: 90px;}
.ml92 { margin-left: 92px;}
.ml95 { margin-left: 95px;}
.ml98 { margin-left: 98px;}
.ml99 { margin-left: 99px;}
.ml100 { margin-left: 100px;}
.ml101 { margin-left: 101px;}
.ml104 { margin-left: 104px;}
.ml109 { margin-left: 109px;}
.ml114 { margin-left: 114px;}
.ml119 { margin-left: 119px;}
.ml120 { margin-left: 120px;}
.ml122 { margin-left: 122px;}
.ml131 { margin-left: 131px;}
.ml132 { margin-left: 132px;}
.ml135 { margin-left: 135px;}
.ml130 { margin-left: 130px;}
.ml138 { margin-left: 138px;}
.ml140 { margin-left: 140px;}
.ml145 { margin-left: 145px;}
.ml154 { margin-left: 154px;}
.ml156 { margin-left: 156px;}
.ml255 { margin-left: 255px;}
.ml321 { margin-left: 321px;}


.mr1 { margin-right: 1px;}
.mr2 { margin-right: 2px;}
.mr3 { margin-right: 3px;}
.mr4 { margin-right: 4px;}
.mr5 { margin-right: 5px;}
.mr6 { margin-right: 6px;}
.mr7 { margin-right: 7px;}
.mr8 { margin-right: 8px;}
.mr9 { margin-right: 9px;}
.mr10 { margin-right: 10px;}
.mr12 { margin-right: 12px;}
.mr13 { margin-right: 13px;}
.mr14 { margin-right: 14px;}
.mr15 { margin-right: 15px;}
.mr16 { margin-right: 16px;}
.mr20 { margin-right: 20px;}
.mr21 { margin-right: 21px;}
.mr22 { margin-right: 22px;}
.mr24 { margin-right: 24px;}
.mr25 { margin-right: 25px;}
.mr26 { margin-right: 26px;}
.mr30 { margin-right: 30px;}
.mr32 { margin-right: 32px;}
.mr33 { margin-right: 33px;}
.mr34 { margin-right: 34px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}
.mr80 { margin-right: 80px;}
.mr90 { margin-right: 90px;}
.mr100 { margin-right: 100px;}
.mr120 { margin-right: 120px;}
.mr122 { margin-right: 122px;}
.mr132 { margin-right: 132px;}
.mr140 { margin-right: 140px;}
.mr155 { margin-right: 155px;}

/*宽度百分比*/
.col-2 { width: 2%;}
.col-3 { width: 3%;}
.col-4 { width: 4%;}
.col-5 { width: 5%;}
.col-6 { width: 6%;}
.col-7 { width: 7%;}
.col-8 { width: 8%;}
.col-9 { width: 9%;}
.col-10 { width: 10%;}
.col-14 { width: 14%;}
.col-15 { width: 15%;}
.col-17 { width: 17%;}
.col-19 { width: 19%;}
.col-20 { width: 20%;}
.col-22 { width: 22%;}
.col-23 { width: 23%;}
.col-24 { width: 24%;}
.col-25 { width: 25%;}
.col-26 { width: 26%;}
.col-27 { width: 27%;}
.col-28 { width: 28%;}
.col-29 { width: 29%;}
.col-30 { width: 30%;}
.col-31 { width: 31%;}
.col-32 { width: 32%;}
.col-33 { width: 33%;}
.col-34 { width: 34%;}
.col-35 { width: 35%;}
.col-36 { width: 36%;}
.col-37 { width: 37%;}
.col-38 { width: 38%;}
.col-39 { width: 39%;}
.col-40 { width: 40%;}
.col-42 { width: 42%;}
.col-43 { width: 43%;}
.col-44 { width: 44%;}
.col-45 { width: 45%;}
.col-46 { width: 46%;}
.col-47 { width: 47%;}
.col-48 { width: 48%;}
.col-50 { width: 50%;}
.col-52 { width: 52%;}
.col-53 { width: 53%;}
.col-54 { width: 54%;}
.col-55 { width: 55%;}
.col-60 { width: 60%;}
.col-62 { width: 62%;}
.col-65 { width: 65%;}
.col-66 { width: 66%;}
.col-68 { width: 68%;}
.col-70 { width: 70%;}
.col-72 { width: 72%;}
.col-75 { width: 75%;}
.col-80 { width: 80%;}
.col-82 { width: 82%;}
.col-83 { width: 83%;}
.col-84 { width: 84%;}
.col-85 { width: 85%;}
.col-90 { width: 90%;}
.col-100 { width: 100%;}

/*宽度具体值*/
.w-min-0 { min-width: 0;}
.w-3 { width: 3px;}
.w-4 { width: 4px;}
.w-24 { width: 24px;}
.w-26 { width: 26px;}
.w-36 { width: 36px;}
.w-38 { width: 38px;}
.w-40 { width: 40px;}
.w-44 { width: 44px;}
.w-46 { width: 46px;}
.w-50 { width: 50px;}
.w-56 { width: 56px;}
.w-58 { width: 58px;}
.w-60 { width: 60px;}
.w-68 { width: 68px;}
.w-70 { width: 70px;}
.w-72 { width: 72px;}
.w-74 { width: 74px;}
.w-78 { width: 78px;}
.w-80 { width: 80px;}
.w-82 { width: 82px;}
.w-84 { width: 84px;}
.w-85 { width: 85px;}
.w-86 { width: 86px;}
.w-88 { width: 88px;}
.w-90 { width: 90px;}
.w-92 { width: 92px;}
.w-94 {width: 94px;}
.w-96 { width: 96px;}
.w-98 { width: 98px;}
.w-100 { width: 100px;}
.w-104 { width: 104px;}
.w-108 { width: 108px;}
.w-110 { width: 110px;}
.w-115 { width: 115px;}
.w-120 { width: 120px;}
.w-122 { width: 122px;}
.w-126 { width: 126px;}
.w-128 { width: 128px;}
.w-130 { width: 130px;}
.w-132 { width: 132px;}
.w-138 { width: 138px;}
.w-140 { width: 140px;}
.w-146 { width: 146px;}
.w-148 { width: 148px;}
.w-150 { width: 150px;}
.w-155 { width: 155px;}
.w-156 { width: 156px;}
.w-160 { width: 160px;}
.w-164 { width: 164px;}
.w-169 { width: 169px;}
.w-170 { width: 170px;}
.w-172 { width: 172px;}
.w-177 { width: 177px;}
.w-180 { width: 180px;}
.w-186 { width: 186px;}
.w-188 { width: 188px;}
.w-190 { width: 190px;}
.w-192 { width: 192px;}
.w-200 { width: 200px;}
.w-206 { width: 206px;}
.w-220 { width: 220px;}
.w-230 { width: 230px;}
.w-250 { width: 250px;}
.w-258 { width: 258px;}
.w-260 { width: 260px;}
.w-268 { width: 268px;}
.w-278 { width: 278px;}
.w-280 { width: 280px;}
.w-283 { width: 283px;}
.w-300 { width: 300px;}
.w-310 { width: 310px;}
.w-330 { width: 330px;}
.w-320 { width: 320px;}
.w-332 { width: 332px;}
.w-334 { width: 334px;}
.w-350 { width: 350px;}
.w-352 { width: 352px;}
.w-360 { width: 360px;}
.w-390 { width: 390px;}
.w-395 { width: 395px;}
.w-400 { width: 400px;}
.w-420 { width: 420px;}
.w-450 { width: 450px;}
.w-480 { width: 480px;}
.w-500 { width: 500px;}
.w-510 { width: 510px;}
.w-520 { width: 520px;}
.w-507 { width: 507px;}
.w-530 { width: 530px;}
.w-550 { width: 550px;}
.w-600 { width: 600px;}
.w-650 { width: 650px;}
.w-662 { width: 662px;}
.w-680 { width: 680px;}
.w-700 { width: 700px;}
.w-710 { width: 710px;}
.w-750 { width: 750px;}
.w-763 { width: 763px;}
.w-800 { width: 800px;}
.w-900 { width: 900px;}
.w-980 { width: 980px;}
.w-1000 { width: 1000px;}
.w-1100 { width: 1100px;}

/*高度具体值*/
.h-2 { height: 2px;}
.h-3 { height: 3px;}
.h-4 { height: 4px;}
.h-5 { height: 5px;}
.h-6 { height: 6px;}
.h-7 { height: 7px;}
.h-8 { height: 8px;}
.h-9 { height: 9px;}
.h-10 { height: 10px;}
.h-11 { height: 11px;}
.h-12 { height: 12px;}
.h-17 { height: 17px;}
.h-19 { height: 19px;}
.h-20 { height: 20px;}
.h-21 { height: 21px;}
.h-22 { height: 22px;}
.h-23 { height: 23px;}
.h-24 { height: 24px;}
.h-25 { height: 25px;}
.h-26 { height: 26px;}
.h-34 { height: 34px;}
.h-38 { height: 38px;}
.h-40 { height: 40px;}
.h-44 { height: 44px;}
.h-46 { height: 46px;}
.h-48 { height: 48px;}
.h-70 { height: 70px;}
.h-72 { height: 72px;}
.h-78 { height: 78px;}
.h-80 { height: 80px;}
.h-86 { height: 86px;}
.h-98 { height: 98px;}
.h-100 { height: 100px;}
.h-106 { height: 106px;}
.h-143 { height: 143px;}
.h-153 { height: 153px;}
.h-200 { height: 200px;}
.h-270 { height: 270px;}
.h-280 { height: 280px;}
.h-284 { height: 284px;}

/*定位*/
.p-relative { position: relative}

/*鼠标悬停时的光标样式*/
.c-pointer { cursor: pointer;}
.c-default { cursor: default;}

/*盒模型计算方式*/
.sizing-border {box-sizing: border-box;}
.sizing-content {box-sizing: content-box;}

/*清除浮动*/
.clearfix {
    display: block;
    overflow: hidden;
    clear: both;
}
/***** 遮罩 *****/
.mask {
	position:fixed;
	top:0;
	left:0;
	z-index:1001;
	width:100%;
	height:100%;
}

/***** 遮罩透明度 *****/
.mask50 {
	opacity:0.50;
}
/***** 遮罩 *****/
.masklayer {
    position:fixed;
    top:0;
    left:0;
    z-index:1001;
    width:100%;
    height:100%;
}

/***** 半透明 *****/
.masklayer50 {
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}
.masklayer60 {
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}


::-webkit-scrollbar-track-piece {
	background-color:#fafafa;
}
::-webkit-scrollbar {
	width:9px;
	height:9px;
}
::-webkit-scrollbar-thumb {
	background-color:var(--borColor);
	background-clip:padding-box;
	min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
	background-color:#d7dde2;
}



HTML {
	scrollbar-base-color: #d7dde2;
	scrollbar-track-color: #fafafa;
	scrollbar-arrow-color: #eee;
	scrollbar-shadow-color:#fafafa;
}