#messageList{min-height:calc(100vh - 9.175rem)}#messageList .list-box{width:38.25rem;margin:1.25rem auto;display:flex;justify-content:space-between;position:relative}#messageList .list-box .left-box{width:11.25rem;height:23.025rem;overflow:auto;background:#fff;box-shadow:0 2px .5rem 0 rgba(0,0,0,.1)}#messageList .list-box .left-box .top-box{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap}#messageList .list-box .left-box .top-box .img-box img{width:1.275rem;height:1.275rem;margin-right:.45rem}#messageList .list-box .left-box .top-box p{font-size:.5rem;font-weight:500;color:#374353}#messageList .list-box .left-box .top-box .top-item{padding:.8rem .95rem;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}#messageList .list-box .left-box .top-box .top-item .img-box{width:1.275rem;height:1.275rem;position:relative}#messageList .list-box .left-box .top-box .top-item .img-box img{width:1.275rem;height:1.275rem}#messageList .list-box .left-box .top-box .top-item .img-box .msg-num{background:#f15a3f;border-radius:12px;border:2px solid #fff;padding:0 8px;position:absolute;right:-.325rem;top:-2px;font-size:11px;font-weight:400;color:#fff}#messageList .list-box .left-box .top-box .top-item .title{font-size:.5rem;font-weight:500;color:#374353;padding-left:.45rem}#messageList .list-box .left-box .system-msg{padding:.8rem .95rem;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}#messageList .list-box .left-box .system-msg .system-msg-left{width:1.275rem;height:1.275rem;border-radius:50%;position:relative;margin-right:.5rem}#messageList .list-box .left-box .system-msg .system-msg-left img{width:100%;height:100%;border-radius:50%}#messageList .list-box .left-box .system-msg .system-msg-left .red-dot{width:12px;height:12px;background:#f15a3f;border:3px solid #fff;border-radius:50%;position:absolute;top:1px;right:1px}#messageList .list-box .left-box .system-msg .system-msg-right{flex:1}#messageList .list-box .left-box .system-msg .system-msg-right .top-title{display:flex;justify-content:space-between;align-items:center}#messageList .list-box .left-box .system-msg .system-msg-right .top-title p:first-of-type{font-size:.5rem;font-weight:500;color:#374353}#messageList .list-box .left-box .system-msg .system-msg-right .top-title p:nth-of-type(2){font-size:.35rem;font-weight:400;color:#9ea2ac}#messageList .list-box .left-box .system-msg .system-msg-right .bottom-content{display:flex;justify-content:space-between;align-items:center}#messageList .list-box .left-box .system-msg .system-msg-right .bottom-content p{width:6.4rem;font-size:.4rem;font-weight:400;color:#9ea2ac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#messageList .list-box .left-box .system-msg .system-msg-right .bottom-content .msg-num{background:#f15a3f;border-radius:.325rem;padding:1px 10px;font-size:.35rem;font-weight:400;color:#fff;padding-top:3px}#messageList .list-box .right-box{width:26.6rem;height:23.025rem;background:#fff;box-shadow:0 2px .5rem 0 rgba(0,0,0,.1);overflow:auto}#messageList .list-box .right-box .right-msg01 .right-msg01-item{padding:0 2.5rem}#messageList .list-box .right-box .right-msg01 .right-msg01-item:hover{background:rgba(242,246,248,.69)}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid hsla(0,0%,78.8%,.29)}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left{display:flex;justify-content:flex-start;align-items:center}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left .avator{width:61px;height:61px;border-radius:50%}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left .content{margin-left:.4rem}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left .content .content-username{font-size:.5rem;font-weight:700;color:#374353;text-align:left}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left .content .content-main{display:flex;justify-content:flex-start;align-items:center;text-align:left;font-size:.4rem;font-weight:400;color:#9ea2ac;padding-top:5px}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left .content .content-main p:first-child{display:inline-block;max-width:13.5rem;padding-right:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .right-msg01-left .content .content-main p:first-child .bold-title{font-size:.4rem;font-weight:500;color:#374353}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .cover{width:1.525rem;height:1.525rem;border-radius:8px;background-color:#efefef}#messageList .list-box .right-box .right-msg01 .right-msg01-item .right-msg01-item-content .cover img{width:100%;height:100%;cursor:pointer}#messageList .list-box .right-box .right-msg02{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;padding:.5rem 1rem}#messageList .list-box .right-box .right-msg02 .msg-box{width:100%;height:19.875rem;padding:0 .4rem;padding-bottom:.5rem;overflow:auto;display:flex;flex-direction:column}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-left{width:100%;text-align:left;float:left;margin-top:.75rem}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-left .text{display:inline-block;max-width:15rem;background:#e5e8f1;border-radius:10px;font-size:.45rem;font-weight:500;color:#374353;line-height:.675rem;padding:.5rem .75rem;position:relative}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-left .text:before{position:absolute;content:"";width:0;height:0;right:100%;top:.4rem;border-top:.2rem solid transparent;border-right:.4rem solid #e5e8f1;border-bottom:.2rem solid transparent}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-left .time{font-size:.4rem;font-weight:400;color:#9ea2ac;line-height:.6rem;padding-bottom:3px;padding-left:5px}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-right{width:100%;text-align:right;float:right;margin-top:.75rem}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-right .text{display:inline-block;max-width:15rem;background:#5d9ff8;border-radius:10px;font-size:.45rem;font-weight:500;color:#fff;line-height:.675rem;padding:.5rem .75rem;position:relative}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-right .text:before{display:none}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-right .text:after{position:absolute;content:"";width:0;height:0;left:100%;top:.4rem;border-top:.2rem solid transparent;border-left:.4rem solid #5d9ff8;border-bottom:.2rem solid transparent}#messageList .list-box .right-box .right-msg02 .msg-box .msg-item-content-right .time{font-size:.4rem;font-weight:400;color:#9ea2ac;line-height:.6rem;padding-bottom:3px;padding-left:5px}#messageList .list-box .right-box .right-msg02 .send-msg-box{width:100%;height:3.125rem;border-top:2px solid #e5e8f1;display:flex;justify-content:center;align-items:center}#messageList .list-box .right-box .right-msg02 .send-msg-box .avator{width:2rem;height:2rem;border:4px solid #fff;border-radius:50%;margin-right:.575rem}#messageList .list-box .right-box .right-msg02 .send-msg-box input{width:19.775rem;height:1.35rem;line-height:1.35rem;background:#fff;border-radius:6px;border:1px solid #dde0e7;margin-right:12px;padding:0 .5rem}#messageList .list-box .right-box .right-msg02 .send-msg-box input:focus{border:1px solid #dde0e7;outline:none}#messageList .list-box .right-box .right-msg02 .send-msg-box .send-btn{width:2.675rem;height:1.35rem;line-height:1.35rem;background:#9ea2ac;border-radius:6px;border:1px solid #dde0e7;font-size:.45rem;font-weight:500;color:#fff;cursor:pointer}#messageList .list-box .active-item{background:rgba(242,246,248,.69)}#messageList .list-box .feedback-icon{width:1.5rem;height:1.5rem;position:fixed;right:2.925rem;bottom:7.925rem;cursor:pointer}#messageList .feedback-pop-box .form-item{margin-top:.75rem}#messageList .feedback-pop-box .form-item .img-code-box{display:flex;justify-content:space-between;align-items:center}#messageList .feedback-pop-box .form-item .img-code-box .img-code-input{width:78%}#messageList .feedback-pop-box .form-item .img-code-box .code-box{width:2.75rem;height:40px}#messageList .feedback-pop-box .form-item .img-code-box .code-box img{width:100%;height:100%}#messageList .feedback-pop-box .form-item .form-item-title{font-size:.35rem;font-weight:400;color:#374353;text-align:left;padding-bottom:10px}#messageList .feedback-pop-box .form-item:first-child{margin-top:0}#messageList .feedback-pop-box .dialog-bottom{display:flex;justify-content:center;align-items:center;margin-top:1.25rem}#messageList .feedback-pop-box .dialog-bottom .send-btn{width:3.15rem;height:1.075rem;line-height:1.075rem;background:#e4bc75;border-radius:.55rem;font-size:.475rem;font-weight:500;color:#fff;cursor:pointer}#messageList .feedback-pop-box .dialog-bottom .cancel-btn{background-color:transparent;border:1px solid #d3d6dc;color:#80858e;margin-left:.875rem}#messageList .el-dialog__header{margin:0 20px;padding:20px 0 10px;border-bottom:1px solid #e5e8f1}