body {

	font-family: "Microsoft Yahei";

}



a {

	text-decoration: none;

}



a:active,

a:focus {

	outline: none;

}



.banner-engine .header-container {

	position: absolute;

	top: 0;

	left: 0;

	height: 104px;

}



.banner-engine .header-container .banner-box {

	height: 104px;

}



.banner-engine .banner-ul,

.banner-engine .banner-box > div {

	display: none;

}



.banner-engine .banner-box .top-nav {

	display: block;

}



.search-banner {

	position: relative;

	width: 100%;

	height: 200px;

	background: url(img/help_index_bg.jpg) no-repeat center;

	overflow: hidden;

}



.search-banner .search-left {

	float: left;

	line-height: 200px;

	font-size: 32px;

	color: #333;

}



.search-main {

	display: block;

	float: left;

	height: 200px;

	margin-left: 80px;

	margin-top: 80px;

	text-align: center;

}



.input-box {

	width: 625px;

	margin: 0 auto;

}



.search-main input {

	font-family: "Microsoft Yahei";

	float: left;

	outline: none;

}



.input-main {

	width: 560px;

	height: 40px;

	line-height: 36px;

	border: 2px solid #0088ff;

	font-size: 14px;

	padding-left: 15px;

	color: #999;

	outline: none;

}



input::-webkit-input-placeholder,

input:-moz-input-placeholder,

input::-moz-input-placeholder,

input::-ms-input-placeholder {

	color: #e0e0e0;

}



.submit-btn {

	width: 70px;

	height: 40px;

	line-height: 36px;

	border: 1px solid #0088ff;

	margin-left: -5px;

	cursor: pointer;

	background: url(img/search.png) no-repeat center center #0088ff;

	border-radius: 0 5px 5px 0;

}



.q-block .submit-btn {

	margin-left: 0;

	font-family: "microsoft yahei";

	width: 120px;

	height: 35px;

	line-height: 35px;

	font-size: 14px;

	color: #fff;

	border-radius: 2px;

	background-image: none;

	background-color: #0088ff;

	border: none;

}



.search-main ul {

	width: 471px;

	margin-top: 20px;

	font-size: 12px;

}



.search-main ul li {

	color: #999;

	float: left;

	margin-left: 7px;

}



.search-main ul li:first-child {

	margin-left: 0;

}



.search-main ul li span {

	color: #999;

	font-size: 12px;

}



.search-main ul li a {

	color: #0088ff;

	font-size: 12px;

	text-decoration: none;

}



.search-main ul li a:hover {

	color: #f60;

	text-decoration: underline;

}



.main-area {

	border-top: 1px solid #eee;

	width: 100%;

}



/* 自助服务样式*/

.module-title {

	position: relative;

	margin-top: 60px;

	height: 32px;

	line-height: 32px;

}

.module-title .module-title-name {

	display: inline-block;

	padding-right: 15px;

	font-size: 24px;

	background: #fff;

	color: #333;

}

.module-title .group-span {

	float: right;

	margin-top: -25px;

	margin-left: 20px;

	width: 100%;

	height: 20px;

	font-size: 14px;

	display: inline-block;

	background: url(img/line_ico.png) repeat-x;

	z-index: 10;

}



.content-info {

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

}



.content-info .info-item {

	float: left;

	width: 32%;

	height: 380px;

	margin-top: 35px;

	margin-left: 2%;

	padding: 35px 15px;

	background-color: #fff;

}



.content-info .info-item:hover {

	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.12);

}



.content-info .info-item:first-child {

	margin-left: 0;

}



.info-item-header {

	padding-left: 80px;

	height: 70px;

	border-bottom: 1px solid #eee;

	background: 20px 0 no-repeat;

}



.content-info p {

	font-size: 12px;

	color: #999;

}



/* 重置波浪的背景颜色*/

.wave-box {

	background-color: #f5f7f8;

}



.content-info .service-info-item {

	display: block;

	float: left;

	width: 24%;

	height: 240px;

	margin-top: 35px;

	margin-left: 1.3%;

	padding: 0 15px;

	padding-top: 115px;

	text-align: center;

	background-color: #fff;

}



.content-info .service-info-item:hover {

	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.12);

}



.content-info .service-info-item:first-child {

	margin-left: 0;

}



.service-info-item .header-title {

	display: block;

	margin-bottom: 20px;

	padding-bottom: 10px;

	line-height: 30px;

	border-bottom: 1px solid #eee;

	font-size: 16px;

	color: #333;

}



.service-info-item:hover .header-title {

	color: #009fd9;

}



.btn-input {

	display: inline-block;

	padding: 6px 20px;

	border-radius: 2px;

	background-color: #0088ff;

	font-size: 14px;

	color: #fff;

}



