.agentlist{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden;z-index:1000}.agentlist .back-btn{position:fixed;top:55px;right:5px;background-color:rgba(0,0,0,.5);border-radius:50%;padding:7px}.agentlist .back-btn .iconfont{color:#fff;font-size:20px}.agentlist .logo{margin:60px auto 0;background:url(data:image/png;base64,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) no-repeat 50%;width:126px;height:22px;background-size:cover}.agentlist .loading{position:fixed;top:45%;left:50%;transform:translateX(-50%);width:50px;height:50px;text-align:center}.agentlist .loading .loader{border-color:var(--color-text);border-bottom-color:transparent}.agentlist .loading .iconfont{display:inline-block;font-size:24px;color:var(--color-text);margin-top:13px}.agentlist .list{margin:20px 20px;height:calc(100vh - 120px);overflow-y:scroll}.agentlist .list .item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid hsla(0,0%,59.2%,.5)}.agentlist .list .item .avatar{width:80px}.agentlist .list .item .avatar img{width:70px;height:70px;border:1px solid #000;border-radius:50%}.agentlist .list .item .agent{width:180px}.agentlist .list .item .agent .name{font-size:14px;color:#000}.agentlist .list .item .agent .tips{margin-top:5px;font-size:10px;color:#858585}.agentlist .list .item .consult{text-align:center}.agentlist .list .item .consult .iconfont{margin-top:-5px;font-size:18px}.agentlist .list .item .consult span{display:block;margin-top:5px}.message-page{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden;z-index:1000}.message-page .back-btn{position:fixed;top:55px;right:5px;background-color:rgba(0,0,0,.5);border-radius:50%;padding:7px}.message-page .back-btn .iconfont{color:#fff;font-size:20px}.message-page .loading{position:fixed;top:45%;left:50%;transform:translateX(-50%);width:50px;height:50px;text-align:center}.message-page .loading .loader{border-color:var(--color-text);border-bottom-color:transparent}.message-page .loading .iconfont{display:inline-block;font-size:24px;color:var(--color-text);margin-top:13px}.message-page .agent-panel{margin:50px 15px 20px;display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid hsla(0,0%,59.2%,.5)}.message-page .agent-panel .avatar{width:50px;height:50px}.message-page .agent-panel .avatar img{width:100%}.message-page .agent-panel .agent{padding-left:10px}.message-page .agent-panel .agent .name{font-size:14px;color:#000}.message-page .agent-panel .agent .tips{margin-top:5px;font-size:10px;color:#858585}.message-page .msg-list{margin:25px;height:calc(100vh - 355px);overflow-y:scroll}.message-page .msg-list .item{margin-bottom:15px}.message-page .msg-list .item .question{font-size:14px;margin-bottom:5px}.message-page .msg-list .item .question span{display:inline-block;color:#fff;background:rgba(164,134,104,.5);border-radius:4px;padding:4px}.message-page .msg-list .item .answer{font-size:12px}.message-page .msg-list .item .answer span{float:left;font-size:14px;display:inline-block;color:#fff;background:#141f2a;border-radius:14px 14px 0 14px;padding:4px}.message-page .msg-list .item .answer .content{margin-left:26px}.message-page .msg-list .item .answer .content .time{color:#858585;line-height:2.2}.message-page .msg-list .item .answer .content .box{background:rgba(164,134,104,.1);padding:6px 6px 15px;border-radius:4px}.message-page .form{position:absolute;margin:15px;bottom:0;border-top:1px solid #979797;padding-top:10px;width:calc(100% - 30px)}.message-page .form .col{margin:0 5px 10px}.message-page .form .form-group{display:flex;align-items:center}.message-page .form .form-group label{width:40px;margin-left:10px}.message-page .form .form-group input{font-size:12px;width:115px;padding:4px 5px;border:1px solid #141f2a;border-radius:3px}.message-page .form textarea{width:100%;font-size:12px;padding:5px;background:rgba(164,134,104,.14);border-radius:3px;border:1px solid #141f2a}.message-page .form .text-center{text-align:center}.message-page .form .post-btn{display:inline-block;font-size:14px;color:#fff;padding:8px 30px;background:#a48668;border-radius:18px;margin:0 auto}.message-page .form .post-btn:active{background:#141f2a}