:root {
    --padding-xs: 10px;
    --padding-sm: 15px;
    --padding-md: 20px;
    --border-scale-y: 1;
}
.list-header {margin-bottom: 8px !important;}
.list-header-nav {font-size: 15px;line-height: 44px;padding: 0 15px;}
.list-header-nav a {padding: 0 20px;position: relative;}
.list-header-nav a:first-child {padding-left: 0;}
.list-header-nav a .avatarimg {width: 24px;height: 24px;object-fit: cover;border-radius: 100%;vertical-align: -7px;margin-right: 4px;}
.list-header-nav a span {position: relative}
.list-header-nav a span[data-number]::after {content: attr(data-number);position: absolute;left: 98%;top: -6px;background-color: var(--theme-color);color: #fff;font-size: 12px;border-radius: 20px;line-height: 14px;padding: 0 4px;white-space: nowrap;}
.list-header-nav a.active {font-size: 16px;font-weight: bold;color: var(--theme-color);}
.list-header-nav a:hover {color: var(--theme-color);}

.list-header .navbar-tabs {float: left;background-color: transparent;position: static;transform: none;-webkit-transform: none;margin: 0 15px;height: 44px;line-height: 44px;}
.list-header .navbar-tabs .tabitem {font-size: 15px;padding: 0 20px;}
.list-header .navbar-tabs .tabitem:first-child {padding-left: 0;}
.list-header .navbar-tabs .tabitem.is-active {background: none;color: #ff7310;}
.list-header .navlist {margin: 0;padding: 0 15px;border-top: 1px solid #e4e6eb;}
.list-header .navlist .a0item {flex: none;margin-right: 20px;}
.list-header .navlist .a0item i {margin-right: 3px;}
.list-header .menu {position: absolute;right: 0;top: 0;bottom: 0;cursor: pointer;padding: 10px 15px;}
.list-header .dropdown-popper {right: 8px;top: 42px;}
.list-header .menu .menuitem.has-count[data-role="message"]::before {content: attr(data-count);position: absolute;left: 74%;top: 5px;background-color: var(--theme-color);color: #fff;font-size: 12px;line-height: 16px;border-radius: 999px;padding: 0 5px;}
.list-header .menu[data-ai-vis] .overlay {display: none !important;}
.list-header .menu[data-ai-vis] .dropdown-popper {display: none !important;}
.list-header .menu:hover .dropdown-popper {display: block !important;}
.list-header .dropdown-popper .menuitem:hover a{color: var(--theme-color);}
.list-header .right {position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: flex;padding: 0 15px;}
.list-header .right .menuitem {position: relative;margin-left: 15px;}
.list-header .right a {display: inline-flex;align-items: center;vertical-align: top;padding: 0;}
.list-header .right a::before {content: "";width: 18px;height: 18px;background: no-repeat center center;background-size: contain;margin-right: 4px;}
.list-header .right [data-role="home"] a::before {background-image: url(../images/icon/moment_home.png);}
.list-header .right [data-role="message"] a::before {background-image: url(../images/icon/moment_message.png);}
.list-header .right [data-role="editor"] a::before {background-image: url(../images/icon/moment_send.png);}
.list-header .right .menuitem.active a {color: var(--theme-color);font-weight: bold;}
.list-header.aio-only-pc .navlist {display: none;}
.list-header .menuitem[data-role="message"][data-number]::after {content: attr(data-number);position: absolute;left: 90%;top: -5px;background-color: var(--theme-color);color: #fff;font-size: 12px;border-radius: 20px;line-height: 14px;padding: 0 4px;white-space: nowrap;}

/* 空状态 */
.empty-box {padding: 226px 0 40px;background-color: #fff;background-position-y: 40px;background-size: 370px auto;}
/* 空状态end */
/* 弹出式菜单 */
.actionsheet {top: 45%;bottom: auto;transform: translateY(-50%);border-radius: 12px;}
.actionsheet-title-text {font-size: 14px;}
/* 弹出式菜单end */

.comment-action {top: 45%;bottom: auto;transform: translateY(-50%);max-width: 470px;border-radius: 4px;}


.app {height: auto;display: block;}
.moment-list-wrap {overflow: initial;}
.moments-list {background-color: transparent;}
.moments-list .empty-box {background-color: #fff;border: 1px solid #f2f2f2;border-radius: 4px;}
.user-item:not(:last-child) {margin-bottom: 8px;}
.user-item::after {display: none;}
.moment-article .cover {width: 52px;height: 52px;margin-right: 10px;}
.moment-article .name {font-size: 15px;margin-top: 0;margin-bottom: 5px;}
.moment-article .abstract {font-size: 15px;line-height: 24px;}
.moment-article .bottom {line-height: 28px;font-size: 13px;min-height: 28px;}
.moment-article .action-item {width: 20px;height: 28px;background-size: 18px;min-height: 28px;}
.moment-article .tooltip-box .target {width: 40px;line-height: 20px;display: none;}
.moment-article .tooltip {display: flex !important;position: static;margin-top: 10px;background-color: transparent;border: 1px solid rgba(0, 0, 0, .1);border-radius: 0;}
.moment-article .tooltip .item::after {border-color: rgba(0, 0, 0, .1);}
.moment-article .tooltip .item {flex: 1;text-align: center;line-height: 26px;color: #333;font-size: 12px;}
.moment-article .tooltip .item.like::before {background-image: url(../images/icon/icon_like_3.png);width: 18px;height: 18px;vertical-align: -4px;}
.moment-article .tooltip .item.comment::before {background-image: url(../images/icon/icon_comment_2.png);width: 18px;height: 18px;vertical-align: -4px;}
.moment-article .cover:hover img {border-radius: 6px;}
.woo-text {font-size: 12px;padding: 0 6px;}
.woo-text::after {vertical-align: 2px;margin-left: 4px;}
.user-topic .thumbnail {width: 60px;height: 60px;}
.user-topic .attr {font-size: 14px;line-height: 20px;}
.user-topic .text {font-size: 16px;line-height: 24px;}
.moment-picture.col-3 {width: 58%;}
.moment-picture .image-item {width: 168px;}
.moment-picture .image-item img {max-height: 510px;}
.aio .article-abstract {font-size: 16px;}
.aio .article-image .image {width: 100px;height: 100px;}
.aio .article-image .text .abstract {font-size: 16px;line-height: 26px;}
.aio .article-image .text .count {font-size: 14px;}

.user-like {padding: 10px var(--padding-sm) 10px 36px;}
.user-like::before {left: 15px;}
.user-like .item {font-size: 14px;}
.user-like .item::before {vertical-align: -3px;}
.user-comment {padding: 5px 0;}
.user-comment .item {font-size: 14px;line-height: 20px;padding: 6px var(--padding-sm);}
.user-comment .item:hover {background-color: #f2f2f2;}

.aio .user-article-list-wrap h2 {font-size: 22px;line-height: 36px;margin-bottom: 15px;}
.aio .user-article-item .topic-box .abstract {font-size: 16px;line-height: 26px;}

/* 消息列表 */
.moment-unread {display: none !important;}
.aio .message-item:not(:last-child) {margin-bottom: 8px;}
.aio .message-item::after {display: none;}
.aio .message-item .userimg {width: 52px;height: 52px;}
.aio .message-item .content {padding: 0 10px;font-size: 16px;line-height: 24px;}
.aio .message-item .time {font-size: 12px;margin-top: 6px;}
.aio .message-item .thumbnail {width: 70px;height: 70px;}
.aio .message-item:hover .userimg {border-radius: 6px;}
/* 消息列表end */

/* 详情 */
.detail .dropdown {display: block;position: absolute;right: 20px;top: 20px;z-index: 1;}
.detail-like-wrap {padding: 5px 5px 5px 44px;}
.detail-like-wrap::before {width: 20px;height: 20px;left: 15px;}
.detail-comment-wrap {padding: 10px 0;}
.detail-comment-wrap .item {padding: 8px 15px 8px 44px;}
.detail-comment-wrap::before {width: 20px;height: 20px;left: 15px;top: 25px;}
.detail-comment-wrap .cover {width: 35px;height: 35px;margin-right: 10px;}
.detail-comment-wrap .content {font-size: 14px;line-height: 24px;}
.detail-comment-wrap .name a {font-size: 14px;}
.detail-comment-wrap .time {font-size: 12px;}
.detail-comment-wrap .item:hover {background-color: #f2f2f2;}
/* 详情end */

.dropdown .arrow {display: block;width: 24px;height: 24px;background: url(../images/icon/arrow-bottom.png) no-repeat center center;background-size: 14px;cursor: pointer;}
.dropdown-menu {background-color: #fff;border: 1px solid #f7f7f7;box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);border-radius: 4px;min-width: 10px;word-wrap: break-word;position: absolute;right: 0;top: 100%;z-index: 1;;display: none;}
.dropdown-menu .menuitem {padding: 10px 20px;line-height: 20px;cursor: pointer;white-space: nowrap;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu .menuitem:hover {background-color: #f7f7f7;}

/* 发布 */
.aio .moments-editor {height: auto;padding: var(--padding-md) var(--padding-md) 100px;}
.upload-list-item,
.upload-picture-card {width: calc(20% - 8px);}
.editor-textarea textarea {height: 100px;}
.editor-bottom .submit {position: absolute;right: 0;top: 10px;width: 60px;line-height: 28px;border: 0;border-radius: 2px;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);color: #fff;font-size: 14px;display: block;outline: none;cursor: pointer;}
/* 发布end */

/* 个人主页 */
/* .aio .user-info-wrap .image {margin-right: 10px;}
.aio .user-info-wrap .abstract {font-size: 14px;line-height: 20px;border-radius: 3px;}
.aio .user-info-wrap .followbtn {font-size: 14px;line-height: 30px;width: 70px;} */
.aio .user-cell-wrap .item {-webkit-transition: .3s;transition: .3s;}
.aio .user-cell-wrap .item .cell-other span {font-size: 12px;line-height: 18px;border-radius: 2px;}
.aio .user-cell-wrap .item::after {display: none;}
.aio .user-cell-wrap .item:hover {background-color: #f7f7f7;}
/* 个人主页end */

/* 置顶页面 */
.fixedTop {min-height: auto;}
/* 置顶页面end */

.moments-download-dialog .qcode{width: 40%;max-width: 500px;}
.moments-download-dialog .close{width: 45px;height: 45px;}

/* 搜索页面 */
.search-input-wrap {padding: 60px 70px 20px;margin-bottom: 0;}
.search-input {border-radius: 10px;box-shadow: 0 0 0 2px #ff7310;}
.search-input .input-inner {font-size: 16px;line-height: 30px;}
.search-input .confirm {font-size: 19px;height: 50px;line-height: 50px;padding: 0 40px;border-radius: 0 10px 10px 0;}
.search-input .icon-search {width: 30px;height: 30px;background-size: 20px;}
.search-input .dismiss {width: 20px;height: 20px;background-size: 15px;}
.search-result .empty-box {position: static;transform: none;}
.search-user-list {margin: 18px 70px 70px;box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);border-radius: 3px;padding: 10px 0;}
.search-result .item .avatarimg {width: 42px;height: 42px;}
.search-result .item .username {font-size: 15px;}
.search-result .item:hover {background-color: #fff8f5;}
.search-history {padding: 0 80px 60px;}
.search-history h2 {font-size: 18px;font-weight: bold;line-height: 24px;}
/* 搜索页面end */