.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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-bd-logo.png) 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(https://b.bdstatic.com/searchbox/image/gcp/20241202/2732319453.png)
}
.x-avatar .vip-2{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-vip-2.png)
}
.x-avatar .vip-3{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-vip-3.png)
}
.x-avatar .vip-4{
    background-image:url(https://b.bdstatic.com/searchbox/image/gcp/20241202/466187176.png)
}
.x-avatar .vip-10{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-vip-10.png)
}
.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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-hot-level-1.png)
}
.x-interact-rich-text .type-label-2{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-hot-level-2.png)
}
.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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-bd-logo.png) 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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-emoj-btn2.png)
}
.x-interact-publish .emoj:hover{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-emoj-btn-active2.png)
}
.x-interact-publish .img-upload{
    margin-left:30px;
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-img-btn3.png)
}
.x-interact-publish .img-upload:hover{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-img-btn-active3.png)
}
.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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-radio-selected.png);
    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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xib-emoj-btn2.png)
}
.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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-reply.png)
}
.interact-bar-right .like{
    cursor:pointer;
    margin-left:16px
}
.interact-bar-right .like-icon{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-like.png)
}
.interact-bar-right .like.liked{
    color:#f33
}
.interact-bar-right .like.liked .like-icon{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-liked.png)
}
.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(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-arrow-up.png)
}
.xcp-list-loader.is-second .icon-down{
    background-image:url(https://b.bdstatic.com/searchbox/icms/searchbox/img/xcp-arrow-down.png)
}
.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
}