/*reset */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form,ul,li{margin:0;}
ul{padding:0;}
ol,li{margin:0; padding:0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0 none; vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var{font-style: normal; font-weight: normal;}
ol, ul , li{list-style: none;}
del, ins{text-decoration: none;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
button, textarea, select{font-size: 100%; cursor: pointer;}
q:before, q:after{content: '';}
sub, sup{font-size: 75%; line-height: 0; position: relative;}
sub{top: -0.5em;}
sup{bottom: -0.25em;}
a, input, textarea { outline: 0 none; text-decoration: none;}
a:hover, input, textarea { outline: 0 none; text-decoration: none;}
/*clearfix */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/*width height*/
.w5{width:5%}
.w10{width: 10%;}
.w15{width: 15%;}
.w19{width: 19%;}
.w20{width: 20%;}
.w24{width: 24%;}
.w30{width: 30%;}
.w33{width: 33%}
.w40{width:40%;}
.w45{width: 45%!important;}
.w50{width: 50%!important;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w78{width: 78%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}
.h20{ height: 20px;}
.h25{ height: 25px;}
.h30{ height: 30px;}
.h35{ height: 35px;}
.h40{ height: 40px;}
.h45{ height: 45px;}
.h50{ height: 50px;}
.h55{ height: 55px;}
.h60{ height: 60px;}
.h100{height: 100%;}

/*font */
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f40{font-size: 40px;}
.f50{font-size: 50px;}
.fb{font-weight: bold;}
.fn{font-weight: 400;}
.t2{text-indent: 2em;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.no_unl{text-decoration: none;}
/*position */
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.bc{margin-left: auto; margin-right: auto;}
.fl{float: left; display: inline;}
.fr{float: right; display: inline;}
.vm{vertical-align: middle!important;}
.vt{vertical-align: top;}
.vb{vertical-align: bottom;}
.vsub{vertical-align: sub;}
.pf{position: fixed;}
.ps{position: static;}
.pr{position: relative;}
.pa{position: absolute;}
.abs-right{position: absolute; right: 0;}
.abs-left{position: absolute; left: 0;}
.hidden{visibility: hidden;}
.none{display: none;}
.br5{ border-radius: 5px;}
.t0{top:0;}
.b0{bottom: 0;}
/*margin padding */
.mauto{margin: auto;}
.m0{margin: 0px;}
.m5{margin: 0.25em;}
.m10{margin: 0.5em;}
.m15{margin: 0.75em;}
.m20{margin: 1.0em;}
.m25{margin: 1.25em;}
.m30{margin: 1.5em;}
.m40{margin: 40px;}
.m50{margin: 2.5em;}
.mt0{margin-top: 0px;}
.mt5{margin-top: 0.25em;}
.mt10{margin-top: 0.5em;}
.mt15{margin-top: 0.75em;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 1.25em;}
.mt30{margin-top: 1.5em;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px}
.mr0{margin-right: 0px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 2.5em;}
.mb0{margin-bottom: 0px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.ml0{margin-left: 0px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.p0{padding: 0px;}
.p5{padding: 0.25em;}
.p10{padding: 0.5em;}
.p15{padding: 0.75em;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pr5{padding-right: 5px;}
.pr7{padding-right: 7px;}
.pr6{padding-right: 6px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 2.5em;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 0.75em;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pl3{padding-left: 3px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.oh{overflow: hidden;}
.w1200{width: 1200px;margin:0 auto;position: relative;}
.w1000{width: 1000px;margin:0 auto;position: relative;}
.bgf8{background:#f8f8f8;}.cblue{color:#3388FF;}.cc{color:#FB6E52;}.cfff{color:#fff;}
.bgf6{background:#F6F7FB}.green{color:#1ABC9C;}
.bgfd{background:#FDFDFD}.bg41{background:#414141}.bgfff{background:#fff;}
body{color:#333;font:14px/1.6 "Microsoft YaHei",Helvetica,sans-serif;}
a{color:#333;}.c999{color:#999;}.cred{color:#f00;}.cgreen{color:#6BBD00;}.c333{color:#333;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


/*2022.12.1网站全体变灰*/
.special_gray{}
/*.special_gray{filter: grayscale(100%);-webkit-filter: grayscale(100%);}*/

