.content-wrapper[data-v-07acc5b2]{width:1309px;padding-top:60px;padding-bottom:80px}.content-box[data-v-07acc5b2]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:747px;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.02);box-shadow:0 2px 4px 0 rgba(0,0,0,.02);-webkit-box-shadow:0 4px 6px 0 rgba(143,149,178,.15);box-shadow:0 4px 6px 0 rgba(143,149,178,.15);border-radius:8px}.messageTitleOne[data-v-07acc5b2]{font-family:PingFangSC-Semibold;font-size:18px;color:rgba(8,23,53,.85);line-height:24px;font-weight:600;padding:38px 0 34px 36px}.siderbar[data-v-07acc5b2]{width:330px;background:#f6f5fc;border-radius:8px 0 0 8px;border-right:1px solid hsla(0,0%,59.2%,.39)}.main-content[data-v-07acc5b2]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff}.menu-item[data-v-07acc5b2]{padding:19px 36px 17px 36px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.menu-item .label-text[data-v-07acc5b2]{font-size:14px;line-height:24px;color:#081735}.menu-item:hover .label-text[data-v-07acc5b2]{color:#8271f7}.menu-item.active[data-v-07acc5b2]{background-color:#fff}.menu-item.active .label-text[data-v-07acc5b2]{color:#8271f7}.unread-count[data-v-07acc5b2]{background:#ff754c;width:18px;height:18px;color:#fff;border-radius:50px;font-size:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:11px}.filter-bar[data-v-07acc5b2]{padding-bottom:23px;padding-top:24px;border-bottom:1px solid #ccc}.filter-tabs[data-v-07acc5b2]{margin-left:30px}.filter-tab[data-v-07acc5b2]{position:relative;padding:15px 29px;margin-right:20px;border-radius:50px;color:#081735;cursor:pointer}.filter-tab .tab-text[data-v-07acc5b2]{font-size:14px}.filter-tab .tab-unread-count[data-v-07acc5b2]{position:absolute;top:6px;right:10px;background:#ff754c;width:18px;height:18px;color:#fff;border-radius:50px;font-size:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-tab.active[data-v-07acc5b2]{background-color:#f3f3ff}.filter-tab.active[data-v-07acc5b2],.filter-tab[data-v-07acc5b2]:hover{font-family:PingFangSC-Medium;font-size:14px;font-weight:500;color:#8271f7}.date-range[data-v-07acc5b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:35px}.date-range .closeInp[data-v-07acc5b2]{width:250px;padding-right:5px}.date-range .closeInp.is-active[data-v-07acc5b2]{border-color:#8271f7!important}.date-range .closeInp[data-v-07acc5b2] .el-range-input,.date-range .closeInp[data-v-07acc5b2] .el-range-separator{background:#f3f3ff;color:#8271f7!important;border-radius:4px}.date-range .closeInp[data-v-07acc5b2] .el-range__close-icon{background:#f3f3ff}.message-list[data-v-07acc5b2]{overflow-y:auto;height:550px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative}.message-item[data-v-07acc5b2]{position:relative;padding-top:36px;padding-bottom:34px}.message-item[data-v-07acc5b2]:after{left:27px;right:37px;height:2px;background-color:#ccc}.message-item[data-v-07acc5b2]:after,.message-item[data-v-07acc5b2]:last-child:after{position:absolute;bottom:0;content:"";-webkit-transform:scaleY(.5);transform:scaleY(.5)}.message-item[data-v-07acc5b2]:last-child:after{left:0;right:0;height:0}.message-item.unread[data-v-07acc5b2]{background:#ff0}.message[data-v-07acc5b2]{margin-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message .messageTitle[data-v-07acc5b2]{font-size:12px;margin-bottom:8px;color:#081735;opacity:.85;font-size:16px;font-weight:600}.message .messageTitle.has-read[data-v-07acc5b2]{opacity:.55}.message .messageTime[data-v-07acc5b2]{margin-right:35px;color:#8f95b2;font-size:14px}.message-content[data-v-07acc5b2]{margin-left:15px;margin-right:52px;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;color:#081735}.message-content.has-read[data-v-07acc5b2]{opacity:.55}.no-messages[data-v-07acc5b2]{text-align:center;position:absolute;top:34%;left:40%}.no-messages img.no-data[data-v-07acc5b2]{width:190px;height:120px}.no-messages .no-data-text[data-v-07acc5b2]{font-family:PingFangSC-Regular;font-size:12px;color:#8f95b2;letter-spacing:0;font-weight:400}.action-bar[data-v-07acc5b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:31px 0;border-top:1px solid #ccc}.action-buttons[data-v-07acc5b2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:34px}.action-buttons .btn[data-v-07acc5b2]{margin-left:16px}.checkStyle[data-v-07acc5b2]{line-height:32px;margin-right:16px}.checkStyle[data-v-07acc5b2] .el-checkbox__inner{border:1px solid #8f95b2;border-radius:4px}.message-checkBox[data-v-07acc5b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:35px}.message-checkBox[data-v-07acc5b2] .el-checkbox .el-checkbox__label{display:none}.action-pagination[data-v-07acc5b2]{margin-right:38px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.action-pagination[data-v-07acc5b2] .el-pagination__jump,.action-pagination[data-v-07acc5b2] .el-pagination__total{font-family:PingFangSC-Regular;font-size:16px;color:#8f95b2;letter-spacing:0;text-align:right;font-weight:400}.action-pagination[data-v-07acc5b2] .el-input.el-pagination__editor input,.action-pagination[data-v-07acc5b2] .el-pager li,.action-pagination[data-v-07acc5b2] .el-pagination__jump,.action-pagination[data-v-07acc5b2] .el-pagination__sizes,.action-pagination[data-v-07acc5b2] .el-pagination__total,.action-pagination[data-v-07acc5b2] .el-select .el-input .el-input__inner{height:36px!important;line-height:36px!important}.action-pagination[data-v-07acc5b2] .el-select .el-input .el-input__inner{background:#fff;border:1px solid #e6e8f0;border-radius:19px;padding:9px 5px 9px 0}.action-pagination[data-v-07acc5b2] .el-pager li:hover{color:#8271f7}.action-pagination[data-v-07acc5b2] .el-pager .number{font-family:PingFangSC-Regular;font-size:14px;letter-spacing:0;text-align:center;font-weight:400}.action-pagination[data-v-07acc5b2] .el-pager .number.active{background:#dfdafe;border-radius:19px;color:#8271f7;padding:0 27px}.action-pagination[data-v-07acc5b2] .el-pagination>button{min-width:32px;height:32px;background:#f0effa;border-radius:50%;margin-top:2px;color:#8f95b2}.action-pagination[data-v-07acc5b2] .el-pagination>button.btn-next,.action-pagination[data-v-07acc5b2] .el-pagination>button.btn-prev{padding:0}.action-pagination[data-v-07acc5b2] .el-pagination>button.btn-prev{margin-right:14px}.action-pagination[data-v-07acc5b2] .el-pagination>button.btn-next{margin-left:14px}.action-pagination[data-v-07acc5b2] .el-pagination>button:hover{color:#8271f7}.action-pagination[data-v-07acc5b2] .el-pagination__editor.el-input{width:60px;margin:0 12px}.action-pagination[data-v-07acc5b2] .el-input.el-pagination__editor input{background:#fff;border:1px solid #e6e8f0;border-radius:19px;padding:0 20px}