/**
 * help-page
 */
.help-page {
  padding-bottom: 40px;
  border-top: 1px solid #d5dddf;
  /*background-color: #f5f5f5;*/
}

@media(max-width: 992px){
  .help-page{
    width:992px;
  }
  .help-page .doc{
    width:990px;
  }
  .help-page .sidebar{
    width:240px;
    float: left;
  }
  .help-page .content{
    width:700px;
    float: left;
  }
}

/*help-page content*/
.help-page .content .help-content{
  padding-bottom: 20px;
}
.help-page .content .help-header{
  border-bottom: 1px solid #ccc;
}
.help-page .content .help-brief > dt{
  padding: 5px 0;
}
.help-page .content .help-brief > dt i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../img/glyphicons-halflings.png");
  background-repeat: no-repeat;
  background-position: 0 -47px;
  opacity: .7;
  vertical-align: text-top;
  margin-right: 5px;
}
.help-page .content .help-brief > dd{
  border: 1px solid #ccc;
  border-radius: 6px;
} 
.help-page .content .help-brief > dd img{
  border:1px solid #ccc;
  padding:4px;
}


/**
 * 选项卡
 */
.card .card-item ul li{
  padding:4px 6px;
  margin-right: -4px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  cursor: pointer;
  font-size: 14px;
}
.card .card-item ul li:hover{
  color:#1DCE6C;
}
.card .card-item ul li.current{
  border-bottom: none;
  color:#1DCE6C;
}
.card .card-content dl dd{
  padding:20px;
}

.list-inline > li {
  display: inline-block;
}

div.card {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}