html,body {height:100%;}
body {min-width:320px; font:normal 12px/24px microsoft yahei,verdana,geneva,sans-serif; overflow-x: hidden;}
html,body,iframe,header,div,table,tr,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,a,img,form,label,input,select,button,textarea,pre,blockquote {margin:0; padding:0;}
input,select,textarea,h1,h2,h3,h4,h5,h6,pre,b,i,em,cite {font:normal 12px/24px microsoft yahei,verdana,geneva,sans-serif;}
input, button, textarea, select, video, img, a {border:0; outline:none;}
input,textarea,button,a {-webkit-appearance:none; -webkit-tap-highlight-color:transparent;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input[type=checkbox] {-webkit-appearance:checkbox;}
::-webkit-input-placeholder, :-ms-input-placeholder, ::-moz-placeholder {color:#bfbfbf; font-size:12px;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
th {font-weight:normal; text-align:left;}
pre {white-space:pre-wrap; word-wrap:break-word;}
ul,ol {list-style:none;}
li {height:auto;}
img, button {border:0;}
a,del {text-decoration:none;}
a:link, a:visited {color:#2971bd;}
a:hover, a:active, .link {color:#fe5f1b;}

.hide {display:none;}
.show {display:block;}
.flex {display:flex;}
.fl {float:left;}
.fr {float:right;}
.cp {cursor:pointer;}
.border {border:solid #efefef 1px;}
.br3 {border-radius:3px;}
.br5 {border-radius:5px;}
.br10 {border-radius:10px;}
.bcr {background-color:red;}
.bcg {background-color:green;}
.bcb {background-color:blue;}
.center {text-align:center;}
.right {text-align:right;}
.indent {text-indent:2em;}

.fsb {font-weight:bold;}
.fsi {font-style:italic;}
.fsl {text-decoration:underline;}
.fsd {text-decoration:line-through;}
.fsc {font-family:Consolas,Microsoft YaHei,sans-serif;}

.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}
.fs32 {font-size:32px;}
.fs36 {font-size:36px;}
.fs48 {font-size:48px;}
.fs64 {font-size:64px;}

.fcr {color:red;}
.fco {color:orange;}
.fcy {color:yellow;}
.fcg {color:green;}
.fcc {color:cyan;}
.fcb {color:blue;}
.fcp {color:purple;}
.fcd {color:darkcyan;}
.fcv {color:violet;}
.fcm {color:magenta;}
.fcs {color:silver;}
.fcw {color:white;}

.primary {color:#009688;}
.bright {color:#1e9fff;}
.normal {color:#409EFF;}
.warm {color:#ffb800;}
.danger {color:#ff5722;}
.secure {color:#5fb878;}

.fc0 {color:#ed1941;}
.fc1 {color:#d71345;}
.fc2 {color:#ef5b9c;}
.fc3 {color:#ef4136;}
.fc4 {color:#aa2116;}
.fc5 {color:#840228;}
.fc6 {color:#7a1723;}
.fc7 {color:#f47920;}
.fc8 {color:#f58220;}
.fc9 {color:#f36c21;}
.fc10 {color:#f15a22;}
.fc11 {color:#ae6642;}
.fc12 {color:#5f3c23;}
.fc13 {color:#412f1f;}
.fc14 {color:#ffd400;}
.fc15 {color:#decb00;}
.fc16 {color:#fcaf17;}
.fc17 {color:#dea32c;}
.fc18 {color:#e0861a;}
.fc19 {color:#c37e00;}
.fc20 {color:#6d5826;}
.fc21 {color:#1d953f;}
.fc22 {color:#78a355;}
.fc23 {color:#7fb80e;}
.fc24 {color:#5c7a29;}
.fc25 {color:#007d65;}
.fc26 {color:#007947;}
.fc27 {color:#005831;}
.fc28 {color:#009ad6;}
.fc29 {color:#33a3dc;}
.fc30 {color:#2468a2;}
.fc31 {color:#2570a1;}
.fc32 {color:#2585a6;}
.fc33 {color:#145b7d;}
.fc34 {color:#008792;}
.fc35 {color:#11264f;}
.fc36 {color:#1b315e;}
.fc37 {color:#444693;}
.fc38 {color:#2a5caa;}
.fc39 {color:#224b8f;}
.fc40 {color:#102b6a;}
.fc41 {color:#181d4b;}
.fc42 {color:#8552a1;}
.fc43 {color:#6950a1;}
.fc44 {color:#694d9f;}
.fc45 {color:#543044;}
.fc46 {color:#401c44;}
.fc47 {color:#411445;}
.fc48 {color:#402e4c;}
.fc49 {color:#ffffff;}
.fc50 {color:#dddddd;}
.fc51 {color:#bbbbbb;}
.fc52 {color:#999999;}
.fc53 {color:#666666;}
.fc54 {color:#333333;}
.fc55 {color:#000000;}

.trace {padding:5px 24px; color:#666666;}
.trace h5, .trace h6 {margin-top:10px; padding:5px; border-radius:3px; background:#efefef; font-size:14px;}
.trace h5 {font-size:14px;}
.trace p {border:solid #efefef 1px; padding:5px 24px; color:green;}
.trace b {margin:0 12px; color:#A50000; font-weight:bold;}