:root{--blue:#00b0ff}.page-fans-msg .text{font-size:14px}.page-fans-msg .item{margin-bottom:5px}.page-fans-msg .clearfix:after,.page-fans-msg .clearfix:before{display:table;content:""}.page-fans-msg .clearfix:after{clear:both}.page-fans-msg .box-card{height:100%}.page-fans-msg .item{font-size:13px;line-height:24px;width:100%}.page-fans-msg .item .active,.page-fans-msg .item p:hover{background-color:#f3f3f3}.page-fans-msg .el-main{padding:0 10px;width:100%}.page-fans-msg .tip{color:#999;font-size:12px}.page-fans-msg .red{color:#f56c6c;font-size:12px}.page-fans-msg .el-card__body{height:95%;overflow-x:hidden}.page-fans-msg .bubble.you{float:left;color:var(--white);background-color:var(--blue);-ms-flex-item-align:start;align-self:flex-start;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft;max-width:500px;word-wrap:break-word}.page-fans-msg .bubble{font-size:16px;position:relative;display:inline-block;clear:both;margin-bottom:8px;padding:13px 14px;vertical-align:top;border-radius:5px;line-height:16px}.page-fans-msg .bubble.me{float:right;color:var(--dark);background-color:#eceff1;-ms-flex-item-align:end;align-self:flex-end;-webkit-animation-name:slideFromRight;animation-name:slideFromRight;line-height:16px;max-width:500px;word-wrap:break-word}.page-fans-msg .bubble.you:before{left:-3px;background-color:var(--blue)}.page-fans-msg .bubble.me:before{right:-3px;background-color:#eceff1}.page-fans-msg .chat{position:relative;padding:0 35px 0;border-width:1px 1px 1px 0;border-color:var(--light);height:calc(100% - 48px);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-fans-msg .bubble:before{position:absolute;top:19px;display:block;width:8px;height:6px;content:" ";-webkit-transform:rotate(29deg) skew(-35deg);transform:rotate(29deg) skew(-35deg)}.page-fans-msg .item .nickname{line-height:18px;font-size:14px;line-height:35px;position:absolute}.page-fans-msg .item .msg,.page-fans-msg .item .nickname{color:#999;padding-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-fans-msg .item .msg{line-height:18px;font-size:12px}