/* 帮助中心顶部 */.tab .section .col-md-4 {
	padding-right: 50px;
	padding-left: 15px;
}

.key-word-item span {
    cursor: pointer;
}

.key-word-item span:hover {
    color: #2F54EA;
}


.help-search{
  background-color: #efefef;
  background-image: url('../img/help-center/bg-1.jpg');
  background-size: cover;
  padding-top: 80px;
  position: relative;
  height: 300px;
  padding-bottom: 20px;
}
@media screen and (max-width:992px){
  .help-search{
    height: auto;
  }
} 
.help-search .search-input{
  background:rgba(255,255,255,1);
  border-radius:20px;
  height:40px;
  line-height: 40px;
  padding:0 20px;
}
.help-search .search-input input::placeholder{
  color: #B7B7B7;
}
.help-search .search-input input{
  height:30px;
  border:none;
  width: 100%;
  outline: none;
  margin-left: 10px;
  color:#333;
}
.font-grey {
	display: flex;
}
.help-search .key-word{
  color: #D4D4D4;
}

.help-search .doc-box{
  padding: 12px 16px 10px;
  height: 120px;
  background: #FFFFFF;
  box-shadow: 0px 2px 40px 0px rgba(117, 117, 117, 0.1);
  border-radius: 4px;
}

.help-search .doc-box .doc-box-img img{
  height: 75px;
  width: 90px;
}.help-search .doc-box .doc-box-cont{
  height: 40px;
}


.tab{
  padding-top: 100px;
}
.help-search .section .row {
    margin-top: 80px;
}
.tab .tab-tltle{
  border-bottom: 1px solid #E3E3E3;
  height: 30px;
}
.tab .tab-tltle ul li{
  margin-right: 50px;
  font-weight: 400;
  height: 30px;
  cursor: pointer;
}

.tab .tab-tltle ul li:hover{
  color: #2F54EA;
  border-bottom: 2px solid #2F54EA;
}

.tab .tab-tltle ul .active{
  color: #2F54EA;
  border-bottom: 2px solid #2F54EA;
}

.tab .box {
  margin-bottom: 60px;
 }

.tab .box .box-title{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 14px;
  border-bottom: 1px solid #F7F8F9;
}

.tab .box .box-item {
  cursor: pointer;
  color: #999999;
  height: 14px;
  margin-left: 10px;
  margin-top: 20px;
  overflow: hidden; 
  text-overflow: ellipsis; 
  word-break: break-all;
  display: -webkit-box; 
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
}
.tab .box .box-item::before {
  content:'';
  position: absolute;
  width: 4px;
  height: 4px;
  margin-left: -10px;
  margin-top: 6px;
  border-radius: 50%;
  background: #999999;
}
.tab .box .box-item:hover {
  color: #2F54EA;
}
.tab .box .box-item:hover::before {
  background: #2F54EA;
}

/* 响应式  处理 */
@media only screen and (max-width: 1500px) and (min-width: 1200px) {

}

@media only screen and (max-width: 1200px) {
	.tab {
		padding: 0 30px;
	}
	.tab {
		padding-top: 100px;
	}
	.help-search .section {
	margin: 0 30px;
	}
	.help-search .section .row {
		margin-top: 40px;
	}
	.tab .row  {
		margin-top: 60px;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}

@media only screen and (max-width: 992px) {

	.help-search .section .row .col-md-4 {
		margin-bottom: 20px;
	}

}


@media only screen and (max-width: 768px) {

	
}

@media only screen and (max-width: 600px) {
	.tab .tab-tltle ul li {
		margin-right: 15px;
	}
	.font-grey {
		flex-direction: column;
	}
	.key-word-item {
	    margin-top: 15px;
	}
}