﻿* {
	font-family: "微软雅黑";
	box-sizing: border-box;
}
.service-contain{
	min-width: 1400px;
}
.applink .pc-qrcode {
		width:135px;
		height:135px;
}
.help_container {
	width: 1204px;
	margin: 0 auto;
	background: none;
	padding: 28px 0 40px;
}

.help_l {
	width: 248px;
	height: 583px;
	background-color: #fff;
	border-radius: 4px;
}

.help_r {
	/*padding: 23px 34px 39px 33px;*/
	width: 930px;
	min-height: 583px;
	/*border: 1px solid #e0dedf;*/
	background-color: #fff;
	margin-left: 20px;
	float: right;
	box-sizing: border-box;
}

.help_container .help_li {
	height: 80px;
	line-height: 80px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	font-size: 16px;
	font-family: 'Microsoft yahei';
	color: #666;
}
.help_container .help_li a{
	display: block;
	width:100%;
	height: 100%;
}
.help_container .help_li i {
	display: inline-block;
	position: relative;
	top: 6px;
	margin-left: 30px;
	width: 26px;
	height: 26px;
}
.help_container .help_li:active a{
	color: #FDAD36;
}
.help_container .help_li a:hover{
	color: #FDAD36;
}
.help_container .help_li .pw_icon {
	background: url(../images/newIcon/kf_xq_mima_nor.png);
}
.help_container .help_li.active .pw_icon {
	background: url(../images/newIcon/kfc_xq_mima_nor.png);
}
.help_container .help_li .acc_icon {
	background: url(../images/newIcon/kf_xq_zh_nor.png);
}
.help_container .help_li.active .acc_icon {
	background: url(../images/newIcon/kfc_xq_zh_pre.png);
}
.help_container .help_li .rec_icon {
	background: url(../images/newIcon/kf_xq_charge_nor.png);
}
.help_container .help_li.active .rec_icon {
	background: url(../images/newIcon/kfc_xq_charge_pre.png);
}
.help_container .help_li .gift_icon {
	background: url(../images/newIcon/kf_xq_gift_nor.png);
}
.help_container .help_li.active .gift_icon {
	background: url(../images/newIcon/kfc_xq_gift_pre.png);
}
.help_container .help_li .often_icon {
	background: url(../images/newIcon/kf_xq_qus_nor.png);
}
.help_container .help_li.active .often_icon {
	background: url(../images/newIcon/kfc_xq_qus_pre.png);
}
.help_container .help_li span {
	display: inline-block;
	margin-left: 10px;
}

.help_container .help_kf {
	width: 194px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #dedede;
	background: #fff url(../images/help_kefu.png) no-repeat 43px 10px;
	margin-top: 35px;
}

.help_container .help_kf:hover {
	background: #37aae2 url(../images/help_kefu_hover.png) no-repeat 43px 10px;
}

.help_container .help_kf a {
	color: #37aae2;
}

.help_container .help_kf:hover a {
	color: #fff;
}

.help_container .help_l ul li.active {
	background: #E0E5EB;
	color: #FDAD36;
	font-weight: 400;
}

.help_container .help_l ul li.active a {
	color: #FDAD36;
}

.prublem_d {
	width: 920px;
/*	height: 568px;*/
	overflow: hidden;
}

.prublem_ul .pru_titli i {
	display: inline-block;
	height: 5px;
	width: 5px;
	border-radius: 100%;
	background-color: #d6d6d6;
	margin-bottom: 2px;
}

.prublem_ul .pru_titli a {
	margin-left: 20px;
}

.pru_detailul {
	display: none;
}

.prublem_ul .pru_titli {
	line-height: 46px;
	border-bottom: 1px dashed #e5e5e5;
}

.pru_detailul li p {
	padding: 14px 25px;
	background-color: #f5f5f5;
}

.service-contain .service-banner{
	width:100%;
	height: 331px;
	background: url(../images/newIcon/kf_bg.png)no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.service-banner .banner-content {
	width: 400px;
	position: absolute;
	left: 20%;
	top: 25%;
	text-align: center;
	color: #fff;
}
.banner-content .banner-title {
	font-size: 26px;
	color: #FFFFFF;
	letter-spacing: 10px;
	position: relative;
	margin-bottom: 15px;
}
.banner-content .banner-title:before, .banner-content .banner-title:after {
	position: absolute;
	left: -20px;
	top: 20px;
	width: 40px;
	height: 2px;
	background: rgba(255,255,255,0.5);
	content: '';
}
.banner-content .banner-title:after {
	left: 370px;
}
.banner-content .banner-text{
	font-size: 16px;
	text-align: center;
	line-height: 30px;
}
.banner-content .banner-butn-box{

	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 35px;
}
.banner-content .banner-butn-box a{
	display: block;
	width:128px;
	height: 40px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 6px;
	margin-right: 22px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
}
.banner-content .banner-butn-box a:last-child{
	margin-right: 0;
}

.service-question-box{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 53px;
	overflow: hidden;
}
.service-question-box .question-item{
	margin-top: 38px;
	width: 288px;
	height: 339px;
	background: #ffffff;
	border-radius: 6px;
	margin-right: 15px;
	float: left;
	-webkit-transition: margin-top 0.5s;
	-o-transition: margin-top 0.5s;
	transition: margin-top 0.5s;
}
.service-question-box .question-item a{
	display: block;
	width:100%;
	height: 100%;
}
.service-question-box .question-item:last-child{
	margin-right: 0;
}
.service-question-box li:hover{
	margin-top: 13px;
}
.service-question-box .question-item i{
	display: block;
	width: 130px;
	height: 130px;
	margin: 55px auto 0;
}
.service-question-box .question-item i.online-icon{
	background: url(../images/newIcon/kf_ico_online.png)no-repeat;
	background-size: 100% 100%;
}
.service-question-box .question-item i.password-icon{
	background: url(../images/newIcon/kf_ico_mm.png)no-repeat;
	background-size: 100% 100%;
}
.service-question-box .question-item i.account-icon{
	background: url(../images/newIcon/kf_ico_zh.png)no-repeat;
	background-size: 100% 100%;
}
.service-question-box .question-item i.charge-icon{
	background: url(../images/newIcon/kf_ico_charge.png)no-repeat;
	background-size: 100% 100%;
}
.service-question-box .question-item span{
	text-align: center;
	font-size: 20px;
	color: #333333;
	margin-top: 50px;
	display: block;
}
.help_r h3 {
	margin-bottom: 5px;
	/* background: orange; */
	color: #333333;
	font-size: 18px;
	font-weight: 400;
	line-height: 62px;
	text-align: left;
	border-bottom: 1px solid rgba(233,235,238,1);
}
.help_r h3 span {
	margin-left: 20px;
}
.help_r ul {
	font-size: 14px;
	margin: 30px 30px;
}
.help_r ul li .q {
	background: #f4f4f4;
	font: 14px/40px "\5FAE\8F6F\96C5\9ED1";
	color: #262626;
	padding: 0 10px 0 5px;
	height: 40px;
	font-weight: bold;
	font-size: 16px;
	font-family: MicrosoftYaHei-Bold;
	color: rgba(102,102,102,1);
}
.help_r ul li .q em {
	color: #666666;
	padding-right: 5px;
}
.help_r ul li .a {
	color: #666;
	line-height: 1.7;
	padding: 10px;
}
.question-tab{
	display: none;
}
.question-tab.active{
	display: block;
}