.message{flex:1;padding:24px;background:#f0f1f5}.message .messageCen{height:100%;background:#fff;box-shadow:0 -2px 20px 0 rgba(0,0,0,.11);font-size:14px;display:flex;flex-direction:column}.message .messageT{font-size:20px;font-weight:500;color:rgba(0,0,0,.85);line-height:28px;padding-top:31px;padding-left:40px;position:relative}.message .messageTRight{position:absolute;right:90px;bottom:0}.message .messageTRight>span{font-size:14px;color:rgba(0,0,0,.65);margin-right:5px}.message .messageDiv{flex:1;display:flex;flex-direction:column}.message .messageDiv .messageTop{padding-top:36px;position:relative}.message .messageDiv .messageTop .el-tabs__header{margin:0}.message .messageDiv .messageTop .el-tabs__nav-wrap.is-top{padding-left:40px}.message .messageDiv .messageTop .el-tabs__nav-wrap.is-top .el-tabs__item{font-size:14px;padding:0 28px}.message .messageDiv .messageTop .el-tabs__nav-wrap.is-top .el-tabs__item.is-top:nth-child(2){padding-left:0}.message .messageDiv .messageTop .el-tabs__nav-wrap.is-top .el-tabs__item.is-top:last-child{padding-right:0}.message .messageDiv .messageTop .el-tabs__nav-wrap.is-top:after{height:1px;background-color:#e9e9e9}.message .messageDiv .messageTop .readBtn{position:absolute;right:90px;bottom:4px;font-size:14px;color:rgba(0,0,0,.65)}.message .messageDiv .messageBottom{display:flex;flex:1;position:relative}.message .messageDiv .messageBottom .messageBottomLeft{flex:0 0 175px;border-right:1px solid hsla(0,0%,59.2%,.21);padding:12px 0;max-height:100%;position:relative;overflow-y:auto;min-height:380px}.message .messageDiv .messageBottom .messageBottomLeft>div{position:absolute}.message .messageDiv .messageBottom .messageBottomLeft .messageLeftList{height:36px;margin:6px 0;padding-left:43px;font-weight:400;color:rgba(0,0,0,.65);line-height:36px;cursor:pointer}.message .messageDiv .messageBottom .messageBottomLeft .messageLeftList.this{background:rgba(24,144,255,.05);box-shadow:inset 2px 0 0 0 #0091ff;color:#1890ff}.message .messageDiv .messageBottom .messageBottomList{margin:14px 40px 60px 30px;flex:1;position:relative}.message .messageDiv .messageBottom .messageBottomList .messageBottomListDiv{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto}.message .messageDiv .messageBottom .messageBottomList .tableLists{display:flex;flex-direction:row;align-items:center;padding:16px 0;border-bottom:1px solid #e9e9e9}.message .messageDiv .messageBottom .messageBottomList .tableLists:hover{background:#fafafa}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsImg{width:48px;height:48px;margin-left:4px;margin-right:24px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsCen{flex:1}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsCen .tableListsCenT{font-size:14px;font-weight:500;color:rgba(0,0,0,.65);line-height:22px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsCen .tableListsCenT.title{font-weight:700;font-size:16px;color:#303133;margin:0;margin-bottom:20px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsCen .tableListsCenB{font-size:14px;font-weight:400;color:rgba(0,0,0,.45);line-height:22px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsTime{margin-left:20px;flex:0 0 150px;font-size:14px;color:rgba(0,0,0,.45);line-height:22px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState{flex:0 0 140px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates{font-size:14px;font-weight:400;line-height:22px;position:relative;padding-left:21px;margin-left:40px;cursor:auto}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates:after{content:"";position:absolute;width:8px;height:8px;left:8px;top:50%;transform:translateY(-50%);border-radius:50%}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates:hover .ydClick{display:flex}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates .ydClick{flex-direction:column;position:absolute;top:28px;left:50px;transform:translateX(-69%);width:80px;background:rgba(0,0,0,.75);box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:22px;display:none;align-content:center;justify-content:center;align-items:center;padding:8px 0;z-index:99}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates .ydClick:after{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border:6px solid transparent;border-bottom-color:rgba(0,0,0,.75)}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates .ydClick:before{content:"";width:100%;position:absolute;left:0;top:-30px;height:30px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates .ydClick span{cursor:pointer}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates .ydClick span:not(:last-child){margin-bottom:4px}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsStates .ydClick span:hover{color:#fff}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsState1{color:rgba(0,0,0,.36)}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsState1:after{background:#d8d8d8}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsState0{color:#ef4040}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsState0>i{color:#a4a4a4}.message .messageDiv .messageBottom .messageBottomList .tableLists .tableListsState .tableListsState0:after{background:#ff2234}