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: 360px;

	background: url(../images/help_index_bg_new.jpg) no-repeat center;

	overflow: hidden;

}



.search-banner h2 {

	margin-top: 160px;

	color: #fff;

	font-weight: normal;

	font-size: 32px;

	text-align: center;

}



.search-main {

	display: block;

	margin-top: 30px;

	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: 44px;

	line-height: 36px;

	border: 3px solid #00aaff;

	font-size: 14px;

	padding-left: 15px;

	color: #333;

	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: 44px;

	line-height: 36px;

	border: 1px solid #00aaff;

	margin-left: -5px;

	cursor: pointer;

	background: url(../images/search.png) no-repeat center center #00aaff;

}



.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: #009fd9;

	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: #fff;

	font-size: 12px;

	text-decoration: none;

}



.search-main ul li a:hover {

	color: #f80;

	text-decoration: underline;

}



.main-area {

	border-top: 1px solid #eee;

	width: 100%;

	background-color: #f5f7f8;

}



/* 选项卡样式*/

.tab-control {

	display: block;

	position: relative;

	height: 100%;

}



.tab-control .tab-menu {

	display: block;



	line-height: 50px;

	text-align: center;

}



.tab-control .tab-menu li {

	display: inline-block;

	list-style-type: none;

	width: 120px;

	font-size: 16px;

}



.tab-control .tab-menu li a {

	display: block;

	color: #666;

}



.tab-control .tab-menu li a:hover,

.tab-control .tab-menu li a.active {

	font-weight: bold;

	color: #009fd9;

	border-bottom: 2px solid #009fd9;

}



.tab-content {

	display: none;

	height: 100%;

	border-top: 1px solid #eee;

	background-color: #fff;

	overflow: hidden;

	padding-bottom: 64px;

}



.tab-content.active {

	display: block;

}



/* 自助服务样式*/

.tab-content .model-title {

	display: block;

	margin-top: 60px;

	text-align: center;

	font-size: 24px;

	color: #333;



}



.tab-content .sub-title {

	margin-top: 15px;

	text-align: center;

	font-size: 14px;

	color: #999;

}



.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;

}



.info-item-header .header-title {

	line-height: 30px;

	font-size: 16px;

	color: #333;

}



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

	color: #009fd9;

}



.product-manage-header {

	background: url(../images/help_index_icon.png) no-repeat;

	background-position: 20px -1320px;

}



.info-item-01:hover .product-manage-header {

	background-position: 20px -1430px;

}



.account-manage-header {

	background: url(../images/help_index_icon.png) no-repeat;

	background-position: 20px -1540px;

}



.info-item-02:hover .account-manage-header {

	background-position: 20px -1650px;

}



.finance-manage-header {

	background: url(../images/help_index_icon.png) no-repeat;

	background-position: 20px -1760px;

}



.info-item-03:hover .finance-manage-header {

	background-position: 20px -1870px;

}



.info-item-operation {

	margin-top: 20px;

	padding-left: 20px;

}



.info-item-operation p {

	margin-top: 10px;

	line-height: 25px;

}



.operation-box a {

	display: inline-block;

	width: 80px;

	margin-left: 8px;

	line-height: 20px;

	font-size: 12px;

	color: #009fd9;

}



.operation-box a:first-child {

	margin-left: 0;

}



.question-info-item a:hover,

.operation-box a:hover,

.operation-box a:active {

	color: #ff8800;

}



.register-box {

	text-align: center;

	padding: 60px 0;

	background-color: #f5f7f8;

}





.register-box a {

	padding: 10px 30px;

	border-radius: 2px;

	text-align: center;

	background-color: #009fd9;

	font-size: 16px;

	color: #fff;

}



.register-box a:hover {

	background-color: #0084b1;

}



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

.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;



	background-repeat: no-repeat;

	background-image: url(../images/help_index_icon_02.png);

}







.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-01 {

	background-position: center 35px;

}

.service-info-item-01:hover {

	background-position: center -175px;

}

.service-info-item-02 {

	background-position: center -385px;

}

