#community{
    padding-bottom: 50px;
    font-size: 14px;
}
/* 板块标题描述*/
#community .community-detail{
    margin-bottom: 0;
    padding: 50px 0;
}
#community .community-detail .icon{
    margin-right: 10px;
    width: 100px;
    height: 73.3px;
    /* width: 82px;
    height: 44px; */
}
#community .community-detail .title{
    margin: 0;
    font-size: 30px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #ebedeb;
}
#community .community-detail .desc{
    font-size: 14px;
    line-height:1.5;
    margin: 30px 0;
    color: #c1c3c3;
}
#community .community-detail > div:first-child{
    margin-bottom: 0;
}
#community .community-detail span + ul li{
    background: none;
}
.content-tab{
    padding: 0;
    border: none;
}
.content-tab li.active{
    color: #ededed;
}
/* */
.circle-main{
    gap: 0;
    display: flex;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    color: #b3b5b6;
}
.circle-main .left{
    /* min-width: 900px; */
    /* width: 890px; */
    max-width: 890px;
    overflow: hidden;
}
.circle-main > * > *, .hashtag-main > * > *{
    padding: 0;
    background: transparent;
}
.circle-main .box{
    /* margin-left: 20px; */
    padding: 30px;
    background: #20232a;
    border-radius: 4px; 
}
.circle-main .box.right{
    margin-left: 20px;
}
/* 轮播图 */
.circle-main .swiper{
    position: relative;
    /* margin-top: 10px; */
    padding: 0 5rem;
    /* width: 700px; */
}
.circle-main .swiper .owl-nav .owl-prev, 
.circle-main .swiper .owl-nav .owl-next{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.circle-main .swiper .cover + div{
    background: none;
}
.circle-main .swiper .cover {
    width: 39rem;
    height: 24rem;
}
.circle-main .swiper .swiper-item-info{
    padding: 0;
}
.circle-main .swiper .owl-nav .owl-prev, 
.circle-main .swiper .owl-nav .owl-next{
    width: 4.7rem;
    height: 7.8rem;
    border-radius: 4px;
    background: rgba(0,0,0,0.15) url(/ayaneo/img/community/left-big.png) center/cover no-repeat;
}
.circle-main .swiper .owl-nav .owl-prev{
    left: 0;
}
.circle-main .swiper .owl-nav .owl-next{
    right: 0;
}
.avatar-tiny {
    height: 30px;
    width: 30px;
}
/* 推荐话题*/
.tag-content>div:nth-child(0){
    position: relative;
}
.tag-content .tag-tab{
    /* margin-right: 15px; */
    /* max-width: 620px; */
    padding: 0;
    background: none;
}
.tag-content .tag-tab::after{
    display: none;
}
.tag-content .themetag-shadow{
    position: relative;
    margin-right: 20px;
    width: 100%;
    overflow: hidden;
}
.tag-content .themetag-shadow::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 5rem;
    height: 100%;
    flex-shrink: 0;
    background: linear-gradient(to right,rgba(32,35,42,0.00) , #20232a);
}
.tag-content .more-theme a {
    white-space: nowrap;
    margin: 0;
    padding: 0 15px;
    border: none;
    background: none;
    color: #ff8900;
    font-weight: 500;
}
.tag-content .more-theme::before {
    content: '';
    padding: 12px 20px;
    width: 0;
    height: 0;
    background-color: #4e5059;
    display: block;
    cursor: pointer;
    background: #f9f9fa url(/img/return_black@2x.png) center/12px no-repeat;
    border-radius: 16px;
    transition: transform .3s;
}
.tag-content .more-theme.fold::before {
    transform: scaleY(-1);
}
.tag-content .tag-tab .active,
.content .btn-tab li,
.tag-content .tag-tab li{
    /* margin: 0; */
    padding: 8px 22px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #b3b5b6;
    line-height: unset;
    height: auto;
    border-radius: 20px;
    border-color: unset;
}
.btn-tab > li.active,
.tag-content .tag-tab .active{
    border-color: #ff8900;
    color: #ebedeb;
    background: #ff8900;
}
.tag-content .more-theme {
    position: unset;
    margin: 0;
    padding: 0;
    height: auto;
    background: transparent;
}
.tag-content > div {
    height: auto;
    margin: 0;
}
.tag-content .more-theme::before {
    padding: 12px 20px;
    width: 0;
    height: 0;
    background-color: #4e5059;
}
/* 置顶 */
#community .article-list .top-content:last-of-type{
    border:0;
}
#community .article-list .top-content{
    margin-bottom: 10px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #ebedeb;
}
.top-content .top-tag{
    padding: 5px;
    font-size: 12px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #ebedeb;
    background: #e65138;
    border-radius: 4px;
}
/*内容*/
.article-list .more-article{
    margin-top: 30px;
}
.article-list .article-item {
    padding: 0;
    border: none;
}
.content .cate-tab{
    padding: 0;
}
.article-list .article-item .avatar {
    width: 36px;
    height: 36px;
}
.article-list .article-item+.article-item{
    margin-top: 40px;
}
.article-list .article-item .article-content{
    padding-left: 51px;
    padding-right: 15px;
}
.article-list .article-item .article-content>dd{
    padding-bottom: 30px;
    border-bottom: 1px solid #36383d;
}
.hashtag-tag,
.circle-tag {
    margin: 20px 20px 0 0;
    margin-right: 20px;
    padding: 0;
    font-size: 14px;
    color: #616367;
    border-radius: 2em;
    background: none;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #ff8900;
    line-height: 20px;
}
.article-list .article-item .more-op em {
    width: 20px;
    height: 0;
    background: none;
    border-top: 5px dotted #ccc;
}
.article-content .plain{
    margin-top: 5px;
    margin-bottom: 20px;
}
.circle-main > *:nth-child(2) > *, .hashtag-main > *:nth-child(2) > * {
    padding: 0;
}
.box.right .title{
    margin-bottom: 20px;
    font-size: 30px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    text-align: left;
    color: #ebedeb;
    line-height: 45px;
}
.box.right .nomsg{
    box-sizing: border-box;
    padding: 29px 17px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: url(/ayaneo/img/community/nomsg.png) no-repeat bottom right #1b1d23;
}
.box.right .btn{
    margin-top: 24px;
    width: 228px;
    height: 38px;
    background: #ff8900;
    border-radius: 24px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    text-align: center;
    color: #ebedeb;
}
.avatar, .avatar-big, .avatar-tiny, .cover{
    margin-right: 15px;
    display: block;
    width: 183px;
    max-width: unset;
    height: 139px;
}
.look-link{
    display: inline-block;
    margin-top: 15px;
    font-size: 12px;
    font-family: SourceHanSansCN;
    font-weight: Normal;
    text-align: left;
    color: #ff8900;
}
.publish-ins .comment-textarea.collapse,
.publish-comment .comment-textarea.collapse{
    box-sizing: border-box;
    border-radius:25px;
    overflow:hidden;
    height:50px
}
.reply-modal,
.publish-ins textarea, .publish-comment textarea,.comment-textarea,.content > dl > div .comment-list dd,
.publish-ins .comment-textarea.collapse, .publish-comment .comment-textarea.collapse{
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    text-align: left;
    color: #b3b5b6;
    background: #4e5059;
    border-radius: 4px;
}
.avatar-tiny{
    margin: 0;
    width: 36px;
    height: 36px;
}
.content > dl > div .comment-list p a.from,
.content > dl > div .comment-list p {
    color: #ebedeb;
}
.ghost-btn, .ghost-btn-medium, .ghost-btn-big, .btn-tab > li{
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    text-align: left;
    color: #ebedeb;
    background: #4e5059;
    border: none;
    border-radius: 20px;
}
.btn:hover, .btn-big:hover, .ghost-btn:hover, .ghost-btn-medium:hover, .ghost-btn-big:hover, .btn-tab > li:hover {
    color: #ebedeb;
}
.content > dl > div .comment-list .toggle {
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #ff8900;
}
.comment-stick > li > span, .comment-stick > li > label {
    color: #b3b5b6;
}
.comment-textarea{
    color: #eeefee;
    /* background: #747781; */
    border-radius: 4px;
}
.more-nav{
    display: flex;
    padding-top: 40px;
}
.more-nav .index{
    padding: 5px 0;
    padding-right: 20px;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #ebedeb;
    border-right: 1px solid;
}
.more-nav .now{
    position: relative;
    margin-left: 25px;
    padding: 10px 22px;
    padding-right: 40px;
    background: #20232a;
    border-radius: 20px;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #ebedeb;
    cursor: pointer;
}
.more-nav .now::after{
    content: "";
    display: block;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 8px;
    height: 5px;
    background: url('/ayaneo/img/community/icon-9.png') no-repeat center/cover;
}
.more-nav .now.open::after{
    transform: rotate(180deg);
}
.drop-down{
    position: relative;
}
.drop-down .more{
    display: none;
    margin-top: 10px;
    position: absolute;
    left: 100px;
    padding: 20px;
    width: max-content;
    background: #20232a;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.33);    
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    text-align: left;
    color: #ebedeb;
    z-index: 2;
}
.drop-down .now.open+.more{
    display: block;
}
.drop-down .more>li+li{
    margin-top: 25px;
}
.drop-down .more img{
    margin-right: 5px;
    display: block;
    /* width: 42px;
    height: 21px; */
    width: 50px;
    height: 36.6px;
}

