.posts-pages{width:100%;height:100%}.posts-pages-main{display:flex;justify-content:center;margin-top:20px}.posts-pages-main-left{width:290px;height:200px;margin-right:20px;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 8px 0 rgba(184,207,231,.3);border-radius:8px 8px 8px 8px;border:1px solid #e5e5e5;box-sizing:border-box}.posts-pages-main-left .posts-card-top{width:100%;height:90px;background:url(/restcloud/_next/static/media/bg_top.465351c5.png);display:flex;padding:12px 12px 0}.posts-pages-main-left .posts-card-top .posts-card-headPortrait{margin-right:12px}.posts-pages-main-left .posts-card-top .posts-card-info{flex:1}.posts-pages-main-left .posts-card-top .posts-card-info-top{display:flex;justify-content:space-between;align-items:center}.posts-pages-main-left .posts-card-top .posts-card-info-top>span:first-child{font-size:16px;width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-pages-main-left .posts-card-top .posts-card-info-top>span:nth-child(2){width:48px;height:20px;background:#006cff;border-radius:24px;font-size:12px;color:#fff;text-align:center;line-height:20px}.posts-pages-main-left .posts-card-top .posts-card-info>p{font-size:12px;color:#999;width:196px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.posts-pages-main-left .posts-card-bottom{height:120px;position:relative;top:-10px;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(7,36,76,.2);padding:12px 12px 0;display:flex;justify-content:space-between}.posts-pages-main-left .posts-card-bottom>div{width:82px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}.posts-pages-main-left .posts-card-bottom>div>span:first-child{font-size:16px}.posts-pages-main-left .posts-card-bottom>div>span:nth-child(2){font-size:22px;font-weight:700}.posts-pages-main-left .posts-card-bottom>div>span:nth-child(2)>a{color:#000}.posts-pages-main-left .posts-card-bottom>div:first-child{background:url(/restcloud/_next/static/media/bg_posts.677b1036.png)}.posts-pages-main-left .posts-card-bottom>div:nth-child(2){background:url(/restcloud/_next/static/media/bg_like.7b88fb35.png)}.posts-pages-main-left .posts-card-bottom>div:nth-child(3){background:url(/restcloud/_next/static/media/bg_certificate.5fa9029c.png)}.posts-pages-main-right{width:1214px}.list-posts-item>a,.list-posts-item>a:hover{color:#5e6d82}.list-posts-item{padding:20px 0;border-bottom:1px solid #eee}.list-posts-item-top{display:flex;justify-content:space-between;margin-bottom:10px}.list-posts-item-top>p{font-size:18px;color:#2b2b2b;width:650px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list-posts-item-top>div{display:flex;align-items:center}.list-posts-item-top>div .item-spot{margin-right:5px;color:#5e6d82}.list-posts-item-bottom{display:flex;align-items:center;font-size:12px}.list-posts-item-bottom .item-category{padding:0 12px;height:26px;border-radius:6px;text-align:center;line-height:26px}.list-posts-item .item-spot{display:flex;width:4px;height:4px;background:#d8d8d8;border-radius:50%;margin:0 10px}.article-box .article-page{width:100%;height:100%;border-radius:8px;background-color:#fff;padding-bottom:20px}.article-box .article-page-title{height:40px;display:flex;justify-content:space-between;align-items:center;padding-left:16px;padding-right:26px;box-sizing:border-box;border-bottom:1px solid #e5e5e5}.article-box .article-page-title-right{color:#006cff;cursor:pointer}.article-box .article-page-title-right span{margin-left:5px}.article-box .article-page-content{padding:24px 42px 0 24px}.article-box .article-page-content div:first-child{font-size:24px}.article-box .article-page-content div:nth-child(2){font-size:14px;color:#5e6d82;margin-top:12px;margin-bottom:28px}.article-box .article-page-enclosure{padding:16px;background-color:#f6f6f6;margin:0 20px;border-radius:8px}.article-box .article-page-enclosure-item{display:flex;height:20px;align-items:center;justify-content:space-between}.article-box .article-page-enclosure-item>div{cursor:pointer;color:#1075fe}.article-box .article-page .article-page-enclosure-title{font-size:16px;margin-left:20px;margin-bottom:20px;font-weight:700}.article-box .article-rep{width:1214px;width:100%;height:50px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding-left:24px;padding-right:28px}.article-box .article-rep-left{display:flex}.article-box .article-rep-left>div{display:flex;align-items:center;margin-right:25px;font-size:14px;cursor:pointer}.article-box .article-rep-left>div>span{margin-left:5px}.article-box .article-rep-right{width:94px;height:28px;border:1px solid #006cff;border-radius:14px;color:#006cff;text-align:center;line-height:28px;cursor:pointer}.article-box .rep-fixed{width:1214px;position:fixed;bottom:0;box-shadow:0 -4px 16px 0 rgba(211,225,234,.3)}.article-box .article-comment{border-radius:8px;border:1px solid #e5e5e5;padding:24px 42px 0 24px;background-color:#fff;margin-top:10px}.article-box .article-comment-top{display:flex;justify-content:space-between;margin-bottom:16px}.article-box .article-comment-top>div:first-child{font-size:18px}.article-box .article-comment-top>div:nth-child(2){font-size:16px;color:#5e6d82;cursor:pointer;display:flex;align-items:center}.article-box .article-comment-top>div:nth-child(2)>span{margin-left:5px}.article-box .article-comment-write{position:relative;margin-bottom:20px}.article-box .article-comment-write .publish-rep{position:absolute;bottom:18px;right:18px;width:92px;height:28px;background:#006cff;border-radius:203px 203px 203px 203px;text-align:center;line-height:28px;color:#fff;cursor:pointer}.article-box .article-comment-list-item{padding-top:24px}.article-box .article-comment-list-item .item-top{display:flex;justify-content:space-between;font-size:16px;color:#5e6d82;margin-bottom:10px}.article-box .article-comment-list-item .item-top-left{display:flex;align-items:center}.article-box .article-comment-list-item .item-top-left>span:first-of-type{margin:0 16px}.article-box .article-comment-list-item .item-top-right{display:flex}.article-box .article-comment-list-item .item-top-right>div:first-child{display:none}.article-box .article-comment-list-item .item-top-right>div{margin-left:25px;display:flex;align-items:center;cursor:pointer}.article-box .article-comment-list-item .item-top-right>div>span{margin-right:5px}.article-box .article-comment-list-item .item-bottom{padding-left:52px;padding-bottom:24px}.article-box .article-comment-list-item .item-bottom-rep{margin-top:24px}.article-box .article-comment-list-item .second-rep-item{margin-left:52px}.article-box .article-comment-list>div:last-child>div:last-child{display:none}.article-box .no-per{height:500px;background:#fff;margin-top:16px;box-shadow:0 2px 8px 0 rgba(184,207,231,.3);border-radius:8px;border:1px solid #e5e5e5;padding:24px;box-sizing:border-box;display:flex;flex-direction:column}.article-box .no-per>p{font-size:18px}.article-box .no-per>div{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.item-top-box:hover .item-top-right>div:first-child{display:block;margin-left:25px;display:flex;align-items:center;cursor:pointer}.item-top-box:hover .item-top-right>div:first-child>span{margin-right:5px}.child-top-box:hover .item-top-right>div:first-child{display:block;margin-left:25px;display:flex;align-items:center;cursor:pointer}.child-top-box:hover .item-top-right>div:first-child>span{margin-right:5px}.rep-divider{margin-left:52px;height:1px;background-color:#e5e5e5}.frist-write-rep,.second-write-rep{margin-top:10px;position:relative}.second-rep-btn{position:absolute;bottom:20px;right:20px;width:92px;height:28px;background:#006cff;border-radius:14px;color:#fff;text-align:center;line-height:28px;z-index:717;cursor:pointer}.pre-loading{height:30px;display:flex;justify-content:center;align-items:center}.item-pre{overflow-wrap:break-word}