@charset "gb2312";
/* CSS Document */
html,body { height: 100%;background-color: #fafafa;}
body{ font-family:'微软雅黑'; color:#444; text-align:center; margin:auto; font-size:14px; min-width:320px;}
*{ margin:0; padding:0;box-sizing: border-box;}
em,i{ font-style:normal}
a,a:hover{ text-decoration:none}
img{ border:none; vertical-align:top}
ul{ list-style:none}
input,select,textarea{font-family:'微软雅黑';outline:none;appearance:none; -moz-appearance:none; -webkit-appearance: none;}
input[type="radio"]{appearance:radio; -moz-appearance:radio; -webkit-appearance: radio;}
select {  
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/  
  border: solid 1px #000;    
  /*很关键：将默认的select选择框样式清除*/  
  appearance:none;  
  -moz-appearance:none;  
  -webkit-appearance:none;   
  /*在选择框的最右侧中间显示小箭头图片*/  
  background: url(m_arrow.png) no-repeat scroll right center transparent;    
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/  
  padding-right: 14px;  
}      
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
select::-ms-expand { display: none; }  
.floatr{ float:right}
.floatl{ float:left}
.clear{ clear:both}

.wrapper{background-color:#fff;margin:auto; text-align:left;max-width:640px;width:100%;min-height: 100%;overflow: hidden;}
.cnt{padding-bottom: 128px;}
.browserVerLow{max-width:640px;width:100%;height: 30px;line-height: 30px;text-align: center;color: red;font-size: 16px;}

header{ margin:auto; text-align:left; position:relative}
header .logo{ width:70%; display:inline-block;padding:15px 2%; }
header .logo img{ max-width:100%}

.app-header{position:absolute; right:0; top:0;width:50px;height: 100%}
.app-header .menu{position:absolute; right:0; top:50%;margin-top:-15px; width:100%; height:30px;background:url(m_menu.png) no-repeat 5px center; background-size:72% auto; cursor:pointer; z-index:99;}
.sidebar-cover{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; filter:alpha(Opacity=10);-moz-opacity:0.1;opacity: 0.1; z-index:100}
.sidebar-cover.show{ display:block}

.side-nav{position:absolute; top:0px; right:0px; width:150px; height:1600px; transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out; transform:translate3d(100%,0,0); -webkit-transform:translate3d(100%,0,0); background:#fff; z-index:501;}
.side-nav.active{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0)}

.nav-top{ height:40px;}
.side-nav-close{position:absolute; top:30px; right:10px; width:20px; height:20px; background:url(m_close_btn.png) no-repeat; background-size: contain}
.side-nav-list ul{margin-top: 20px;}
.side-nav-list li{ height:44px; line-height:44px; font-size:16px; text-align:left}
.side-nav-list li a{ text-decoration:none; color:#666; display:block;padding-left:10px}
.side-nav-list li a:hover,.side-nav-list li.current a{ background:#03046f; color:#fff}

.main{background-color: #fff;}
.main .titlebox{position:relative;background:url(m_titlebg.gif) repeat-x top; text-align:center; padding:12px 0px; color:#fff; font-size:20px}
.main .titlebox .back{background:url(m_back.png) center top;position:absolute; left: 15px; width: 17px;height: 28px;}
.main .titlebox .go{background:url(m_go.png)no-repeat right center;;position:absolute; right: 15px; width: 80px;height: 28px;color: #fff845;}

footer{ margin:auto; background:#e6e6e6; margin-top:-128px; max-width:640px; width:100%;padding:20px 2%; border-top:1px solid #d6d6d6; clear:both; text-align:center; color:#929292;}
footer .fnav a{ color:#444}
footer .fnav .current{ color:#1672d0}
footer .fnav span{ margin:0px 15px; color:#aeaeae}
footer .tel{ padding:15px 0px 10px}
footer .tel span{ margin:0px 8px}
footer .tel span:last-child{ margin-right:0px}
footer .tel a{ color:#929292}
footer .icp{ line-height:24px}
footer .icp a{ color:#444}
footer .zc { line-height:30px;height: 30px;margin-top: 5px;margin-bottom: 10px;}
footer .zc img{ height: 30px;}