.service-info-item-02:hover {

	background-position: center -595px;

}

.service-info-item-03 {

	background-position: center -805px;

}

.service-info-item-03:hover {

	background-position: center -1015px;

}

.service-info-item-04 {

	background-position: center -1225px;

}

.service-info-item-04:hover {

	background-position: center -1435px;

}



.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: #009fd9;

	font-size: 14px;

	color: #fff;

}



.btn-input:hover {

	background-color: #0084b1;

}



.service-info-item p {

	line-height: 20px;

}





/* 新手入门样式*/

.content-info .index-info-item {

	float: left;

	width: 24%;

	height: 160px;

	margin-top: 35px;

	margin-left: 1.3%;

	padding: 25px 15px;

	text-align: left;

	background-color: #fff;

	background-position: right bottom;

	background-repeat: no-repeat;

}

.index-info-item:hover {

	background-color: #00bbff;

/*	filter:alpha(opacity=10); !*IE滤镜，透明度50%*!

	-moz-opacity:0.1; !*Firefox私有，透明度50%*!

	opacity:0.1*/

}

.content-info .index-info-item-01 {

	background-image: url(../images/help_index_01.png);

}



.content-info .index-info-item-02 {

	background-image: url(../images/help_index_02.png);

}



.content-info .index-info-item-03 {

	background-image: url(../images/help_index_03.png);

}



.index-info-item-01:hover {

	background-image: url(../images/help_index_01_white.png);

}

.index-info-item-02:hover {

	background-image: url(../images/help_index_02_white.png);

}



.index-info-item-03:hover {

	background-image: url(../images/help_index_03_white.png);

}



.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: #009fd9;

}

.bg-gray {

	padding-bottom: 60px;

	background-color: #f5f7f8;

	overflow: hidden;

}

.content-info .self-help-item {

	display: block;

	width: 15%;

	height: 120px;

	margin-left: 2%;

	padding: 10px 15px;

	padding-top: 80px;

	margin-bottom: 20px;

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

	background-repeat: no-repeat;

}

.content-info .self-help-item-1 {

	background-position: center 15px;

}

.content-info .self-help-item-1:hover {

	background-position: center -95px;

 }

.content-info .self-help-item-2 {

	background-position: center -205px;

}

.content-info .self-help-item-2:hover {

	background-position: center -315px;

 }

.content-info .self-help-item-3 {

	background-position: center -425px;

}

.content-info .self-help-item-3:hover {

	background-position: center -535px;

 }

.content-info .self-help-item-4 {

	background-position: center -645px;

}

.content-info .self-help-item-4:hover {

	background-position: center -755px;

 }

.content-info .self-help-item-5 {

	background-position: center -865px;

}

.content-info .self-help-item-5:hover {

	background-position: center -975px;

 }

.content-info .self-help-item-6 {

	background-position: center -1085px;

}

.content-info .self-help-item-6:hover {

	background-position: center -1195px;

}

.self-help-item span {

	font-size: 14px;

	color: #666;

}

.self-help-item:hover span {

	color: #009fd9;

}



.question-info-item {

	float: left;

	padding: 20px 20px;

	margin-top: 35px;

	width: 25%;

	height: 300px;

	background-color: #fff;

}

.question-info-item:first-child {

	padding-top: 180px;

	text-align: center;

	background:#00bbff url(../images/help_question.png) no-repeat center 80px;

}

.question-info-item:first-child span{

	font-size: 20px;

	color: #fff;

}

.question-info-item .question-title {

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #eee;

	font-size: 16px;

	color: #333;

}

.question-info-item ul {

	margin-top: 20px;

}

.question-info-item ul li {

	height: 32px;

	line-height: 32px;

	font-size: 12px;

}

.question-info-item .question-hot {

	display: inline-block;

	margin-top: -3px;

	margin-left: 5px;

	width: 24px;

	height: 16px;

	background: url(../images/question_hot.png) no-repeat center;

	vertical-align: middle;

}



.question-info-item a {

	display: inline-block;

	width: 100%;

	color: #666;

}



