/*! Micro front-end */.base-notice{display:flex;height:100%;width:100%}.base-notice,.base-notice-l{background:#fff;overflow:hidden auto}.base-notice-l{border-radius:4px;box-sizing:border-box;min-width:295px;padding:12px 0;width:295px}.base-notice-l-item{cursor:pointer;height:110px;justify-content:space-between;overflow:hidden;padding:16px 0 16px 24px;position:relative;transition:all .3s ease-out}.base-notice-l-item,.base-notice-l-item-w{display:flex;flex-direction:column;width:100%}.base-notice-l-item-w{border-bottom:1px solid #dee0e3;box-sizing:border-box;height:94px;justify-content:space-around;padding:0 24px 12px 0}.base-notice-l-item-w p{margin:0}.base-notice-l-item-w-t{color:#1f2329;font-size:16px;font-weight:500;line-height:24px;min-height:24px;overflow-x:hidden}.base-notice-l-item-w-c,.base-notice-l-item-w-t{text-overflow:ellipsis;white-space:nowrap;width:100%}.base-notice-l-item-w-c{color:#8f959e;font-size:14px;font-weight:400;height:-moz-fit-content;height:fit-content;line-height:22px;margin-bottom:12px!important;margin-top:4px!important;min-height:22px;overflow:hidden}.base-notice-l-item-w-b{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.base-notice-l-item-w-b span{color:#8f959e;font-size:12px;line-height:20px}.base-notice-l-item-w-b div.TannaDisplay--container{display:inline-flex}.base-notice-l-item-w-b div.TannaDisplay--container .TannaDisplay--avatar{max-width:128px;overflow:hidden}.base-notice-l-item:before{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.base-notice-l-item:hover{background-color:#eff0f1}.base-notice-l div.item-unread:after{background-color:#f54a45;border-radius:50%;content:"";height:8px;left:8px;position:absolute;top:16px;width:8px}.base-notice-l div.item-selected{background-color:#f8f9fa}.base-notice-l div.item-selected:before{background-color:#2257ff}.base-notice-content{background-color:#fff;border-left:1px solid #e4e6eb;flex:1 1;height:-moz-fit-content;height:fit-content;min-height:100%;width:1px;word-break:break-word}.base-notice-content-d{padding:22px;padding-top:18px;width:100%}.base-notice-content-d h3{font-size:20px;line-height:28px;margin-bottom:18px;padding-left:12px;position:relative}.base-notice-content-d h3:before{background-color:#2257ff;content:"";height:16px;left:0;position:absolute;top:calc(50% - 8px);width:4px}.base-notice-content-d-s{margin-bottom:8px;width:100%}.base-notice-content-d-info{margin-top:24px}.base-notice-content-d-info img{max-width:100%}