/* help banner */
.help-banner{ height:380px; background-size:cover; background-position:center; }
.nav-breadcrumb{ background-color:#f8f8f8; line-height:40px; height:40px; border-bottom:1px solid #ececec; }
.nav-breadcrumb .breadcrumb{ max-width:1140px; margin:0 auto; padding:0 1rem; height:39px; background-color:#f8f8f8; }


/* 帮助内容 */
.about-box{ display: -webkit-flex; display: flex; margin-top:14px; }
.about-box .spring-left{ width:250px; margin-right:14px; }
.about-box .about-right{ border:1px solid #ececec; padding:20px;  }
.about-box .center{ font-size:16px; height:40px; background-color:#eb088c; line-height:40px; text-align:center; color:#fff; }
.about-box .link{ border:1px solid #ececec; border-top:none; padding:10px; }
.about-box .name{ height:36px; line-height:36px; display:flex;  }
.about-box .name div:first-child{ width:210px; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.about-box .name div:last-child{ width:20px; }
.about-box .category{ border-bottom:1px solid #ececec; cursor:pointer; }
.about-box .category ul{ display:none; }
.about-box .on ul{ display:block; }
.about-box .on a{ color:#666; }
.about-box .on a:hover{ color:#007bff; }
.about-box .on li{ height:30px; line-height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.about-box .on .name{ background-color:#ececec; }
.about-box .about-category{ line-height:40px; height:40px; }
.about-box .about-category a{ display:block; text-indent:10px; color:#666; }
.about-box .about-category a:hover{ text-decoration:none; background-color:#f8f8f8; color:#333; border-bottom:1px solid #eee; }
.about-box .about-category i{ float:right; }
.about-box .about-category a.selected{ background-color:#ececec; }

.about-box .about-right .title{ font-size:30px; height:60px; line-height:60px; text-align:center; border-bottom:1px dashed rgba(0, 0, 0, 0.3);  }
.about-box .about-right .content{ padding:20px 0; min-height:300px; }
.about-box .about-right .ding{ margin:0 auto; width:200px; height:100px; padding-top:20px;}
.about-box .about-right .ding div{ height:80px; margin:0 20px; cursor:pointer; }
.about-box .about-right .ding span{ font-size:40px; display:block; }
.about-box .about-right .ding .iconfont:hover{ color:#ffb400; }
.about-box .about-right .ding span:last-child, .help-box .ding span:last-child{ width:90px; font-size:12px; display:inline-block; }
.about-box .good{ text-align:right; }
.about-box .hot{ max-height:367px; min-height:210px; border:1px solid #ececec; }
.about-box .title{ font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ececec; text-indent:15px; }
.about-box .spring-list{ padding:10px; width:100%; }
.about-box .spring-list ul{ display:inline-table; }
.about-box .spring-list li{ float:left; width:calc((100% - 20px)/3); padding:0 5px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.about-box .spring-list a{ color:#666; }
.about-box .spring-list a:hover{ color:#007bff; }
.about-box .spring-yourself{ margin-top:14px; border:1px solid #ececec; }
.about-box .items{ display:inline-table; width:100%; }
.about-box .spring-item{ cursor:pointer; height:120px; text-align:center; line-height:30px; width:30%; margin:1.64%; float:left; border:1px solid #ececec; border-radius:4px; }
.about-box .spring-item .iconfont{ font-size:36px; }
.about-box .spring-item span{ display:block; }
.about-box .spring-item a{ color:rgba(0, 0, 0, 0.3); display:block; padding:29px 0; }
.about-box .spring-item a:hover{ color:#eb088c;}
.about-box .spring-item:hover{ box-shadow:rgba(0,0,0,.2) 0px 3px 10px;}