/*new help*/
.w-525{width: 525px;}
.w-300{width: 300px;}

.m-t20{margin-top: 20px;}

.color-555{color: #555555;}
.color-999{color: #999999;}

.help-lt{float: left; width: 760px; margin-top: 28px;}
.help-rt{float: right; width: 200px; margin-top: 28px;}

@media (max-width: 560px){
    .help-lt{min-height: 280px;width: 100%;}
}

.block-title{ font-size: 20px; color: #555555; margin-bottom: 12px;}
.input-style-help{height: 35px; line-height:35px; border: 1px solid #c3c3c3; border-radius: 5px; padding: 0 5px;}
.input-style-help:focus{border:1px solid #75b9f0;
box-shadow:1px 1px 10px rgba(117,185,240,0.8);
-moz-box-shadow:1px 1px 10px rgba(117,185,240,0.8);
-webkit-box-shadow:1px 1px 10px rgba(117,185,240,0.8);
-o-box-shadow:1px 1px 10px rgba(117,185,240,0.8);}
.btn-style-help{height: 36px; line-height: 36px; padding: 0 35px; border: none; background: url(../images/help-new/help-x.png); color: #ffffff; cursor: pointer; border-radius: 3px; font:16px Georgia, "Times New Roman", Times, serif ;}
.btn-style-help:hover{background-position: 0 -38px;}
.btn-style-help:active{background-position:0 -76px;}

.textarea-style{width: 673px; height: 182px; border: 1px solid #c3c3c3; border-radius: 5px; margin-bottom: 5px; padding: 5px; resize:none;}
.textarea-style:focus{
    border:1px solid #75b9f0;
    box-shadow:1px 1px 10px rgba(117,185,240,0.8);
    -moz-box-shadow:1px 1px 10px rgba(117,185,240,0.8);
    -webkit-box-shadow:1px 1px 10px rgba(117,185,240,0.8);
    -o-box-shadow:1px 1px 10px rgba(117,185,240,0.8);}

.error-style{border:1px solid #b94a64; color:#df9dc0; margin-right: 8px;}
.error-msg{color:#b84b62;}

.search-bar{background: #f4f4f4; padding: 18px 0 17px 23px;}
.input-search{float: left; margin-right: 7px; background: url(../images/help-new/help-bg.png) no-repeat #ffffff 8px 0; padding-left: 35px;}

.help-block{padding: 15px 12px 20px; background: #f4f4f4;}
.m-l13{ margin-left: 13px}
.m-l9{ margin-left: 9px}
.m-r5{ margin-right: 5px;}
.help-block ul.at-list{background:#ffffff; padding: 8px 26px 40px;}
.help-block ul.at-list li{overflow: hidden;padding: 18px 0; background:url(../images/help-new/sep.png) repeat-x left bottom;}
.fs-18{ font-size: 18px; }
.at-property{margin-top: 3px;}
.at-property span{width: 124px; display:inline-block;}
.at-property a{ color: #3b5b9d;}

.recent-block .block-title{ font-size: 14px;}
.recent-block .count-type{ float: left; width: 40px; margin:3px 20px 0 2px; color: #ffffff;}
.recent-block .count-type span{ display: block; border: 1px solid #818181;  background: #818181; border-radius: 3px; text-align: center;}
.recent-block .count-type em{display: block; float:none; width: 40px; height: 25px; margin-bottom: 5px; background: url(../images/help-new/help-bg-2.png) no-repeat 11px 0 ;}
.recent-block .recommend-count em{background-position: 11px -25px ;}
.recent-block .rt{float: left; width: 600px;}

.tip-block {font-size: 12px; color: #555555;}
.tip-block .block-title{ color: #333333;}
.tip-block ul li{margin-top: 20px; }
.tip-block ul li p{font-weight: bold;}
.btn-sb-rqst{width: 116px; height:30px; border: none; background: url(../images/help-new/help-bg-2.png) no-repeat  0 -52px; margin-top: 13px; cursor: pointer;}

.ask-form{background: #FFFFFF; padding: 35px 25px 20px;}
.ask-form li{margin-bottom: 12px;}
.ask-form li p{margin-bottom: 5px;}
.ask-form .btn-style-help{padding: 0 20px;}

.ask-form #verifyCode {width:100px; float:left; margin-right:8px;}
.ask-form #validateCodeId {display:block; cursor:pointer; height:35px; width:70px; border:1px solid #c2c3c5; border-radius:5px; float:left; margin-right:8px;}
.ask-form #validate-error {line-height:35px;}
#UploadFile {position:relative;}
#UploadFile .sc_items {overflow:hidden; padding:0;}
#UploadFile .sc_items li {float:left; margin:0 15px 12px 0; padding:0; border:0; word-break: break-all; word-wrap: break-word;}
#UploadFile .sc_items li p {float:left; margin:0;}
#UploadFile .sc_items li span {margin:2px 0 0 5px; width:13px; height:15px; display:block; float:left; cursor:pointer; background: url(../images/master/deteleItems.jpg) no-repeat center;}
#inputFile {width:70px;font-size:26px; font-size:55px\9; _font-size:26px; height:22px; margin:0; padding:0; border:none; opacity:0; filter:alpha(opacity=0); _margin-left:-5px; position:absolute; cursor:pointer;text-indent:-150px;}
#UploadFile a {text-decoration:underline; padding:0 5px 0 18px; background:url(../images/master/file.jpg) no-repeat scroll 0 center;}
#UploadFile .FontGray {margin-top:12px; color:#666;}

.rqst-none-block ul{background: #ffffff; padding: 20px 24px 28px;}
.rqst-none-block ul li{ margin-bottom: 20px; padding: 18px 40px; background: #f4f4f4; color: #555555; font-size: 12px;}
.help-block em{width:16px; height: 15px; float: left; margin:5px 10px 0 0; background: url(../images/help-new/help-bg-2.png) no-repeat 0 -84px;}
.rqst-none-block li .rt{float: left; width: 580px;}
.rqst-none-block li p{margin-bottom: 12px;}
.rqst-none-block li .rqst-num{display: block; margin-bottom: 12px;}
.date{color: #aaaaaa}
.rqst-none-block li .link-box{width: 317px; height: 29px; line-height: 29px; padding: 0 0 0 14px; border: 1px solid #d3d3d3; background:#ffffff; color: #333333; font-weight: bold; font-size: 13px;}
.rqst-none-block .link-box a{margin-left: 10px;}
.open-rqst-link .block-title{font-size: 18px; color: #333333;}
.open-rqst-link p{ font-size: 12px;}

.rqst-block .table-wrap{background: #ffffff; padding: 20px 23px 150px;}
.rqst-block .table-wrap .page-list{padding-top: 40px; padding-right: 0;}
.rqst-block .table-wrap .page-list li{margin: 0 0 0 6px;}
.rqst-block tr{height: 35px;}
.rqst-block td{ border-bottom: 1px solid #e1e1e1}
.first-col td{border-top: 1px solid #e1e1e1; font-weight: bold;}

.close-rqst-link .block-title{font-size: 18px; color: #333333;}
.close-rqst-link p{margin-bottom: 12px; font-size: 12px;}

.rqst-single .block-ct{background: #ffffff; padding: 25px 23px 32px;}
.rqst-single .block-ct .rt{float:left; width: 660px;}
.rqst-single .block-ct .rqst-title{display:block; margin-bottom: 10px;}
.rqst-single .block-ct .date{margin-top: 2px;}
.fw{font-weight: bold;}

.comment-block ul{background: #ffffff; padding: 30px 23px 0}
.comment-block li{border-bottom: 1px dashed #e7e7e7; padding:0 0 20px; margin-bottom: 20px;}
.comment-block .lt{float:left; width: 105px; margin-right: 15px; font-weight: bold;}
.comment-block .rt{float:left; width: 570px;}
.comment-block .rt .date{margin-top: 10px;}
.comment-block li.submit-form{border: none;}
.comment-block .submit-form p{margin-bottom: 10px;}
.comment-block .submit-form textarea{display:block; width:558px; height:108px; margin-bottom: 10px;}
.fs-14{font-size: 14px;}
.comment-block .btn-style-help{padding: 0 20px;}
.comment-block .text-right{text-align: right; }

.help-block .uploadItems {padding:0;}
.help-block .uploadItems li {margin:10px 15px 0 0; border:none; float:left; padding:0; word-break: break-all;word-wrap: break-word;}
.help-block .uploadItems li a {background:url(../images/master/file.jpg) no-repeat scroll 0 center; padding-left:15px; text-decoration:none;}

.system-tip-box{background: url(../images/help-new/help-bg-2.png) no-repeat -85px -85px;border: 1px solid #d4d4d4; padding: 15px 40px; margin-bottom: 20px;}

.tag-block a{margin-right: 3px;}

.category-block ul{border-bottom: 1px solid #ffffff; border-top: 1px solid #d8d8d8;}
.category-block li a{display: block; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #ffffff; padding: 9px 0 9px 10px}
.category-block li a:hover{ background: #e1e1e1; border-top: 1px solid #e1e1e1;}
.tag-block .block-title,.category-block .block-title{color: #333333;}
.category-block li a.choosed{background: #e1e1e1;border-top: 1px solid #e1e1e1;}

.category-item {border: 1px solid #efefef; margin-bottom: 5px; padding-bottom: 40px; background:#ffffff;}
.category-item p{height: 47px; line-height: 47px; border-bottom: 1px solid #e5e5e5; padding-left: 14px; background: url(../images/help-new/cg-bg.png) no-repeat 690px 22px  #f8f8f8; font-size: 20px; color: #555555;   cursor: pointer;}
.category-item p a{color: #555555;}
.category-item p a:hover{color: #0061BA}
.category-item.fold{padding-bottom: 0;}
.category-item.fold p{ background-position: 690px -35px;}
.category-item.fold dl{ display:none}
.category-item p span{color: #aaaaaa}
.category-item dl{float:left; min-width: 334px; padding: 22px 0 0 22px; background: #ffffff;}
.category-item dt{margin-bottom: 10px; padding: 0 0 10px 10px; border-bottom: 1px dashed #e7e7e7; font-size: 14px; font-weight: bold;}
.category-item dt span{color: #aaaaaa}
.category-item dt a.FontBlue{margin-left: 10px; font-weight: normal}
.category-item dd{margin:0 0 8px 10px; padding-left: 20px; background: url(../images/help-new/help-bg-2.png) no-repeat -63px -145px;}
.category-item dd.last{margin-bottom: 0;}
.category-item dd a{color:#0061BA;}
.color-aaa{color: #aaaaaa;}

/*????*/
.detail-content{ background:#FFF; padding: 25px 23px 0; }
.detail-block h2{ float: left; margin: 5px 8px 0 0; font-size:14px; color:#333; font-weight:bold; }
.notific{ float: left; background: url("../images/help-new/help-bg-2.png") no-repeat scroll -108px -26px #D3D3D3; color: #777777; font-size: 12px; height: 19px; line-height: 19px; padding: 0 6px 0 14px; margin-top: 5px;}
.cusser{line-height:18px; padding-top:12px; color:#545454;}
.detail-line{ border: 1px dashed #E7E7E7; height:1px;}
.post-time{color:#aaaaaa; font-size:12px;}
.article-area{padding: 20px 0 140px 0; margin:25px 0 28px;border-top: 1px dashed #E7E7E7; border-bottom: 1px dashed #E7E7E7;}
.checkyesno{ padding:15px 0 180px 0;}
.btn-black{height: 30px; line-height: 25px; padding: 0 18px; border:1px solid #767676; background: url(../images/help-new/help-x.png) 0 -209px; color: #fff; cursor: pointer; border-radius: 3px; vertical-align: top;}
.btn-black:hover{background-position:0 -241px;}
.btn-black:active{background-position:0 -273px;} 
.btn-grey{height: 30px; line-height: 30px; padding: 0 30px; border:1px solid #dcdcdc; background: url(../images/help-new/help-x.png) 0 -115px; color: #555555; cursor: pointer; border-radius: 3px;}
.btn-grey:hover{background-position:0 -178px;}
.btn-grey:active{background-position:0 -145px;} 
.checkyesno em{ background:url(../images/help-new/help-bg-2.png) -103px 0 no-repeat; width:15px; height:12px; margin:7px 5px 0 0;}

.page-list{float:right; background: #FFFFFF; overflow: hidden; padding: 0 20px 20px;}
.page-list li{float: left; margin-right:6px; background: #e1e1e1; text-align: center;}
.page-list li.PageHover{padding: 5px 10px; background: #aaaaaa; color: #ffffff; font-size: 12px;}
.page-list li a{display: block; padding: 5px 10px; font-size: 12px;}
.page-box{overflow: hidden; background: #ffffff;}


/**/
.no-result-box .Tip{color: #333333;font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.no-result-box dt,.no-result-box dd{margin-bottom: 10px;}

/* 20200709 */
.HelpCenterCon {float: right;width: 795px;}
.HelpCenterNav {float: left;width: 195px;}
.HelpCenterNav h2 {line-height: 40px;border-bottom: 1px #e4e4e4 solid;font-size: 18px;padding: 0 10px;background: #f4f4f4;}
.help-block {padding: 0;margin: 0 0 10px 0;}
.category-item {background: #f4f4f4;margin-bottom: 0;border: none;padding-bottom: 0;}
.category-item.fold p {background: url(../images/help/icon_bottom.png) right 10px center no-repeat;}
.category-item p {font-size: 13px;background: url(../images/help/icon_top.png) right 10px center no-repeat;border: none;height: auto;line-height: 19px;padding: 8px 10px;font-weight: bold;}

.category-item p a {color: #333; max-width: 165px;}
.category-item dl {width: 100%;min-width: 100%;box-sizing: border-box;padding: 0 10px;background: #f4f4f4;}
.category-item dd {background: #f4f4f4;padding-left: 0;margin: 0 0 10px 0;}
.category-item dd a {color: #666;}
.category-item dd a:hover {color: #0061ba;}
.HelpCenterNav form {background: #f4f4f4;padding: 10px;}
.block-title {color: #333;}

.search-bar .block-title {font-size: 16px;float: left;margin-bottom: 0;line-height: 36px;margin-right: 15px;}
.search-bar form {float: left;}
.known-block {background: unset;}
.tip-block .block-title,.known-block .block-title {font-size: 16px;font-weight: bold;margin-bottom: 10px;margin-top: 25px;}
.help-block ul.at-list {padding: 0 10px;}
.help-block ul.at-list li {background: unset;padding: 4px 0;}
.fs-18 {font-size: 14px;}
.tip-block {background: unset;padding: 0 10px;margin-bottom: 20px;}
.tip-block ul li p {font-size: 14px;}

.HelpItem{ width:386px;float:left; margin:15px 18px 0 0; height: 200px;}
.LasterHelpItem{ margin:15px 0 0 0;}
.HelpItem dt {font-weight:bold; border-bottom:2px solid #e9e9e9; margin-bottom:5px;line-height:32px; font-size:18px;padding: 0 10px;}
.HelpItem dt a{ color:#333;}
.HelpItem dt a:hover {color: #0061ba;}
.HelpItem dt span{ float:right; font-weight:100;font-size: 13px;}
.HelpItem dd{ line-height:22px; color:#000;}
.Helplist{ width:100%; margin-right:0; height:auto;}
.Helplist dd{ padding:0 10px;line-height: 23px;}
.Helplist dd .Number{ float:right;}
.Select {padding-left: 10px;clear: both;padding-top: 20px;}
.detail-block {background: unset;}
.detail-content {background: unset !important;}
.detail-content > div {border-bottom: 2px #e9e9e9 solid;padding: 5px 0;}
.detail-block h2 {font-size: 18px;}
.m-l13 {margin-top: 20px;}
@media (max-width: 767px) {
    .NBS-HelpCenter .NavPath {padding: 10px;}
    .NBS-HelpCenter .HelpCenterCon {width: 100%;box-sizing: border-box;margin-bottom: 50px;}
    .NBS-HelpCenter .search-bar {width: 100%;padding: 10px;box-sizing: border-box;}
    .NBS-HelpCenter .input-search {width: 100%;box-sizing: border-box;margin-bottom: 10px;}
    .NBS-HelpCenter .search-bar form {width: 100%;}
    .NBS-HelpCenter .HelpItem {width: 100%;margin-right: 0;padding: 0 10px;box-sizing: border-box;height: auto;}
    .NBS-HelpCenter table {width: 100% !important; word-break:break-all;}

}
@media (max-width: 991px) and (min-width: 768px) {
    .NBS-HelpCenter .HelpCenterCon {width: 76%;}
    .NBS-HelpCenter .HelpCenterNav {width: 23%;}
    .NBS-HelpCenter .input-search {width: 100%;box-sizing: border-box;}
    .NBS-HelpCenter .search-bar {padding: 15px;}
    .NBS-HelpCenter .search-bar form {width: 100%;}
    .NBS-HelpCenter .HelpItem {width: 49%;margin: 2% 2% 0 0;height: auto;}
    .NBS-HelpCenter .LasterHelpItem {margin: 2% 0 0 0;}

}
@media only screen and (min-width: 1200px) {
    .HelpCenterCon {width: 982px;}
    .HelpCenterNav {width: 200px;}
    .HelpItem {width:471px;}
    .Helplist {width: 100%;margin-right: 0;height: auto;}
}