/deep/ .ivu-drawer .ivu-drawer-header{background-color:#f2f6fa}/deep/ .ivu-drawer .ivu-drawer-header .ivu-drawer-header-inner{font-size:16px;color:#328ebd}/deep/ .ivu-drawer .ivu-drawer-header .message-header .readbox{border-radius:4px;border:1px solid #dcdee2;padding:8px;background-color:#fff}/deep/ .ivu-drawer .ivu-drawer-header .message-header .active{color:#fff;background-color:#328ebd;border:1px solid #328ebd}/deep/ .ivu-drawer .ivu-drawer-close{top:3px}/deep/ .ivu-drawer .ivu-drawer-close .ivu-icon{font-size:36px;font-weight:600;color:#328ebd}/deep/ .ivu-drawer .nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}/deep/ .ivu-drawer .nav .nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border:1px solid #dcdee2;border-radius:15px;padding:4px 5px;cursor:pointer}/deep/ .ivu-drawer .nav .nav-item-active,/deep/ .ivu-drawer .nav .nav-item:hover{border:1px solid #328ebd;color:#328ebd}/deep/ .ivu-drawer .content-box{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}/deep/ .ivu-drawer .message-box{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:20px 0;padding-right:10px;overflow-y:auto}/deep/ .ivu-drawer .message-box .message-item{min-height:80px;padding:15px 20px;background-color:#f2f6fa}/deep/ .ivu-drawer .message-box .message-item .time{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}/deep/ .ivu-drawer .message-box .message-item .time:before{display:inline-block;margin-right:5px;content:"";width:6px;height:6px;border-radius:50%;background-color:var(--red)}/deep/ .ivu-drawer .message-box .message-item.is--read .time:before{background-color:var(--green)}/deep/ .ivu-drawer .message-box .message-item .delete-icon{display:none;margin-left:4px;color:var(--red)}/deep/ .ivu-drawer .message-box .message-item:hover .delete-icon{display:inline}/deep/ .ivu-drawer .message-box .box-bottom{position:relative;height:21px;text-align:center}/deep/ .ivu-drawer .message-box .box-bottom .spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}/deep/ .ivu-drawer .message-box .box-bottom .ivu-spin-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}