.content > dl .top-content:first-of-type{
    padding-top: 0;
}
.content .cate-tab{
    margin-bottom: 20px;
}
.circle-main > *:first-child h2, .hashtag-main > *:first-child h2{
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #ebedeb;
    line-height: 2.5;
}
.top10{
    margin-left: 20px;
    /* width: 380px; */
}
.top10 h2{
    /* margin-bottom: 10px; */
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    text-align: left;
    color: #ebedeb;
}
.top10>ul{
    display: grid;
    width: 420px;
    grid-template-columns: repeat(5,18.1%);
    grid-gap: 0 10px;
    text-align: center;
    font-size: 12px;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: #abadae;
    overflow: hidden;
}
.top10>ul .avatar-tiny{
    position: relative;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 32px;
    height: 32px;
    border: 2px solid transparent;
}
.top10>ul .avatar-tiny>img{
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid transparent;
}
.top10>ul .avatar-tiny>em{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin: auto;
    transform: translateY(50%);
    font-size: 10px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #151519;
    background: #fed146;
    border-radius: 50%;
}
.submit-btn, .submit-btn-big, .btn-tab > li.active {
    font-weight: 500;
    color: #0c0c0e;
    background: #ff8900;
}
.submit-btn:hover, .submit-btn-big:hover, .btn-tab > li.active:hover {
    box-shadow: none;
}

