.ant-notification{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";position:fixed;z-index:1010;width:384px;max-width:calc(100vw - 32px);margin-right:24px}.ant-notification-bottomLeft,.ant-notification-topLeft{margin-right:0;margin-left:24px}.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.ant-notification-close-icon{font-size:14px;cursor:pointer}.ant-notification-notice{position:relative;margin-bottom:16px;padding:16px 24px;overflow:hidden;line-height:1.5;background:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ant-notification-notice-message{display:inline-block;margin-bottom:8px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.ant-notification-notice-message-single-line-auto-margin{display:block;width:calc(264px - 100%);max-width:4px;background-color:transparent;pointer-events:none}.ant-notification-notice-message-single-line-auto-margin:before{display:block;content:""}.ant-notification-notice-description{font-size:14px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{margin-bottom:4px;margin-left:48px;font-size:16px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:14px}.ant-notification-notice-icon{position:absolute;margin-left:4px;font-size:24px;line-height:24px}.anticon.ant-notification-notice-icon-success{color:#52c41a}.anticon.ant-notification-notice-icon-info{color:#1890ff}.anticon.ant-notification-notice-icon-warning{color:#faad14}.anticon.ant-notification-notice-icon-error{color:#f5222d}.ant-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(0,0,0,.45);outline:none}.ant-notification-notice-close:hover{color:rgba(0,0,0,.67)}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{animation-duration:.24s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:both}.ant-notification-fade-appear,.ant-notification-fade-enter{opacity:0;animation-play-state:paused}.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave{animation-duration:.24s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:both}.ant-notification-fade-leave{animation-duration:.2s;animation-play-state:paused}.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}to{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}to{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;padding-top:16px 24px;padding-bottom:16px 24px;opacity:1}to{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}.page-chatroom .page{display:flex;overflow:hidden}.page-chatroom .footer{display:none}.container{width:1200px;margin-left:auto;margin-right:auto;display:flex;height:100%;height:calc(100vh - 65px);box-sizing:border-box;overflow:hidden;font-size:13px}.container .setting{padding:4px 20px;display:flex;align-items:center}.container .setting .text{flex:1;margin-right:10px}.container .setting .btn+.btn{margin-left:20px}.container .init{display:flex;align-items:center;justify-content:center;padding:80px 0}.container .aside{width:300px;height:100%;overflow:hidden;background-color:#f6f6f6;box-sizing:border-box;display:flex;flex-direction:column}.container .aside-header{padding:20px 0 10px;border-bottom:1px solid #eee}.container .aside .rooms{padding:10px 0;flex:1;overflow-y:auto;min-height:1px;box-sizing:border-box}.container .aside .room{cursor:pointer;padding:8px 20px;border-bottom:1px solid #eee;display:flex;align-items:center}.container .aside .room.active{background-color:#fff}.container .aside .avatar{width:54px;height:54px;display:flex;align-items:center;justify-content:center}.container .aside .avatar img{border-radius:50%;display:block;width:40px;height:40px;overflow:hidden}.container .aside .info{margin-left:6px;flex:1}.container .aside .anchor{font-size:14px;font-weight:700}.container .aside .match{font-size:12px}.container .main{height:100%;flex:1;display:flex}.container .main-header{height:60px;padding:0 20px;display:flex;align-items:center;font-size:16px;font-weight:700;border-bottom:1px solid #eee}.container .main-header .link{margin-left:20px}.container .messages{flex:1;overflow-y:auto;padding:20px}.container .messages .message{padding:4px 12px;line-height:1.4;padding:4px 0;word-break:break-word;color:#333}.container .messages .message .emoticon{width:18px;vertical-align:top}.container .messages .message-system-1,.container .messages .message-system.message-system-1{color:#8080c2}.container .messages .message-role-assistant .role{background-color:#cfb6fa}.container .messages .message-role-assistant .nickname{color:#cfb6fa;white-space:nowrap}.container .messages .message-role-manage .role{background-color:#f06577}.container .messages .message-role-manage .nickname{color:#f06577;white-space:nowrap}.container .messages .message-role-service .role{background-color:#23a4ff}.container .messages .message-role-service .nickname{color:#23a4ff;white-space:nowrap}.container .messages .message-role-anchor .role{background-color:#9f6ef6}.container .messages .message-role-anchor .nickname{color:#9f6ef6;white-space:nowrap}.container .messages .message-role-self .role{background-color:#1fcdc9}.container .messages .message-role-self .nickname{color:#1fcdc9;white-space:nowrap}.container .messages .message-content{color:#9ca9c5;-webkit-user-select:text;-moz-user-select:text;user-select:text}.container .messages .message-system{color:#ffa200}.container .messages .role{margin-right:4px;display:inline-block;width:46px;padding:2px 0;background:#ffa800;border-radius:4px;text-align:center;font-size:12px;color:#fff}.container .messages .nickname{color:#00baff;white-space:nowrap;margin-right:4px}.container .messages .enter,.container .messages .system{color:#ffa200}.container .ranking{width:300px;height:100%;overflow:hidden;display:flex;flex-direction:column;background-color:#f6f6f6}.container .ranking-header{height:60px;padding:0 20px;display:flex;align-items:center;font-size:16px;font-weight:700;border-bottom:1px solid #eee}.container .ranking-header .text{flex:1}.container .ranking-header .count{font-size:13px;font-weight:400}.container .ranking-body{flex:1;min-height:1px;overflow-y:auto}.container .ranking .messages{padding:0}.container .ranking .message-wrapper{padding:4px 12px}.container .ranking .message-wrapper:hover{background-color:#fff}.container .cursor{cursor:pointer}