/* 帮助问题分类 */

.issue-type-list {

	margin-top: 35px;

}

.issue-type-item {

	float: left;

	border: 1px solid #eee;

	padding: 0 15px;

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

	*width: 22.9%;

}

.issue-type-item + .issue-type-item {

	margin-left: 2.6%;

}

.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;

	color: #666666;

}

.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{

	color: #009fd9;

}



.issue-details .issue-details-noborder {

	border-bottom: none;

}





/*帮助菜单*/

.help-menu {

	width: 18.1%;

	border-bottom: none;

	margin-top: 20px;

	float: left;

}



.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(../images/help_close.png) no-repeat 10px center;

	padding-left: 44px;

	color: #333;

	cursor: pointer;

}



.help-menu dl.active dt {

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

	color: #009fd9;

}



.help-menu dd a {

	color: #2b2b2b;

	font-size: 13px;

	display: inline-block;

	width: 100%;

	height: 100%;

	padding-left: 44px;

	text-decoration: none;

	-webkit-transition-property: padding;

	-moz-transition-property: padding;

	-ms-transition-property: padding;

	-o-transition-property: padding;

	transition-property: padding;

}

.help-menu dd a.active,

.help-menu dd a:hover {

	color: #009fd9;

}



.common-questions {

	/*width: 53.2%;*/

	width: 78%;

	float: left;

	margin-left: 2%;

	margin-top: 20px;

}



.common-questions h2 {

	font-size: 20px;

	font-weight: normal;

	color: #f66d37;

}



.crumbs-nav {

	height: 50px;

	line-height: 50px;

	background-color: #fff;

}



.q-block {

	width: 100%;

	padding: 20px;

	margin-top: 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: #23ace0;

	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;

	border-bottom: 1px dashed #eee;

}



.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: #009fd9;

}



.q-list li a {

	color: #6f6d6e;

	font-size: 14px;

	text-decoration: none;

}



.q-list li:hover {

	color: #009fd9;

	background-color: #e0f7ff;

}

.article-title {

	text-align: center;

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #eee;

	font-size: 20px;

	color: #333;

}





/*帮助中心一级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(../images/help_home.png) no-repeat center;

	margin-top: 17px;

	margin-left: 20px;

}



.crumbs-nav p .menu-lv2 {

	float: left;

	color: #666;

	font-size: 14px;

	text-decoration: none;

}

.crumbs-nav p .menu-lv3 {

	color: #009fd9;

}



.crumbs-nav h1 {

	display: inline-block;

	color: #717171;

	font-size: 14px;

	font-weight: normal;

	float: left;

}



.common-questions {

	position: relative;

	padding-bottom: 64px;

}





/*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: #0295d9;

}



.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: #009fd9;

}

.btn-help {

	display: inline-block;

	width: 90px;

	height: 30px;

	line-height: 30px;

	padding-left: 35px;

	background-position: 15px center;

	background-repeat: no-repeat;

	border-radius: 2px;

	font-size: 14px;

	vertical-align: middle;

}

.btn-smile {

	background-color: #ff8800;

	background-image: url(../images/help_smile.png);

	color: #fff;

}

.btn-smile:hover,

.btn-smile:active,

.btn-smile:focus{

	background-color: #ff7700;

}



.btn-cry {

	border: 1px solid #ddd;

	background-color: #fafafa;

	background-image: url(../images/help_cry.png);

	color: #666;

}

.btn-cry:hover {

	background-image: url(../images/help_cry_blue.png);

	color: #009fd9;

}

.btn-cry:active,

.btn-cry:focus{

	background-color: #eee;

	background-image: url(../images/help_cry_blue.png);

	color: #009fd9;

}

.submit-success {

	padding-left: 20px;

	background:url(../images/help_smill_yellow.png) no-repeat left center;

	font-size: 14px;

	color: #ff8800;

}

.submit-error {

	padding-left: 20px;

	font-size: 14px;

	background:url(../images/help_cry.png) no-repeat left center;

	color: #666;

}