@charset "utf-8";
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body{height:100%;background: #f5f5f5;font: 12px/1.5em "Microsoft Yahei";}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
address, cite, em,i{font-style:normal;}
ol,ul{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
fieldset, img {border:0;}
input,select,label{vertical-align:middle;}
strong,b{font-weight:normal;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}
section{display: block;}
/*header*/
header{height: 46px; overflow: hidden; zoom: 1;background: #343434;}
header .nav-icon{width: 46px;height: 46px; float: right;background: url(../uim_img/m-icons@2x.png) no-repeat; background-size:46px auto; background-position:0 -151px;}
header .logo{margin: 0 46px; height: 46px; line-height:46px; font-size: 18px; color: #fff; text-align: center;}
/* nav */
.nav{padding: 18px 10px 12px;position: absolute;top: 46px;left: 0;z-index: 999;display: none;overflow: hidden; zoom: 1; background: #eee; width: 100%; box-sizing: border-box;}
.nav a{display: block; float: left; width: 82px; background: #fff; padding: 8px 0; border:1px solid #e6e6e6; margin-right: 6px;}
.nav a em{display: block; width: 46px;height: 46px; background: url(../uim_img/m-icons@2x.png) no-repeat; margin: 0 auto 8px; background-size:46px auto;}
.nav a p{font-size: 15px; height: 20px;line-height:20px; color: #333; text-align: center;}
.nav a:nth-child(2) em{background-position: 0 -49px;}
.nav a:nth-child(3) em{background-position: 0 -98px;}
/* map */
.map{ height: 34px; line-height:34px;padding: 0 10px; color: #999;}
.map a{ color: #999; margin: 0 3px;}
/*footer*/
footer{font-size: 14px;text-align: center;padding: 12px 10px;display: block;background: #272830;color: #888996;line-height: 24px;margin-top: 15px;}

/* page */
#page {font-size: 14px;text-align: center;}
#page a {display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;margin:5px;color: #666;background-color: #fff;vertical-align: middle;text-decoration: none;border: 1px solid #ccc;}
#page a.selected {color: #fff;background-color: #343434;border: 1px solid #343434;}

/* tit */
.g-tit{font-size: 16px;color: #333;height: 26px;line-height: 26px;font-weight: bold;}
.g-tit:before{display:block;content: ' ';float:left;height: 16px;width:13px;margin: 5px 7px 0 0; background: url(../uim_img/m-icons@2x.png) no-repeat; background-size: 46px auto;background-position: 0 -203px;}