body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #555;
 background-color: #F4F4F4;
}
body, button, input, textarea {
 font-size: 14px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote, pre {
 margin: 0;
 padding: 0;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 margin: 0;
 padding: 0;
 color: #333;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 border: 0;
}
a {
 text-decoration: none;
 color: #333;
}
a:hover {
 text-decoration: none;
}
input, img, select {
 vertical-align: middle;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #F4F4F4 inset !important;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
*html .clearfix {
 height: 1%;
}
*+html .clearfix {
 height: 1%;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.none {
 display: none;
}
.cue {
 color: red;
 font-size: 12px;
}
.cueBox {
 border: 1px solid #E6DB55;
 background: #FFFBCC;
 color: #B58105;
 padding: 1em 1.5em;
}
.cueBox a {
 color: #0072C6;
}
.mb {
 padding-bottom: 50px;
}
.captcha {
 text-transform: uppercase;
}
.captchaImg {
 cursor: pointer;
}
header {
 position: relative;
}
/* 主体框架
----------------------------------------------- */
#wrapper {
}
@media (min-width: 1200px) {
 .container {
  max-width: 1280px;
 }
}
#wrapper .wrap {
 padding: 0 20px;
}
@media (max-width: 992px) {
 #wrapper .wrap {
  padding: 0 10px;
 }
}
#wrapper .bor {
 border-bottom: 1px solid #DDD;
}
#wrapper .mb {
 margin-bottom: 50px;
}
#contenter {
 margin: 20px auto 50px auto;
}

/* 头部导航
----------------------------------------------- */
#header.fix {
 background-color: #FFF;
 height: 107px;
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 1030;
}
.place {
 height: 107px;
}
@media (max-width: 992px) {
 #header.fix {
  height: 72px;
 }
 .place {
  height: 72px;
 }
}
/* -- header -- */
#header .head {
 padding: 0 56px;
}
#header .head.mini {
 padding: 0;
}

/* 简约框架
----------------------------------------------- */
#miniLeft {
 float: left;
 width: 200px;
 position: fixed;
 top: 0;
 left: 0;
}
#miniMain {
 margin-left: 210px;
 border-left: 1px solid #CCC;
 padding: 0 40px 40px 40px;
 min-height: 800px;
}
@media (max-width: 992px) {
 #miniLeft {
  float: none;
  width: auto;
  position: static;
  top: 0;
  left: 0;
 }
 #miniMain {
  margin-left: 0;
  border-left: 0;
  padding: 10px 15px;
  min-height: 800px;
 }
 #header .head {
  zoom: 1;
  overflow: hidden;
 }
 #header .head .topNav {
  float: none;
 }
}
/* -- logo -- */
#miniLeft .logo a {
 display: block;
 margin: 10px;
 padding: 20px 0;
 text-align: center;
}
#miniLeft .logo img {
 max-width: 100%;
}
#miniLeft .menu {
 border-top: 1px solid #CCC;
 margin: 10px;
}
#miniLeft .menu li {
 border-bottom: 1px solid #DDD;
}
#miniLeft .menu li a {
 display: block;
 padding: 10px 0;
 text-align: center;
 text-decoration: none;
 font-size: 14px;
}
#miniLeft .menu ul li a {
 color: #999;
}
#miniLeft .menu li a:hover {
 background-color: #DDD;
 color: #555;
}
#miniLeft .menu li.cur a {
 background-color: #19B4EA;
 color: #FFF;
}
#miniLeft .menu li.user {
 text-align: center;
 color: #CCC;
}
#miniLeft .menu li.user a {
 display: inline-block;
 margin: 0 5px;
 color: #19B4EA;
 font-weight: bold;
}



#help .head {
 padding: 10px 0;
 margin-bottom: 15px;
}
#help .head b {
 color: #333;
 font-size: 26px;
 font-weight: bold;
}
/* helpList */
#help .list {
 zoom:1;
 overflow: hidden;
}
#help .lists {
 display:none;
}

#help .list li {
 width: 33%;
 float: left;
 display:none;
}
#help .list li a {
 display: block;
 border: 1px solid #E4E4E4;
 background-color: #EFEFEF;
 padding: 10px;
 margin: 0 20px 20px 0;
}
@media (max-width: 768px) {
 #help .list li {
  width: auto;
  float: none;
 }
 #help .list li a {
  margin: 0 0 10px 0;
 }
}
#help .list li a:hover {
 border: 1px solid #FFF;
 background-color: #19B4EA;
 color: #FFF;
 text-decoration: none;
}
#help .list li a b {
 display: block;
 font-size: 16px;
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
}
#help .list li a em {
 display: block;
 font-size: 12px;
 color: #999;
 margin-top: 5px;
}
#help .list li a:hover em {
 color: #DDD;
}
/* detail */
#help .detail {
 padding-top: 20px;
}
#help .detail h1 {
 color: #333;
 font-size: 26px;
 font-weight: bold;
}
#help .detail .info {
	padding:2px 0 20px 0;
	color:#999999;
	font-size:13px;
}
#help .detail .info span {
 margin-right: 20px;
}
#help .detail .content {
 font-size: 16px;
	color: #666666;
	line-height: 200%;
	padding-top: 10px;
 margin-bottom: 10px;
}
#help .detail .content img {
 max-width: 100%;
}

/* search */
#help .search {
 padding: 10px 0 21px 0;
	border-bottom:1px solid #DDD;
}
#help .search .cue {
 color: #19B4EA;
 margin-bottom: 5px;
 font-size: 20px;
}
#help .search .form {
 width: 635px;
 border: 1px solid #CCC;
 background-color: #EEE;
 padding: 5px 10px;
 box-sizing: content-box;
 position: relative;
 white-space: normal
}
#help .search .form label {
 height: 0;
 line-height: 0;
 overflow: hidden;
 width: 0;
 position: absolute;
 font-size: 0;
 z-index: -1;
 outline: 0
}
#help .search .form .keyword {
 color: #999;
 background-color: #EEE;
 width: 600px;
 font-size: 14px;
}
#help .search .form .keyword:focus {
 color: #555
}
#help .search .form .keyword::-webkit-input-placeholder {
 color:#CCCCCC;
}
#help .search .form .keyword:focus:-moz-placeholder, #help .search .form .keyword:focus::-moz-placeholder {
color:transparent!important
}
#help .search .form .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
#help .search .form .btnSearch {
 background: url(../image/wen.png) no-repeat 50% 50%;
 width: 28px;
 height: 28px;
 text-indent: -999px;
 overflow:hidden;
 cursor: pointer;
}