.message-frame[data-v-3328325a]{display:-webkit-box;display:-ms-flexbox;display:flex}.message-frame .menu[data-v-3328325a]{width:186px;background-color:#f9f9f9;padding:25px}.message-frame .menu .title[data-v-3328325a]{font-size:16px;color:#1f1f40;border-bottom:1px solid #dcdcdc;padding:10px 0;text-align:center}.message-frame .menu .title>span[data-v-3328325a]{margin-left:8px}.message-frame .menu .menu-list[data-v-3328325a]{padding:12px 0}.message-frame .menu .menu-btn[data-v-3328325a]{padding:12px 0;text-align:center;cursor:pointer}.message-frame .menu .menu-btn.actived>span[data-v-3328325a],.message-frame .menu .menu-btn:hover>span[data-v-3328325a]{color:#3b86ff;font-weight:700}.message-frame .menu .menu-btn.actived>span[data-v-3328325a]:after,.message-frame .menu .menu-btn:hover>span[data-v-3328325a]:after{background-color:#3b86ff}.message-frame .menu .menu-btn>span[data-v-3328325a]{color:#676767;font-size:16px;position:relative}.message-frame .menu .menu-btn>span[data-v-3328325a]:after{content:"";width:8px;height:8px;border-radius:50%;background-color:#676767;position:absolute;left:-20px;top:4px}.message-frame .body[data-v-3328325a]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:26px}