.emotion-change[data-v-4217d0be],.emotion-entry[data-v-4217d0be]{position:relative}.emotion-change[data-v-4217d0be]:after{background:#f6f7f9;content:"";height:calc(100% + 20px);position:absolute;right:0;top:-20px;width:1px}.emotion-change li[data-v-4217d0be]{align-items:center;border-radius:7.5px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:16px;margin-right:20px;width:40px}.emotion-change li img[data-v-4217d0be]{height:30px;width:30px}.emotion-change li[data-v-4217d0be]:first-child{position:relative}.emotion-change li[data-v-4217d0be]:first-child:before{background:#f0f0f0;bottom:-8px;content:"";height:1px;left:14px;position:absolute;width:12px}.emotion-change .active[data-v-4217d0be]{background:#f9f9fa}.emotion-list[data-v-4217d0be]{height:220px;overflow-y:scroll;padding-left:20px}.emotion-list[data-v-4217d0be]::-webkit-scrollbar{height:20px;width:6px}.emotion-list[data-v-4217d0be]::-webkit-scrollbar-thumb{background:#f0f0f0;border-radius:20px}.comment-emotion[data-v-4217d0be]{background:#fff;border-radius:10px;bottom:47px;box-shadow:0 20px 100px #0000000d;display:flex;height:auto;padding:20px 10px 0 20px;position:absolute;width:800px;z-index:99}.comment-emotion[data-v-4217d0be],.comment-emotion[data-v-4217d0be] *{box-sizing:border-box}.comment-emotion h5[data-v-4217d0be]{color:#212429;font-size:15px;font-weight:500;line-height:22px;margin-bottom:8px}.comment-emotion ul[data-v-4217d0be]{display:grid;grid-gap:13px 10px;grid-template-columns:repeat(13,1fr);height:40px;margin-bottom:8px;margin-right:10px}.comment-emotion ul[data-v-4217d0be]:last-child{height:auto;margin-bottom:20px}.comment-emotion ul li[data-v-4217d0be]{cursor:pointer;position:relative;text-align:center}.comment-emotion ul li img[data-v-4217d0be]{height:40px;max-width:40px;-o-object-fit:cover;object-fit:cover;width:40px}.comment-emotion ul li span[data-v-4217d0be]{color:#8c8e90;display:block;font-size:12px;white-space:nowrap}body{background:#f9f9fa}footer{display:none}.private-message{margin:40px auto 0;width:1180px}.pm-panel{display:grid;grid-template-columns:360px 800px;grid-template-rows:calc(100vh - 150px);grid-gap:20px 20px;margin-bottom:0}.pm-panel>div{background:#fff}.pm-panel>div h2{border-bottom:1px solid #f6f6f7;font-size:16px;line-height:25px;padding:25px 30px}.pm-panel .avatar{height:48px;width:48px}.pm-panel .msg-dailog>ul,.pm-panel .msg-list>ul{overflow-y:auto;position:relative}.pm-panel .msg-dailog>ul::-webkit-scrollbar,.pm-panel .msg-list>ul::-webkit-scrollbar{width:8px}.pm-panel .msg-dailog>ul::-webkit-scrollbar-thumb,.pm-panel .msg-list>ul::-webkit-scrollbar-thumb{background:#e6e6e6}.pm-panel .msg-list ul{flex:auto;padding:15px 0}.pm-panel .msg-list li{align-items:center;cursor:pointer;display:flex;padding:16px 30px;position:relative}.pm-panel .msg-list li.active,.pm-panel .msg-list li:hover{background:#f6f6f7}.pm-panel .msg-list li .user-avatar{margin-right:16px}.pm-panel .msg-list li>div{flex-grow:1}.pm-panel .msg-list li>i{background:url(../image/remove_chat@2x.png) 50%/contain no-repeat;display:none;height:20px;left:5px;position:absolute;width:20px}.pm-panel .msg-list li:hover>i{display:block}.pm-panel .msg-list li strong{display:flex;margin-bottom:2px}.pm-panel .msg-list li strong span{color:#000;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:155px!important;width:100%}.pm-panel .msg-list li p{display:flex}.pm-panel .msg-list li p i{align-self:center;background:url(../image/msg_error@2x.png) 50%/contain no-repeat;height:13px;margin-right:5px;width:13px}.pm-panel .msg-list li p em{background-color:#f53;border-radius:10px;box-sizing:content-box;color:#fff;display:inline-block;font-family:Manrope;font-size:12px;font-weight:800;height:20px;line-height:20px;margin-left:5px;min-width:10px;padding:0 5px;text-align:center}.pm-panel .msg-list li span{color:#8c8e90;display:block;font-size:13px;line-height:18px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pm-panel .msg-list li span .smiley{height:22px;vertical-align:middle;width:22px}.pm-panel .msg-list li em{align-self:flex-start;color:#8c8e90;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-left:auto}.pm-panel .msg-dailog h2{display:flex;justify-content:center;position:relative}.pm-panel .msg-dailog h2 div{position:absolute;right:30px}.pm-panel .msg-dailog h2 em{background:url(../image/more_black@2x.png) 50%/24px no-repeat;display:block;height:24px;width:24px}.pm-panel .msg-dailog h2 .dropdown{display:block;width:150px;z-index:1}.pm-panel .msg-dailog h2 .dropdown li{color:#616367;font-size:14px;font-weight:400;line-height:20px;padding-left:25px;text-align:left}.pm-panel .msg-dailog h2 .dropdown li a{color:inherit}.pm-panel .msg-dailog>ul{flex:auto;padding:40px 40px 0}.pm-panel .msg-dailog>ul>li{margin-bottom:24px}.pm-panel .msg-dailog>ul>li>span{color:#8c8e90;display:block;font-size:14px;line-height:20px;margin-bottom:24px;text-align:center}.pm-panel .msg-dailog>ul>li>div+span{margin-bottom:0;margin-top:24px}.pm-panel .msg-dailog>ul>li>div{display:flex}.pm-panel .msg-dailog>ul>li .avatar{cursor:pointer;margin-right:16px}.pm-panel .msg-dailog>ul>li p{background:#f6f6f7;border-radius:6px;font-size:15px;line-height:22px;max-width:440px;padding:14px 18px;white-space:pre-wrap;word-break:break-all}.pm-panel .msg-dailog>ul>li p .smiley{height:25px;vertical-align:middle;width:25px}.pm-panel .msg-dailog>ul>li i{align-self:center;background:url(../image/msg_error@2x.png) 50%/contain no-repeat;height:22px;margin-right:16px;width:22px}.pm-panel .msg-dailog>ul>li .img{border-radius:6px;max-height:300px;max-width:240px}.pm-panel .msg-dailog>ul>li .idle-msg{background:#f9f9fa;display:block;width:300px}.pm-panel .msg-dailog>ul>li .idle-msg .cover{border-radius:4px;height:50px;margin-right:12px;width:50px}.pm-panel .msg-dailog>ul>li .idle-msg>div{align-items:center;border-bottom:1px solid #efefef;display:flex;padding:16px 16px 12px}.pm-panel .msg-dailog>ul>li .idle-msg>div+div{border-bottom:none;color:#8c8e90;font-size:12px;line-height:17px;padding-bottom:10px;padding-top:10px}.pm-panel .msg-dailog>ul>li .idle-msg span{color:#616367;display:block;font-size:14px;line-height:18px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;width:205px}.pm-panel .msg-dailog>ul>li .idle-msg em{color:#f53;display:block;font-family:Manrope;font-size:14px;font-style:normal;font-weight:800;line-height:18px}.pm-panel .msg-dailog>ul>li.msg-mine>div{flex-direction:row-reverse}.pm-panel .msg-dailog>ul>li.msg-mine .avatar{cursor:auto;margin-left:16px;margin-right:0}.pm-panel .msg-dailog>ul>li.msg-mine p{background:#ffe14d}.pm-panel .msg-dailog ul+div{padding:30px 40px}.pm-panel .msg-dailog ul+div .comment-stick{position:relative}.pm-panel .msg-dailog ul+div .comment-stick>li>label,.pm-panel .msg-dailog ul+div .comment-stick>li>span{color:#616367;cursor:pointer;font-size:14px;height:32px;padding-left:34px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pm-panel .msg-dailog ul+div .comment-stick>li:first-child{margin-right:20px}.pm-panel .msg-dailog ul+div .comment-stick>li:first-child>span{background:url(../image/phiz@2x.png) 0/32px no-repeat}.pm-panel .msg-dailog ul+div .comment-stick>li:last-child>label{background:url(../image/pt@2x.png) 0/32px no-repeat}.pm-panel .msg-dailog ul+div textarea{display:block;height:80px;margin-bottom:15px;width:100%}.pm-panel .msg-dailog ul+div .comment-stick+span{color:#d3d3d4;font-size:14px;line-height:20px;margin-left:auto;margin-right:8px}.pm-panel .msg-dailog .idle-info{align-items:center;background:#f9f9fa;border-radius:6px;display:flex;margin-top:-90px;padding:12px;position:absolute}.pm-panel .msg-dailog .idle-info .cover{border-radius:4px;height:50px;margin-right:12px;width:50px}.pm-panel .msg-dailog .idle-info span{color:#616367;display:block;font-size:14px;line-height:18px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;width:180px}.pm-panel .msg-dailog .idle-info em{color:#f53;display:block;font-family:Manrope;font-size:14px;font-style:normal;font-weight:800;line-height:18px}.pm-panel .msg-dailog .idle-info i{background:url(../image/remove_chat@2x.png) 50%/contain no-repeat;display:block;height:16px;position:absolute;right:8px;top:8px;width:16px}.pm-panel .msg-dailog .idle-info button{align-self:flex-end;margin-left:15px}.pm-panel .msg-dailog .msg-report{background:#000c;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-style:normal;line-height:17px;padding:7px 16px;position:absolute}.pm-panel .msg-dailog .msg-report:after{border-color:transparent rgba(0,0,0,.8) rgba(0,0,0,.8) transparent;border-radius:2px;border-style:solid;border-width:3px;content:"";display:block;left:25px;margin-top:4px;position:absolute;transform:rotate(45deg)}.none-content{background:url(../image/default@2x.png) center 130px/180px 140px no-repeat;padding-top:290px}.none-content h5,.none-content span{text-align:center}.none-content h5{font-size:16px;line-height:22px;margin-bottom:5px}.none-content span{color:#8c8e90;display:block;font-size:12px;line-height:17px}.pm-report-modal{background:#f9f9fa;height:100%;padding:30px}.pm-report-modal h2{font-size:24px;line-height:34px;margin-bottom:24px;text-align:center}.pm-report-modal ul{margin-bottom:20px}.pm-report-modal ul li{justify-content:center;width:100%}.pm-report-modal ul li+li{margin-top:12px}.pm-report-modal textarea{margin-bottom:20px;min-height:120px;width:100%}.pm-report-modal .submit-btn-big{width:100%}.pm-preview-modal{background:#000}.pm-preview-modal img{display:block;max-height:80vh;max-width:80vw}