.btn-input:hover {

	background-color: #0084b1;

}



.service-info-item p {

	line-height: 20px;

}







.index-info-item .title-text {

	line-height: 30px;

	font-size: 14px;

	color: #333;

}

.index-info-item:hover p,

.index-info-item:hover span{

	color: #fff;

}

.index-info-item .question-text {

	line-height: 25px;

	font-size: 12px;

	color: #999;

}

.index-info-item span{

	display: inline-block;

	margin-top: 15px;

	font-size: 14px;

	color: #0088ff;

}

.bg-gray {

	padding-bottom: 60px;

	background-color: #f5f7f8;

	overflow: hidden;

}

.bg-gray.active {

	padding-bottom: 10px;

}

.content-info .self-help-item {

	display: block;

	width: 15%;

	height: 120px;

	margin-left: 2%;

	padding: 10px 15px;

	margin-bottom: 20px;

}

.self-help-item .item-icon {

	display: block;

	width:64px;

	height: 64px;

	margin: 0 auto;

	margin-top: 10px;

	background-image: url(img/help_index_icon.png);

	background-repeat: no-repeat;

}

.self-help-item-1 .item-icon{

	background-position: 0 0;

}

.self-help-item-1:hover .item-icon{

	background-position: -70px 0;

 }

.self-help-item-2 .item-icon{

	background-position: 0 -70px;

}

.self-help-item-2:hover .item-icon{

	background-position: -70px -70px;

 }

.self-help-item-3 .item-icon{

	background-position: 0 -140px;

}

.self-help-item-3:hover .item-icon{

	background-position: -70px -140px;

 }

.self-help-item-4 .item-icon{

	background-position: 0 -210px;

}

.self-help-item-4:hover .item-icon{

	background-position: -70px -210px;

 }

.self-help-item-5 .item-icon{

	background-position: 0 -280px;

}

.self-help-item-5:hover .item-icon{

	background-position: -70px -280px;

 }

.self-help-item-6 .item-icon{

	background-position: 0 -350px;

}

.self-help-item-6:hover .item-icon{

	background-position: -70px -350px;

}

.self-help-item span {

	font-size: 14px;

	color: #666;

}

.self-help-item:hover span {

	color: #0088ff;

}



/* 帮助问题分类 */

.issue-type-list {

	margin-top: 35px;

	margin-bottom: 20px;

}

.issue-type-item {

	float: left;

	padding: 0 15px;

	width: 23%; /* (100 - 4*3) / 4 */

	*width: 22.9%;

	margin-left: 2.6%;

}

.margin-left-0 {

	margin-left: 0;

}

.contact-service-item {

	float: left;

	width: 29.3%; /* (100 - 6*2) / 3 */

	*width: 29.2%;

}

.contact-service-item-middle {

	margin: 0 6%;

}

.issue-type-title {

	margin: 57px 0 42px;

}

.issue-type-item-title {

	padding-top: 5px;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	text-indent: 7%;

	color: #333;

	border-radius: 4px 4px 0 0;

	border-bottom: 1px solid #eee;

}

.issue-type-item-description {

	padding: 10px 7% 10px 7%;

}

.issue-details li {

	height: 70px;

	line-height: 70px;

	font-size: 12px;

}

.issue-cloud-details {

	padding-bottom: 2px;

}

.issue-cloud-details li {

	line-height: 40px;

	height: 40px;

}

.issue-details a {

	display: block;

	font-size: 14px;

	color: #0088ff;

}

.issue-details .issue-doc-count,

.issue-details .issue-doc-total{

	float: right;

	color: #a5a5a5;

}

.issue-details a:hover,

.issue-details a:hover .issue-doc-count,

.issue-details a:hover .issue-doc-total,

.issue-details a:hover .issue-doc-count span,

.issue-details a:hover .issue-doc-total span{

	color: #ff6600;

}

.issue-details .issue-details-noborder {

	border-bottom: none;

}





/*帮助菜单*/

.help-menu {

	width: 18.1%;

	border-bottom: none;

	margin: 40px 0;

	float: left;

	background-color: #f5f6f7;

}



.help-menu dl {

	width: 100%;

}



.help-menu dt, .help-menu dd {

	width: 100%;

	height: 50px;

	line-height: 50px;

	/*border-bottom: 1px solid #f3f3f5;*/

}

.help-menu dd {

	display: none;

	height: 40px;

	line-height: 40px;

}

.help-menu dl.active dd {

	display: block;

}



