.moment-list-wrap { padding-top: 10px; width: 808px; margin: 0 auto; }
.moment-items-wrap { position: relative; }
.moment-list-wrap .moment-items-wrap .moment-date { position: absolute; top: 10px; left: -100px; color: #27282d; opacity: 1; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
.moment-list-wrap .moment-items-wrap.sticky .moment-date { position: fixed; top: 80px; left: calc(50% - 504px); }
.moment-list-wrap .moment-items-wrap .moment-today { font-size: 26px; line-height: 56px; font-weight: 600; letter-spacing: 4px; }
.moment-list-wrap .moment-items-wrap.backAbsolute .moment-date { position: absolute; bottom: 0; top: auto; left: -100px; opacity: 0; }

.moment-list-wrap .moment-items-wrap .moment-date .month { font-size: 16px; vertical-align: text-bottom; padding-bottom: 2px; }
.moment-list-wrap .moment-items-wrap .moment-date .day { font-size: 30px; vertical-align: text-bottom; }

.moment-list-wrap .hour24-item { }
.moment-item-wrap { width: 100%; position: relative; border-radius: 4px; }
.moment-list-wrap .moment-items-wrap .moment-items { padding: 10px; margin-bottom: 14px; }

.moment-item, .moment-live-item { position: relative; width: 100%; border-radius: 4px; padding: 24px; background-color: #fafafa; }
.moment-item-wrap:before { background: #f4f4f4; border-radius: 4px; content: " " !important; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transform: scale(.96); -ms-transform: scale(.96); transform: scale(.96); width: 100%; }
.moment-item-wrap:hover:before { -webkit-animation: tapAnimation-data-v-6de18189 .25s cubic-bezier(.31,1,.34,1) forwards; animation: tapAnimation-data-v-6de18189 .25s cubic-bezier(.31,1,.34,1) forwards; }

.moment-item .user-info-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.moment-item .user-info-wrap, .moment-item .user-info-wrap .user-info { display: -webkit-box; display: -ms-flexbox; display: flex; }

.hx-avatar { border-radius: 50%; -o-object-fit: cover; object-fit: cover; }
.user-info__avatar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.user-info__intro { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 12px; overflow: hidden; max-width: 590px; }
.user-info__intro p { font-size: 16px; line-height: 25px; }
.user-info__intro p:first-child { color: #27282d; }
.user-info__intro p i { margin-right: 4px; }
.user_icons img[data-v-68d44e82] { vertical-align: -.15em; width: 14px !important; height: 14px !important; }
.user_icons img.w-em[data-v-68d44e82] { height: 1em !important; width: 1em !important; }
.single-line-overflow { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.user-info__intro p { font-size: 16px; line-height: 25px; }
.user-info__intro p:last-child { font-size: 14px; color: #999; }

.moment-item .plain-text-wrap { font-size: 16px; line-height: 28px; cursor: pointer; }
.moment-item .mb16 { margin-bottom: 16px; }
.moment-item .plain-text-wrap .plain-text { display: inline; color: #27282d; }
.moment-item .plain-text-wrap .origin-link { margin-left: 6px; color: #bfbfbf; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }


.hx-button { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; }
.follow-btn { border: 1px solid #ff6060; color: #ff6060; font-size: 12px; height: 20px; width: 60px; padding: 0; }
.follow-btn:not(.active):hover { border: none; color: #fff; background-color: #ff6060; }
.hx-btn-default.follow-btn { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.moment-item .user-info-wrap .btn-follow { width: 78px; height: 26px; border-radius: 13px; font-size: 14px; text-align: center; }



.moment-operate-wrap { text-align: right; position: relative; }
.moment-operate-wrap .moment-time { padding-top: 10px; font-size: 14px; color: #d1d1d1; position: absolute; left: 10px; top: 5px; }
.moment-operate-wrap .moment-operate { padding-right: 5px; }
.moment-operate-wrap .moment-operate .operate-item { padding-top: 10px; cursor: pointer; display: inline-block; color: #d1d1d1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.moment-operate-wrap .moment-operate .operate-item { margin-left: 20px; }
.moment-operate-wrap .moment-operate .operate-item.like-on { color: #fe6d00; }

.moment-item-wrap .secend-huifu { margin-top: 21px; background-color: #F5F6F7; padding: 20px 30px 30px; box-sizing: border-box; /* display:none; */ }
.moment-item-wrap .secend-huifu .secend-ul .secend-li { padding-bottom: 15px; padding-top: 30px; border-bottom: 0.5px solid #F2F2F2; }
.moment-item-wrap .secend-huifu .secend-ul .secend-li:first-child { padding-top: 0; }
.moment-item-wrap .secend-huifu .secend-ul .secend-li .head-secend { height: 30px; display: flex; align-items: center; font-size: 14px; color: #999; }
.moment-item-wrap .secend-huifu .secend-ul .secend-li .head-secend strong { color: #333; font-weight: bold; }
.moment-item-wrap .secend-huifu .secend-ul .secend-li .secend-huifu-text { line-height: 25px; font-size: 14px; color: #333; margin-top: 15px; }
.moment-item-wrap .secend-huifu .huifu-area { margin-top: 20px; }
.moment-item-wrap .secend-huifu .huifu-area textarea.reply-content { resize: none; width: 100%; height: 40px; border-radius: 4px; font-size: 14px; color: #999; line-height: 25px; padding-top: 9px; padding-left: 20px; box-sizing: border-box; border: 0.5px solid #E6E6E6; }
.moment-item-wrap .secend-huifu .huifu-area textarea.reply-collect { height: 60px; color: #333; }
.moment-item-wrap .secend-huifu .huifu-area .huifu-btn { margin-top: 10px; height: 24px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #999; }
.moment-item-wrap .secend-huifu .huifu-area .huifu-btn button { width: 60px; height: 24px; border-radius: 4px; font-size: 14px; color: #999; border: none; outline: none; }
.moment-item-wrap .secend-huifu .huifu-area .huifu-btn button:nth-child(1) { background-color: #F2F2F2; margin-right: 20px; }
.moment-item-wrap .secend-huifu .huifu-area .huifu-btn button:nth-child(2) { background-color: #406080; color: white; }
.moment-item-wrap .secend-huifu .text_r { text-align: right; margin-top: 10px; }
.moment-item-wrap .secend-huifu .text_r .jiu_font { color: rgba(0,0,0,.44); font-size: 14px; margin-bottom: 10px; }
.moment-item-wrap .secend-huifu .text_r a { color: #406080; margin-right: 10px; }
.moment-item-wrap .secend-huifu .text_r .editreplaybtn { width: 100px; height: 32px; background-color: #406080; border-radius: 4px; outline: none; font-size: 14px; color: white; border: none; display: inline-block; text-align: center; line-height: 32px; cursor: pointer; }
.moment-item-wrap .secend-huifu .reply-page { padding: 0; height: auto; padding-top: 10px; }

.pagination { padding: 5px 0; }

.load-more { height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #406080; background-color: #F2F2F2; margin-bottom: 30px; }

.hour-img-list { width: 708px; margin: 0 auto; font-size: 0; margin-bottom: 10px; }
.hour-img-list a { display: inline-block; width: 200px;  height: 200px; line-height:200px; margin: 10px 0 0 10px; overflow: hidden; border-color: #f2f2f5; position: relative; box-sizing: border-box; justify-content: center; text-align:center;}
.hour-img-list a:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid rgba(0, 0, 0, .05); }

.hour-img-list a img { max-width: 100%; vertical-align: middle; }