.x-avatar{position:relative;display:block;width:48px;height:48px}.x-avatar.is-small{width:39px;height:39px}.x-avatar-placeholder{position:absolute;left:0;top:0;width:100%;height:100%;background:url("") 50% 50% no-repeat;background-size:50% 50%}.x-avatar-img{position:relative;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;cursor:pointer}.x-avatar-img:after{content:"";position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:300%;height:300%;border:3px solid rgba(0,0,0,.1);border-radius:100%;-webkit-transform:scale(.333333);transform:scale(.333333);-webkit-transform-origin:0 0;transform-origin:0 0}.x-avatar-vip{position:absolute;z-index:1;right:0;bottom:0;width:16.5px;height:16.5px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.x-avatar .is-small-vip{width:13.2px;height:13.2px}.x-avatar .vip-1{background-image:url("")}.x-avatar .vip-2{background-image:url("")}.x-avatar .vip-3{background-image:url("")}.x-avatar .vip-4{background-image:url("")}.x-avatar .vip-10{background-image:url("")}.user-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC-Regular;position:relative}.user-bar-rumor{position:absolute;background-repeat:no-repeat;background-size:contain;pointer-events:none;opacity:.75;width:80.08px;height:46.41px;top:9px;right:12.01179188px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transform-origin:0 0;transform-origin:0 0}.user-bar-uname{font-family:PingFangSC-Semibold;font-size:13px;color:#222;cursor:pointer}.user-bar-lz{margin-left:4px;margin-right:-7px;padding:2px 2.67px;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:left center;transform-origin:left center;font-size:12px;line-height:1;color:#4e6ef2;border:1px solid rgba(78,110,242,.5);border-radius:3.25px;display:inline-block;font-family:initial;font-weight:400}.user-bar-dc{width:13px;height:13px;margin-left:4px;background-size:cover;background-position:50%;background-repeat:no-repeat}.user-bar-verified{padding-left:4px;font-size:13px;color:#626675;display:inline-block;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-interact-img-view{position:fixed;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;background:rgba(25,18,25,.9);cursor:-webkit-zoom-out;cursor:zoom-out}.x-interact-rich-text{padding-top:10px;font:14px/22px PingFangSC-Regular;color:#222;text-align:justify;word-wrap:break-word;word-break:break-all;word-break:break-word}.x-interact-rich-text>a{text-decoration:none}.x-interact-rich-text .type-at,.x-interact-rich-text .type-image,.x-interact-rich-text .type-link,.x-interact-rich-text .type-topic,.x-interact-rich-text .type-video,.x-interact-rich-text .type-vote{color:#4367b4;cursor:pointer}.x-interact-rich-text .invalid-href.type-at{color:#858585;pointer-events:none}.x-interact-rich-text .type-emoji{width:14px;margin-top:-4px;background-size:100%}.x-interact-rich-text .type-emoji,.x-interact-rich-text .type-label{display:inline-block;height:14px;background-repeat:no-repeat;background-position:50% 50%;vertical-align:middle}.x-interact-rich-text .type-label{width:42px;margin-top:-2px;background-size:cover}.x-interact-rich-text .type-label-1{background-image:url("")}.x-interact-rich-text .type-label-2{background-image:url("")}.x-interact-rich-text-is-author{padding:0 9pr;font-size:30pr;color:#4d6df2;background:#e4eaff;border-radius:9pr}.x-interact-rich-text-colon,.x-interact-rich-text-uname{color:#858585}.x-interact-image{position:relative;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;border:1px solid rgba(0,0,0,.05);border-radius:12px;overflow:hidden}.x-interact-image-placeholder{position:absolute;left:0;top:0;width:100%;height:100%;background:url("") 50% 50% no-repeat;background-size:50% 50%}.x-interact-image-thumb{position:relative;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:auto;cursor:-webkit-zoom-in;cursor:zoom-in}.x-interact-image-thumb .tag{position:absolute;right:14px;bottom:14px;font-size:14px;text-shadow:0 0 5px rgba(0,0,0,.3);color:#fff}.x-interact-image-large{position:relative;display:none;width:100%;height:auto;cursor:-webkit-zoom-out;cursor:zoom-out}.x-dialog-classic{width:224px;height:131px;background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.x-dialog-classic button{padding:0}.x-dialog-classic-msg{padding-top:30px;font-size:18px;line-height:1;text-align:center;color:#222}.x-dialog-classic-oper{padding:21px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-dialog-classic .btn{width:80px;height:32px;font-size:14px;border-radius:16px;border:none;outline:none}.x-dialog-classic-cancel{color:#1f1f1f;background:#f5f5f6}.x-dialog-classic-confirm{color:#fff;background:#4e6ef2}.x-dialog-menu{padding:30px 24px;width:368px;background:#fff;border-radius:16px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:content-box;box-sizing:content-box}.x-dialog-menu-title{font-size:18px;line-height:1;text-align:center;color:#222}.x-dialog-menu-list{margin-top:8px;font-size:0}.x-dialog-menu-item{width:176px;height:32px;margin-top:12px;padding:0;font-size:14px;border-radius:16px;border:none;outline:none;color:#333;background-color:#f5f5f5}.x-dialog-menu-item:nth-child(2n){margin-left:16px}.x-dialog-menu.is-odd .x-dialog-menu-item:last-child{width:368px}.x-dialog-menu-item:hover{color:#fff;background-color:#4e6ef2}.x-interact-emoj-panel{height:100%;overflow-y:auto}.x-interact-emoj-panel-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:443px;height:230px;line-height:0;padding:20px 6px 20px 20px;font-size:0;border-radius:12px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.x-interact-emoj-panel::-webkit-scrollbar{width:3px}.x-interact-emoj-panel::-webkit-scrollbar-thumb{border-radius:10px;background-color:#f2f2f2}.x-interact-emoj-panel .img-wrap{display:inline-block;margin:5px;padding:5px;border-radius:6px}.x-interact-emoj-panel .img-wrap:hover{background-color:rgba(51,136,255,.2)}.x-interact-emoj-panel .emoj-img{width:30px}.x-interact-publish{width:100%;font-size:13px;color:#222}.x-interact-publish-panel-center{padding-top:4px}.x-interact-publish-cont{height:94px}.x-interact-publish-cont,.x-interact-publish-cont-topic{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:#f5f5f6;border-radius:12px}.x-interact-publish-cont-topic{min-height:94px;max-height:160px;overflow-y:auto}.x-interact-publish .text-area{padding:16px 16px 23px;width:100%;resize:none;background:#f5f5f6;border-radius:12px;border:none;color:#1f1f1f}.x-interact-publish .text-area:empty:before{content:attr(placeholder)}.x-interact-publish .text-area:focus{outline:none}.x-interact-publish .textarea-topic{padding:13px 16px 11px;min-width:200px;width:100%;resize:none;background:#f5f5f6;border-radius:12px;border:none;color:#1f1f1f;overflow:hidden;overflow-y:auto;-webkit-user-select:text;line-height:1.5;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.x-interact-publish .textarea-topic:before,.x-interact-publish .textarea-topic:empty:before{content:attr(content);color:#4e6ef2;white-space:nowrap;word-break:break-all;padding-right:5px;line-height:1.5}.x-interact-publish .textarea-topic .placeholder-dom:before{display:inline-block;content:attr(placeholder);color:#626675}.x-interact-publish .textarea-topic:focus{outline:none}.x-interact-publish-opt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px}.x-interact-publish .emoj,.x-interact-publish .img-upload{display:inline-block;height:20px;width:20px;background-size:contain;background-repeat:no-repeat}.x-interact-publish .emoj:hover,.x-interact-publish .img-upload:hover{cursor:pointer}.x-interact-publish .emoj{background-image:url("")}.x-interact-publish .emoj:hover{background-image:url("")}.x-interact-publish .img-upload{margin-left:30px;background-image:url("")}.x-interact-publish .img-upload:hover{background-image:url("")}.x-interact-publish .radio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-interact-publish .radio:hover{cursor:pointer}.x-interact-publish .radio:not(:first-child){margin-left:30px}.x-interact-publish .radio:before{content:"";display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:26px;width:26px;border:2px solid #222;border-radius:100%;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(.5);transform:scale(.5);margin-right:-9px}.x-interact-publish .radio.checked:before{border:none;background-image:url("");background-size:contain;background-repeat:no-repeat;background-color:#4e6ef2}.x-interact-publish .no-radio .radio{display:none}.x-interact-publish .extra{position:absolute;right:90px;color:#858585}.x-interact-publish .extra .exceed{color:#f73131}.x-interact-publish .send{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;font-size:14px;text-align:center;color:#fff;background:#4e6ef2;border-radius:15px;cursor:pointer}.x-interact-publish .send.disabled{opacity:.2;cursor:not-allowed}.x-interact-publish .emoj-panel{background:#fff}.x-interact-publish .emoj-panel.float-up{position:absolute;z-index:1}.x-interact-publish .emoj-panel.float-right{right:-16px}.x-interact-publish-newstyle .x-interact-publish-cont{padding-bottom:41px;height:88px}.x-interact-publish-newstyle .x-interact-publish-content{position:relative}.x-interact-publish-newstyle .x-interact-publish-opt{position:absolute;top:88px;width:100%;margin-top:0}.x-interact-publish-newstyle .x-interact-publish-opt .emoj{margin-left:19px}.x-interact-publish-newstyle .x-interact-publish-opt .send{margin-right:11px}.x-interact-publish-newstyle .extra{margin-right:12px}.x-interact-publish-disabled .text-area{background-color:rgba(245,245,246,.3)}.x-interact-publish-disabled .text-area::-webkit-input-placeholder{opacity:.3}.x-interact-publish-disabled .text-area:-moz-placeholder,.x-interact-publish-disabled .text-area::-moz-placeholder{opacity:.3}.x-interact-publish-disabled .text-area:-ms-input-placeholder{opacity:.3}.x-interact-publish-disabled .x-interact-publish-cont{background-color:rgba(245,245,246,.3)}.x-interact-publish-disabled .emoj,.x-interact-publish-disabled .extra,.x-interact-publish-disabled .radio{opacity:.3}.x-interact-publish-disabled .emoj:hover{cursor:not-allowed;background-image:url("")}.x-interact-publish-disabled .send.disabled{background-color:#eee;opacity:1}.x-toast{position:fixed;left:50%;bottom:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:10px 12px;font-size:13px;line-height:13px;color:#fff;background:#626675;border-radius:8px}.interact-bar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-top:8px;font-family:PingFangSC-Regular;font-size:13px;color:#9195a3}.interact-bar:hover .delete,.interact-bar:hover .report{display:block}.interact-bar>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interact-bar-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.interact-bar-left .delete,.interact-bar-left .report{display:none;margin-left:10px;cursor:pointer}.interact-bar-left .area{margin-left:8px}.interact-bar-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;color:#222}.interact-bar-right .like,.interact-bar-right .reply{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interact-bar-right .icon{background-repeat:no-repeat;background-size:cover;background-position:50%}.interact-bar-right .reply{cursor:pointer}.interact-bar-right .reply-icon{background-image:url("")}.interact-bar-right .like{cursor:pointer;margin-left:16px}.interact-bar-right .like-icon{background-image:url("")}.interact-bar-right .like.liked{color:#f33}.interact-bar-right .like.liked .like-icon{background-image:url("")}.interact-bar-right .icon{width:20px;height:20px;margin-right:3px}.interact-bar .custom-dialog{position:absolute;left:0;top:56px;z-index:1}.xcp-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-top:28px;font-size:14px;color:#222}.xcp-item .left{width:64px}.is-second .xcp-item .left{width:55px}.xcp-item .right{-webkit-box-flex:1;-ms-flex:1;flex:1;width:1%}.is-second .xcp-item{padding-top:28px}.xcp-list *{-webkit-box-sizing:content-box;box-sizing:content-box}.xcp-list-title{font-family:PingFangSC-Semibold;font-size:18px;line-height:1;color:#000}.xcp-list-loader{margin-top:64px;height:42px;font:14px PingFangSC-Regular;text-align:center;line-height:42px;color:#626675;background:#f5f5f6;border-radius:6px;cursor:pointer}.xcp-list-loader.no-more{cursor:default;background:transparent}.xcp-list-loader.is-second{margin-top:30px;padding-left:55px;height:auto;text-align:left;font:13px/1 PingFangSC-Semibold;font-size:13px;color:#222;background:transparent}.xcp-list-loader.is-second .icon{display:inline-block;width:17px;height:13px;background-repeat:no-repeat;background-size:cover;vertical-align:middle}.xcp-list-loader.is-second .icon-up{background-image:url("")}.xcp-list-loader.is-second .icon-down{background-image:url("")}.xcp-publish{padding-bottom:20px}.xcp-publish-title{font-family:PingFangSC-Semibold;font-size:18px;line-height:1;color:#000}.xcp-publish-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-top:20px}.xcp-publish-main .left{padding-top:23px;width:64px}.xcp-publish-main .right{-webkit-box-flex:1;-ms-flex:1;flex:1}.xcp-publish-main-newstyle{padding-top:22px}.xcp-publish-main-newstyle .left{padding-top:0}.xcp-publish-newstyle{padding-bottom:5px}