[data-v-5f5c39cc] .ivu-drawer .ivu-drawer-header{background-color:#f2f6fa}[data-v-5f5c39cc] .ivu-drawer .ivu-drawer-header .ivu-drawer-header-inner{font-size:16px;color:#328ebd}[data-v-5f5c39cc] .ivu-drawer .ivu-drawer-header .message-header .readbox{border-radius:4px;border:1px solid #dcdee2;padding:8px;background-color:#fff}[data-v-5f5c39cc] .ivu-drawer .ivu-drawer-header .message-header .active{color:#fff;background-color:#328ebd;border:1px solid #328ebd}[data-v-5f5c39cc] .ivu-drawer .ivu-drawer-close{top:3px}[data-v-5f5c39cc] .ivu-drawer .ivu-drawer-close .ivu-icon{font-size:36px;font-weight:600;color:#328ebd}[data-v-5f5c39cc] .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}[data-v-5f5c39cc] .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}[data-v-5f5c39cc] .ivu-drawer .nav .nav-item-active,[data-v-5f5c39cc] .ivu-drawer .nav .nav-item:hover{border:1px solid #328ebd;color:#328ebd}[data-v-5f5c39cc] .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}[data-v-5f5c39cc] .ivu-drawer .message-box{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:20px 0;padding-right:10px;overflow-y:auto}[data-v-5f5c39cc] .ivu-drawer .message-box .message-item{min-height:80px;padding:15px 20px;background-color:#f2f6fa}[data-v-5f5c39cc] .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}[data-v-5f5c39cc] .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)}[data-v-5f5c39cc] .ivu-drawer .message-box .message-item.is--read .time:before{background-color:var(--green)}[data-v-5f5c39cc] .ivu-drawer .message-box .message-item .delete-icon{display:none;margin-left:4px;color:var(--red)}[data-v-5f5c39cc] .ivu-drawer .message-box .message-item:hover .delete-icon{display:inline}[data-v-5f5c39cc] .ivu-drawer .message-box .box-bottom{position:relative;height:21px;text-align:center}[data-v-5f5c39cc] .ivu-drawer .message-box .box-bottom .spin-icon-load{-webkit-animation:ani-demo-spin-5f5c39cc 1s linear infinite;animation:ani-demo-spin-5f5c39cc 1s linear infinite}[data-v-5f5c39cc] .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-5f5c39cc{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-5f5c39cc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.message-badge[data-v-5f5c39cc],.public-message[data-v-5f5c39cc]{height:1.1979vw;width:1.5625vw}.message-badge[data-v-5f5c39cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-badge .ivu-icon[data-v-5f5c39cc]:hover{color:#328ebd}