.wid1200{ position:relative; width:1200px; margin:0px auto; text-align:left}
.height40{ height:40px;}
/* banner */
.help-banner{ height:362px; padding-top:175px; position: relative; background: url("../image/banner5.jpg")  center top #00083b no-repeat; min-width:1220px;}
.help-banner dl{ width:1000px; margin:0 auto 0; overflow:hidden}
.help-banner dt{ float:left; font-size:36px; color:#fff; line-height:50px;}
.help-banner dd{ width:800px; margin: auto; overflow:hidden;}
.help-banner form{ overflow:hidden}
.help-banner form input[type=text]{ float:left; width:636px; border:2px solid #059fff; background:#fff; height:46px; padding:0 20px;}
.help-banner form input[type=submit]{ float:right; border:0; height:50px; width:120px;background: url("../image/search.png")  center #059fff no-repeat; cursor:pointer;}
.help-banner ul{ clear:both; margin:12px 0 0; line-height:25px; overflow:hidden;}
.help-banner ul:before{ content:"搜索热词："; float:left; height:25px; color:#999999;}
.help-banner ul li{ float:left; height:25px; margin-right:20px;}
.help-banner ul a{ display:block; color:#059fff;}


.help-tab-box {
  border-bottom: 1px solid #ccc;
  margin-bottom: 35px;
  cursor: pointer;
}
.help-tab-box .help-tab {
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 130px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
}
.help-tab-box .help-tab.on {
  border-bottom: 2px solid #0055ff;
  color: #0055ff;
}
.help-main-box {}
.help-main-box .help-main {
  display: none;
}
.help-main-box .help-main.on {
  display: block;
}

.self_service {
  background: none;
} 
.self_service ul li {
  width: 23%;
  margin: 0 1% 25px;
  background: #fff;
}
.self_service ul li .border_gray {
  border: #eee 1px solid;
  height: 159px;
  webkit-transition: all .2s linear;
  transition: transform .2s linear;
}
.self_service ul li .border_gray:hover {
  border: 1px solid #3265e6;
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
  box-shadow: 0 5px 5px rgba(0,0,0,0.1);
  -webkit-transform: translate3d(0,-2px,0);
  transform: translate3d(0,-2px,0);
}
.contact_lists ul li {
  float: left;
  width: 380px;
  margin: 0 10px;
  display: inline-block;
  height: auto;
  padding: 30px 0px;
  background-color: #FFFFFF;
  border: 1px solid #eee;
}
.self_service{ background-color:#FFFFFF;}
.self_service:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.self_service ul li{ float:left; width:16.66666666%; height:160px; text-align:center; font-size:14px;transition: all 0.3s ease-out 0s;}
.self_service ul li .border_gray{  border-right:#f5f5f5 1px solid; height:159px;border-bottom:#f5f5f5 1px solid;}
.self_service ul li .border_gray .self_service_icons{  width:48px; height:51px; line-height:51px; text-align:center; background:url(../image/help_back01.png) center center no-repeat; margin:0px auto; color:#3265e6; font-size:28px; margin-bottom:15px; }
.self_service ul li:hover .self_service_icons{ background:url(../image/help_back01_hover.png) center center no-repeat;color:#fff;transition: all 0.3s ease-out 0s;}
.fonts_titiles{ position:relative; text-align:center; padding:30px 0px; padding-top:50px;}
.fonts_titiles h4{ font-size:28px; font-weight:bold; color:#333333; padding-bottom:10px;margin: -6px;}
.fonts_titiles p{ font-size:13px; color:#999999; font-size:13px;text-transform:Uppercase}
.fonts_titiles .left_lines{ position:absolute; top:56px; left:288px; width:230px;background-color:#cccccc; height:1px;}
.fonts_titiles .right_lines{ position:absolute; top:56px; right:288px; width:230px; background-color:#cccccc; height:1px;}
.contact_lists{ width:1200px; overflow:hidden}
.contact_lists:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.contact_lists ul{ width:1250px;}
.contact_lists ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.contact_lists ul li{ float:left; width:388px; margin-right:16px; display:inline; height: auto; padding:30px 0px; background-color:#FFFFFF}
.contact_lists ul li .contact_lists_icons{ float:left; width:148px; text-align:center; font-size:78px; border-right:#e5e5e5 1px solid; color:#999999; padding:50px 0px;}
.contact_lists ul li .contact_lists_fonts{ float:left; width:184px; margin-left:20px; display:inline; text-align:left;}
.contact_lists ul li .contact_lists_fonts h4{  font-size:18px; color:#333333; padding-top:20px; padding-bottom:14px;}
.contact_lists ul li .contact_lists_fonts h5{  font-size:14px; color:#999; font-weight:normal;padding-bottom:30px;}
.contact_lists ul li .contact_lists_fonts .con_btn{ background-color:#3265e6; color:#FFFFFF; font-size:16px;border-radius:6px; padding:6px 14px;}

.question_category{ text-align:left;}
.question_category:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.question_category_one{ float:left; width:290px; margin-right:13px; display:inline; background-color:#FFFFFF}
.question_category_one h4{ background:url(../image/back_line.png) left top repeat-x; text-indent:20px; font-size:16px; color:#333333; height:54px; line-height:54px;}
.question_category_one ul{ padding:14px; font-size:14px;}
.question_category_one ul li{ padding:0px 0px;}
.question_category_one ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.question_category_one ul li .font_left{ float:left; width:170px; color:#666666}
.question_category_one ul li .font_left .iconfont{ font-size:10px;}
.question_category_one ul li .font_right{ float:left; width:80px; color:#999}



.question_category_one{ 
  width: 280px;
  margin: 0 9px 18px;
  height: 350px;
  border: 1px solid #eee;
  webkit-transition: all .2s linear;
  transition: transform .2s linear;
}
.question_category_one:hover {
  border: 1px solid #3265e6;
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
  box-shadow: 0 5px 5px rgba(0,0,0,0.1);
  -webkit-transform: translate3d(0,-2px,0);
  transform: translate3d(0,-2px,0);
}

.question_category_one h4 {
  background: none;
  text-indent: 10px;
  font-size: 16px;
  color: #333333;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #eee;
  display: block;
  width: 90%;
  margin: 0 auto;
}

.question_category_one ul li {
    padding: 15px 0px;
}
.question_category_one ul li:hover .font_left{
  color: #3265e6;
}



.help .nav {
    float: left;
    width: 300px;
    margin-right: 10px;
}

.help .nav li a {
    display: block;
    width: 300px;
    height: 80px;
    line-height: 80px;
    padding-left: 130px;
    font-size: 16px;
    border-bottom: 1px solid #f4f4f4;
    color: #666;
}

.help .nav li:nth-of-type(1) {
    width: 300px;
    height: 100px;
    line-height: 100px;
    padding-left: 130px;
    background: #2468f2 url(../image/listicon.png) no-repeat 85px center;
    color: #fff;
    font-size: 22px;
}

.help .nav li:nth-of-type(2) {
    background: #fff url(../image/menu_icon_05.png) no-repeat 85px center;
}

.help .nav li:nth-of-type(3) {
    background: #fff url(../image/menu_icon_01.png) no-repeat 85px center;
}

.help .nav li:nth-of-type(4) {
    background: #fff url(../image/menu_icon_02.png) no-repeat 85px center;
}

.help .nav li:nth-of-type(5) {
    background: #fff url(../image/menu_icon_03.png) no-repeat 85px center;
}
.help .nav li:nth-of-type(6) {
    background: #fff url(../image/menu_icon_04.png) no-repeat 85px center;
}
.help .nav li:nth-of-type(7) {
    background: #fff url(../image/menu_icon_08.png) no-repeat 85px center;
}
.help .nav li:nth-of-type(8) {
    background: #fff url(../image/menu_icon_08.png) no-repeat 85px center;
}
.help .nav li.active a {
    color: #2468f2;
}

.help .nav li:first-of-type,
.help .nav li:last-of-type {
    border-bottom: none;
}

.main {
    float: left;
    width: 890px;
}

.content {
    width: 100%;
}

.content li {
    position: relative;
    width: 100%;
    height: 130px;
    padding: 30px;
    color: #666;
    margin-bottom: -1px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}

.content li:hover {
    box-shadow: 0 0 10px rgba(200, 200, 200);
    z-index: 1;
}



.news-text {
    width: 100%;
    height: 80px;
    padding-left: 10px;
    color: #666;
    position: relative;
}

.news-text .title {
    font-size: 18px;
    color: #000;
    width: 400px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-text .count {
    margin-left: 5px;
}

.news-text .eye {
    margin-left: 20px;
    width: 17px;
    height: 19px;
    background: url(../image/count.png) no-repeat center center;
    background-size: contain;
}

.news-text .content1 {
    width: 100%;
    height: 38px;
    overflow: hidden;
}

.col {
    width: 634px;
    margin-bottom: 15px;
}

.col-bottom {
    position: absolute;
    width: 634px;
    height: 29px;
    left: 30px;
    bottom: 0;
}

.sign_img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url(../image/sign.png) no-repeat center center;
}

.keywords {
    color: #666;
}

.col-bottom .sign {
    position: absolute;
    bottom: 0;
    left: 0;
}

.col-bottom .more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 29px;
    height: 29px;
    background: url(../image/arrow-r.png) no-repeat center center;
}

.pagination {
    margin: 30px 0;
}

.pagination li span,
.pagination li a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    font-size: 16px;
}

.pagination li span img,
.pagination li a img {
    position: relative;
    top: -2px;
}

.pagination .active span {
    background-color: #2468f2;
    border: none;
}

.box-footer {
    text-align: center;
}

.news-article {
    width: 890px;
    min-height: 719px;
    float: left;
    padding: 40px 40px 150px;
    position: relative;
    background-color: #fff;
    display: none;
}

.news-article h2 {
    width: 810px;
    font-size: 22px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-article-subtitle {
    padding: 30px 0;
    border-bottom: 1px solid #e7e7e7;
    font-size: 12px;
    color: #ababab;
}

.sign_text {
    color: #999;
    font-size: 12px;
    padding-left: 20px;
    background: url(../image/sign.png) no-repeat left center;
}

.sign_text1 {
    padding: 20px;
}

.keywords {
    color: #666;
}

.url {
    position: absolute;
    bottom: 50px;
    text-align: left;
    font-size: 14px;
}

.url .url-left {
    color: #666;
}

.url .url-center {
    display: inline-block;
    width: 360px;
    background: #f5f6f7;
    text-align: left;
    line-height: 38px;
    padding-left: 15px;
    margin-left: 10px;
    border: 1px solid #2468f2;
}

.url .url-right {
    display: inline-block;
    line-height: 40px;
    padding: 0 16px;
    margin-left: -1px;
    cursor: pointer;
    color: #fff;
    background-color: #2468f2;
}

.url .url-right:hover {
    background: -webkit-linear-gradient(to right, #2da4ee, #1e81e2);
    background: -moz-linear-gradient(to right, #2da4ee, #1e81e2);
    background: -o-linear-gradient(to right, #2da4ee, #1e81e2);
    background: -ms-linear-gradient(to right, #2da4ee, #1e81e2);
    background: linear-gradient(to right, #2da4ee, #1e81e2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2da4ee, endColorstr=#1e81e2);
    color: #fff;
}

.news-article-main {
    padding-top: 20px;
}

.news-article-main img {
    max-width: 100%;
}



.banner_help {
    width: 100%;
    height: 350px;
    display: -webkit-box;
    /* 鑰佺増鏈娉�: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 鑰佺増鏈娉�: Firefox (buggy) */
    display: -ms-flexbox;
    /* 娣峰悎鐗堟湰璇硶: IE 10 */
    display: -webkit-flex;
    /* 鏂扮増鏈娉�: Chrome 21+ */
    display: flex;
    /* 鏂扮増鏈娉�: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner_help .desc {
    width: 526px;
}

.banner_help .desc .btns {
    margin-top: 50px;
}

.banner_help .t1 {
    color: #191c3d;
    font-size: 32px;
}

.banner_help .t2 {
    color: #191c3d;
    opacity: 0.45;
}

.banner_help .t3 {
    color: #697386;
    font-size: 14px;
    margin-top: 30px;
    line-height: 26px;
}



/* banner start */
.banner_help {
    background: url(../image/banner_help.png) no-repeat center center;
    position: relative;
}

.banner_help .search {
    position: absolute;
    top: 65%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner_help .search .text {
    color: #fff;
    height: 54px;
    line-height: 54px;
    margin-right: 54px;
    font-size: 24px;
}

.banner_help .search .input {
    position: relative;
}

.banner_help .search .layui-input {
    width: 678px;
    height: 54px;
    background-color: #ffffff;
    border-radius: 4px;
   padding-left: 20px;
}

.banner_help .search .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 54px;
    line-height: 54px;
    padding: 0 24px;
    border-radius: 27px 4px 4px 27px;
    background: transparent;
}

.search-link {
    margin-top: 16px;
    padding-left: 10px;
}

.search-link li {
    color: #999;
    float: left;
    margin-left: 7px;
}

.search-link li a {
    color: #999;
    text-decoration: none;
}

/* banner end */
.solved-or-not {
	color: #717171;
	font-size: 14px;
	margin-top:20px ;
	line-height: 28px;
}

.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(../image/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{
    color: #fff;
	background-color: #f26100;
}

.btn-cry {
	background-color: #0088ff;
}
.btn-cry .icon {
	background-position: 0 -40px;
}
.btn-cry:hover,
.btn-cry:active,
.btn-cry:focus{
    color: #fff;
	background-color: #0073e5;
}
.submit-success {

	background-image: url(../image/help_content_icon.png);
	background-repeat: no-repeat;
	background-position: 15px 8px;
	font-size: 14px;
}
.submit-error {
	padding-left: 40px;
	background-image: url(../image/help_content_icon.png);
	background-repeat: no-repeat;
	background-position: 15px -34px;
}

.q-block {
    border-style: dotted;
     border-width: thin;
	width: 100%;
	padding: 20px;
	background-color: #fff;
}

.q-block.submit-box {
	padding-top: 0;
	margin-top: 30px;

}
.submit-box form {
	border-top: 1px solid #eee;
	padding-top: 20px;
}