.empty-box {padding: 226px 0 40px;background-position-y: 40px;background-size: 370px auto;}
/* 评论 */
.comment-dialog {bottom: 0;}
.comment-dialog .comment-box {left: 50%;top: 50%;bottom: auto;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: 600px;}
.comment-dialog .comment-bottom {padding: 15px !important;}
.comment-bottom .action span {font-size: 12px;left: 19px;top: -12px;}
.comment-box .animate {border-radius: 12px;padding-top: 0;border-bottom: 0;}
.comment-dialog .comment-box .animate {-webkit-animation: fadeInBig .5s both;animation: fadeInBig .5s both;}
.comment-box .title {line-height: 48px;border-bottom: 1px solid #f7f9fc;padding: 0 15px;font-size: 16px;}
.comment-box .title em {font-size: 12px;}
.comment-box .title .close {top: 14px;right: 15px;}
.comment-box .scroll {height: 470px;}
.comment-box .comment-list {padding: 0 15px;}
.comment-box .bottom {padding: 15px;}
.comment-box .bottom .input-text textarea {height: 40px;padding: 10px 0;transition: .3s;}
.comment-box .bottom .input-text textarea:focus {height: 80px;}
.comment-box .bottom .input-text .avatar-image {top: 5px;left: 15px;width: 30px;height: 30px;}
.comment-box .bottom .action span {font-size: 12px;left: 19px;top: -11px;}
.comment-list .item {padding: 15px 0 15px 45px;}
.comment-list .item .text p {font-size: 16px;line-height: 26px;}
.comment-list .item .name {font-size: 16px;margin-bottom: 4px;}
.comment-list .item .name em:nth-child(2) {padding-left: 20px;}
.comment-list .item .name em:nth-child(2)::before {left: 5px;}
.comment-list .item .info {font-size: 14px;line-height: 20px;}
.comment-list .next-item {padding-left: 45px;}
.comment-list .next-item .user-avatar {top: 0;width: 36px;height: 36px;}
.comment-list .item .info .btn:hover {color: #000;}
.comment-list .has-more {line-height: 24px;font-size: 13px;}
.comment-editor {padding-left: 62px;position: relative;margin-bottom: 10px;}
.comment-editor .useravatar {position: absolute;left: 0;top: 0;width: 50px;height: 50px;border-radius: 100%;object-fit: cover;border: 1px solid rgba(0, 0, 0, .1);background-color: #fff;}
.comment-editor .form-box {background-color: #ededed;border-radius: 4px;min-height: 100px;position: relative;}
.comment-editor .form-box .formeditor {display: none;}
.comment-editor .comment-login {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);white-space: nowrap;cursor: pointer;}
.comment-editor .comment-login .btn {background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%), #fff;border: 0;width: 84px;line-height: 32px;border-radius: 4px;color: #fff;font-size: 14px;margin-right: 8px;cursor: pointer;}
.comment-editor .formeditor textarea {display: block;width: 100%;height: 150px;padding: 8px 10px;line-height: 28px;font-size: 16px;border: 0;background: none;}
.comment-editor .formeditor .bottom {padding: 10px;}
.comment-editor .formeditor .submit {float: right;background: linear-gradient(146.26deg, #ffaa4f 0%, #ff7310 100%), #fff;border: 0;width: 60px;line-height: 32px;border-radius: 4px;color: #fff;font-size: 14px;cursor: pointer;}
.popup-comment-submit {left: 50%;bottom: 50%;-webkit-transform: translate(-50%, 50%);transform: translate(-50%, 50%);max-width: 500px;}
.popup-comment-submit .animate {border-radius: 4px;padding: 20px !important;-webkit-animation: fadeInBig .5s both;animation: fadeInBig .5s both;}
.popup-comment-submit textarea {height: 90px;border-radius: 4px;padding: 8px 10px;line-height: 26px;}
.popup-comment-submit .bottom {margin-top: 10px;}
/* 文章 */
.aio .post-wrap {background-color: transparent;padding: 0;margin-top: 0;}
.aio .article {padding-bottom: 30px;}
.aio .article h1 {font-size: 32px;line-height: 40px;padding: 0;margin-bottom: 15px;}
.aio .article .webinfo {margin-bottom: 20px;}
.aio .article .webinfo span {display: inline-block;vertical-align: top;margin-right: 15px;color: rgba(0, 0, 0, .5);}
.aio .article .webinfo .name {color: #333;}
.aio .article .webinfo .read {padding-left: 20px;background: url(../images/icon/icon_yan.png) no-repeat left center;background-size: 16px auto;display: none;}
.aio .article-content {font-size: 16px;line-height: 32px;}
.aio .article-content img {border-radius: 0;}
.aio .article-taglist::before {content: "标签：";color: rgba(0, 0, 0, .5);font-size: 14px;line-height: 32px;}
.aio .article-taglist .item {color: rgba(0, 0, 0, .6);font-size: 14px;line-height: 32px;border-radius: 4px;padding: 0 12px;margin: 0 12px 12px 0;-webkit-transition: .3s;transition: .3s;}
.aio .article-taglist .item:hover {color: var(--theme-color);background: rgba(255, 115, 16, .1);}
.aio .article-share {margin-bottom: 20px;}
.aio .article-copyright {color: rgba(0, 0, 0, .4);font-size: 14px;line-height: 26px;}
.post-title-box {font-size: 18px;line-height: 30px;padding: 20px 0 16px;}
.post-title-box em {font-size: 14px;}
.post-related {padding: 0 30px 15px;}
.post-comment {padding: 0 30px 20px;margin-bottom: 0;}
.fetch-more-comment {background-color: #f7f9fc;color: #939393;font-size: 15px;line-height: 52px;text-align: center;border-radius: 4px;cursor: pointer;}
.fetch-more-comment::after {content: "";display: inline-block;vertical-align: -4px;width: 18px;height: 18px;background: url(../images/icon/icon_arrow_bottom.png) no-repeat;background-size: contain;margin-left: 4px;}
.article-item a {padding: 15px 10px;-webkit-transition: .3s;transition: .3s;}
.article-item .image {margin-right: 10px;width: 150px;height: 100px;}
.article-item .item-title {font-weight: bold;line-height: 26px;}
.article-item .item-time {font-size: 14px;line-height: 20px;}
.article-item a:hover {background-color: #f7f8fa;}
.aside-author {display: flex;align-items: center;}
.aside-author .useravatar img {display: block;width: 52px;height: 52px;border-radius: 100%;object-fit: cover;margin: 0 auto;border: 1px solid rgba(0, 0, 0, .1);}
.aside-author a {padding: 0;}
.aside-author .userinfo {padding-left: 5px;flex: 1;min-width: 0;}
.aside-author .name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: break-all;font-size: 14px;line-height: 20px;}
.aside-author .name a {display: inline;}
.aside-author .count {color: rgba(0, 0, 0, .4);font-size: 12px;line-height: 20px;margin-top: 5px;}
.aside-author .followbtn {border: 0;border-radius: 3px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);color: #fff;font-size: 14px;line-height: 26px;padding: 0 10px;outline: none;cursor: pointer;}
.aside-author .followbtn::after {content: "+关注";}
.aside-author .followbtn[data-isfollow="1"] {background: #e9e9ef;color: #737380;}
.aside-author .followbtn[data-isfollow="1"]::after {content: "已关注";}


/* 列表 */
.list-header {box-shadow: none;position: static;}
.list-header .follow-empty {padding: 20px 0;cursor: pointer;}
.list-header .follow-empty p {font-size: 16px;line-height: 26px;}
.navbar-header {height: 50px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.navbar-header .navlist {position: static;-webkit-transform: none;transform: none;background: none;text-align: left;line-height: 50px;}
.navbar-header .navlist .nav-item {width: auto;padding: 0 20px;font-size: 15px;}
.navbar-header .navlist .nav-item:hover {color: var(--theme-color);}
.navbar-header .navlist .nav-item.active {background: none;color: var(--theme-color);font-size: 18px;}
.navbar-header .search {margin: 0 10px;}
.navbar-sub {border-bottom: 1px solid rgba(0, 0, 0, .1);padding-right: 0;}
.navbar-sub .hamburger {-webkit-transform: none;transform: none;top: 0;}
.navbar-sub .content {overflow-x: initial;white-space: initial;padding: 0 48px 0 12px;}
.navbar-sub a {font-size: 14px;}
.navbar-sub a:hover {color: var(--theme-color);}
.navbar-sub a.active::after {width: 20px;}
.aio .article-list-wrap {padding: 0 20px 20px;}
.article-list-wrap .item {min-height: 130px;padding: 15px 165px 15px 0;}
.article-list-wrap .item .title {font-size: 18px;line-height: 28px;margin-bottom: 6px;-webkit-transition: .3s;transition: .3s;-webkit-line-clamp: 1;}
.article-list-wrap .item .desc {color: rgba(0, 0, 0, .5);font-size: 14px;line-height: 18px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article-list-wrap .item .image {width: 150px;height: 100px;border-radius: 4px;}
.article-list-wrap .item .title:hover {color: var(--theme-color);}
.popup-follows .list .item::after {width: 18px;height: 18px;top: 5px;right: 5px;background-position-x: -2px;background-size: 44px auto;}
.popup-follows .list .item.checked::after {background-position-x: -24px;}
.article-list-wrap .item .bottom {right: 165px;font-size: 12px;line-height: 18px;}
.article-list-wrap .item .taglist a {color: rgba(0, 0, 0, .6);padding: 0 6px;background-color: #f7f7f7;margin-right: 6px;-webkit-transition: .3s;transition: .3s;}
.article-list-wrap .item .taglist a:hover {color: var(--theme-color);background-color: rgba(255, 115, 16, .1);}
.article-list-wrap .item .action-list span {margin-left: 10px;}

/* 标签搜索 */
.aio .search-history {padding: 20px;}
.search-history .search-title {font-size: 18px;line-height: 26px;}
.aio .search-history .search-clear {top: 20px;right: 20px;width: 26px;height: 26px;background-size: 24px auto;}
.hot-label .head {font-size: 18px;padding: 0 20px;line-height: 48px;}
.hot-label .label-item {padding: 15px 20px;}
.hot-label .label-item::after {left: 20px;right: 20px;}
.hot-label .label-item .icon {width: 40px;height: 40px;}
.hot-label .label-item .name {font-size: 16px;line-height: 26px;}
.hot-label .label-item .subname {font-size: 12px;}
.hot-label .label-item .plus {width: 18px;height: 18px;}
.hot-label .swiper {height: 468px;}
.hot-label .swiper-slide {height: 70px;}
.hot-label .swiper-pagination {padding: 20px 0;}
.hot-label .label-item::after {display: block !important;}
.hot-label .swiper-slide:nth-child(6n) .label-item:after {display: none !important;}
.aio .league-theme {padding: 30px 20px;margin: 0 0 15px;}
.league-theme .icon {width: 50px;height: 50px;}
.league-theme .name {font-size: 18px;line-height: 26px;}
.league-theme .subname {font-size: 14px;line-height: 20px;}
.league-theme .btn {top: 40px;}
.league-theme .content {padding-left: 60px;}