| 1 |
- .infoWrap{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:calc(100vh - 266px);overflow:auto}.infoWrap,.infoWrap .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.infoWrap .left{padding-top:24px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:left;-ms-flex-align:left;align-items:left}.infoWrap .left>div{height:26px;line-height:26px;margin-top:26px}.infoWrap .left>div img{position:relative;top:6px}.infoWrap .left .unread{position:relative}.infoWrap .left .unread img{width:26px;height:25px}.infoWrap .left .unread .count{position:absolute;width:38px;height:23px;background:rgba(20,146,138,.5);border-radius:100px;font-size:12px;line-height:23px;text-align:center;color:#225551;right:-44px;top:8px}.infoWrap .left .read img{width:20px;height:26px}.infoWrap .left .recovery img{width:19px;height:26px}.infoWrap .middle{width:390px;margin-left:76px;padding-top:50px;overflow:auto}.infoWrap .middle .msgItem{padding:16px 18px 23px 30px}.infoWrap .middle .msgItem .type{font-size:14px;color:#777;font-weight:400;padding-bottom:4px}.infoWrap .middle .msgItem .name{position:relative;color:#444;font-size:16px;padding-bottom:9px;clear:both}.infoWrap .middle .msgItem .name .time{font-weight:400;color:#aaa;float:right}.infoWrap .middle .msgItem .name .dot{width:7px;height:7px;background-color:#f97215;border-radius:50%;position:absolute;left:-13px;top:4px}.infoWrap .middle .msgItem .msg{color:#444;font-size:14px;line-height:24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.infoWrap .middle .msgItem.active{background-color:#f3f4f8;border-radius:5px}.infoWrap .middle .msgItem.active .msg{color:#aaa}.infoWrap .right{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #e4e8eb;margin-left:25px;position:relative;overflow:auto}.infoWrap .right,.infoWrap .right .rightWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.infoWrap .right .rightWrap{padding:18px 24px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:570px;-webkit-box-sizing:border-box;box-sizing:border-box}.infoWrap .right .rightWrap .header{width:30px;height:30px;position:relative;top:7px;border-radius:50%;margin-right:12px}.infoWrap .right .rightWrap .info{position:relative}.infoWrap .right .rightWrap .info h2{color:#212223;font-size:16px;margin-bottom:0}.infoWrap .right .rightWrap .info h2 span{font-size:12px;color:#444}.infoWrap .right .rightWrap .info .subMsg{position:relative;font-size:12px;color:#444;margin-bottom:12px}.infoWrap .right .rightWrap .info .subMsg .san{float:left;position:absolute;top:0;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent #909191 transparent transparent;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin:0 8px}.infoWrap .right .rightWrap .info .textWrap{width:316px;line-height:21px;font-size:14px;color:#212223;margin:12px 0 34px}.infoWrap .right .rightWrap .info .dot{width:20px;height:20px}.infoWrap .right .rightWrap .info .timeMsg{position:relative;top:5px;margin-left:20px}.infoWrap .right .rightWrap .info .timeMsg .name{font-size:#444;font-size:16px;margin-bottom:3px;font-weight:600}.infoWrap .right .rightWrap .info .timeMsg .status{font-size:14px;color:#62a070}.infoWrap .right .rightWrap .info .timeMsg .status.waring{color:#f97215}.infoWrap .right .rightWrap .info .timeMsg .status.end{color:#aaa}.infoWrap .right .infoFoot{min-height:60px;height:60px;line-height:60px;border-top:1px solid #e4e8eb;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.infoWrap .right .infoFoot .noBtn{color:#444;border-radius:3px;border:1px solid #e4e8eb;margin-left:70px}.infoWrap .right .infoFoot .noBtn,.infoWrap .right .infoFoot .yesBtn{cursor:pointer;width:100px;height:32px;line-height:32px;text-align:center}.infoWrap .right .infoFoot .yesBtn{margin-left:15px;background:#f97215;border-radius:3px;color:#fff}.el-timeline-item__dot{width:20px;height:20px}.el-timeline-item{min-height:80px!important}.el-timeline-item__tail{left:9px!important}
|
