* { margin: 0; padding: 0; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none; }
body { font-family: Arial, "Microsoft Yahei"; font-size: 16px; background: #f4f4f4; }
form, img, table, td { border: 0; }
ul, ol, li { list-style-type: none; display: block; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, textarea, img { vertical-align: middle; font-family: Arial, "Microsoft Yahei"; }
input,textarea{ outline:0; resize:none;}

@media screen and (max-device-width: 320px) {
body { -webkit-text-size-adjust: none }
}

@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body { -webkit-text-size-adjust: none }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { -webkit-text-size-adjust: none }
}
a { color: #333; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { color: #333; }
a:active { color: #333; }
a:hover { color: #333; }
/* font */
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f24 { font-size: 24px; }
.ti2 { text-indent: 2em }
/* box */
.pd10 { padding: 10px; }
.pdX10 { padding: 0 10px; }
.pdY10 { padding: 10px 0; }
.pb10 { padding-bottom: 10px; }
.mgX10 { margin: 0 10px; }
.mgY10 { margin: 10px 0; }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.ml10 { margin-left: 10px; }
.lh20 { line-height: 20px; }
.lh40 { line-height: 40px; }
.mt10 {
margin-top: 10px !important;
}
.mb10 { margin-bottom: 10px !important;
}
.mb8 { margin-bottom: 8px !important;
}

/* color */
.fccc { color: #ccc; }
.f999 { color: #999; }
.fgray { color: gray; }
.f039, .fblue { color: #039; }
.fgrn { color: #16ac0e; }
.ff60, .forge { color: #f60; }
.ff90 { color: #f90; }
.fc00 { color: #c00; }
.f333 { color: #333; }
.f666 { color: #666; }
.ffff{ color:#fff}
.f1e60b6 { color: #1e60b6 !important }
.bgf3f3f3 { background: #f3f3f3 }
.white { color: white }
.bgfff{ background:#fff}
.bt1e4e4e4{ border-top: 1px solid #e4e4e4;}
.tr{ text-align:right }
.tl{ text-align:left }
.tc{ text-align:center }
/* bb */
.bb1 { border-bottom: 1px solid #e4e4e4 }
/* fn */
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0; }
.clearfix:after { clear: both; content: "\200B"; display: block; height: 0; }
.clearfix { *zoom: 1;
}
.center { text-align: center; }
.none { display: none; }
.fb{ font-weight:bold}
.flol { float: left; }
.flor { float: right; }
.rbox4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.rbox6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
input, textarea, button { -webkit-appearance: none; }
input[type="radio"] { -webkit-appearance: radio; }
input[type="checkbox"] { -webkit-appearance: checkbox; }

.main { height: 100%; overflow: hidden; }
.flexbox { display: flex; }

.icon_back { display: inline-block; width: 15px; height: 15px;background-repeat: no-repeat; background-image: url(../images/tb1.png); -webkit-background-size: 15px 15px; background-size: 15px 15px; vertical-align: middle;  font-size: 0; margin-left:5px; }

.header { height:40px; line-height:40px;text-align: left; background-color: #1e60b6; color: #fff; box-sizing: border-box; }
.header .left { position: absolute; left: 5px; }
.header .cent { position: absolute; width:100%;  height: 40px; text-align: center; font-size: 16px; z-index: 100 }
.header .right {  position: absolute;right: 5px; top:0 }
.header .right a{ color:#fff}

.floatBtns { position: fixed; bottom: 0; width: 100%; background: #f9f9f9; text-align: center; position: fixed;z-index:100; border-top:1px solid #f1f1f1}

.floatBtns li{ float:left; width:25%; height:}
.floatBtns li a{padding: 26px 0 2px; font-size:12px;display: inline-block; }
.floatBtns li .a0{color:#666; background-size:21px !important;}
.floatBtns li .a1{ background:url(../images/tb9.png) center 5px no-repeat ;}
.floatBtns li .a1on{ background:url(../images/tb9_o.png) center 5px no-repeat ; color:#1e60b6; }
.floatBtns li .a2{ background:url(../images/tb10.png) center 5px no-repeat ;}
.floatBtns li .a2on{ background:url(../images/tb10_o.png) center 5px no-repeat ; color:#1e60b6; }
.floatBtns li .a3{ background:url(../images/tb11.png) center 5px no-repeat ;}
.floatBtns li .a3on{ background:url(../images/tb11_o.png) center 5px no-repeat ; color:#1e60b6; }
.floatBtns li .a4{ background:url(../images/tb12.png) center 5px no-repeat ;}
.floatBtns li .a4on{ background:url(../images/tb12_o.png) center 5px no-repeat ; color:#1e60b6; }


.answer-btn2 {
	background: rgba(255,204,51,.8);
    position: fixed;
    width: 50px;
    height: 34px;
    right: 7px;
    bottom: 110px;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 50%;
    text-align: center;
    padding-top: 16px;
    z-index: 999;
	color:#333 !important;
}

.refresh-btn2 {
	background: rgba(255,255,255,.8);
    position: fixed;
    width: 30px;
    height: 30px;
    right: 16px;
    bottom: 170px;
    line-height: 1.2;
    border-radius: 50%;
	border:1px solid #e5e5e5;
    text-align: center;
    z-index: 999;
	background:url(../images/tb13.png) 6px 5px no-repeat;
	background-size:20px auto;
	color:#333 !important;
}