:root {
    --theme-color: #ff7310;
    --author-color: #5f6a8e;
    --padding-xs: 5px;
    --padding-sm: 10px;
    --padding-md: 15px;
    --border-color: rgba(0, 0, 0, .1);
    --border-scale-y: .5;
}
.aio {word-break: break-all;}
.aio-navbar-title {color: #000;font-size: 16px;text-align: center;max-width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.navbar-icon-dots {display: flex;align-items: center;}
.navbar-icon-dots span {width: 4px;height: 4px;border-radius: 100%;background-color: #000;margin-right: 4px;}
.navbar-icon-dots span:last-child {margin-right: 0;}
.navbar-icon-editor {display: block;width: 18px;height: 18px;background: url(../images/icon/icon_take_2.png) no-repeat;background-size: contain;}
.buttom-md {display: inline-block;line-height: 28px;padding: 0 12px;border: 0;border-radius: 2px;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: 13px;}

.navbar-tabs {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: 28px;line-height: 28px;background-color: #f6f8fa;border-radius: 28px;} 
.navbar-tabs .tabitem {float: left;padding: 0 15px;border-radius: inherit;font-size: 17px;}
.navbar-tabs .tabitem.is-active {background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);font-weight: bold;color: #fff;}

.navbar {background-color: #fff;height: 44px;position: relative;}
.navbar .back {width: 20px;height: 44px;background: url("../images/icon/icon_arrow_left.png") no-repeat center center;background-size: 10px;}
.list-header .navlist {display: flex;background-color: #fff;margin: 2px 0;}
.list-header .navlist .a0item {flex: 1;display: flex;align-items: center;justify-content: center;height: 45px;color: rgba(0, 0, 0, 0.7);font-size: 14px;cursor: pointer;}
.list-header .navlist .a0item i {width: 14px;height: 14px;border: 1px solid rgba(0, 0, 0, 0.4);border-radius: 50%;margin-right: 2px;}
.list-header .navlist .a0item[data-ai-vis="1"] .checkbox-icon {background: url(../images/icon/icon-check.png) no-repeat;background-size: cover;border: 0;}

.list-header .menu {position: relative;}
.list-header .hamburger {width: 18px;padding: 4px 0;}
.list-header .hamburger .line {display: block;height: 2px;background-color: #262626;border-radius: 2px;}
.list-header .hamburger .line:not(:last-child) {margin-bottom: 4px;}
.list-header .dropdown-popper {position: absolute;right: -6px;top: 32px;border-radius: 5px;background: #fff;box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);z-index: 3000;display: none;}
.list-header .dropdown-popper .menuitem {white-space: nowrap;;position: relative;}
.list-header .dropdown-popper .menuitem:not(:last-child)::after {content: "";position: absolute;left: 5px;right: 5px;bottom: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transform-origin: center bottom;transform: scaleY(0.5);}
.list-header .dropdown-popper .menuitem a {display: flex;align-items: center;font-size: 16px;line-height: 24px;padding: 15px 20px;}
.list-header .dropdown-popper .menuitem a::before {content: "";width: 18px;height: 18px;background: no-repeat center center;background-size: contain;margin-right: 4px;}
.list-header .dropdown-popper .menuitem:nth-child(1) a:before {background-image: url(../images/icon/moment_home.png);}
.list-header .dropdown-popper .menuitem:nth-child(2) a:before {background-image: url(../images/icon/moment_message.png);}
.list-header .dropdown-popper .menuitem:nth-child(3) a:before {background-image: url(../images/icon/moment_search.png);}
.list-header .dropdown-popper .menuitem:nth-child(4) a:before {background-image: url(../images/icon/moment_send.png);}
.list-header .dropdown-popper::before {content: "";position: absolute;top: -4px;right: 10px;background-color: #fff;border-radius: 2px;transform: rotate(45deg);width: 10px;height: 10px;}
.list-header .menu[data-ai-vis] .overlay {display: block;}
.list-header .menu[data-ai-vis] .dropdown-popper {display: block;}

/* 空状态 */
.empty-box {text-align: center;padding: 194px 0 32px;background: url(../images/empty.png) no-repeat center 32px;background-size: 280px auto;}
/* 空状态end */
/* 弹出式菜单 */
.actionsheet {position: fixed;bottom: 0;left: 0;right: 0;max-width: 470px;border-radius: 12px 12px 0 0;background-color: #f7f7f7;margin: 0 auto;overflow: hidden;}
.actionsheet-cell {display: block;width: 100%;border: 0;background: none;color: rgba(0, 0, 0, .8);font-size: 16px;line-height: 24px;padding: 15px;cursor: pointer;position: relative}
.actionsheet-cell-warning {color: #fa5151;}
.actionsheet-cell::before {content: "";position: absolute;left: 0;top: 0;right: 0;border-top: 1px solid var(--border-color);transform-origin: 0 0;transform: scaleY(0.5);}
.actionsheet-cell:first-child::before {display: none;}
.actionsheet-title {background-color: #fff;padding: 18px 15px;text-align: center;position: relative;}
.actionsheet-title-text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: rgba(0, 0, 0, .5);font-size: 12px;font-weight: 500;line-height: 18px;}
.actionsheet-title::before {content: "";position: absolute;left: 0;bottom: 0;right: 0;border-bottom: 1px solid var(--border-color);transform-origin: 0 100%;transform: scaleY(0.5);}
.actionsheet-menu {background-color: #fff;}
.actionsheet-action {margin-top: 10px;background-color: #fff;}
.actionsheet-action .actionsheet-cell:last-child {padding-bottom: calc(15px + constant(safe-area-inset-bottom));padding-bottom: calc(15px + env(safe-area-inset-bottom));}
/* 弹出式菜单end */
.comment-action {position: fixed;left: 0;bottom: 0;right: 0;margin: 0 auto;background-color: #fff;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.comment-action-inner {padding: var(--padding-md) var(--padding-md);padding: var(--padding-md) var(--padding-md);}
.comment-action .form {width: 100%;display: flex;align-items: center;}
.comment-action .form .input-wrap {flex: 1;display: flex;background-color: #f7f7f7;padding: 0 8px;margin-right: 3px;}
.comment-action .form .input-inner {flex: 1;width: 0;height: 34px;line-height: 34px;font-size: 14px;border: 0;outline: none;background: none;overflow: auto hidden;white-space: nowrap;}
.comment-action .form .input-inner::-webkit-scrollbar {background: #e4e4e4;height: 5px;width: 5px;}
.comment-action .form .input-inner::-webkit-scrollbar-thumb {background-color: #666;border-radius: 10px;}
.comment-action .form .btn {width: 50px;line-height: 26px;border: 0;border-radius: 3px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 100%);color: #fff;font-size: 14px;cursor: pointer;}

/* 球友圈列表 */
.moments-list {background-color: #fff;}
.user-item {padding: var(--padding-sm) var(--padding-md);position: relative;}
.user-item::after {content: "";position: absolute;left: var(--padding-md);bottom: 0;right: var(--padding-md);pointer-events: none;border-bottom: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}
.user-item:last-child::after {display: none;}
.user-item .more span {display: block;line-height: 20px;background-color: #f7f7f7;border-radius: 3px;padding: 0 4px;color: rgba(0, 0, 0, .5);font-size: 11px;}
.user-item .more span::after {content: "";display: inline-block;vertical-align: 1px;width: 8px;height: 4px;background: url(../images/icon/arrow-bottom.png) no-repeat;background-size: contain;margin-left: 2px;}

.user-comment-wrap {background-color: #f7f7f7;margin-top: 10px;}
.user-topic {padding: 5px !important;background-color: #f7f7f7;display: flex !important;align-items: center;}
.user-topic .thumbnail {width: 50px;height: 50px;object-fit: cover;border-radius: 2px;margin-right: 5px;}
.user-topic .right {flex: 1;width: 0;}
.user-topic .attr {font-size: 11px;line-height: 16px;margin-bottom: 5px;}
.user-topic .attr span {margin-right: 4px;}
.user-topic .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height: 18px;}
.user-item .more {position: absolute;right: var(--padding-md);top: var(--padding-sm);cursor: pointer;}
.user-like {font-size: 13px;line-height: 20px;padding: 10px 5px 10px 24px;position: relative;}
.user-like .item {display: inline-block;vertical-align: top;color: var(--author-color);font-weight: bold;padding: 0;}
.user-like .item:not(:last-child)::after {content: "，";}
.user-like::before {content: "";width: 18px;height: 18px;background: url(../images/icon/icon_like_3.png) no-repeat;background-size: contain;position: absolute;left: 4px;top: 10px;}
.user-comment {position: relative;word-break: break-word;}
.user-comment .item {padding: var(--padding-xs);font-size: 13px;line-height: 18px;cursor: pointer;}
.user-comment .author {color: var(--author-color);font-weight: bold;padding: 0;}
.user-like + .user-comment::after {content: "";position: absolute;left: 0;top: 0;right: 0;border-top: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}

/* 个人主页 */
/* .aio .user-info-wrap {background-color: #fff;padding: var(--padding-sm) var(--padding-md);margin-bottom: 10px;}
.aio .user-info-wrap .inner {display: flex;align-items: center;}
.aio .user-info-wrap .image {width: 58px;height: 58px;margin-right: 5px;position: relative;}
.aio .user-info-wrap .image .avatarimg {display: block;width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.aio .user-info-wrap .icon-rank {position: absolute;left: 0;right: 0;bottom: -4px;width: 88%;margin: 0 auto;}
.aio .user-info-wrap .content {flex: 1;width: 0;display: flex;flex-direction: column;justify-content: center;}
.aio .user-info-wrap .name {color: #333;font-size: 16px;font-weight: bold;line-height: 24px;}
.aio .user-info-wrap .abstract {color: rgba(0, 0, 0, .5);font-size: 12px;line-height: 18px;margin-top: 5px;}
.aio .user-info-wrap .followbtn {border: 0;border-radius: 2px;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: 12px;line-height: 22px;width: 48px;text-align: center;outline: none;cursor: pointer;}
.aio .user-info-wrap .followbtn::after {content: "+关注";}
.aio .user-info-wrap .followbtn[data-isfollow="1"]::after {content: "已关注";}
.aio .user-info-wrap .followbtn[data-isfollow="1"] {background: #e9e9ef;color: #737380;} */
.aio .user-cell-wrap {background-color: #fff;margin: 10px 0;}
.aio .user-cell-wrap .item {padding: 15px var(--padding-md);line-height: 20px;display: flex;align-items: center;position: relative;}
.aio .user-cell-wrap .item::before {content: "";position: absolute;left: var(--padding-md);bottom: 0;right: var(--padding-md);border-bottom: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}
.aio .user-cell-wrap .item:last-child::before {display: none;}
.aio .user-cell-wrap .item::after {content: "";display: block;width: 5px;height: 20px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: 100% auto;margin-left: 5px;}
.aio .user-cell-wrap .item .cell-title {flex: 1;font-size: 15px;}
.aio .user-cell-wrap .item .cell-other {overflow: hidden;}
.aio .user-cell-wrap .item .cell-other span {float: left;line-height: 16px;padding: 0 4px;color: #fff;font-size: 10px;border-radius: 1px;margin-left: 5px;}
.aio .user-cell-wrap .item .cell-other .win {background-color: rgba(228, 77, 92, .8);}
.aio .user-cell-wrap .item .cell-other .last {background-color: rgba(58, 130, 251, .8);}
.aio .user-cell-wrap .item .mark {width: 38px;height: 38px;position: absolute;left: 62px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: no-repeat center center;background-size: contain;}
.aio .user-cell-wrap .item .mark.hot {background-image: url(../images/icon/mark_hot.png);}
.aio .user-cell-wrap .item .mark.participate {background-image: url(../images/icon/mark_participate.png);}
.aio .user-article-list-wrap {background-color: #fff;padding: var(--padding-md);margin: 10px 0;}
.aio .user-article-list-wrap h2 {font-size: 15px;font-weight: bold;line-height: 20px;}
.aio .article-header {font-size: 24px;font-weight: bold;line-height: 34px;margin: 12px 0 7px;}
.aio .user-article-item {display: flex;align-items: center;padding: 8px 0;position: relative;}
.aio .user-article-item .date {font-size: 24px;font-weight: bold;line-height: 34px;width: 64px;}
.aio .user-article-item .date .month {display: inline-block;vertical-align: bottom;font-size: 12px;line-height: 28px;}
.aio .user-article-item .content {flex: 1;width: 0;padding: 0;}
.aio .user-article-item .topic-box {display: block;overflow: hidden;background-color: #f7f7f7;padding: 0;}
.aio .user-article-item .topic-box .abstract {font-size: 14px;line-height: 20px;margin: 4px 0;padding: 0 5px;}
.aio .user-article-item .images {font-size: 0;white-space: nowrap;overflow: hidden;}
.aio .user-article-item .images .image-card {margin-right: 8px;}
.aio .article-pinned {display: block;padding: 12px 0 22px;margin-bottom: 30px;position: relative;}
.aio .article-pinned::after {content: "";position: absolute;left: 0;bottom: 0;right: 0;border-bottom: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}
.aio .article-pinned .user-article-item::after {content: "";position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 8px;height: 16px;background: url(../images/icon/arrow-right_2.png) no-repeat center center;background-size: contain;}
.aio .article-pinned .content {padding-right: 20px;}
.aio .user-article-item .edit {display: block;width: 78px;height: 78px;background: #f7f7f7 url(../images/icon/icon_take.png) no-repeat center center;background-size: 34px auto;position: relative;}

.aio .article-image {display: flex;padding: 0;}
.aio .article-image .image {width: 78px;height: 78px;position: relative;margin-right: 8px;}
.aio .article-image .image .item {position: absolute;width: 100%;height: 100%;}
.aio .article-image .image .item img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.aio .article-image .image.two .item,
.aio .article-image .image.three .item {width: calc(50% - 1px);}
.aio .article-image .image.two .item:nth-child(1) {left: 0;top: 0;}
.aio .article-image .image.two .item:nth-child(2) {right: 0;top: 0;}
.aio .article-image .image.three .item:nth-child(1) {left: 0;top: 0;}
.aio .article-image .image.three .item:nth-child(2) {top: 0;right: 0;height: calc(50% - 1px);}
.aio .article-image .image.three .item:nth-child(3) {bottom: 0;right: 0;height: calc(50% - 1px);}
.aio .article-image .text {flex: 1;width: 0;position: relative;}
.aio .article-image .text .abstract {font-size: 14px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: pre-wrap;}
.aio .article-image .text .count {color: rgba(0, 0, 0, .5);font-size: 11px;line-height: 16px;position: absolute;left: 0;bottom: 0;}
.aio .article-abstract {display: block;font-size: 14px;line-height: 20px;background-color: #f7f7f7;padding: var(--padding-xs);}
.aio .article-abstract p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;}

/* 消息列表 */
.app {display: flex;flex-direction: column;height: 100vh;}
.moment-list-wrap {flex: 1;overflow: auto;}
.aio .message-item {display: block;padding: var(--padding-md);background-color: #fff;display: flex;position: relative;}
.aio .message-item::after {content: "";position: absolute;left: var(--padding-md);bottom: 0;right: var(--padding-md);border-bottom: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}
.aio .message-item:last-child::after {display: none;}
.aio .message-item .userimg {width: 48px;height: 48px;border-radius: 50%;object-fit: cover;-webkit-transition: .3s;transition: .3s;}
.aio .message-item .content {flex: 1;width: 0;padding: 0 5px;font-size: 14px;line-height: 20px;}
.aio .message-item .author {color: #5f6a8e;font-weight: bold;margin-bottom: 5px;}
.aio .message-item .reply-author {color: #5f6a8e;font-weight: bold;}
.aio .message-item .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.aio .message-item .like {display: block;width: 16px;height: 16px;background: url(../images/icon/icon_like_3.png) no-repeat center center;background-size: contain;margin: 6px 0;}
.aio .message-item .time {color: rgba(0, 0, 0, .5);font-size: 11px;line-height: 16px;margin-top: 3px;}
.aio .message-item .thumbnail {width: 62px;height: 62px;}
.aio .message-item .thumbnail img {display: block;width: 100%;height: 100%;object-fit: cover;}
.moment-unread {text-align: center;padding: 40px 0 25px;}
.moment-unread .inner {display: inline-flex;align-items: center;vertical-align: top;border-radius: 6px;background-color: rgba(0, 0, 0, .6);padding: 5px 0 5px 5px;}
.moment-unread .avatarimg {width: 34px;height: 34px;border-radius: 100%;object-fit: cover;}
.moment-unread .count {color: #fff;font-size: 16px;padding: 0 8px;}

/* 推荐控件 */
.woo-wrap {position: absolute;top: var(--padding-sm);right: var(--padding-md);line-height: 100%;}
.woo-text {display: inline-block;border-radius: 3px;background-color: #f7f7f7;line-height: 20px;color: rgba(0, 0, 0, .5);font-size: 11px;padding: 0 4px;cursor: pointer;}
.woo-text::after {content: "";width: 8px;height: 4px;background: url(../images/icon/arrow-bottom.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: 1px;margin-left: 2px;}
.woo-pop {position: absolute;right: 0;top: calc(100% + 10px);width: 210px;border-radius: 4px;background-color: #fff;padding: 10px;z-index: 1002;display: none;}
.woo-pop .woo-title {font-size: 14px;line-height: 1.429;margin-bottom: 15px;}
.woo-pop .woo-action span {float: left;border-radius: 2px;background-color: #f7f7f7;color: rgba(0, 0, 0, .8);font-size: 11px;line-height: 20px;padding: 0 6px;margin-right: 10px;}
.woo-pop .woo-action span::before {content: "";width: 16px;height: 16px;background: no-repeat center center;background-size: contain;display: inline-block;vertical-align: -4px;margin-right: 2px;}
.woo-pop .woo-action .woo-like::before {background-image: url(../images/icon/woo-like.png);}
.woo-pop .woo-action .woo-close::before {background-image: url(../images/icon/woo-close.png);}
.woo-pop .woo-link {font-size: 12px;line-height: 1.5;margin-top: 20px;}
.woo-pop .woo-link a {color: rgba(0, 0, 0, .6);padding: 0;}
.woo-pop::before {content: '';width: 16px;height: 16px;position: absolute;transform: rotate(45deg);right: 12px;top: -6px;z-index: -1;border-radius: 3px;background-color: #fff;}

/* 详情 */
.moment-article {display: flex;}
.moment-article-body {flex: 1;min-width: 0;}
.moment-article-content {position: relative;}
.moment-article .cover {width: 48px;height: 48px;padding: 0;margin-right: 5px;position: relative;}
.moment-article .cover .avatarimg {display: block;width: 100%;height: 100%;border-radius: 100%;object-fit: cover;--webkit-transition: .3s;transition: .3s;}
.moment-article .cover .icon-rank {position: absolute;left: 0;right: 0;bottom: -4px;width: 88%;margin: 0 auto;}
.moment-article .name {font-weight: bold;line-height: 22px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;}
.moment-article .name a {color: #5f6a8e;font-size: 15px;padding: 0;display: inline;vertical-align: top;}
.moment-article .abstract {font-size: 14px;line-height: 20px;margin: 5px 0;white-space: pre-wrap;}
.moment-article .bottom {color: rgba(0, 0, 0, .5);font-size: 11px;line-height: 18px;margin-top: 10px;min-height: 18px;}
.moment-article .bottom > span {float: left;margin-right: 10px;}
.moment-article .action-item {width: 18px;height: 18px;background: no-repeat center center;background-size: 16px;cursor: pointer;margin-right: 4px !important;display: none;}
.moment-article .action-item.action-top {background-image: url(../images/icon/icon_top.png);}
.moment-article .action-item.action-fans {background-image: url(../images/icon/icon_friend.png);}
.moment-article .action-item.action-privacy {background-image: url(../images/icon/icon_lock.png);}
.moment-article .action-item.action-delete {background-image: url(../images/icon/icon_clear_2.png);}
.moment-article .tooltip-box {position: absolute;right: 0;bottom: 0;}
.moment-article .tooltip-box .target {width: 30px;line-height: 18px;border-radius: 3px;background-color: #f7f7f7;text-align: center;font-size: 0;cursor: pointer;}
.moment-article .tooltip-box .target::before,
.moment-article .tooltip-box .target::after {content: "";display: inline-block;vertical-align: middle;width: 4px;height: 4px;border-radius: 100%;background-color: #687ebd;margin: 0 2px;}
.moment-article .tooltip-box:hover .tooltip {display: block;}
.moment-article .tooltip {display: none;position: absolute;right: calc(100% + 5px);top: 50%;border-radius: 3px;background-color: #4c4c4c;font-size: 0;white-space: nowrap;margin-top: -14px;}
.moment-article .tooltip .item {display: inline-block;vertical-align: middle;color: #fff;font-size: 12px;line-height: 28px;padding: 0 15px 0 20px;position: relative;cursor: pointer;}
.moment-article .tooltip .item::after {content: "";position: absolute;top: 5px;bottom: 5px;right: 0;border-right: 1px solid rgba(0, 0, 0, .8);transform: scaleX(var(--border-scale-y));}
.moment-article .tooltip .item:last-child::after {display: none;}
.moment-article .tooltip .item.like::before {content: "";width: 16px;height: 16px;background: url(../images/icon/icon_like_4.png) no-repeat;background-size: contain;display: inline-block;vertical-align: -3px;margin-right: 3px;}
.moment-article .tooltip .item.likeed::before {background-image: url(../images/icon/icon_like_5.png) !important;}
.moment-article .tooltip .item.comment::before {content: "";width: 14px;height: 14px;background: url(../images/icon/icon_comment.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: -3px;margin-right: 3px;}
.moment-picture {overflow: hidden;}
.moment-picture .image-item {float: left;width: 40%;outline: none;padding: 0;}
.moment-picture .image-item img {display: block;width: 100%;max-height: 374px;object-fit: cover;}
.moment-picture.col-3 .image-item {width: calc(33.33% - 5px);margin-right: 5px;margin-bottom: 5px;background-color: #f5f5f5;position: relative;}
.moment-picture.col-3 .image-item::before {content: "";display: block;padding-top: 100%;}
.moment-picture.col-3 .image-item img {position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;}
.detail {background-color: #fff;padding: var(--padding-md);margin-bottom: calc(64px + constant(safe-area-inset-bottom));margin-bottom: calc(64px + env(safe-area-inset-bottom));position: relative;}
.detail .dropdown {display: none;}
.detail-like-wrap {padding: 5px 5px 5px 26px;position: relative;}
.detail-like-wrap::before {content: "";width: 16px;height: 16px;background: url(../images/icon/icon_like_3.png) no-repeat center center;background-size: contain;position: absolute;left: 5px;top: 16px;}
.detail-like-wrap .item {float: left;width: 28px;height: 28px;padding: 0;margin: 5px 5px 5px 0;border-radius: 1px;background: no-repeat center center;background-size: cover;}
.detail-comment-wrap {padding: 8px 0;word-break: break-word;position: relative;}
.detail-comment-wrap::before {content: "";width: 16px;height: 16px;background: url(../images/icon/icon_comment_2.png) no-repeat center center;background-size: contain;position: absolute;left: 5px;top: 20px;}
.detail-comment-wrap .item {display: flex;padding: 7px 5px 7px 26px;cursor: pointer;}
.detail-comment-wrap .item:last-child {margin-bottom: 0;}
.detail-comment-wrap .cover {width: 28px;height: 28px;padding: 0;margin-right: 5px;}
.detail-comment-wrap .cover img {display: block;width: 100%;height: 100%;border-radius: 1px;object-fit: cover;}
.detail-comment-wrap .content {flex: 1;width: 0;font-size: 13px;line-height: 20px;position: relative;} 
.detail-comment-wrap .name a {color: #5f6a8e;font-size: 13px;font-weight: bold;padding: 0;display: inline;vertical-align: top;}
.detail-comment-wrap .recover-name {color: #5f6a8e;font-size: inherit;font-weight: bold;padding: 0;}
.detail-comment-wrap .time {color: rgba(0, 0, 0, .5);font-size: 11px;position: absolute;right: 0;top: 0;}
.detail-like-wrap + .detail-comment-wrap::after {content: "";position: absolute;left: 0;top: 0;right: 0;border-top: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}

.page {background-color: #fff;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;}
.page[data-ai-vis="1"] {display: block;}
.permission-wrap {padding: 5px 0;}
.permission-wrap .a0item {display: flex;align-items: center;line-height: 50px;padding: 0 var(--padding-md);position: relative}
.permission-wrap .a0item .icon {width: 12px;height: 12px;border-radius: 100%;border: 1px solid rgba(0, 0, 0, .4);margin-right: 5px;}
.permission-wrap .a0item .label {flex: 1;font-size: 14px;}
.permission-wrap .a0item .value {color: rgba(0, 0, 0, .3);font-size: 13px;}
.permission-wrap .a0item::after {content: "";position: absolute;left: var(--padding-md);bottom: 0;right: var(--padding-md);border-bottom: 1px solid var(--border-color);transform: skewY(var(--border-scale-y));transform-origin: 0 0;}
.permission-wrap .a0item[data-ai-vis="1"] .icon {border-color: var(--theme-color);padding: 2px;}
.permission-wrap .a0item[data-ai-vis="1"] .icon::after {content: "";display: block;width: 100%;height: 100%;border-radius: 100%;background-color: var(--theme-color);}
/* 详情end */

/* 弹出窗 */
.confirm-dialog {width: 324px;max-width: calc(100vw - var(--padding-md));position: fixed;left: 0;top: 45%;right: 0;transform: translateY(-50%);margin: 0 auto;}
.confirm-dialog .animate {border-radius: 12px;background-color: #fff;}
.confirm-dialog .header {color: rgba(0, 0, 0, .7);font-size: 18px;font-weight: bold;text-align: center;padding-top: 20px;line-height: 26px;}
.confirm-dialog .content {color: rgba(0, 0, 0, .5);font-size: 18px;line-height: 26px;text-align: center;padding: 24px 0;}
.confirm-dialog .footer {display: flex;position: relative;}
.confirm-dialog .footer::before {content: "";width: 100%;border-top: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));position: absolute;left: 0;top: 0;}
.confirm-dialog .footer button {flex: 1;border: 0;background: none;line-height: 50px;font-size: 15px;font-weight: bold;position: relative;cursor: pointer;}
.confirm-dialog .footer button::after {content: "";height: 100%;border-right: 1px solid var(--border-color);transform: scaleX(var(--border-scale-y));position: absolute;right: 0;top: 0;}
.confirm-dialog .footer button:last-child::after {display: none;}
.confirm-dialog .footer .cancel {color: rgba(0, 0, 0, .7);}
.confirm-dialog .footer .confirm {color: #5f6a8e;}
/* 弹出窗end */

/* 发布 */
.aio .moments-editor {background-color: #fff;height: 100vh;padding: 0 var(--padding-md);}
.editor-bottom {padding-top: 10px;margin-top: 50px;position: relative;}
.editor-bottom::before {content: "";position: absolute;left: 0;top: 0;right: 0;border-top: 1px solid var(--border-color);transform: scaleY(var(--border-scale-y));}
.visible-limits {font-size: 14px;line-height: 40px;}
.visible-limits dt,
.visible-limits dd {display: flex;align-items: center;}
.visible-limits dt::before {content: "";display: block;width: 20px;height: 20px;background: url(../images/icon/icon_user_2.png) no-repeat center center;background-size: contain;margin-right: 5px;}
.visible-limits dd {cursor: pointer;}
.visible-limits dd .label {flex: 1;}
.visible-limits dd .value {color: rgba(0, 0, 0, .3);font-size: 13px;}
.visible-limits dd .checkbox {width: 12px;height: 12px;border-radius: 100%;border: .6px solid #8c8c8c;padding: 2px;margin-right: 5px;}
.visible-limits dd[data-ai-vis] .checkbox {border-color: var(--theme-color);}
.visible-limits dd[data-ai-vis] .checkbox::after {content: "";display: block;width: 100%;height: 100%;border-radius: 100%;background-color: var(--theme-color);}
.editor-upload-list {overflow: hidden;margin: -4px;}
.upload-list-item {position: relative;width: calc(33.33% - 8px);float: left;margin: 4px;}
.upload-list-item .icon-delete {position: absolute;right: 0;top: 0;background: rgba(0, 0, 0, .8) url(../images/icon-close.png) no-repeat 7px 4px;background-size: 10px;width: 20px;height: 20px;border-radius: 0 0 0 20px;cursor: pointer;}
.upload-list-item::before {content: "";display: block;padding-top: 100%;}
.upload-list-item img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.upload-picture-card {position: relative;width: calc(33.33% - 8px);background: #f7f7f7 url(../images/icon/icon_plus_2.png) no-repeat center center;background-size: 38px auto;float: left;margin: 4px;}
.upload-picture-card::before {content: "";display: block;padding-top: 100%;}
.upload-input {position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;}
.editor-textarea {padding: 20px 0;}
.editor-textarea textarea {display: block;width: 100%;line-height: 20px;font-size: 15px;outline: none;height: 60px;border: 0;}
.editor-tool {display: flex;margin-bottom: 20px;position: relative;}
.editor-tool .icon-emoji {width: 25px;height: 25px;background: url(../images/icon/icon_emoticon.png) no-repeat center center;background-size: contain;cursor: pointer;}
.editor-tool .emoji-picker {position: absolute;left: 0;right: 0;top: 30px;box-shadow: 0 0px 5px rgba(0, 0, 0, .05);border-top: 0;z-index: 1;max-width: 450px;}
.editor-tool[data-ai-vis] .emoji-picker {display: block !important;}
.editor-nav-submit {width: 50px;line-height: 28px;border: 0;border-radius: 2px;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);color: #fff;font-size: 13px;display: block;outline: none;}
/* 发布end */

/* 置顶页面 */
.fixedTop {min-height: calc(100vh - 45px);background-color: #fff !important;padding: var(--padding-md);}
.image-card {display: inline-block;vertical-align: top;width: 78px;height: 78px;background-color: #f7f7f7;position: relative;}
.image-card-inner {width: 100%;color: rgba(0, 0, 0, .5);font-size: 12px;line-height: 16px;white-space: initial;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding: 0 5px;position: absolute;top: 50%;transform: translateY(-50%);}
.image-card img {display: block;width: 100%;height: 100%;object-fit: contain;}
.image-card[class*="col-"] .image-card-inner {width: 100%;height: 100%;}
.image-card[class*="col-"] img {position: absolute;width: calc(50% - 0.5px);object-fit: cover;}
.image-card[class*="col-"] img:nth-child(1) {left: 0;top: 0;height: 100%;}
.image-card[class*="col-"] img:nth-child(2) {right: 0;top: 0;height: calc(50% - 0.5px);}
.image-card[class*="col-"] img:nth-child(3) {right: 0;bottom: 0;height: calc(50% - 0.5px);}

.image-card.col-1 img:nth-child(1) {left: 0;top: 0;height: 100%;width: 100%;}
.image-card.col-2 img:nth-child(1) {left: 0;top: 0;height: 100%;}
.image-card.col-2 img:nth-child(2) {right: 0;top: 0;height: 100%;}
/* 置顶页面end */

/* 活动页进来的时候显示的 仅限app下载 */
.moments-download-dialog.active{display: block;}
.moments-download-dialog .qcode{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;text-align: center;max-width: 500px;}
.moments-download-dialog .close{width: 45px;height: 45px;background: url(../images/activity/sunbathing/close.png) no-repeat;background-size: cover;display: inline-block;margin-top: 15px;cursor: pointer;}

/* 搜索页面 */
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; /* 针对Webkit浏览器 */appearance: none; /* 针对所有浏览器 */}
.search-input-wrap {background-color: #fff;padding: 10px 15px;margin-bottom: 2px;}
.search-input {background-color: #ebebeb;border-radius: 28px;display: flex;align-items: center;}
.search-input .confirm {border: 0;border-radius: inherit;height: 28px;line-height: 28px;background-color: #ff7310;padding: 0 12px;color: #fff;font-size: 15px;cursor: pointer;}
.search-input .icon-search {width: 20px;height: 20px;margin: 0 7px 0 6px;background: url(../images/icon/search-gray.png) no-repeat center center;background-size: 16px;}
.search-input .icon-search::before {content: "";}
.search-input .dismiss {width: 15px;height: 15px;margin: 0 5px;background: url(../images/icon/dismiss.png) no-repeat center center;background-size: 10px;display: none;cursor: pointer;}
.search-input .input-inner {flex: 1;border: none;outline: none;background: transparent;font-size: 14px;line-height: 20px;margin: 0 5px;}
.search-history {background-color: #fff;padding: 10px 10px 20px;display: none;}
.search-history h2 {font-size: 15px;font-weight: 500;line-height: 20px;margin-bottom: 20px;}
.search-history .search-list::after {content: "";clear: both;display: table;}
.search-history .search-list .item {float: left;background-color: #ebebeb;line-height: 24px;border-radius: 24px;padding: 0 10px;color: rgba(0, 0, 0, 0.5);font-size: 12px;margin: 0 10px 10px 0;}
.search-result {background-color: #fff;overflow: hidden;}
.search-result .item {padding: 10px 15px;display: flex;align-items: center;position: relative;}
.search-result .item:not(:last-child)::after {content: "";position: absolute;left: 15px;right: 15px;bottom: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transform: scaleY(0.5);transform-origin: center bottom;}
.search-result .item .avatarimg {width: 25px;height: 25px;border-radius: 100%;object-fit: cover;margin-right: 10px;}
.search-result .item .username {color: rgba(0, 0, 0, 0.7);font-size: 13px;line-height: 20px;}
.search-result .item .username span {color: var(--theme-color);}
.search-result .empty-box {position: fixed;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
/* 搜索页面end */