.banner{height:182px;margin-bottom:10px;background:url(../images/userHelp/banner.jpg) 50% 0 no-repeat #85c8f4}.main{width:1000px;margin:0 auto}.crumbs{margin-top:6px;margin-bottom:8px}.platform-main{overflow:hidden}.platform-left{float:left;width:200px}.platform-right{margin-left:216px}.aside-wrap{border:1px solid #e3e3e3}.aside-group-divider{height:1px;width:100%;background:#e3e3e3}.aside-title{height:38px;line-height:38px;padding-left:40px;background:#f4f4f4;font-size:16px}a.aside-linker{position:relative;display:block;border-top:1px solid #e3e3e3}a.aside-linker .txt{display:block;height:36px;padding-left:46px;line-height:36px;font-size:14px;color:#545454}a.aside-linker .arrow{display:none;position:absolute;right:60px;top:50%;margin-top:-8px}a.aside-linker-active{cursor:default}a.aside-linker-active,a.aside-linker:hover{text-decoration:none}a.aside-linker-active .txt,a.aside-linker:hover .txt{background:#48a2f0;color:#fff}a.aside-linker-active .arrow,a.aside-linker:hover .arrow{display:block}.platform-intro{padding-top:18px;border-top:1px solid #e3e3e3}.flows-path{margin-top:20px;overflow:hidden}.path-box{float:left;border:1px solid #d7e7f3;border-radius:5px;background:#f4f9ff}.path-box-wrap{width:150px;height:122px}.path-ico{width:80px;height:68px;margin:0 auto;line-height:68px;text-align:center}.path-ico i{display:inline-block;vertical-align:bottom}.path-txt{margin-top:12px;text-align:center;color:#46433c;font-size:14px}.path-txt a{color:#2269be;text-decoration:underline}.path-txt a:hover{color:#30a1f2}.path-arrow{float:left;margin-top:48px}.intro-of-records .path-arrow{margin-left:14px;margin-right:14px}.intro-service{border:1px solid #e3e3e3;padding:24px 8px 60px 12px}.intro-of-chb .intro-service{padding-bottom:35px}.intro-of-supervise .intro-service{padding-bottom:40px}.service-title{padding-left:15px;margin-bottom:20px;font-size:16px;color:#3b8bd0;font-weight:700}.service-group-divider{height:1px;width:100%;margin:40px 0;background:#e3e3e3}.intro-of-pay .service-group-divider,.intro-of-storage .service-group-divider,.intro-of-supervise .service-group-divider{margin:60px 0}.service-group{position:relative}.intro-of-supervise .service-group{margin:43px 0}.intro-of-pay .service-group,.intro-of-storage .service-group{margin:33px 0}.group-lt{position:absolute;left:0;top:50%;height:104px;width:160px;margin-top:-52px}.group-lt-sign .ico{margin:0 auto}.group-lt-sign .txt{font-size:16px;color:#535353;text-align:center;font-weight:700}.intro-of-pay .group-lt,.intro-of-storage .group-lt{left:230px}.group-rt{margin-left:160px;min-height:104px}.group-rt-items{overflow:hidden}.item-li{float:left;width:33%;height:40px;line-height:40px}.item-li .name{position:relative;display:block;padding-left:25px;font-size:14px}.item-li .name i{position:absolute;left:0;top:50%;margin-top:-8px}.item-li-block{float:initial;width:100%}.items-single-row{padding-top:32px}.items-double-row{padding-top:10px}.intro-of-pay .group-rt,.intro-of-storage .group-rt{margin-left:390px}

.spriteico-aboutus-arrow{background-image:url(../images/aboutus/sprite.png);background-position:-44px -22px;width:9px;height:16px}.aboutus-affix{position:fixed;left:50%;top:0;margin-left:510px}.aboutus-main{overflow:hidden}.aboutus-left{float:left;width:200px}.aboutus-right{margin-left:216px}.aside-wrap{border:1px solid #e3e3e3}.aside-group-divider{height:1px;width:100%;background:#e3e3e3}.aside-group{min-height:320px}.aside-list{border-bottom:1px solid #e3e3e3}.aside-title{height:42px;line-height:42px;padding-left:40px;background:#f4f4f4;font-size:16px}a.aside-linker{position:relative;display:block;border-top:1px solid #e3e3e3}a.aside-linker .txt{display:block;height:42px;padding-left:46px;line-height:42px;font-size:14px;color:#545454}a.aside-linker .arrow{display:none;position:absolute;right:60px;top:50%;margin-top:-8px}a.aside-linker-active{cursor:default}a.aside-linker-active,a.aside-linker:hover{text-decoration:none}a.aside-linker-active .txt,a.aside-linker:hover .txt{background:#48a2f0;color:#fff}a.aside-linker-active .arrow,a.aside-linker:hover .arrow{display:block}.aboutus-intro{padding-top:18px;border-top:1px solid #e3e3e3}.issue-block{font-size:14px}.issue-title{margin-bottom:8px;color:#4b4b4b;font-weight:700}.issue-content p{line-height:1.8}.issue-divider{width:100%;margin:12px 0;border-top:1px dashed #c5c5c5}.platform-title{margin:10px 0 20px;font-size:18px;text-align:center;font-weight:700}.platform-desc{color:#4b4b4b}.platform-desc p{text-indent:2em;font-size:14px;line-height:2.2}.sitemap-list{padding-left:18px;margin-top:-50px;overflow:hidden}.sitemap-item{float:left;width:50%;height:110px;margin-top:50px}.sitemap-title{position:relative;height:26px;padding-left:30px;margin-bottom:8px;line-height:26px}.sitemap-title .txt{font-size:16px;font-weight:700}.sitemap-title i{position:absolute;left:0;top:50%;margin-top:-11px}.sitemap-linkers{overflow:hidden}.sitemap-linkers a{float:left;height:26px;width:95px;line-height:26px;color:#333;font-size:14px}.sitemap-linkers a:hover{color:#30a1f2}.sitemap-linkers a.longtxt{width:110px}.sitemap-linkers3 a{width:125px}.guide-block{font-size:14px}.guide-title{margin-bottom:8px;color:#4b4b4b;font-weight:700}.guide-content{color:#666}.guide-content p{line-height:1.8}.guide-content p.img{text-align:center;margin:35px 0}.guide-group{margin-top:20px}.guide-group .group-step{position:relative;text-indent:2em}.guide-group .group-step .step-mark{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#48a2f0;color:#fff;font-weight:700;font-size:14px;text-align:center;line-height:22px;text-indent:0}.guide-divider{width:100%;margin:50px 0;border-top:1px dashed #c5c5c5}.affix-of-guide{top:inherit;bottom:160px}.guide-anchors{border:1px solid #e3e3e3;padding:0 8px;background:#f4f4f4}.guide-anchors-wrap{height:72px;width:107px}.guide-anchors-wrap a{display:block;color:#4b4b4b;height:32px;line-height:32px}.guide-anchors-wrap a:hover{text-decoration:none;color:#3b8bd0}.guide-anchors-wrap .divider{height:1px;width:100%;background:#e4e4e4}

a.aside-linker .arrow {
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -8px;
}
.spriteico-platform-arrow {
    background-image: url(../images/platform/sprite.png);
    background-position: -273px -119px;
    width: 9px;
    height: 16px;
}
a.aside-linker-active .arrow, a.aside-linker:hover .arrow {
    display: block;
}

/*清除浮动*/
.clear-fix:after{
    /*生成内容作为最后一个元素*/
    content: "";
    /*使生成的元素以块级元素显示，占满剩余空间*/
    display: block;
    /*避免生成内容破坏原有布局的高度*/
    height: 0;
    /*使生成的内容不可见,并允许可能被生成内容盖住的内容可以进行点击和交互*/
    visibility: hidden;
    /*重点是这一句*/
    clear: both;
}
.clear-fix {
    /*用于兼容IE,触发IE hasLayout*/
    *zoom: 1;
}
/*占位文字样式设置*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #bab6b6;
    font-size: 14px;
    font-family: '微软雅黑';
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bab6b6;
    font-size: 14px;
    font-family: '微软雅黑';
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bab6b6;
    font-size: 14px;
    font-family: '微软雅黑';
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #bab6b6;
    font-size: 14px;
    font-family: '微软雅黑';
}

.helpCenter {
    font-size: 14px;
    line-height: 30px;
}
.fw {
    font-weight: 700;
}
.dash {
    border-bottom: 1px dashed #c5c5c5;
    padding: 15px 0;
}

#search {
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.inp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
    outline: 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    float: none;
    text-align: left;
}

.btn-search {
    display: inline-block;
    background-color: #fff;
    background-image: none;
    -webkit-border-radius: 3px;
    border-radius: 6px;
    color: #000;
    margin: 0 5px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    height: 34px;
    width: 63px;
    line-height: 34px;
    text-align: center;
}

.search-container {
    position: relative;
    padding: 10px 10px 10px 10px;
    background: #f7f7f7;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.search-controller {
    float: left;
    width: 25%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
}

.search-time {
    float: left;
    width: 43%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
}

.search-date {
    width: 43%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-top: 22px;
}

.field-label {
    display: inline-block;
    float: left;
    text-align: right
}

.field-label span {
    display: inline-block;
    padding-right: 5px;
}

.field-group {
    float: left;
    width: 67%;
}

.field-time {
    width: 100%;
}

.field-group .inp-search {
    width: 94%;
}

.field-time .inp-search {
    width: 35%;
}
.search-service {
    float: left;
    width: 32%;
    height: 26px;
    line-height: 36px;
    margin-bottom: 10px;
}

.search-service select {
    width: 71%;
}

.search-inquire {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.search-fieldset {
    width: 100%;
    height: 34px;
    overflow: hidden;
}

.field-text {
    display: inline-block;
    float: left;
    text-align: right;
}

.field-text span {
    display: inline-block;
    padding-right: 12px;
}

.date {
    padding: 0 4px;
    background: #fff url(../scripts/lib/datepicker/skin/date.png) no-repeat right;
}

.inquire {
    background-color: #48a2f0;
    outline: none;
    border: none;
    width: 75px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
}
.magnifyingGlass {
    background: url(../images/userHelp/magnifyingGlass.png) no-repeat;
    width: 21px;
    height: 20px;
    position: absolute;
    right: 200px;
    top: 5px;
}
.commonProblem {
    color: #000;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #c5c5c5;
    text-indent: 2em;
}
.commonProblem a {
    color: #000;
    text-decoration: none;
}
.commonProblem a:hover {
    text-decoration: none;
}

.timeDate {
    float: right;
    color: #999999;
}
/*单行超出截取*/
.cutOneLine {
    display: inline-block;
    width: 80%;
    /*文本溢出显示省略号*/
    /*规定段落中的文本不进行换行*/
    white-space: nowrap;
    overflow: hidden;
    /*显示省略符号来代表被修剪的文本*/
    text-overflow: ellipsis;
}
/*2行超出截取*/
.cutSecondLine {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*调整-webkit-line-clamp的值就能实现在第n行*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.phoneNotice {
    background-color: #fefce5;
    border: 1px solid #faeba8;
    width: 100%;
    line-height: 35px;
    margin-top: 10px;
    position: relative;
}
.phone {
    background: url(../images/userHelp/phone.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 38px;
    top: 4px;
}
.hotline {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.tel {
    color: #ff853e;
    font-size: 22px;
    text-align: center;
}

.table-page {
    height: 35px;
    text-align: right;
    margin-top: 18px;
}
/*分页的样式*/
#pagination {
    height: 35px;
    overflow: hidden;
    display: inline-block;
}
#pagination li {
    float: left;
    width: 37px;
    height: 33px;
    line-height: 33px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    background: #ececec;
    color: #524f4f;
    padding: 0;
    cursor: pointer;
}
#pagination li + li {
    margin-left: 4px;
}
#pagination .active-pick {
    background: #41a0f2;
    color: #fff;
}

.questionDetail {
    font-size: 14px;
    line-height: 25px;
    border-bottom: 1px dashed #c5c5c5;
}
.questionTitle {
    font-weight: 700;
    margin-bottom: 15px;
}
.categoryTime {
    color: #999999;
    font-size: 12px;
    margin-top: 15px;
    height: 40px;
}
.answerDetail {
    font-size: 14px;
    line-height: 25px;
}
.answerTitle {
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    color: #48a2f0;
}
.topicTitle {
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    border: 1px solid #d7d7d7;
    resize:none;
}
.topicDescribe {
    width: 100%;
    height: 120px;
    padding: 5px 10px;
    border: 1px solid #d7d7d7;
    resize:none;
}
.rightContent {
    float: left;
    border: 1px solid #cfebff;
    background-color: #f2f9ff;
    width: 37%;
    margin-left: 20px;
}
.hot {
    border-bottom: 1px solid #cfebff;
    height: 40px;
    line-height: 40px;
    color: #3b8bd0;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
.hotIssue {
    background: url(../images/userHelp/hotIssue.png) no-repeat;
    width: 20px;
    height: 19px;
    position: absolute;
    left: 18px;
    top: 10px;
}
.hot > div:nth-child(2) {
    margin-left: 43px;
}
.hotTitle {
    margin: 10px 10px;
    border-bottom: 1px dashed #c6c5c3;
    font-size: 14px;
    padding: 0 0 13px 25px;
    position: relative;
}

.serialNumber {
    display: inline-block;
    color: #3b8bd0;
    font-weight: 700;
    width: 20%;
    position: absolute;
    left: 2px;
    top: 0;
}

.rightMatter {
    float: left;
    width: 35%;
    margin-left: 12px;
}
.askQuestions {
    height: 50px;
    line-height: 50px;
    background-color: #f4f4f4;
    color: #4b4b4b;
    font-size: 14px;
    padding: 0 25px;
    margin: 20px 0 30px;
}
.askQuestionsBtn {
    display: inline-block;
    background-color: #48a2f0;
    color: #fff;
    font-weight: 700;
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 4px;
    margin-left: 10px;
}
.askQuestionsBtn:hover {
    text-decoration: none;
    color: #fff;
}
.commit {
    text-align: center;
    margin-top: 20px;
}
.submitBtn {
    background-color: #48a2f0;
    outline: none;
    border: none;
    color: #fff;
    font-weight: 700;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.myImg {
    position: absolute;
    width: 214px;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #d7d7d7;
}
.myFile {
    position: absolute;
    width: 214px;
    height: 30px;
    opacity: 0;
}
.uploadBtn {
    background-color: #fff;
    outline: none;
    font-weight: 700;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #48a2f0;
    border-radius: 4px;
    color: #52a9f0;
    margin-left: 224px;
}

/*错误提示*/
span.error{
    color: #C00;
    font-size: 14px;
    text-align: left;
}

.consultTitle {
    background-color: #e7f5ff;
    border: 1px solid #c3e3f8;
    height: 40px;
    line-height: 40px;
    color: #3d8ad2;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 700;
}
.chatContent {
    height: 328px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    border-top: none;
    padding: 30px 12px;
    overflow: auto;
}
.serverDialogue {
    position: relative;
    line-height: 35px;
}
.server {
    background: url(../images/userHelp/server.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 0;
    top: 2px;
}
.dialogue {
    font-size: 14px;
    margin-left: 38px;
}
.consumerKeyword {
    position: relative;
    line-height: 40px;
    text-align: right;
}
.keyword {
    font-size: 14px;
    margin-right: 38px;
}
.consumer {
    background: url(../images/userHelp/consumer.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 5px;
}

.chatSend {
    resize: none;
    outline: none;
    padding: 10px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
.chatBtn {
    outline: none;
    border: none;
    background-color: #ff843e;
    font-size: 14px;
    color: #fff;
    width: 65px;
    height: 30px;
    line-height: 30px;
    border-radius: 16px;
}