@charset 'utf-8';
/*remove the gray background color from tap, default value is inherit*/
body{overflow-x:hidden;color:#4c525b;font-family:'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif!important';-webkit-overflow-scrolling: touch;}
body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; padding: 0; border:0;}
ul,ol,li{ margin:0;padding:0; list-style-type: none}
dt{font-weight: normal;}
img{ vertical-align: middle; border:0; max-width: 100%;}
a{color:#4c525b;text-decoration:none;}
a:hover {color: #2d81ff;text-decoration:none; transition: all 300ms ease 0s;}
a:link, a:visited { text-decoration: none; transition: all 300ms ease 0s;}
b,em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;font-size: 14px;}
button,input,optgroup,select,textarea{border:none;vertical-align:middle; font-family: 'Microsoft Yahei'; outline: none;}
button,input{border-radius:0;padding:0;}
textarea,input{-webkit-user-modify: read-write-plaintext-only;}
textarea {resize: none;}
/**********常用类简写***********/
.mauto{width:1200px; margin:0 auto;}
.container.p0{ padding: 0;}
.rel{ position: relative;}
.abs{ position: absolute;}
.w100{ width:100%;}
.h100{height: 100%;}
.w50{ width:50%;}
.idx-1{ z-index: 1;}
.mauto:before,.mauto:after,.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after,.mauto:after {clear: both;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.ov{overflow:hidden;}
/*float*/
.fl{ float:left;}
.fr{ float:right;}
/*text-align*/
.tar{ text-align: right;}
.tal{ text-align: left!important;}
.tac{ text-align:center;}
/*font-weight*/
.fb{ font-weight:bold;}
/*display*/
.db{ display:block;}
.dn{ display:none;}
/*white-space*/
.els{vertical-align:middle;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:break-word;display: inline-block;}
.c0{ color:#000;}
.c3{ color:#333;}
.c5{ color:#555;}
.c6{ color:#666;}
.c9{ color:#999;}
.cf{ color:#fff;}
.h70{ height: 0.7rem; }
.bgfff{background: #fff!important;}
.bgn{background: none!important;}
.bgf5{background: #f5f5f5;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 0.2rem;}
.mt25 {margin-top: 0.25rem;}
.mt30 {margin-top: 0.3rem;}
.mt35 {margin-top: 0.35rem;}
.mt40 {margin-top: 0.4rem;}
.mt50{margin-top: 0.5rem;}
.mt60{margin-top: 0.6rem;}
.mt70{margin-top: 0.7rem;}
.mt80{margin-top: 0.8rem;}
.mt90{margin-top: 0.9rem;}
.mt100{margin-top: 1rem;}
.mr20 {margin-right: 20px;}
.mr50 {margin-right: 50px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 0.3rem;}
.mb40 {margin-bottom: 0.4rem;}
.mb50 {margin-bottom: 0.5rem;}
.mb60 {margin-bottom: 0.6rem;}
.mb70 {margin-bottom: 0.7rem;}
.pt30 {padding-top: 0.3rem;}
.pt40 {padding-top: 0.4rem;}
.pt70 {padding-top: 0.7rem;}
.pd15 {padding: 15px;}
.pd20 {padding:0 20px;}
.pd30 {padding: 30px;}
.pd50 {padding: 50px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 0.3rem;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}

.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}

.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 0.6rem;}

.li24{ line-height:24px;}
.li28{ line-height:28px;}
.li30{ line-height:30px;}
.li35{ line-height:35px;}
.li40{ line-height:40px;}
.li50{ line-height:50px;}

.f12px{font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.f18px{ font-size:18px;}
.f20px{ font-size:20px;}
.f22px{ font-size:22px;}
.f24px{ font-size:24px;}
.f26px{ font-size:26px;}
.f28px{ font-size:28px;}
.f30px{ font-size:30px;}
.f32px{ font-size:32px;}