body, input, textarea, button, select { font: 14px/20px PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif }
body, h1, h2, h3, h4, h5, h6, p, ul { margin: 0 }
ul { padding: 0 }
body{ min-width: 860px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
small { font-size: 100% }
strong, em { font-weight: normal }
ul, ol { list-style: none }
.fl { float: left; *display: inline }
.fr { float: right }
.mr30 { margin-right: 30px }
.mr20{margin-right: 20px;}
.pr { position: relative }
.pa { position: absolute }
.auto { margin-left: auto; margin-right: auto }
.tac { text-align: center }
.tal { text-align: left }
.tar { text-align: right }
.fsi { font-style: italic }
.fwb { font-weight: bold }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.fs12 { font-size: 12px }
.cr { clear: right }
.taj { text-align: justify; }
.db { display: block }
.l0 { left: 0 }
.l50p { left: 50% }
.w100p { width: 100% }
.lh1d8 { line-height: 1.8 }
.cell { display: table-cell; width: 20000px; *display: inline-block; *zoom: 1 }
.w50p { width: 50% }
.w25p { width: 25% }
.cf { *zoom: 1 }
.cf:after, .cf:before { display: table; content: "" }
.cf:after { clear: both; overflow: hidden }
ul.inl, ol.inl { *zoom: 1 }
ul.inl:after, ol.inl:after, ul.inl:before, ol.inl:before { display: table; content: "" }
ul.inl:after, ol.inl:after { clear: both; overflow: hidden }
ul.inl li, ol.inl li { float: left; *display: inline }
a, button { cursor: pointer }
.taj { text-align: justify }
.bt { display: inline-block; background-color: #ea5a3d; color: #fff; padding: .5em 1em; border-radius: 3px }
.bt:hover { background-color: #dc3918; color: #fff }
.bt:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3) }
.trans{transition:all 0.3s;}
.trand1{-webkit-transition-delay: .1s;transition-delay: .1s;}
.trand2{-webkit-transition-delay: .2s;transition-delay: .2s;}
.trand3{-webkit-transition-delay: .3s;transition-delay: .3s;}