html { width: 100%; }

html, body, div, dd, dl, form, h1, h2, h3, h4, h5, h6, input, ol, p, pre, td, textarea, th, ul, select { margin: 0; padding: 0; list-style-type: none; }

body { width: 100%; font-size: 14px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; }

li { list-style: none; vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

a { color: #000000; text-decoration: none; }

a:link { color: #000000; text-decoration: none; }

a:hover { color: #f54343; text-decoration: none; }

img { border: none; vertical-align: top; }

textarea { overflow: auto; resize: none; }

input { outline: none; border: none; }

table { border-collapse: collapse; }

table caption { text-align: center; }

header, section, footer, aside, nav, main, article, figure { display: block; }

.clear { zoom: 1; }

.clear:after { content: ""; display: block; clear: both; }

.both { clear: both; }

.block { display: block; }

.inbl { display: inline-block; }

.fl { float: left; }

.fr { float: right; }

.rel { position: relative; }

.abs { position: absolute; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.fs12 { font-size: 12px; }

.fs16 { font-size: 16px; }

.fs18 { font-size: 18px; }

.fs20 { font-size: 20px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.lh36 { line-height: 36px; }

.lh40 { line-height: 40px; }