.help-menu dt {

	/*background: url(img/help_close.png) no-repeat 10px center;*/

	position: relative;

	padding-left: 44px;

	border-bottom: 1px solid #e5e5e5;

	font-size: 14px;

	color: #333;

	cursor: pointer;

}

.help-menu dt .help-icon {

	position: absolute;

	right: 20px;

	top: 22px;

	width: 12px;

	height: 10px;

	background-image: url(img/help_flag.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

.help-menu dt:hover {

	color: #0088ff;

}



.help-menu dt:hover .help-icon {

	background-position: 0 -10px;

}

.help-menu dl.active dt .help-icon {

	background-position: 0 -20px;

}

.help-menu dl {

	border-bottom: 1px solid transparent;

}

.help-menu dl.active dt {

	/*background: url(img/help_open.png) no-repeat 10px center;*/

	border-left: 5px solid #0088ff;

	padding-left: 39px;

	color: #0088ff;

}



.help-menu dl.active {

	transition: border-bottom 1s ;

	border-bottom: 1px solid #e5e5e5;

}

.help-list-title {

	padding-left: 35px!important;

	font-weight: bold;

	color: #666;

	position: relative;

}

.help-list-title>span{

	position: absolute;

	right: 10px;

	top: 10px;

	width: 30px;

	height: 30px;

	background: url(./img/nav-list.svg) no-repeat;

	background-size: cover;

}

.help-list-title>.help-all{

	position: absolute;

	width: 840px;

	/* height: 400px; */

	left: 100%;

	top: 0;

	background: white;

	border: 1px solid #dddddd;

	z-index: 999;

	box-sizing: content-box;

	display: none;

}

.help-list-title>.help-all ul>li{

	width: 160px;

	float: left;

	margin-left: 40px;

}

.help-list-title>.help-all ul>li h4{

	padding-left: 40px;

}

.help-list-title>.help-all ul>li>p{

	line-height: 40px;

	margin-left:40px;

}

.help-list-title>.help-all ul>li>p>a{

	color: #333333;

}

.help-list-title>.help-all ul>li>p:hover>a{

	color: #0088ff;

}

.help-list-title:hover{

	color: #333333;

}

.help-list-title:hover>span{

	background: url(./img/nav-list-active.svg) no-repeat;

	background-size: cover;

}

.help-list-title:hover>.help-all{

	display: block;

}

.help-menu dd a {

	color: #666;

	font-size: 13px;

	display: inline-block;

	width: 100%;

	height: 100%;

	padding-left: 44px;

	text-decoration: none;



}

.help-menu dd a.active,

.help-menu dd a:hover {

	color: #0088ff;

}



.help-menu dt a {

	display: inline-block;

	width: 100%;

	height: 100%;

	text-decoration: none;

}

.help-menu dt a.active,

.help-menu dt a:hover {

	color: #0088ff;

}



.common-questions {

	/*width: 53.2%;*/

	width: 78%;

	float: left;

	margin-left: 2%;

	margin-top: 40px;

}



.common-questions h2 {

	font-size: 20px;

	font-weight: normal;

	color: #ff6600;

}



.common-questions ul li {

	list-style: disc;

	margin-left: 19px;

	margin-bottom: 14px;

}



.crumbs-nav {

	margin: 0 20px;

	height: 50px;

	line-height: 50px;

	background-color: #fff;

}



.q-block {

	width: 100%;

	padding: 20px;

	background-color: #fff;

}



.q-block.submit-box {

	padding-top: 0;

	margin-top: 0;



}

.submit-box form {

	border-top: 1px solid #eee;

	padding-top: 20px;

}



.q-title {

	font-size: 18px;

	color: #0088ff;

	font-weight: normal;

	width: 80px;

	float: left;

}



.q-list {

	display: block;

	padding-bottom: 20px;

	width: 100%;

	float: left;

}



.q-list li {

	width: 100%;

	/*height: 40px;*/

	/*line-height: 40px;*/

}



.q-list li span {

	display: inline-block;

	font-size: 12px;

	color: #999;

	transition: padding-left 0.5s;

	vertical-align: top;

	margin-top: -1px;

}



/*.q-list li:hover span {*/

	/*padding-left: 10px;*/

	/*color: #0088ff;*/

/*}*/



.q-list li a {

	color: #6f6d6e;

	font-size: 14px;

	text-decoration: none;

}

.q-list li:hover a {

	/*color: #0088ff;*/

}

.q-list li:hover {

	color: #0088ff;

	background-color: #e5f2ff;

}

.article-title {

	text-align: center;

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #eee;

	font-size: 20px;

	color: #333;

}

.q-list .list-title{

	display: inline-block;

	width: 60%;

	line-height: 36px;

	font-size: 18px;

	color: #00aaff;

	font-weight: bold;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.q-list .list-content{

	line-height: 28px;

	font-size: 14px;

	color: #333;

}

.q-list .list-from{

	line-height: 44px;

	font-size: 12px;

	color: #999;

}



.q-list .list-from a{

	font-size: 12px;

	color: #999;

}

.tab-content{

	margin-top: 20px;

}

.list-item{

	list-style: none !important;

}



/*帮助中心一级sub页*/

.sub1-common-questions {

	min-height: 600px;

}



.sub2-common-questions {

	/*min-height: 600px;*/

}



.crumbs-nav p {

	display: inline-block;

	float: left;

}



.crumbs-nav p .menu-lv1 {

	display: inline-block;

	float: left;

	width: 20px;

	height: 16px;

	background: url(img/help_home.png) no-repeat center;

	margin-top: 17px;

}



.crumbs-nav p .menu-lv2 {

	float: left;

	margin-left: 10px;

	color: #666;

	font-size: 14px;

	text-decoration: none;

}

.crumbs-nav p .menu-lv3 {

	color: #0088ff;

}



.crumbs-nav h1 {

	display: inline-block;

	color: #717171;

	font-size: 14px;

	font-weight: normal;

	float: left;

}



.common-questions {

	position: relative;

	padding-bottom: 40px;

}





/*2级sub页*/

.sub-page-content {

	padding-top: 10px;

	color: #555;

	font-size: 15px;

	line-height: 2em;

}



.sub-page-content p {

	margin-bottom: 15px;

}



.sub-page-content p span {

	font-size: 14px;

}



.sub-page-content img {

	max-width: 100% !important;

}



.sub-page-content a {

	color: #0088ff;

}



.sub-page-content a:hover {

	text-decoration: underline;

}



.sub-page-content .link {

	color: #555;

}



.sub-page-content .link:hover {

	color: #555;

	text-decoration: none;

}



/* 恢复 编辑内容 的strong样式，并去掉 SEO目的的 strong标签样式 */

.sub-page-content strong {

	font-weight: bold;

}



.sub-page-content .link strong {

	font-weight: normal;

}



.solved-or-not {

	color: #717171;

	font-size: 14px;

	line-height: 28px;

}



.suggestion {

	color: #717171;

	margin-top: 20px;

	line-height: 28px;

}



.suggestion label {

	font-size: 14px;

}



#text-area {

	width: 600px;

	height: 120px;

	resize: none;

	font-family: "Microsoft Yahei";

	padding: 5px 10px;

	margin: 15px 0;

	border: 1px solid #d3d3d3;

	outline-color: #0088ff;

}

.btn-help {

	display: inline-block;

	position: relative;

	width: 90px;

	height: 30px;

	line-height: 30px;

	padding-left: 35px;

	border-radius: 2px;

	font-size: 14px;

	color: #fff;

	vertical-align: middle;

}

.btn-help .icon {

	display: inline-block;

	position: absolute;

	left: 15px;

	top: 50%;

	margin-top: -8px;

	width: 16px;

	height: 16px;

	background-repeat: no-repeat;

	background-image: url(img/help_content_icon.png);

}

.btn-smile {

	background-color: #ff6600;

}

.btn-smile .icon {

	background-position: 0 0;

}

.btn-smile:hover,

.btn-smile:active,

.btn-smile:focus{

	background-color: #f26100;

}



.btn-cry {

	background-color: #0088ff;

}

.btn-cry .icon {

	background-position: 0 -40px;

}

.btn-cry:hover,

.btn-cry:active,

.btn-cry:focus{

	background-color: #0073e5;

}

.submit-success {

	padding-left: 20px;

	background-image: url(img/help_content_icon.png);

	background-repeat: no-repeat;

	background-position: 0 -18px;

	font-size: 14px;

	color: #ff6600;

}

.submit-error {

	padding-left: 20px;

	font-size: 14px;

	background-image: url(img/help_content_icon.png);

	background-repeat: no-repeat;

	background-position: 0 -58px;

	color: #666;

}



/* 搜索tab */

.nav-tab-wrapper {

	border-bottom: 1px solid #e1e4e6;

	height: 56px;

}

.nav-tab-item {

	float: left;

	position: relative;

	top: 1px;

	margin-right: 10px;

	padding: 0 32px;

	height: 55px;

	line-height: 55px;

	font-size: 16px;

	border-bottom: 2px solid transparent;

	color: #333333;

}

.nav-tab-item:hover,

.nav-tab-item.active

{

	border-bottom-color: #00aaff;

	color: #00aaff;

}

.help-center-introduce {

	line-height: 62px;

	font-size: 14px;

	color: #999;

}