@charset "utf-8";

.help-box{position:relative;background:#fafcff}
.help-box .width100{padding-left:0;padding-right:0}
/* 左侧边栏分类 */
.category-box{position:relative;margin-bottom:15px;padding:10px 15px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.category-name{padding:8px 15px;background-color:#3592e2;color:#fff;font-size:24px}
.category-list{margin:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.category-list a{line-height:35px;border-radius:2px;background:#f5f5f5;color:#333;display:inline-block;width:100%;text-align:center}
.category-list .current,.category-list .current:after,.category-list a:hover{background-color:#e3f0fc;color:#3592e2}

/* 右侧内容区域 ***************************************************************************/
.help-content{padding:0 15px 15px;background:#fff;margin-bottom:15px}
.help-content h1{font-weight:400;margin:0 -15px 15px;border-bottom:1px solid #eaeaea;font-size:18px;background-color:#fff;padding:15px}
.help-content .content{width:100%;padding-bottom:1rem;font-size:15px}
.help-content .content blockquote{padding:25px;border-left:5px solid #f78826;border-radius:5px;background-color:rgba(192,91,2,.1);word-break:break-word}
.help-content .content ol,.help-content .content ul{padding:15px;padding-left:35px;border-radius:5px;background-color:#fafafa;font-size:95%}
.help-content .content ol li,.help-content .content ul li{margin-bottom:0;color:#555}
.help-content .content ol li::marker,.help-content .content ul li::marker{color:#555}
.help-content .content img{max-width:100%;border:1px solid #eee}
.help-content .content p{margin-bottom:15px}

/* 右侧列表 */
.help-content .help-list{width:100%;padding-bottom:1rem;font-size:14px}
.help-content .help-list ul{margin:0;padding:0;width:100%;list-style:none}
.help-content .help-list ul li{width:100%;border-bottom:1px dashed #eee;padding:0 0 .5rem;margin-bottom:.5rem}
.help-content .help-list ul li:after{float:right;display:block;color:#ccc;content:"\f105";font-family:FontAwesome}