.help-center-container{max-width: 1200px;margin: 64px auto 30px;display: flex;}
.nav-box{border-right: 2px solid #bbbbbb;padding-right: 32px;margin-right: 32px;width: 19%}
.nav-group-item{display:block;}
.nav-group-item:hover{text-decoration: none;background-color: #ff6700;}
.nav-group-item:hover>.nav-title{color: #fff;}
.nav-box .nav-title{font-size: 14px;color: #666;line-height: 24px;font-weight: 600;cursor: pointer;padding: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav-box .action{background-color: #ff6700;}
.nav-box .action>.nav-title{color:#fff}

.list-box{width: 74%;}
.article-title{font-weight: 600;margin-bottom: 16px;line-height: 1.5;font-size: 32px;}
.list-top-title{display: flex;justify-content: space-between;align-items:center;font-size: 16px;font-weight: 600;margin-bottom: 16px;}
.list-top-title>h4{font-size: 16px;font-weight: 600;color: #262930;line-height: 1.5}
.list-top-title>h4>a{color: #262930;text-decoration: none;}
.list-top-reader{font-size: 16px;font-weight: 600;color: #262930;padding-right: 16px;}
.list-content>ul{padding: 0;}
.list-content>ul>li{list-style-type:none;display: flex;justify-content: space-between;align-items: center;border: 1px solid #979797;padding: 10px 16px;margin-bottom: 20px;}
.list-content>ul>li>p{width: 90%;margin: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 5px;}
.list-content>ul>li>p>a{color: #262930;text-decoration: none;}
.hot-level-icon{width: 10%;width: 48px;height: 32px;background-repeat: no-repeat;background-position: center;vertical-align: middle;background-image:url('data:image/png;base64,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');}
.hot-level1{background-position: 0 0;}
.hot-level2{background-position: 0 -66px;}
.hot-level3{background-position: 0 -130px;}
.hot-level4{background-position: 0 -194px;}
.hot-level5{background-position: 0 -258px;}
.hot-level6{background-position: 0 -322px;}

.article-votes-container{text-align: center;margin-top: 32px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding: 32px 0;}
.article-votes-box{display: flex;justify-content: center;align-items: center;}
.article-votes-box>span{margin-right: 16px;}
.article-votes-box .votes-btn{border:1px solid #000;padding: 5px 24px;margin: 0 5px;border-radius: 4px;color: #000;cursor: pointer;}
.votes-action{background-color: #ff6700 !important;color: #fff !important;border: 1px solid #ff6700 !important;}

@media (max-width: 767px) {
    .help-center-container{flex-direction: column;margin-top: 20px;}
    .nav-box{border-right: 0;margin: 0;padding: 0 32px;display: none}
    .list-box{width: 100%;padding: 0 32px;}
    .article-votes-box{flex-direction: column}
    .article-votes-box>span{margin-right: 0;}
    .article-votes-box>div{margin-top: 16px;}
}