.article-item .author-name{
    margin-bottom: 5px;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    text-align: left;
    color: #ebedeb;
}

.thumbup-link{
    background-image: url(/ayaneo/img/community/icon-12.png);
}
.thumbup-link.thumbuped{
    background-image: url(/ayaneo/img/community/icon-15.png);
}
.comment-link{
    background-image: url(/ayaneo/img/community/icon-13.png);
}
.share-link{
    background-image: url(/ayaneo/img/community/icon-14.png);
}
section .share-more {
    margin-top: 20px;
    width: 200px;
    display: flex;
    justify-content: space-between;
}

.comment-list{

}
.comment-list .comment-stick{
    margin-top: 15px;
}

.article-content .plain,
.article-item p{
    line-height: 1.7;
}

.nav li:hover{
    font-weight: unset;
}
.grid-img3{
    display: grid;
    grid-template-columns: repeat(3, 240px);
    grid-gap: 10px;
}
.grid-img3>img{
    width: 240px;
    height: 240px;
}
/* 表情 */
/* .comment-stick > li:first-child{
    display: block;
} */
.content-main > div:first-of-type a{
    color: unset;
    text-decoration: none;
}

/* 菜单 */
.dropdown{
    z-index: 9;
    padding:0;
    background: #4e5059;
    color: #ebedeb;
    box-shadow:none;
    border-radius: 0;
}
.dropdown li:hover{
    background: #767987;
}

.images-1 img{
    margin: 0;
    display: block;
    width: 240px;
    height: 316px;
    object-fit: contain;
}
.content .article-item p.shrink{
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.content .article-item .shrink-toggle{
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: Normal;
    text-align: left;
    color: #ff8900;
}
.received .title{
    position: relative;
}
.received .title>span{
    position: absolute;
    top: 12px;
    right: 0;
    width: 27px;
    height: 24px;
    background: url(/ayaneo/img/community/icon-xiaoxi.png) no-repeat center/cover;
}
.received .title>span .msg-num{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #e65138;
    border-radius: 50%;
    transform: translate(50%,-50%);
    font-size: 12px;
    font-family: ArialMT, ArialMT-Regular;
    font-weight: 400;
    text-align: center;
    color: #ebedeb;
}
.received .msg-main{
    box-sizing: border-box;
    padding: 10px;
    width: 230px;
    height: 170px;
    background: #1b1d23;
    border-radius: 4px;
}
.received .usercover{
    margin-right: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

/* 文章详情页 START */
.article-section{
    
}
/* 文章详情页 END */

/* 移动端文章发布按钮 START */
#community .mobile-post{
    display: none;
    position: fixed;
    bottom: 15%;
    right: 0;
    width: 3.5rem;
    height: 3.5rem;
    color: #fff;
    background-color: #FF8900;
    border-radius: 50%;
    z-index: 9;
}
#community .mobile-post::before,
#community .mobile-post::after{
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    height: 3px;
    border-radius: 3px;
    background: #fff;
}
#community .mobile-post::after{
    transform: rotate(90deg);
}
/* 移动端文章发布按钮 END */