.message{z-index:1300;font-size:14px;box-sizing:border-box;position:fixed;left:50%;top:40%;transform:translate(-50%, -50%);background:linear-gradient(180deg, #232323 0%, rgba(50,50,50,0.6) 100%);min-height:50px;padding:12px 15px;display:flex;align-items:center;border-radius:8px;overflow:hidden;animation:message-fade-in-out 1.8s forwards ease-in-out}.message .message__content{padding:0;font-size:14px;line-height:1;margin-left:10px;color:#fff}.message .message__icon{width:24px;height:24px;background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0}.message--default .message__content{margin-left:0 !important}.message__icon.icon-default{display:none}.message__icon.icon-info,.message__icon.icon-success{background-image:url(/assets/5c9909c944b167b93a26b394b85f4371.png)}.message__icon.icon-error{background-image:url(/assets/bfb20f60fe19831c55066d0f3c3f146e.png)}.message__icon.icon-warning{background-image:url(/assets/f322ae9e66ce0dcd281c50a022025184.png)}@keyframes message-fade-in-out{0%{opacity:0}14%{opacity:1}100%{opacity:1}}.nono-dark-theme .message{background:linear-gradient(180deg, #474d56 0%, rgba(71,77,86,0.9) 100%)}.message_guest_only_chat{position:absolute;width:362px}.message_guest_only_chat .message__content{text-align:center;line-height:22px}

.message-pop-modal{z-index:1100;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center}.message-pop-box{width:298px;border-radius:10px;background-color:#fff;padding:25px;position:relative}.message-pop-box__close{cursor:pointer;width:18px;height:18px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) center center no-repeat;background-size:14px 14px;position:absolute;top:12px;right:12px}.message-pop-box__title{font-size:12px;color:#4c4b4b;text-align:center;line-height:1.5;padding:20px 20px 25px 20px}.message-pop-box__btn{cursor:pointer;font-size:12px;color:#fff;width:198px;height:40px;text-align:center;line-height:40px;background-color:#38CCE3;border-radius:3px;margin:0 auto}.message-pop-box__btn:hover{background-color:rgba(56,204,227,0.6)}

.login-modal{z-index:1000 !important}.mobile-box{width:374px;border-radius:4px;background-color:#fff;padding:30px 27px 42px 27px}.mobile-box__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-box__back-btn{cursor:pointer;width:18px;height:18px;background:url(/assets/svg/back_18x18px_eb883bcf1cefe57188a8e837fd360f5a.svg) no-repeat;background-size:100% 100%}.mobile-box__title{font-size:14px;color:#4c4b4b}.mobile-box__close{cursor:pointer;width:18px;height:18px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) center center no-repeat;background-size:14px 14px}.mobile-box__banner{width:100%;height:124px;background:url(/assets/7870407ff23cff5ca81f08e48758de6b.png) center 0 no-repeat;background-size:374px 124px;margin-bottom:20px}.mobile-box__error-text{padding:0 18px;font-size:14px;color:#38CCE3;text-align:center;line-height:1.8;width:325px;background-color:#fdebed;border-radius:6px;border:solid 1px #38CCE3;margin-bottom:22px}.mobile-box__tabs{display:flex;align-items:center;margin-bottom:28px}.mobile-box__tabs-item{cursor:pointer;flex:1;height:46px;font-size:14px;text-align:center;line-height:46px;color:#4c4b4b;border-bottom:2px solid #e3e3e3}.mobile-box__tabs-item.active{color:#38CCE3;border-bottom:2px solid #38CCE3}.mobile-box__tabs-item:hover{color:#38CCE3}.mobile-box__pass-row{margin-bottom:25px}.mobile-box__pass-row--head{font-size:14px;color:#9f9f9f;margin-bottom:6px;display:flex;justify-content:space-between}.mobile-box__pass-row--head-forgot{cursor:pointer;border-bottom:1px solid rgba(199,199,199,0.7)}.mobile-box__pass-row--head-forgot:hover{color:rgba(56,204,227,0.6);border-bottom:1px solid rgba(56,204,227,0.6)}.mobile-box__pass-row--input-wrap{width:100%;position:relative}.mobile-box__pass-row--input{outline:none;font-size:14px;color:#4c4b4b;width:100%;height:40px;border:solid 1px #e3e3e3;border-radius:4px;padding:0 12px;display:flex}.mobile-box__pass-row--show-pass-btn{cursor:pointer;position:absolute;right:12px;top:9px;width:22px;height:22px;background:url(/assets/084cdb4da41d0f7223d935b36aeeecf4.png) no-repeat;background-size:100% 100%}.mobile-box__pass-row--show-pass-btn.active{background:url(/assets/2b934ad61689dcc8eb6f14baedb7e0fd.png) no-repeat;background-size:100% 100%}.mobile-box__phone-wrap{font-size:14px;color:#4c4b4b;width:100%;height:40px;border:solid 1px #e3e3e3;border-radius:4px;display:flex;align-items:center}.mobile-box__phone-wrap--region-code{width:60px;height:20px;text-align:center;line-height:20px;border-right:1px solid #e3e3e3}.mobile-box__phone-wrap--input{border:none;outline:none;flex:1;padding:0 12px}.mobile-box__verification-wrap{width:100%;display:flex;justify-content:space-between;align-items:center}.mobile-box__verification-wrap--input{flex:1;outline:none;font-size:14px;color:#4c4b4b;height:40px;line-height:40px;border:solid 1px #e3e3e3;border-radius:4px;padding:0 12px;margin-right:10px}.mobile-box__verification-wrap__send-wrap{cursor:pointer;min-width:92px;padding:0 10px;height:40px;text-align:center;line-height:40px;font-size:14px;border-radius:4px;color:#38CCE3;border:1px solid #38CCE3}.mobile-box__verification-wrap__send-wrap:hover{color:rgba(56,204,227,0.6);border:1px solid rgba(56,204,227,0.6)}.mobile-box__verification-wrap__send-wrap.disabled{color:rgba(144,143,143,0.5);border:1px solid #e3e3e3}.mobile-box__verification-wrap__send-wrap h5{display:inline;margin:0;font-weight:normal}.mobile-box__pass-length-tip{font-size:14px;color:#9f9f9f;margin-bottom:36px}.mobile-box__submit-btn{cursor:pointer;margin:0 auto;width:218px;height:38px;text-align:center;line-height:38px;font-size:14px;color:#fff;background-color:#38CCE3;border-radius:19px}.mobile-box__submit-btn:hover{background-color:rgba(56,204,227,0.6)}.mobile-box__submit-btn.disabled{background-color:#f39da5}

.login-box{position:relative;width:360px;border-radius:10px;background-color:#fff;box-sizing:border-box;padding:10px 0 20px;max-width:100vw}.login-box__title{font-size:18px;color:#232323;text-align:center;margin-bottom:16px}.nono-dark-theme .login-box__messageTitle{color:white}.login-box__messageTitle{width:280px;text-align:center;font-size:18px;font-weight:400;line-height:28px;margin-bottom:16px;color:#333333;margin-left:auto;margin-right:auto;padding-top:21px}.login-box__qrcode{position:relative;width:160px;height:160px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,0.1);margin:0 auto 19px auto}.login-box__tip-wrap{font-size:14px;font-weight:400;line-height:22px;color:#999;opacity:1;padding-top:20px;padding-bottom:11px;text-align:center}.login-box__tip-wrap.register{padding:0;font-size:10px;line-height:14px}.login-box__tip-wrap.register a{font-weight:600;line-height:14px;color:#56b0ff;text-decoration:underline}.login-box__tip-wrap p{margin:0}.login-box__divider{font-size:11px;color:#c6c6c6;white-space:nowrap;display:flex;justify-content:center;align-items:center;margin-bottom:19px}.login-box__divider::before{content:"";width:86px;height:1px;background-color:#c6c6c6;margin-right:25px}.login-box__divider::after{content:"";width:86px;height:1px;background-color:#c6c6c6;margin-left:25px}.login-box__divider--no-qrcode{font-size:11px;color:#fff;opacity:0.65}.login-box__divider--no-qrcode::before,.login-box__divider--no-qrcode::after{width:44px;color:#fff;opacity:0.65}.login-box__other-logins{display:flex;justify-content:center}.login-box__other-logins.newStyle{flex-direction:column;align-items:center;padding-top:20px;padding-bottom:60px}.login-box__other-logins.newStyle .login-box__login-newBtn{display:inline-flex;padding-left:20px;height:40px;margin-top:20px;width:260px;align-items:center;border-radius:20px;margin-left:auto;margin-right:auto;font-size:14px;padding-right:20px;cursor:pointer;color:white}.login-box__other-logins.newStyle .login-box__login-newBtn:hover{opacity:0.7}.login-box__other-logins.newStyle .login-box__login-newBtn._line{background:#00b900}.login-box__other-logins.newStyle .login-box__login-newBtn._google{background:#fff;border:1px solid #edeff0;color:#666666}.login-box__other-logins.newStyle .login-box__login-newBtn._facebook{background:#1877f2}.login-box__other-logins.newStyle .login-box__login-newBtn._twitter{background:#1da1f2}.login-box__other-logins.newStyle .login-box__login-newBtn img{width:40px;height:40px}.login-box__other-logins.newStyle .login-box__login-newBtn .login-box__login-inner{margin-left:20px;flex:1}.login-box__login-btn{cursor:pointer;margin-right:23px;height:51px}.login-box__login-btn:last-child{margin-right:0}.login-box__login-btn img{width:50px;height:50px;fill:currentColor}.login-box__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:12px;top:12px}.login-box__scan-qrcode-preview{pointer-events:none;width:261px;height:494px;position:absolute;left:90%;top:0;opacity:0;transition:all linear 0.2s;background:url(/assets/a1df2479b67e6d1ebcd5a4200a8c205e.png) no-repeat center;background-size:contain}.login-box__scan-qrcode-preview.show{left:110%;opacity:1}.embed-room-body .login-box__scan-qrcode-preview,.popout-chat-body .login-box__scan-qrcode-preview,.embed-chat-body .login-box__scan-qrcode-preview{display:none}.login-box__logo{height:28px;display:flex;align-items:center;justify-content:center;color:#333333;font-size:18px;margin-top:14px;margin-bottom:20px;white-space:nowrap}.login-box__logo:before{content:'';width:36px;height:27px;background:url(/assets/6d20af4f261cedc729a50ac23c113bf7.png) center center no-repeat;margin-right:10px;background-size:contain}.login_box_tab .ui_tabs_nav_bar{margin-left:20px;margin-right:20px}.nono-dark-theme .login-box{background:#2a3333}.nono-dark-theme .login-box__logo{color:rgba(255,255,255,0.9)}.nono-dark-theme .login-box__title,.nono-dark-theme .login-box__tip{color:white}.nono-dark-theme .login-box__qrcode{background:#fff;border:2px solid rgba(255,255,255,0.2)}.nono-dark-theme .login-box__scan-qrcode-preview{background-image:url(/assets/8073351b41780f4931a716a0dab1de58.png)}.nono-dark-theme .login-box__logo{background-image:url(/assets/3c2ea3a90ccc45831e6188dc8fd117db.png)}.nono-dark-theme .login-box__divider{color:rgba(255,255,255,0.3)}.nono-dark-theme .login-box__divider:before{background:rgba(255,255,255,0.3)}.nono-dark-theme .login-box__divider:after{background:rgba(255,255,255,0.3)}

.region-wrapper{cursor:pointer;width:100%;height:40px;position:relative}.region-wrapper__current{font-size:14px;color:#4c4b4b;width:100%;height:40px;border:solid 1px #e3e3e3;border-radius:4px;background:#fff;padding:0 12px;display:flex;justify-content:space-between;align-items:center}.region-wrapper__current-arrow{width:14px;height:14px;background:url(/assets/ebfd7d2b4420696a0a77dee6b6d081f1.png) no-repeat;background-size:100% 100%}.region-wrapper__region-list{position:absolute;top:52px;left:0;right:0;height:174px;overflow:hidden;background:#fff;border-radius:4px;border:solid 1px #e3e3e3;padding-top:45px}.region-wrapper__search{position:absolute;top:0;left:10px;width:300px;height:38px;line-height:38px;outline:none;border:none;border-bottom:solid 1px #e3e3e3;font-size:14px;color:#4c4b4b;padding-left:22px;background:url(/assets/svg/search_707215e17898b510c664af555d2589be.svg) 0 center no-repeat;background-size:16px 16px}.region-wrapper__scroll-bar{border-radius:8px;background-color:#d6e3e8}.region-wrapper__region-item{font-size:14px;color:#9f9f9f;height:30px;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.region-wrapper__region-item:hover{color:#38CCE3}

.nono-modal{z-index:500;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center}

.nono-loading-wrap{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.nono-loading-wrap img{animation:rolling linear infinite .5s}

.embed-login-modal__content{position:relative;width:360px;border-radius:10px;background:#2a3333;box-sizing:border-box;padding:56px 0 22px;max-width:100vw;display:flex;flex-direction:column;align-items:center}.embed-login-modal__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:12px;top:12px}.embed-login-modal__loading img{width:40px !important;height:40px !important}.embed-login-modal__text{margin-bottom:43px}.embed-login-modal__text--error{color:#f86262}.embed-login-modal__btn{height:40px;line-height:40px;padding:0 32px;background:#38cce3;opacity:0.9;border-radius:20px;font-size:20px;cursor:pointer}

.footer-container{min-width:1100px;text-align:center;background:#fff;font-size:14px;padding:35px 0 29px 0}.footer-contianer__prolicy{margin-bottom:13px}.prolicy__item{color:#707070}.prolicy__item:hover{color:#38CCE3}.prolicy__split{padding:0 10px;color:#707070}.footer-contianer__copy-right{color:#8D8D8D;font-size:12px}.footer-contianer__music-copy-right{margin:15px 0;display:flex;justify-content:center}.footer-contianer__music-copy-right .footer-contianer__music-copy-right__JASRAC__NexTone{display:flex;padding:5px 10px 5px 5px;background-color:#f6f7f7;border-radius:4px;height:46px}.footer-contianer__music-copy-right .footer-contianer__music-copy-right__JASRAC__NexTone .footer-contianer__music-copy-right__txt{display:flex;flex-direction:column;justify-content:center;text-align:left;margin-left:5px;font-size:12px;font-weight:400;color:#8D8D8D}.footer-contianer__music-copy-right .footer-contianer__music-copy-right__JASRAC__NexTone .footer-contianer__music-copy-right__txt .footer-contianer__music-copy-right__txt__design-type{margin-bottom:3px}.footer-contianer__music-copy-right .footer-contianer__music-copy-right__JASRAC__NexTone:first-child{margin-right:15px}.nono-dark-theme .footer-container{background:#000}.nono-dark-theme .footer-container .footer-contianer__music-copy-right__JASRAC__NexTone{background:#202526}

.nono-common-button{padding:0 25px;height:30px;display:flex;justify-content:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#38CCE3;color:#fff;border-radius:4px;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nono-common-button:hover{background-color:rgba(56,204,227,0.6)}.nono-common-button:active{background-color:#38CCE3}.nono-common-button--level2{background-color:#fff;border:1px solid #38CCE3;color:#38CCE3}.nono-common-button--level2:hover{background-color:#fff3f3}.nono-common-button--level2:active{background-color:#f8e0e0}.nono-common-button--disabled{background-color:#e6e6e6;border:none;color:#9f9f9f;cursor:not-allowed}.nono-common-button--disabled:hover,.nono-common-button--disabled:active{background-color:#e6e6e6}.nono-common-button--normal{background-color:#fff;border:1px solid #38CCE3;color:#38CCE3}.nono-common-button--normal:hover{background-color:#fff3f3}.nono-common-button--normal:active{background-color:#f8e0e0}

.top-button{cursor:pointer;z-index:200;font-size:12px;color:#9F9F9F;width:58px;height:58px;border-radius:4px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border:solid 1px #E6E6E6;position:fixed;right:30px;bottom:100px}.top-button__arrow{width:22px;height:12px;background:url(/assets/2cd949259dda220c223014d83efbff58.png) no-repeat;background-size:100% 100%;margin-bottom:10px}.top-button:hover{background-color:#38CCE3;color:#fff}.top-button:hover .top-button__arrow{background:url(/assets/72777df753e62e043e69722d4fdc3dcd.png) no-repeat;background-size:100% 100%}.nono-dark-theme .top-button{background-color:#1a1a1a;border-color:#2b2b2b}.nono-dark-theme .top-button:hover{background-color:#38CCE3}.room-container .top-button{right:450px}@media only screen and (max-width: 900px){.room-container .top-button{right:50px}}

.default-layout-container{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.default-layout-main{flex:1;width:100%;height:calc(100% - 54px);display:flex;overflow:hidden}.default-layout__content{z-index:1;flex:1;height:100%;overflow-x:hidden;scroll-behavior:smooth}.default-layout__content>div:first-child{display:flex;flex-direction:column;justify-content:space-between}.default-layout__content__scrollbar{position:absolute;width:6px;transition:opacity 200ms ease 0s;opacity:0;right:2px;bottom:2px;top:2px;border-radius:3px}.default-layout__content__scrollbar.hidden{display:none}.default-layout__content__scrollbar-thumb{width:8px;border-radius:4px;background-color:#d4d4d4}.default-layout__content-wrapper{position:relative;flex:1 0 auto}.footer-container{min-width:1100px}.nono-dark-theme .default-layout__content__scrollbar-thumb{background:#404040}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.default-layout__content-wrapper{min-height:1px}}

.raw-layout-container{display:flex;flex-direction:column;min-height:100vh;position:relative}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html,body,#root{width:100%;height:100%;overflow:hidden;font-family:"Yu Gothic UI" ,"Yu Gothic" , "Hiragino Sans GB", Helvetica ,Arial , sans-serif, "Microsoft YaHei"}input::-ms-clear{display:none}*{box-sizing:border-box}ul{margin:0;padding:0}ol,ul{list-style:none}.hover-pointer{cursor:pointer}.display-none{display:none !important}.common-background-color{background-color:#f3f4f4}a{text-decoration:none;color:inherit}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;outline:none;cursor:pointer}input:-webkit-input-placeholder{color:#B7B7B7}input:-moz-placeholder{color:#B7B7B7}input:-ms-input-placeholder{color:#B7B7B7}button:disabled{cursor:not-allowed}.special-id{color:#eaba39 !important}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nono-news{position:relative}.nono-news::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#38CCE3;position:absolute;top:-5px;right:-8px}.nono-chat-news{position:relative}.nono-chat-news::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#F86262;position:absolute;top:-5px;right:-8px}@keyframes panelFloat{from{transform:scale(0)}to{transform:scale(1)}}@keyframes panelFloat2{from{transform:translateX(-50%) scale(0)}to{transform:translateX(-50%) scale(1)}}@keyframes rolling{from{transform:rotate(0)}to{transform:rotate(360deg)}}.nono-light-scroll-bar{background-color:#e8e8e8;border-radius:4px}.nono-dark-scroll-bar{background-color:#e8e8e8;border-radius:4px}.grey-scroll-bar{background-color:#e8e8e8;border-radius:4px}.nono-center-container{width:1000px;margin:0 auto}svg{overflow:hidden}.nono-dark-theme .common-background-color{background-color:#161818}.nono-dark-theme .nono-light-scroll-bar{background-color:#404040}.nono-dark-theme .nono-dark-scroll-bar{background-color:#2b2b2b}button,input,optgroup,select,textarea{outline:none}

.me-common-layout{width:1100px;margin:0 auto;margin-top:20px;padding-bottom:50px;flex-shrink:0;display:flex}.me-common-layout---autoheight{height:calc(100vh - 45px);width:1100px;margin:0 auto;margin-top:20px;padding-bottom:70px;flex-shrink:0;display:flex}.me-common-container{width:860px;background-color:#fff;border-radius:4px}.me-common-content{color:#232323;height:100%;display:flex;flex-direction:column}.me-common-title{font-size:16px;height:60px;border-bottom:1px solid #EFEFEF;display:flex;align-items:center;padding:0 18px;flex-shrink:0}.me-common-title::before{content:"";width:4px;height:16px;background-color:#38CCE3;border-radius:2px;margin-right:7px}.mildom-scrollbar{background-color:#ccc;border-radius:4px}.nono-dark-theme .mildom-scrollbar{background-color:#404040}.nono-dark-theme .me-common-container{background-color:#202526}.nono-dark-theme .me-common-content{color:#fff}.nono-dark-theme .me-common-title{border-color:rgba(255,255,255,0.05)}

.font-color-l1{color:#4c4b4b}.font-color-l2{color:#9f9f9f}.font-color-l3{color:#b7b7b7}.nono-dark-theme .font-color-l1{color:#fff}.nono-dark-theme .font-color-l2{color:#9f9f9f}.nono-dark-theme .font-color-l3{color:#848484}

@keyframes ScaleIn{from{transform:scale(0)}to{transform:scale(1)}}

.search-page{width:1000px;min-height:62vh;margin:0 auto;margin-top:42px}.search-page .search_page_user_list .infinite-load__container{margin-right:-20px;width:auto}.search-page .ui_tabs_nav_bar{margin-bottom:30px}.search-page .ui_tabs_nav_bar .tab_nav_item{height:28px;width:90px;text-align:center}@media screen and (min-width: 1441px){.search-page{width:1340px}}.search-page__search-wrapper{margin-bottom:40px}.search-page__search-input{width:460px;height:42px;background:#fff;border-radius:27px;color:#252525;font-size:18px;margin:0 auto;display:flex;align-items:center;padding-left:27px}.search-page__search-input input{flex:1;border:none;outline:none}.search-page__tabs{display:flex;align-items:center;font-size:14px;border-bottom:2px solid #EFEFEF;margin-bottom:32px}.search-page__tabs .search-page__tab{text-align:center;margin-right:20px}.search-page__tabs .search-page__tab .search-page__tab-item{position:relative;width:90px;padding-bottom:8px;border-bottom:2px solid #EFEFEF;bottom:-2px;cursor:pointer}.search-page__tabs .search-page__tab .search-page__tab-item.active{color:#38CCE3;border-color:#38CCE3}.search-page__body{margin-bottom:40px}.search-page-nodata{display:flex;justify-content:center;align-items:center;width:100%}.search-page-align-block{width:100%;height:58px}.search-page-search-content{position:relative;display:flex;align-content:center;justify-content:center}.search-page-search-content>div{position:relative;padding-top:34px}.search-page-search-content-input{width:570px;height:52px;font-size:20px;padding-left:70px;background-color:#ffffff;border-radius:26px;border:solid 1px #f2f2f2;outline:none}.search-page-search-content-icon{width:31px;height:32px;left:22px;top:44px;position:absolute}.search-page-users-list{display:flex;flex-wrap:wrap;width:1100px;margin:auto}.search-page-no-search{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:200px;padding-bottom:300px}.search-page-no-search img{width:180px;height:auto}.search-page-no-search p{font-size:18px;color:#8D8D8D;margin-top:24px}.search-page-scroll-content{width:100%}.search-all__section{margin-bottom:42px}.search-all__header{display:flex;align-items:center;color:#252525;margin-bottom:16px;position:relative}.search-all__header-text{font-size:18px;margin-right:20px;display:flex;align-items:center;white-space:nowrap}.search-all__header-text::before{content:"";width:6px;height:20px;background-color:#38CCE3;border-radius:8px;margin-right:10px}.search-all__header-text .blueWord{color:#38CCE3;margin-right:10px;max-width:800px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-all__header-more{color:#8D8D8D;font-size:14px;display:flex;align-items:center;position:absolute;top:50%;right:0;transform:translateY(-50%)}.search-all__header-more .icon{width:10px;height:10px;background-size:100% 100%;margin-left:2px;fill:rgba(0,0,0,0);stroke:#8D8D8D}.search-all__header-more:hover{color:#38CCE3}.search-all__header-more:hover .icon{stroke:#38CCE3}.search-all__body{display:flex;flex-wrap:wrap}.search-all__body .user-info-item-content{margin:0;margin-right:10px}.search-all__body .user-info-item-content:last-child{margin-right:0}.search-all__body .user-info-item-content:nth-child(5n){margin-right:10px}.search-all__body-user{flex-wrap:nowrap}.search-all__body-live{margin-right:-20px}@media screen and (min-width: 1441px){.search-page__detail .user-info-item-content:nth-child(5n){margin-right:10px}.search-page__detail .user-info-item-content:nth-child(7n){margin-right:0}}.search-page__video-item{flex-shrink:0;margin-bottom:28px;flex-basis:320px;padding:0 !important;margin-right:20px}.nono-dark-theme .search-page__search-input{background:#424848}.nono-dark-theme .search-page__search-input input{background:#424848;color:#fff}.nono-dark-theme .search-page__tabs{border-color:#424848;color:#c6c6c6}.nono-dark-theme .search-page__tabs .search-page__tab-item{border-color:#424848}.nono-dark-theme .search-all__header{color:#fff}

.popout-chat-container{position:fixed;left:0;right:0;top:0;bottom:0}

.top-up-history-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 70px}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
@font-face{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}

.course-page{width:100%}.course-page__sub-nav{display:flex;align-items:center;justify-content:center;font-size:22px;padding-top:54px;cursor:pointer}.course-page__sub-nav-item{width:380px;text-align:center;padding-bottom:17px;border-bottom:4px solid #EFEFEF;color:#232323}.course-page__sub-nav-item:hover{color:#38CCE3}.course-page__sub-nav-item--active{border-color:#38CCE3;color:#38CCE3}.course-nav .nav-img{width:100%}.course-nav .nav-img img{width:100%;font-size:0;display:block}.course-nav .nav-content{width:100%;height:100px;background:#fff;box-shadow:0px 4px 10px rgba(0,0,0,0.1);display:flex;justify-content:center}.course-nav .nav-content .nav-content__item{font-size:28px;height:100%;width:320px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#606060}.course-nav .nav-content .nav-content__item:hover{background:rgba(56,204,227,0.2)}.course-nav .nav-content .nav-content__item .nav-content__item-icon{display:block;width:48px;height:48px;background-size:contain;margin-right:14px}.course-nav .nav-content .nav-content__item .nav-content__item-icon--pc{background-image:url(/assets/33bfa0527542e0b27ded4d10de321611.png)}.course-nav .nav-content .nav-content__item .nav-content__item-icon--mobile{background-image:url(/assets/a6c6e9da242e59c1b4b3b9eb3039baaa.png)}.course-nav .nav-content .nav-content__item .nav-content__item-icon--host{background-image:url(/assets/b7e0291b011ded6c5c38a915c102c557.png)}.course-nav .nav-content .nav-content__item--active{background:#38CCE3;color:#fff}.course-nav .nav-content .nav-content__item--active .nav-content__item-icon--pc{background-image:url(/assets/7be62f387787bc69fccf3fcaffcfb309.png)}.course-nav .nav-content .nav-content__item--active .nav-content__item-icon--host{background-image:url(/assets/1455bdf338676165886dff95c8308c54.png)}.course-nav .nav-content .nav-content__item--active .nav-content__item-icon--mobile{background-image:url(/assets/fb360ecf3712b9edd10451a294b814e6.png)}.course-nav .nav-content .nav-content__item--active:hover{background:#38CCE3}.course-page-content__cond-title-text{font-size:18px;color:#232323;font-weight:bold}.nono-dark-theme .course-page-content__cond-title-text{color:rgba(255,255,255,0.95)}.course-page-content__cond-title-text:last-child{padding-left:20px}.course-page-wrapper{max-width:1490px;width:66.7%;margin:0 auto;margin-bottom:150px;margin-top:60px;background:#fff;border-radius:20px}.course-page-content{padding:63px 0 118px 89px}.course-page-content__title{margin:0;color:#38CCE3;font-size:28px;text-align:center;margin-bottom:67px;letter-spacing:5px;font-weight:bold}.course-page-content__desc{font-size:18px;color:#232323;text-align:center;letter-spacing:1px;margin-top:22px;font-weight:normal}.course-method-item-list{padding-left:47px;color:#232323}.course-method-item-list li{font-size:18px;line-height:30px}.course-page-content__sec-title{text-align:center;color:#232323;font-size:24px;font-weight:500}.course-method-container__item{margin-bottom:46px;padding-right:56px}.course-method-container-section-title{font-size:32px;font-weight:bold;color:#38CCE3;margin-top:125px;margin-bottom:50px}.course-method-item__step{display:flex;align-items:center;color:#232323;font-size:16px;margin-bottom:15px}.course-method-step__order{color:#38CCE3;margin-right:10px;font-size:36px;font-weight:bold}.course-method-step__text p{margin-bottom:8px;line-height:30px;font-size:18px}.course-method-step__text p a{color:#38CCE3}.course-method-item__img{width:100%;padding-left:47px}.course-method-item__img img{width:100%}.course-method-item__img--sm{width:37%}.course-method-item__img--line{width:100%}.course-method-item__img--line img{width:30%;margin:10px}.course-method-container--camera .course-method-container__item{padding-right:200px}.course-method-item__reminder{margin-top:31px;font-size:18px;color:#232323;padding-left:47px;line-height:25px}.course-method-item__link{color:#38CCE3}.course-method-container--obs .course-method-container__item{padding-right:146px}.course-method-container--obs .course-method-item__img{width:90%}.course-method-item__require{display:flex}.course-method-item__require .course-method-item__require-detail{padding-left:47px;flex-shrink:0;margin-right:20px}.course-method-item__require .course-method-item__require-detail .course-method-item__require-sec{margin-bottom:28px}.course-method-item__require .course-method-item__require-detail .course-method-item__require-sec .course-method-item__require-sec-title{font-size:16px;font-weight:bold;color:#38CCE3;margin-bottom:9px}.course-method-item__require .course-method-item__require-detail .course-method-item__require-sec .course-method-item__require-sec-list{font-size:14px;color:#707070}.course-method-item__require .course-method-item__require-detail .course-method-item__require-sec .course-method-item__require-sec-list li{margin-bottom:10px;display:flex;align-items:center}.course-method-item__require .course-method-item__require-detail .course-method-item__require-sec .course-method-item__require-sec-list li:last-child{margin-bottom:0}.course-method-item__require .course-method-item__require-detail .course-method-item__require-sec .course-method-item__require-sec-list li:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-right:4px;background:#38CCE3}.course-method-item__require .course-method-item__require-detail .course-method-item__obs-download{display:block;margin-top:28px;width:359px;height:59px}.course-method-item__require .course-method-item__require-detail .course-method-item__obs-download img{width:100%;height:100%}.course-method-item__require .course-method-item__require-img{flex:1;min-width:300px;max-width:515px}.course-method-item__require .course-method-item__require-img img{width:100%}.course-method-item__img--space{margin-bottom:20px}.course-page-require{width:639px;height:135px;border:1px solid #C6C6C6;border-radius:10px;margin:0 auto;display:flex;align-items:center;margin-bottom:30px}.course-page-require .course-page-require__division{width:1px;height:80px;background:#C6C6C6}.course-page-require .course-page-require__item{width:48%;display:flex;flex-direction:column;align-items:center}.course-page-require .course-page-require__item .course-page-require__item-name{color:#38CCE3;font-size:26px;margin-bottom:20px;font-weight:bold}.course-page-require .course-page-require__item .course-page-require__item-desc{color:#232323;display:flex;align-items:center}.course-page-require .course-page-require__item .course-page-require__item-desc::before{content:"";display:block;width:16px;height:16px;background:#232323;border-radius:50%;margin-right:5px}.nono-dark-theme .course-page-require .course-page-require__item .course-page-require__item-desc{color:rgba(255,255,255,0.95)}.course-method-container--host img{max-width:840px !important}.course-page-content__cond{margin-bottom:80px}.course-page-content__cond .course-page-content__cond-title{margin-bottom:18px;font-size:24px;font-weight:bold;color:#38CCE3}.course-page-content__cond .course-page-content__cond-list{margin-bottom:64px}.course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-reminder{font-size:16px;color:#707070;margin-top:16px;padding-right:100px}.nono-dark-theme .course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-reminder{color:rgba(255,255,255,0.65)}.course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-item{color:#232323;font-size:18px;font-weight:bold;margin-bottom:16px}.nono-dark-theme .course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-item{color:rgba(255,255,255,0.95)}.course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-item ul{margin-top:14px}.course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-item li{font-size:16px;margin-bottom:16px;font-weight:normal}.course-page-content__cond .course-page-content__cond-list .course-page-content__cond-list-item li:last-child{margin-bottom:0}.nono-dark-theme .course-method-item__reminder{color:rgba(255,255,255,0.95)}.nono-dark-theme .course-method-step__text{color:rgba(255,255,255,0.95)}.nono-dark-theme .course-method-step__text p a{color:#38CCE3}.nono-dark-theme .course-nav .nav-content{background:#272B2C;box-shadow:0px 4px 10px rgba(0,0,0,0.1)}.nono-dark-theme .course-nav .nav-content .nav-content__item{color:#fff}.nono-dark-theme .course-page-wrapper{background:#202526}.nono-dark-theme .course-page-wrapper .course-page__sub-nav .course-page__sub-nav-item{color:#A9A9A9;border-color:#424848}.nono-dark-theme .course-page-wrapper .course-page__sub-nav .course-page__sub-nav-item.course-page__sub-nav-item--active{color:#38CCE3;border-color:#38CCE3}.nono-dark-theme .course-page-wrapper .course-method-step__text{color:#fff}.nono-dark-theme .course-method-item-list{color:#fff}

.rule-page{padding-top:60px;display:flex;max-width:1290px;margin:0 auto}.rule-page-wrapper{flex:1;margin-bottom:24px}.rule-page-content{padding:35px 0;background:#fff;border-radius:20px;font-size:16px;color:#232323;min-height:647px}.rule-page-content__title{color:#38CCE3;font-size:28px;text-align:center;margin-bottom:45px;font-weight:bold}.rule-page-wrapper__statement{line-height:28px;margin:0 46px 35px 46px;padding:25px 25px;border:1px solid #38CCE3;border-radius:16px}.rule-page-wrapper__statement p{padding:3px 0;border-bottom:1px dashed #38CCE3}.rule-page-wrapper__statement p:last-child{border-bottom:none;padding-bottom:0}.rule-page-wrapper__statement p:first-child{padding-top:0}.rule-list-container{padding:0 97px 0 53px;line-height:24px}.rule-list-section{margin-bottom:35px}.rule-list-section:last-child{margin-bottom:0}.rule-list__title{display:flex;align-items:center;margin-bottom:13px}.rule-list-title__order{color:#38CCE3;font-size:40px;line-height:40px;margin-right:12px;font-weight:bold}.rule-list-title__text{font-size:20px;font-weight:bold}.rule-list{padding-left:30px}.rule-page .no-order{padding-left:55px}.rule-list__item{display:flex;align-items:flex-start;margin-bottom:16px}.rule-list__item:last-child{margin-bottom:0}.rule-list-item__order{color:#38CCE3;margin-right:8px}.rule-sec-list{margin-top:10px}.rule-sec-list li{margin-bottom:4px}.rule-sec-list li:last-child{margin-bottom:0}.rule-list-sec-title{color:#38CCE3;font-size:18px;margin-bottom:10px}.rule-page-content__contact-title{margin-bottom:19px}.rule-page-content__desc{font-size:18px;text-align:center;color:#C6C6C6;padding-bottom:16px;margin:0 50px;border-bottom:1px solid #EFEFEF}.rule-page-content__contact-content{margin-top:92px;padding:0;display:flex;justify-content:space-around}.rule-contact-card{display:flex;flex-direction:column;align-items:center;position:relative;width:370px;height:200px;font-size:18px;color:#232323}.rule-contact-card .rule-contact-title{position:absolute;bottom:85px;left:108px;font-size:18px;color:#38CCE3;font-weight:bold}.rule-contact-card .rule-contact-address{padding:10px;height:45px;width:350px;position:absolute;bottom:30px;left:10px;display:flex;align-items:center;justify-content:center;border:1px solid #EFEFEF;border-radius:4px}.rule-contact-card .rule-contact__email-icon{width:23px;height:17px;background:url(/assets/svg/email_56b73a6a65025b9619c76e6693f07914.svg) no-repeat;background-size:100% 100%;margin-right:5px;flex-shrink:0}.rule-page-content__company-content{margin-top:32px;padding-left:78px;padding-right:133px}.rule-page-content_company-section{margin-bottom:64px}.rule-page-content_company-title{color:#232323;font-weight:bold;font-size:22px;margin-bottom:14px}.rule-page-content_company-intro{width:100%}.rule-page-content_company-intro table{width:100%}.rule-page-content_company-intro td{font-size:16px;border:1px solid #EFEFEF;height:42px}.rule-page-content_company-intro td:first-child{text-align:center;width:200px;background:#F6F7F7;font-weight:bold}.rule-page-content_company-intro td:last-child{padding-left:48px;color:#505050}.rule-page-content_company-location{padding-top:12px;display:flex;align-items:center}.rule-page-content_company-location .rule-page-content_company-map{flex:1;margin-right:74px}.rule-page-content_company-location .rule-page-content_company-map img{width:100%}.rule-page-content_company-location .rule-page-content_company-entry{font-size:16px;color:#505050}.rule-page-content_company-location .rule-page-content_company-entry li{margin-bottom:18px}.rule-page-content_company-location .rule-page-content_company-entry .rule-page-content_company-more{margin-top:80px;display:flex;align-items:center;width:360px;height:46PX;border:1px solid #BEBEBE;border-radius:6px;padding:0 60px 0 69px;cursor:pointer}.rule-page-content_company-location .rule-page-content_company-entry .rule-page-content_company-more img{width:64px;height:38px}.rule-page-content_company-location .rule-page-content_company-entry .rule-page-content_company-more span{color:#5D5D5D;font-size:14px;margin-right:38px}.rule-page-content_company-location .rule-page-content_company-entry .rule-page-content_company-more i{color:#232323}.rule-page-content_company-pro{font-size:16px;color:#505050;margin-bottom:128px}.rule-page-content_company-pro p{margin:0 0 16px 0}.rule-page-content_company-pro p:last-child{margin-bottom:0}.rule-page-content_company-link{margin-top:12px;margin-bottom:480px;font-size:18px}.rule-page-content_company-link a{color:#5EA3FF}.rule-withdraw-link{color:#232323;font-size:16px;padding-top:25px;margin-left:60px;cursor:pointer;font-weight:bold}.rule-withdraw-link:hover{color:#38CCE3;-webkit-text-decoration-line:underline;text-decoration-line:underline}.rule-withdraw{padding-top:100px;padding-left:500px}.rule-withdraw .rule-withdraw__section{margin-bottom:60px}.rule-withdraw .rule-withdraw__section .rule-withdraw__title{color:#515151;font-size:24px;display:flex;align-items:center;margin-bottom:44px}.rule-withdraw .rule-withdraw__section .rule-withdraw__title::before{background:#38CCE3;content:"";display:block;width:4px;height:21px;border-radius:4px;margin-right:10px}.rule-withdraw .rule-withdraw__section .rule-withdraw__sec-title{margin-bottom:12px;font-size:14px;color:#515151;font-weight:bold}.rule-withdraw .rule-withdraw__section .rule-withdraw__desc{margin-bottom:30px;font-size:12px;color:#515151}.rule-withdraw .rule-withdraw__section .rule-withdraw__desc p{margin-bottom:10px}.rule-withdraw .rule-withdraw__section .rule-withdraw__desc p:last-child{margin-bottom:0}.nono-dark-theme .guide-side-menu{color:#fff}.nono-dark-theme .rule-page-content{background:#202526;color:#fff}.nono-dark-theme .rule-page-content .rule-page-content_company-title{color:#FCFCFC}.nono-dark-theme .rule-page-content .rule-page-content_company-intro td:first-child{background:#2E3637}.nono-dark-theme .rule-page-content .rule-page-content_company-intro td{border-color:rgba(239,239,239,0.2);color:#fff}.nono-dark-theme .rule-page-content .rule-page-content_company-entry{color:#fff}.nono-dark-theme .rule-page-content .rule-page-content_company-entry .rule-page-content_company-more{border-color:#BEBEBE;background:#424848}.nono-dark-theme .rule-page-content .rule-page-content_company-entry .rule-page-content_company-more span,.nono-dark-theme .rule-page-content .rule-page-content_company-entry .rule-page-content_company-more i{color:#fff}.nono-dark-theme .rule-page-content .rule-page-content_company-pro{color:#fff}.nono-dark-theme .rule-page-content__desc{border-color:#393F40}.nono-dark-theme .rule-withdraw-link{color:#38CCE3}.nono-dark-theme .rule-withdraw .rule-withdraw__section .rule-withdraw__title{color:#fff}.nono-dark-theme .rule-withdraw .rule-withdraw__section .rule-withdraw__sec-title{color:#fff}.nono-dark-theme .rule-withdraw .rule-withdraw__section .rule-withdraw__desc{color:#fff}.nono-dark-theme .rule-contact-card{color:#fff}.nono-dark-theme .rule-contact-card .rule-contact-address{border-color:transparent;background-color:#373e44}

.guide-side-menu{margin-right:50px;margin-top:58px;flex-shrink:0}.guide-side-menu li{margin-bottom:32px;display:flex;align-items:center;white-space:nowrap}.guide-side-menu__item{display:flex;align-items:center;font-size:20px;line-height:24px;max-width:350px}.guide-side-menu__item span{white-space:normal}.guide-side-menu__item::before{content:"";display:block;width:6px;height:28px;background-color:transparent;margin-left:9px;margin-right:14px;border-radius:8px}.guide-side-menu__item--active::before{background-color:#38CCE3}.guide-side-menu__item--active span{color:#38CCE3}

.mildom-image-wall{display:flex;align-items:center}.mildom-image-wall .mildom-image-wall-item{margin-right:10px}.mildom-image-wall .mildom-image-wall-item:last-child{margin-right:0}.mildom-image-wall-uploader{width:70px;height:70px}.mildom-image-wall-uploader .image-uploader-mask{height:100%;width:100%;opacity:1;background:inherit;border-radius:4px}.mildom-image-wall-uploader .image-uploader-select-img{flex:0 0 100%}.mildom-image-wall-uploader .image-uploader-select-img:hover .mildom-image-wall-uploader-placeholder-select-icon .add_svg__cls-2{fill:#38CCE3}.mildom-image-wall-uploader .mildom-image-wall-uploader-delete{position:absolute;display:flex;align-items:center;justify-content:center;height:22px;width:22px;bottom:5px;right:5px;background-color:#000;opacity:0.7;border-radius:50%;cursor:pointer}.mildom-image-wall-uploader .mildom-image-wall-uploader-delete:hover{background-color:#38CCE3}.mildom-image-wall-uploader .mildom-image-wall-uploader-delete .mildom-image-wall-uploader-delete-icon{height:20px;width:20px;background:url(/assets/svg/delete_photo_71662a08890e180282b459be0fa38cc1.svg) no-repeat;background-size:100% 100%}.mildom-image-wall-uploader .mildom-image-wall-uploader-placeholder-bg{display:flex;align-items:center;justify-content:center;background-color:#EAF9FC;height:100%;width:100%;border-radius:4px}.mildom-image-wall-uploader .mildom-image-wall-uploader-placeholder-select-icon{width:30px;fill:none}.mildom-image-wall-uploader .mildom-image-wall-uploader-placeholder-select-icon .add_svg__cls-2{fill:#A5A5A5}.nono-dark-theme .mildom-image-wall-uploader-placeholder-bg{background-color:#333}

.not-selectable{cursor:not-allowed}.image-uploader{position:relative;width:120px;height:70px}.image-uploader__img{height:100%;width:100%;border-radius:4px}.image-uploader-loading{position:absolute}.image-uploader-mask{display:flex;align-items:center;position:absolute;bottom:0;width:100%;height:32px;background-color:#000;color:#FFF;font-size:14px;opacity:0.7;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.image-uploader-select-img{display:flex;align-items:center;justify-content:center;flex:0 0 50%;height:100%;position:relative;cursor:pointer}.image-uploader__take-photo-icon{height:30px;width:30px}.image-uploader__take-photo-text{margin-left:5px}.image-uploader-mask__divider{height:20px;width:1px;flex-shrink:0;background-color:rgba(255,255,255,0.6)}.image-uploader__input{cursor:pointer;font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.image-uploader-delete-img{display:flex;align-items:center;justify-content:center;flex:0 0 50%;height:100%;position:relative;cursor:pointer}.image-uploader-delete-img.disabled{cursor:not-allowed;color:rgba(255,255,255,0.6)}.image-uploader-delete-img.disabled .image-uploader__delete-photo-icon .delete_photo_svg__cls-1{stroke:rgba(255,255,255,0.6)}.image-uploader__delete-photo-text{margin-left:5px}.image-uploader__delete-photo-icon{height:30px;width:30px;fill:none}.image-uploader__delete-photo-icon .delete_photo_svg__cls-1{stroke:#fff}.image-cropper-modal{z-index:z("modal");position:absolute;width:460px;background:#fff;border-radius:10px;padding:30px 30px;padding-top:40px;left:50%;top:50%;transform:translate(-50%, -50%)}.image-cropper-modal .cropper-point{background-color:#38CCE3}.image-cropper-modal .cropper-view-box{outline:1px solid #38CCE3;outline-color:#38CCE3}.image-cropper-modal .cropper-line{background-color:none !important}.image-cropper-modal__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.image-cropper-modal__title{font-size:18px;color:#232323;text-align:center;margin-bottom:35px}.image-cropper-modal-footer{display:flex;justify-content:center;margin-top:25px}.image-cropper-modal__crop-btn{font-size:15px;width:200px;height:48px;border-radius:36px}.image-cropper-modal__crop-btn:hover{background-color:#60d6e9}.image-cropper-modal__cancel-btn{font-size:15px;width:200px;height:48px;margin-right:8px;border-radius:36px;color:#36BDD1;border:1px solid rgba(56,204,227,0.9);background:none}.image-cropper-modal__cancel-btn:hover{color:#38CCE3;background-color:rgba(56,204,227,0.15)}.image-cropper-modal-loading{position:absolute;top:0;left:0}.nono-dark-theme .image-cropper-modal{background-color:#2e3033}.nono-dark-theme .image-cropper-modal__title{color:#fff}

.hidden{display:none}.mildom-tabs{display:flex;flex-direction:column}.mildom-tabs-tab-header{display:flex;font-size:16px;border-bottom:2px solid #EFEFEF;color:#232323;flex-shrink:0}.mildom-tabs-tab-header-item{cursor:pointer;border-bottom:1px solid transparent;padding-left:20px;padding-right:20px;padding-bottom:8px;margin-bottom:-2px}.mildom-tabs-tab-header-item.active{color:#38CCE3;border-bottom:2px solid #38CCE3}.mildom-tabs-tab-content{flex-grow:1}.nono-dark-theme .mildom-tabs-tab-header{border-color:#2B3031;color:#fff}

.room-history-tabs{height:100%;padding:20px 30px}.mildom-tabs-tab-content{height:100%}

.nono-confirm-box-chat-panel{width:100%;border-radius:4px;background-color:#fff;padding:20px 15px;position:relative;box-shadow:0 0 8px #ccc}.nono-confirm-box-chat-panel__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) center center no-repeat;background-size:100% 100%;position:absolute;top:12px;right:12px}.nono-confirm-box-chat-panel__title{display:flex;flex-direction:column;justify-content:center;padding:10px 20px 15px 20px}.nono-confirm-box-chat-panel__title__text{font-size:18px;color:#252525;text-align:center}.nono-confirm-box-chat-panel__content{min-height:80px;display:flex;flex-direction:column;justify-content:center}.nono-confirm-box-chat-panel__content__text{font-size:14px;color:#232323;text-align:center;line-height:1.5}.nono-confirm-box-chat-panel__btn-list{display:flex;justify-content:space-around}.nono-confirm-box-chat-panel__btn-confirm,.nono-confirm-box-chat-panel__btn-cancel{cursor:pointer;font-size:12px;width:80px;height:30px;text-align:center;line-height:30px;border-radius:4px}.nono-confirm-box-chat-panel__btn-confirm{background-color:#38CCE3;color:#fff}.nono-confirm-box-chat-panel__btn-confirm:hover{background-color:rgba(56,204,227,0.6)}.nono-confirm-box-chat-panel__btn-cancel{border:solid 1px #38CCE3;color:#38CCE3}.nono-dark-theme .nono-confirm-box-chat-panel{background:#2E3637;box-shadow:0px 3px 12px rgba(0,0,0,0.16)}.nono-dark-theme .nono-confirm-box-chat-panel__content__text{color:#F6F7F7}

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.flatpickr-calendar .flatpickr-monthDropdown-months{height:28px}.flatpickr-calendar .flatpickr-day.selected{background-color:#69d8ea;border-color:#69d8ea}

.lazy-load-img-item{font-family:"object-fit:cover";object-fit:cover;width:100%;height:100%;vertical-align:bottom}

.user-avatar{width:89px;height:auto;border-radius:50%}.user-avatar>img{border-radius:50%}

.recommend-tag{display:flex}.recommend-tag__body{height:20px;font-size:12px;color:#fff;line-height:20px;padding:0 8px;align-items:center;display:flex;min-width:0;text-shadow:1px 1px 2px rgba(0,0,0,0.3);background:#5ED69D;border-radius:4px}.recommend-tag__icon{width:18px;height:18px;display:inline-block;margin-right:4px}.recommend-tag__tail{height:22px;flex:1;background-repeat:no-repeat;background-size:auto 100%;min-width:20px}

.PUBG-tag{height:22px;padding:0 10px 0 4px;border-radius:4px;display:flex;justify-content:center;align-items:center}.PUBG-tag__icon{width:20px;height:20px;display:inline-block;margin-right:4px}.PUBG-tag__label{font-size:12px;color:#2A2A2A;max-width:170px}

.live-item__draw-preview{position:absolute;right:12px;bottom:12px;width:30px;height:30px}.live-item__recommend-tag{position:absolute;top:6px;right:6px;left:70px;display:flex;justify-content:flex-end}.live-item__live-type-tag{position:absolute;top:6px;left:6px;width:42px;height:20px}.auto_replay{position:absolute;top:10px;left:10px;font-size:12px;padding:3px 5px;border-radius:2px;color:#fff;background-color:#5ed69d}.live-item__PUBG-tag{position:absolute;top:6px;right:6px}.live-item{width:25%;padding:0 5px}.live-item__padding-container{padding-bottom:79%;position:relative;border-radius:4px;overflow:hidden}.live-item__real-container:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,0.07)}.live-item__real-container{position:absolute;top:0;left:0;width:100%;height:100%}.live-item__poster-wrap{height:64.5%;position:relative}.live-item__poster{width:100%;height:100%;background-color:#ededed}.live-item__real-container:hover .live-item__play-mask{opacity:1}.live-item__real-container:hover .live-item__main-intro{color:#38cce3}.live-item__play-mask{display:flex;position:absolute;left:0;right:0;top:0;bottom:0;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.3);opacity:0;transition:all 0.3s ease-out}.live-item__play-btn{width:20%;height:auto;transform:scale(2);opacity:0;transition:all 0.25s ease-out}.live-item__real-container:hover .live-item__play-btn{transform:scale(1);opacity:1}.live-item__viewer{display:flex;justify-content:flex-end;align-items:center}.live-item__viewer-icon{width:14px;height:14px;background:url(/assets/a300845aacc585125d427d5123346720.png) no-repeat;background-size:contain;margin-bottom:2px}.live-item__viewer-icon--see{width:14px;height:14px;background:url(/assets/3dc164f47c17b5ccc557d4d8144e2cc4.png) no-repeat;background-size:contain;margin-right:4px;margin-bottom:3px}.live-item__viewer-num{color:#c6c6c6}.live-item__main{border-radius:0 0 4px 4px;height:37.5%;display:flex;flex-direction:column;justify-content:space-around;padding:4px 6px;background:#fff;position:relative;padding-bottom:1px}.live-item__main .live-card-tag{margin:8px 0px 6px}@media only screen and (min-width: 1100px){.live-item__main{height:37.5%}}.live-item__main-avatar{width:36px;height:36px;flex-shrink:0;margin-right:6px;background-color:#edeff0}.nono-dark-theme .live-item__main-avatar{background-color:#17181a}.live-item__main-desc{display:flex;align-items:center;font-size:12px}.live-item__main-intro{font-size:14px;color:#232323;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;flex-shrink:0}.live-item__main-nickname{font-size:12px;flex:1;color:#9f9f9f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nono-dark-theme .live-item__main{background:#252b2c}.nono-dark-theme .live-item__main .live-item__main-nickname{color:#c6c6c6}.nono-dark-theme .live-item__main-intro{color:#fff}.nono-dark-theme .live-item__poster{background-color:#202323}

.common-on-live{width:20px;height:20px;background-color:#F86262;border-radius:50%;display:flex;justify-content:center;align-items:center}.common-on-live i{flex-shrink:0;width:2px;height:40%;border-radius:10px;background-color:#fff;margin:0 5%;transform-origin:50% 100%;animation:liveLineScale 0.3s cubic-bezier(0.85, 0.25, 0.37, 0.85) infinite alternate}.common-on-live i:nth-child(2){animation-delay:.1s}.common-on-live i:nth-child(3){animation-delay:.2s}@keyframes liveLineScale{from{transform:scaleY(1)}to{transform:scaleY(0.5)}}

.user-info-item-content{cursor:pointer;position:relative;display:flex;width:160px;align-items:center;margin:0 10px 20px 10px;background-color:#ffffff;border-radius:8px;flex-direction:column;padding-top:24px;padding-bottom:24px;text-align:center}.user-info-item-content .user-live-tag{margin-top:6px}.follow-page__user-info-item{padding-bottom:11px}.user-info-item-content__official{position:absolute;right:0;top:0;width:62px;height:16px;background-size:contain}.user-info-item-content__official.game{background-image:url(/assets/svg/game_host_95e843b53125bf6f7f643ad7508119bb.svg)}.user-info-item-content__official.show{background-image:url(/assets/svg/show_host_f0af4f367acb32ad25bf2e47202de7fa.svg)}.user-info-item-content__certification{display:flex;align-items:center;margin-top:4px}.user-info-item-content__certification img{height:13px}.user-info-item-content__certification span{color:#F7AD19;font-size:12px;margin-left:4px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info-item-content:nth-child(5n){margin-right:0}.user-info-item-content:hover{box-shadow:0px 6px 8px rgba(57,68,70,0.1)}.user-info-item-btn{margin-top:10px;visibility:hidden}.user-info-item-content:hover .user-info-item-btn{visibility:visible}.user-info-item-content-avatar-circle{display:flex;justify-content:center;align-items:center;width:88px;height:88px;border-radius:50%;border:2px #efefef solid;position:relative;flex-shrink:0}.user-info-item-avatar{width:78px;height:78px}.user-info-item-content-user-living{position:absolute;bottom:1px;right:3px}.user-info-item-content-avatar-circle img{vertical-align:bottom}.user-info-item-content-user-data{display:flex;width:102px;flex-direction:column;margin-left:8px}.user-info-item-content-user-data .name{font-size:16px;color:#232323;line-height:1.5}.user-info-item-content-user-data .info{font-size:14px;color:#707070;display:flex;align-items:center;justify-content:center}.user-info-item-content-user-data .certification-icon{width:20px;height:20px;margin-right:2px;max-width:100%}.user-info-item-content-user-data p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0}.user-info-item-btn--followed{width:86px;height:24px;color:#38CCE3;background-color:#ffffff;border:solid 1px #38CCE3;border-radius:12px;font-size:10px;text-align:center;line-height:24px;align-items:center}.user-info-item-btn--addfollow{width:86px;height:24px;background-color:#38CCE3;border-radius:12px;font-size:10px;line-height:24px;color:#ffffff;display:flex;justify-content:center;align-items:center}.user-info-item-btn--addfollow:hover{background-color:rgba(56,204,227,0.6)}.user-info-item-btn--addfollow img{width:12px;height:12px;margin-right:2px}.user-info-item-btn--followed img{width:12px;height:12px;margin-right:2px;margin-bottom:-1px}.nono-dark-theme .user-info-item-content{background:#252B2C}.nono-dark-theme .user-info-item-content-user-data .name{color:#fff}.nono-dark-theme .user-info-item-content-user-data .info{color:#c6c6c6}.nono-dark-theme .user-info-item-btn--followed{background:#1b1f20}.nono-dark-theme .user-info-item-btn--followed:hover{background-color:#404040}.nono-dark-theme .user-info-item-content-avatar-circle{border-color:rgba(226,226,226,0.1)}

.breadcrumb{font-size:12px;color:#898888;display:flex}.breadcrumb-item.breadcrumb-cursor{cursor:pointer}.breadcrumb-item.breadcrumb-cursor:hover{color:#38CCE3}.breadcrumb-item::after{content:">";margin:0 5px;color:#898888}.breadcrumb-item:last-child:after{display:none}.nono-dark-theme .breadcrumb{color:#fff}.nono-dark-theme .breadcrumb-item::after{color:#fff}

.infinite-load__no-data{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px}.infinite-load__no-data .infinite-load__no-data-icon{width:180px}.infinite-load__no-data p{font-size:18px !important;margin:24px 0 !important;color:#8D8D8D !important}.infinite-load__no-data>p{font-size:12px;color:#4c4b4b;margin-bottom:15px}.infinite-load__container{width:100%;display:flex;flex-wrap:wrap}.infinite-load__more-loading{width:100%;padding:20px 0;display:flex;justify-content:center;align-items:center}.nono-dark-theme .infinite-load__no-data>p{color:rgba(255,255,255,0.5)}

.category-list-container{margin:0 40px}.category-list__title{font-size:18px;color:#4c4b4b;margin-top:40px;margin-bottom:20px;display:flex;align-items:center}.category-list__title::before{content:"";width:6px;height:20px;background-color:#38CCE3;border-radius:2px;margin-right:10px}.category-list__content{margin-left:-5px;margin-right:-5px;padding-bottom:100px;display:flex;flex-wrap:wrap}.category-list__live-item{padding:5px}.category-list__no-data{font-size:16px;color:#8A8888;width:250px;text-align:center;line-height:1.5;display:flex;flex-direction:column;align-items:center;margin:180px auto 0 auto}.category-list__no-data__video{width:180px;height:96px;background:url(/assets/89ead5aae991af94fa833662d35a45f3.png) no-repeat;background-size:100% 100%;margin-bottom:15px}.nono-dark-theme .category-list__title{color:#fff}

.album{background-color:rgba(0,0,0,0.8);flex-direction:column}.album__close{cursor:pointer;position:absolute;top:20px;right:20px;width:26px;height:26px;background:url(/assets/b1396cc24382458748a4f7f59fba42df.png) no-repeat;background-size:100% 100%}.album__photo-box{position:relative;text-align:center}.ablum__photo-container{position:relative;height:400px;width:712px}.ablum__photo-container-auto{overflow:auto}@media screen and (min-width: 1441px) and (max-width: 1680px){.ablum__photo-container{height:600px;width:1068px}}@media screen and (min-width: 1681px){.ablum__photo-container{height:800px;width:1424px}}.album__prev,.album__next{cursor:pointer;position:absolute;width:16px;height:28px;top:50%;transform:translateY(-50%)}.album__prev{left:-36px;background:url(/assets/7249a9022f2e303a07a863788aa82ddd.png) no-repeat;background-size:100% 100%}.album__next{right:-36px;background:url(/assets/a25fde52942e1616806b14181a9dfc6e.png) no-repeat;background-size:100% 100%}.album__prev:hover{background:url(/assets/be870c8038c07c24ed8260cf31b0882f.png) no-repeat;background-size:100% 100%}.album__next:hover{background:url(/assets/6f05bd046e57e2715637b10fcb6297a1.png) no-repeat;background-size:100% 100%}.ablum__photo-img-in-cursor{cursor:zoom-in}.ablum__photo-img-in{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:100%;max-width:100%}.ablum__photo-img-out{cursor:zoom-out}.ablum__photo-img-middle{position:absolute;left:0;top:50%;transform:translateY(-50%)}.album_pic_none{display:none}.album__photo-list{display:flex;justify-content:center;margin-top:20px}.album__thumbnail-wrap{cursor:pointer;position:relative;width:46px;height:46px;margin-right:3px}.album__thumbnail-wrap:last-child{margin-right:0}.album__thumbnail-wrap::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5)}.album__thumbnail-wrap:hover::before{background:transparent}.album__thumbnail-wrap.active::before{background:transparent;border:solid 3px #38CCE3}.album__thumbnail{width:100%;height:100%;font-family:"object-fit:cover";object-fit:cover}

.chat-panel .level{display:inline-block;padding:0 4px;min-width:24px;height:16px;text-align:center;border-radius:8px;border-width:1px;border-style:solid;color:#fff;font-size:12px;text-shadow:none;line-height:14px}.gift-message{padding-right:50px !important}.gift-message img{height:22px;vertical-align:middle}.gift-message .text{color:#FE8CCD !important}.gift-message .gift-time{position:absolute;right:21px}.gift-message .gift-time.hidden{display:none}.chat-panel .chat-item.system-message{display:flex}.chat-panel .chat-item.system-message img{width:18px;height:18px;margin-right:4px;flex-shrink:0}.chat-panel .chat-item.award-msg{color:#FDB658}.chat-panel .chat-item.award-msg .level{margin-right:3px}.chat-panel .chat-item.award-msg .award-name{color:#ACACAC;cursor:pointer;margin-right:6px}.chat-panel .chat-item.award-msg .sponsor-name{color:#ACACAC;margin-right:6px}.chat-panel .chat-item--recalling{background:rgba(0,0,0,0.03)}.nono-dark-theme .chat-panel .chat-item--recalling{background:rgba(255,255,255,0.05)}

.active-entrance-panel{position:absolute;max-height:442px;bottom:170px;right:25px;display:flex;flex-direction:column;align-items:flex-end;z-index:1;overflow:hidden}.chat-panel-medals{display:inline-block}.user-info-wrap{line-height:24px}.user-info-wrap.isUser{cursor:pointer}.user-info-wrap.isUser .sender{cursor:pointer}.user-info-wrap .sender{cursor:auto}.user-info-wrap__fans-badge{margin-right:5px;margin-left:6px}.chat-item__bubble-bg{display:inline-block;max-width:100%;padding:3px 28px 3px 8px;background-color:rgba(8,149,254,0.05);border-radius:4px;border:solid 1px rgba(8,149,254,0.25);position:relative}.chat-item__bubble-wrap{width:22px;height:22px;overflow:hidden;position:absolute;right:0;bottom:0}.chat-item__bubble{height:22px;vertical-align:bottom}.chat-emotion-img{width:30px;height:30px;vertical-align:middle;margin-right:2px;margin-bottom:2px}.chat_hyperlink:hover{text-decoration:underline;color:#38CCE3}.chat-panel.full-screen{cursor:move;position:fixed;right:50px;bottom:200px;background-color:transparent;width:360px;height:460px !important;justify-content:flex-start;padding-bottom:0;border:none;padding-top:0;border-radius:4px}.chat-panel.full-screen .message-list-container{flex:none;height:370px;padding-top:12px}.chat-panel.full-screen .chat-item{text-shadow:1px 1px 5px #000}.chat-panel.full-screen .chat-item.enter-msg{border-radius:13px}.chat-panel.full-screen .level{box-shadow:0px 0px 4px rgba(0,0,0,0.6);text-shadow:1px 1px 5px #000}.chat-panel.full-screen .chat-item.system-msg{text-shadow:none}.chat-panel.full-screen .chat-item .sender{color:#fff}.chat-panel.full-screen .chat-item .text{color:#fff}.chat-panel.full-screen .close{display:none;cursor:pointer;width:26px;height:36px;background:url(/assets/b1396cc24382458748a4f7f59fba42df.png) no-repeat;background-size:26px 26px;position:absolute;right:0;top:-36px}.chat-panel.full-screen .mark{width:100%;height:20px;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.3) 100%);position:absolute;bottom:20px;left:0}.chat-panel.full-screen .message-list-container__more-msg{bottom:-10px}.chat-panel.full-screen .message-list-container__scroll-main>div:first-child{padding:0 12px 0 6px}.chat-panel.full-screen .message-list-container__scroll-main .scrollBar{background:#707070}.chat-panel.full-screen:hover,.chat-panel.full-screen.focus{background-color:rgba(0,0,0,0.5)}.chat-panel.full-screen:hover .close,.chat-panel.full-screen.focus .close{display:block}.chat-panel.full-screen:hover .chat-panel-input-wrap,.chat-panel.full-screen.focus .chat-panel-input-wrap{display:flex;height:36px;background:#535353;border-radius:4px;bottom:19px}.chat-panel.full-screen:hover .chat-panel-input-wrap .chat-panel-input,.chat-panel.full-screen.focus .chat-panel-input-wrap .chat-panel-input{border:none;color:#fff}.chat-panel.full-screen:hover .chat-panel-input-wrap .send-msg-btn,.chat-panel.full-screen.focus .chat-panel-input-wrap .send-msg-btn{height:36px;border-radius:4px;background:rgba(255,255,255,0.3);line-height:36px}.chat-panel.full-screen:hover .chat-panel-input-wrap .send-msg-btn:hover,.chat-panel.full-screen.focus .chat-panel-input-wrap .send-msg-btn:hover{background:rgba(255,255,255,0.6)}.chat-panel.full-screen .chat-panel-input-wrap{display:none}.chat-panel.full-screen .chat-panel-input-wrap .chat-panel-input{background-color:transparent}.chat-panel.full-screen .chat-panel-input-wrap .chat-panel-input:focus{border-color:#fff}.chat-panel{float:right;box-sizing:border-box;width:100%;height:100%;padding:84px 0 133px 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;background-color:#f8f8f8;border-left:1px solid #E5E5E5;flex:1;border-top:none}.chat-panel--has-anounce{padding-top:84px}.chat-panel__header{z-index:2;position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #E5E5E5;font-size:14px;color:#606060;background-color:#fff}.chat-panel__tab{display:flex;align-items:center;justify-content:center;height:84px;flex:0 0 50%;cursor:pointer;border-bottom:1px solid transparent}.chat-panel__tab.active{border-bottom:1px solid #38CCE3;color:#38CCE3}.chat-panel__tab.active:only-child{border-bottom:none !important;cursor:initial;color:#232323 !important}.chat-panel .chat-item{position:relative;line-height:19px;padding:3px 8px;border-radius:20px;width:100%;flex-shrink:0;word-wrap:break-word;color:#ACACAC}.chat-panel .chat-item__recall-button{cursor:pointer;position:absolute;top:0;left:50%;transform:translate(-50%, -38px);padding:0 15px;height:30px;line-height:30px;background:#fff;box-shadow:0px 3px 12px rgba(0,0,0,0.16);opacity:1;border-radius:4px;font-size:14px;color:#222;text-shadow:none}.chat-panel .chat-item__recall-button--down{top:100%;transform:translate(-50%, 8px);z-index:100}.chat-item__recall-button i{position:absolute;top:100%;left:50%;margin-left:-15px;width:30px;height:10px;overflow:hidden}.chat-item__recall-button--down i{top:initial;bottom:100%}.chat-item__recall-button i::after{content:'';position:absolute;width:10px;height:10px;left:50%;transform:translate(-50%, -50%) rotate(45deg);background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.5)}.chat-item__recall-button--down i::after{bottom:0;transform:translate(-50%, 50%) rotate(-45deg)}.chat-panel .enter-msg{border-radius:0;margin:5px 0}.chat-panel .chat-item:nth-last-child(2){margin-bottom:0}.chat-panel .chat-item .sender{margin-left:4px}.chat-panel .chat-item .text{color:#232323}.chat-panel .chat-item .text.isblock{color:#C6C6C6}.chat-panel .chat-item .text.isrecall{color:#8d8d8d}.chat-item--recallable .text{cursor:pointer}.chat-panel .chat-item .chat-item__forbid-name{color:#ACACAC}.chat-panel-input-wrap{position:absolute;left:25px;right:25px;bottom:29px;font-size:12px;height:50px;display:flex}.chat-panel-input-wrap.disabled::before{cursor:not-allowed;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.1)}.chat-panel-input-wrap .chat-panel-input{resize:none;color:#4c4b4b;line-height:1.5;flex:1;padding:5px 10px 5px 10px;background-color:#fff;border:solid 1px #E6E6E6;border-radius:4px 0 0 4px;outline:none}.chat-panel-input-wrap .chat-panel-input:focus{border-color:#38CCE3}.chat-panel-input-wrap .chat-panel-input::-webkit-scrollbar{width:6px;height:6px;background:transparent}.chat-panel-input-wrap .chat-panel-input::-webkit-scrollbar-button{height:4px;width:4px;background:transparent}.chat-panel-input-wrap .chat-panel-input::-webkit-scrollbar-thumb{border-radius:4px;background-color:#e8e8e8}.chat-panel-input-wrap .chat-panel-input.disabled{border:solid 1px #f2f2f2}.chat-panel-input::-webkit-input-placeholder{color:#9f9f9f}.chat-panel-input:-moz-placeholder{color:#9f9f9f}.chat-panel-input::-moz-placeholder{color:#9f9f9f}.chat-panel-input:-ms-input-placeholder{color:#9f9f9f}.chat-panel-input-wrap .chat-panel-login{cursor:pointer;text-align:center;color:#9f9f9f;flex:1;padding:10px;background-color:#e7e7e7;border-radius:4px 0 0 4px;border:solid 1px transparent}.chat-panel-input-wrap .send-msg-btn{cursor:pointer;font-size:13px;color:#fff;width:60px;height:50px;text-align:center;line-height:50px;background-color:#38CCE3;border-radius:0px 4px 4px 0px;position:relative}.chat-panel-input-wrap .send-msg-btn.noLogin{background:#c6c6c6}.chat-panel__footer-container{border-top:1px solid #E5E5E5}.chat-panel.full-screen .chat-panel__header{display:none}.chat-panel.full-screen .chat-panel__footer-container{border:none}.chat-panel__footer{position:absolute;left:25px;right:26px;bottom:91px;display:flex;align-items:center;height:26px}.chat-panel__footer .chat-panel-input__count{font-size:11px;color:#C6C6C6}.chat-panel__footer .chat-panel__emotion-btn{margin-right:10px}.luckydraw-msg-tip{min-width:80px;cursor:auto;background:rgba(0,0,0,0.7);padding:10px;border-radius:4px;font-size:12px;color:#fff;line-height:1;white-space:nowrap;position:absolute;left:-30px;top:-40px}.luckydraw-msg-tip::after{content:"";position:absolute;width:0;height:0;bottom:-7px;left:55px;border-top:7px solid rgba(0,0,0,0.7);border-left:7px solid transparent;border-right:7px solid transparent;transform:translateX(-50%)}.chat-panel-input-wrap .send-msg-btn.disabled{cursor:not-allowed;color:#9f9f9f;background-color:#f2f2f2 !important}.chat-panel-input-wrap .send-msg-btn:hover{background-color:rgba(56,204,227,0.6)}.chat-panel-input-wrap .send-msg-btn:hover.noLogin{background-color:#c6c6c6;cursor:not-allowed}.lightup-message img{height:24px;vertical-align:middle}.lightup-message .text{color:#9f9f9f !important}.chat-panel-divier{height:18px;width:1px;background-color:#707070;margin-top:auto;margin-bottom:auto}.chat-shortcut-wrapper{width:48px;height:100%;padding-left:15px;padding-top:10px}.chat-shortcut-wrapper .chat-shortcut-panel{left:-260px}.chat-shortcut-wrapper .fullscreen .chat-shortcut-btn__badge{right:5px}.message--chat-panel{position:absolute;top:80%;width:280px;display:flex;justify-content:center}.message--chat-panel--center{position:absolute;width:280px;display:flex;justify-content:center}.chat-panel___mention-follow-panel{padding-left:30px;padding-right:30px;height:45px;color:#232323;background-color:#fff;font-size:14px;display:flex;align-items:center}.chat-panel___mention-follow-panel>span{flex:1;min-width:0}.chat-panel___mention-follow-panel.fullscreen{position:absolute;bottom:65px;background-color:rgba(32,37,38,0.5);border-radius:4px;color:#fff;width:340px;margin-left:10px}.chat-panel___mention-follow-panel__icon{width:24px;height:24px;background:url(/assets/svg/info_a7d8609010bc6e36ceb8e74d76ca7b76.svg);background-size:cover;margin-right:15px}.chat-panel__lucky-draw-ongoing-panel{position:relative;padding:6px 12px;height:30px;color:#232323;border-top:1px solid #E5E5E5;background-color:#F8F8F8;font-size:12px;display:flex;align-items:center}.chat-panel__lucky-draw-ongoing-panel.fullscreen{position:absolute;bottom:65px;background-color:#2E3637;border-top:1px solid #2E3637;color:#FFFFFF;border-radius:4px;width:310px;margin-left:25px}.chat-panel__lucky-draw-ongoing-panel__icon{width:20px;height:20px;background:url(/assets/dbdb3641326c7caf663b792211107e90.png) no-repeat;background-size:100% 100%;margin-right:8px}.chat-panel__lucky-draw-ongoing-panel__close-icon{position:absolute;right:12px;top:12px;width:7px;height:7px;background:url(/assets/e93768dbc00446e285e02ed99cc2a4ed.png) no-repeat;background-size:100% 100%;cursor:pointer}.chat-panel__confirm-box{width:200px;background-color:#ffffff;border-radius:4px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.chat-panel_live_begin_toast_fullscreen{top:60%;position:fixed;animation:fullscreen-live-start-toast-barrage 16s linear 0s;cursor:pointer;background:transparent;width:100%}.chat-panel_live_begin_toast_fullscreen .chat-panel_live_begin_toast_content_fullscreen{background:linear-gradient(265deg, #f9ad3b 0%, #fdc555 100%);border-radius:40px;opacity:0.95;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;max-width:720px}.chat-panel_live_begin_toast_fullscreen .chat-panel_live_begin_toast_content_fullscreen .chat-panel_live_begin_toast_notification_img_fullscreen{width:22px;height:22px;display:inline-block}.chat-panel_live_begin_toast_fullscreen .chat-panel_live_begin_toast_content_fullscreen .chat-panel_live_begin_toast_move_img_fullscreen{width:14px;height:14px;margin-left:12px;display:inline-block}.chat-panel_live_begin_toast_fullscreen .chat-panel_live_begin_toast_content_fullscreen .chat-panel_live_begin_toast_text_fullscreen{width:660px;font-size:13px;font-weight:400;line-height:17px;color:#fff;margin-left:5px;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}@keyframes fullscreen-live-start-toast-barrage{0%{left:100%;transform:translate3d(0, 0, 0)}40%{left:38%;transform:translate3d(0, 0, 0)}50%{left:38%;transform:translate3d(0, 0, 0)}60%{left:38%;transform:translate3d(0, 0, 0)}100%{left:0;transform:translate3d(-100%, 0, 0)}}.chat-panel_live_begin_toast{position:absolute;top:60%;background:transparent;width:100%;justify-content:center}.chat-panel_live_begin_toast div{animation:live-start-toast-barrage 5s linear 0s;animation-delay:3s;cursor:pointer}.chat-panel_live_begin_toast div .chat-panel_live_begin_toast_content{background:linear-gradient(265deg, #f9ad3b 0%, #fdc555 100%);border-radius:40px;opacity:0.95;display:flex;justify-content:space-between;align-items:center;padding:6px 12px}.chat-panel_live_begin_toast div .chat-panel_live_begin_toast_content .chat-panel_live_begin_toast_notification_img{width:22px;height:22px;display:inline-block}.chat-panel_live_begin_toast div .chat-panel_live_begin_toast_content .chat-panel_live_begin_toast_move_img{width:14px;height:14px;margin-left:12px;display:inline-block}.chat-panel_live_begin_toast div .chat-panel_live_begin_toast_content .chat-panel_live_begin_toast_text{width:220px;font-size:13px;font-weight:400;line-height:17px;color:#fff;margin-left:5px;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}@keyframes live-start-toast-barrage{from{left:100%;transform:translate3d(0, 0, 0)}to{left:0;transform:translate3d(-100%, 0, 0)}}.nono-dark-theme .chat-panel{background-color:#202526;border-color:#2c2e2e}.nono-dark-theme .chat-panel__header{background-color:#161818;color:#A9A9A9;border-color:rgba(239,239,239,0.2)}.nono-dark-theme .chat-panel__header .chat-panel__tab.active:only-child{color:#a9a9a9 !important}.nono-dark-theme .message-list-container{background-color:#1B1F20}.nono-dark-theme .chat-panel__footer-container{border-color:transparent}.nono-dark-theme .chat-panel.full-screen{background-color:transparent}.nono-dark-theme .chat-panel.full-screen:hover{background-color:rgba(0,0,0,0.3)}.nono-dark-theme .chat-item .text{color:#fff}.nono-dark-theme .chat-panel-input-wrap .chat-panel-input{color:#fff;background-color:#424848;border-color:transparent}.nono-dark-theme .chat-panel-input-wrap .chat-panel-input:focus{border-color:#38CCE3}.nono-dark-theme .chat-panel .more-msg{background:url(/assets/005ab16a53aacddc00a23db9dc3fd72f.png) no-repeat;background-size:100% 100%}.nono-dark-theme .chat-panel__footer .send-msg-btn.disabled{color:#848484;background:rgba(89,89,89,0.5) !important}.nono-dark-theme .chat-panel-input-wrap .chat-panel-input::-webkit-scrollbar-thumb{background-color:#404040}.nono-dark-theme .chat-item__bubble-bg{background-color:rgba(8,149,254,0.2);border-color:rgba(8,149,254,0.07)}.nono-dark-theme .luckydraw-msg-tip{background:#fff;color:#000}.nono-dark-theme .chat-panel__footer .chat-panel-input__count{color:#8d8d8d}.nono-dark-theme .chat-panel___mention-follow-panel{background-color:#202526;color:#fff}.nono-dark-theme .chat-panel .chat-item__recall-button{background:#2e3637;color:#fff}.nono-dark-theme .chat-item__recall-button i::after{background:#2e3637}.nono-dark-theme .chat-panel_live_begin_toast{background:transparent}.nono-dark-theme .chat-panel_live_begin_toast_fullscreen{background:transparent}.nono-dark-theme .chat-panel__lucky-draw-ongoing-panel{border-top:1px solid #2E3637;background-color:#2E3637;color:#FFFFFF}@media only screen and (min-height: 106px) and (max-height: 808px){.active-entrance-panel{max-height:320px}}

.chat-user-card{cursor:move;width:298px;background-color:#ffffff;border-radius:4px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:11px 12px;box-shadow:0 0 8px #ccc}.chat-user-card__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:12px;top:12px}.chat-user-card__head{display:flex;margin-bottom:15px}.chat-user-card__manager-btn{cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:12px;color:#8D8D8D;height:20px;line-height:20px;padding-right:8px;border-radius:10px}.chat-user-card__manager-btn .add-manager-btn{width:20px;height:20px;background:url(/assets/b4e2c46d0eaf5cf0298ed77ee3c2aa0d.png) no-repeat;background-size:100% 100%;margin-right:2px}.chat-user-card__manager-btn .del-manager-btn{width:20px;height:20px;background:url(/assets/ea123ca6dd8f09d138ee6bba43640811.png) no-repeat;background-size:100% 100%;margin-right:2px}.chat-user-card__manager-btn span{padding-top:2px}.chat-user-card__main{display:flex;align-items:center;margin-bottom:15px}.chat-user-card__main:last-child{margin-bottom:0}.chat-user-card__avatar{width:60px;height:60px;border:1px solid #f2f2f2;margin-right:10px}.chat-user-card__right{width:180px;margin-top:-3px}.chat-user-card__loginname{font-size:18px;color:#232323;line-height:1.5;margin-bottom:3px;display:flex;align-items:center}.chat-user-card__loginname span:first-child{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-card__user-id{font-size:14px;color:#8D8D8D;margin-left:2px}.chat-user-card__lapproved{display:flex;align-items:center;color:#F7AD19;font-size:12px}.chat-user-card__lapproved img{height:12px;margin-right:5px}.chat-user-card__other{display:flex;align-items:center;margin-top:3px}.chat-user-card__other .certification-icon{height:16px}.chat-user-card__male{display:inline-block;width:14px;height:14px;background:url(/assets/svg/male_e1dad58e0bce0dd11891d89ee754ce59.svg) no-repeat;background-size:100% 100%;margin-left:5px}.chat-user-card__female{display:inline-block;width:14px;height:14px;background:url(/assets/svg/female_21fb0a94d85bf1053fdca2771c622442.svg) no-repeat;background-size:100% 100%;margin-left:5px}.chat-user-card__footer{display:flex;justify-content:space-between}.chat-user-card__footer-btn{cursor:pointer;font-size:12px;color:#232323;width:82px;height:28px;text-align:center;line-height:27px;border-radius:4px;border:solid 1px #EFEFEF}.chat-user-card__footer-btn:hover{color:#38CCE3;border-color:rgba(56,204,227,0.1);background:rgba(56,204,227,0.1)}.chat-user-card__block-time-wrap{display:flex;justify-content:center;margin:25px 0}.chat-user-card__block-time-item{cursor:pointer;font-size:14px;width:80px;height:30px;color:#232323;border:1px solid #EFEFEF;border-radius:4px;display:flex;justify-content:center;align-items:center;margin-right:15px}.chat-user-card__block-time-item:last-child{margin-right:0}.chat-user-card__block-time-item.active{color:#38CCE3;background-color:rgba(56,204,227,0.1)}.nono-dark-theme .chat-user-card{background-color:#2E3637;box-shadow:none}.nono-dark-theme .chat-user-card__manager-btn{color:#fff;background-color:rgba(255,255,255,0.1)}.nono-dark-theme .chat-user-card__manager-btn:hover{background-color:rgba(255,255,255,0.2)}.nono-dark-theme .chat-user-card__avatar{border-color:transparent}.nono-dark-theme .chat-user-card__loginname{color:#fff}.nono-dark-theme .chat-user-card__footer-btn{color:#fff;border-color:rgba(255,255,255,0.1)}.nono-dark-theme .chat-user-card__footer-btn:hover{color:#38CCE3;border-color:#38CCE3}.nono-dark-theme .chat-user-card__block-time-item{color:#fff;border-color:rgba(255,255,255,0.1)}.nono-dark-theme .chat-user-card__block-time-item.active{color:#38CCE3;border-color:transparent}

.playback-item-cover{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;border-radius:4px}.playback-item-cover__bg-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;-webkit-filter:blur(10px);filter:blur(10px);transform:scale(1.1)}.playback-item-cover__bg-wrapper::after{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%}.playback-item-cover__img{position:absolute;left:0;top:0;width:100%;height:100%;font-family:"object-fit:contain";object-fit:contain}

.playback-item-inline__live-type-tag{position:absolute;top:6px;left:6px;height:20px}.playback-item-inline{width:25%;padding:0 5px;cursor:pointer}.playback-item-inline .video-card-tag{margin:8px 0 6px}.playback-item-inline__padding-container{padding-bottom:86%;position:relative;border-radius:4px;overflow:hidden}.room-relative .playback-item-inline__padding-container{padding-bottom:79%}.playback-item-inline__real-container:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,0.07)}.playback-item-inline__real-container{position:absolute;top:0;left:0;width:100%;height:100%}.room-relative .playback-item-inline__poster-wrap{height:66%}.playback-item-inline__poster-wrap{height:60%;position:relative}.playback-item-inline__poster{width:100%;height:100%}.playback-item-inline__real-container:hover .playback-item-inline__play-mask{opacity:1}.playback-item-inline__real-container:hover .playback-item-inline__main-intro{color:#38cce3}.playback-item-inline__play-mask{display:flex;position:absolute;left:0;right:0;top:0;bottom:0;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.3);opacity:0;transition:all 0.3s ease-out}.playback-item-inline__play-btn{width:20%;height:auto;transform:scale(2);opacity:0;transition:all 0.25s ease-out}.playback-item-inline__real-container:hover .playback-item-inline__play-btn{transform:scale(1);opacity:1}.playback-item-inline__time{margin-left:6px}.playback-item-inline__viewer{display:flex;justify-content:flex-end;align-items:center}.playback-item-inline__viewer-icon{width:14px;height:14px;background:url(/assets/a300845aacc585125d427d5123346720.png) no-repeat;background-size:contain;margin-bottom:2px}.playback-item-inline__viewer-icon--see{width:14px;height:14px;background:url(/assets/3dc164f47c17b5ccc557d4d8144e2cc4.png) no-repeat;background-size:contain;margin-right:4px;margin-bottom:2px}.playback-item-inline__viewer-icon-clock{width:14px;height:14px;background:url(/assets/dab49fb1175c5282215bdba1f24081c1.png) no-repeat;background-size:contain;margin-right:2px}.playback-item-inline__viewer-num{color:#c6c6c6;margin-bottom:2px}.playback-item-inline__main{height:40%;display:flex;flex-direction:column;justify-content:space-around;padding:6px 10px 0;background-color:#fff;position:relative}.room-relative .playback-item-inline__main,.playback-page__more .playback-item-inline__main{background-color:#f8f8f8;height:34%}.playback-item-inline__main-avatar{width:36px;height:36px;flex-shrink:0;margin-right:6px;background-color:#edeff0}.nono-dark-theme .live-item__main-avatar{background-color:#17181a}.playback-item-inline__main-desc{display:flex;align-items:center;font-size:12px}.playback-item-inline__main-intro{font-size:14px;color:#232323;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.playback-item-inline__main-nickname{font-size:12px;flex:1;color:#9f9f9f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playback-item-cover__length{position:absolute;top:4px;right:4px;padding:3px 8px;border-radius:4px;background-color:rgba(0,0,0,0.8);font-size:12px;color:#fff}

.specific-video-container{margin:0 40px}.specific-video__header{margin-left:-40px;margin-right:-40px;padding:0 40px;height:143px;background-color:#262626;display:flex}.specific-video__cover{width:110px;height:147px;border-radius:4px;font-family:"object-fit:cover";object-fit:cover;transform:translateY(50px)}.specific-video__title{font-size:18px;color:#4c4b4b;margin-top:40px;margin-bottom:20px;display:flex;align-items:center}.specific-video__title::before{content:"";width:6px;height:20px;background-color:#38CCE3;border-radius:2px;margin-right:10px}.specific-video__tag-container{display:flex;flex-wrap:wrap;margin-bottom:20px}.specific-video__tag{cursor:pointer;font-size:12px;color:rgba(76,75,75,0.7);height:24px;max-width:220px;padding:0 13px;line-height:22px;border:1px solid #c7c7c7;border-radius:12px;flex-shrink:0;margin:0 14px 10px 0}.specific-video__tag:hover,.specific-video__tag.active{color:#38CCE3;border-color:#38CCE3}.specific-video__content{margin-left:-5px;margin-right:-5px;padding-bottom:100px;display:flex;flex-wrap:wrap}.specific-video__live-item{padding:5px 5px 12px 5px}.specific-video__no-data{font-size:18px;color:#8A8888;width:250px;text-align:center;line-height:1.5;display:flex;flex-direction:column;align-items:center;margin:150px auto 0 auto}.specific-video__no-data__video{width:180px;height:96px;background:url(/assets/89ead5aae991af94fa833662d35a45f3.png) no-repeat;background-size:100% 100%;margin-bottom:24px}

.live-end-playback{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.live-end-playback .playback-item-inline__viewer{margin-right:10px}.live-end-playback .playback-item-inline__live-type-tag{left:6px;top:6px;height:20px}.live-end-playback .playback-item-inline{width:478px;height:269px;cursor:pointer}.live-end-playback .playback-item-inline-cover--normal{width:100%;height:100%}.live-end-playback .playback-item-inline__main{background-color:#f8f8f8;border-bottom-right-radius:4px;border-bottom-left-radius:4px;height:17.5%}.live-end-playback__desc-title{font-size:18px;color:#fff}.live-end-playback__end-time{margin-top:10px;font-size:12px}.live-end-playback__tag{position:absolute;top:12px;left:12px;width:54px;height:28px}.live-end-playback .playback-item-cover__length{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:4px;background-color:rgba(0,0,0,0.8);font-size:16px;color:#fff}.live-end-playback__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:64px}@media screen and (min-width: 1681px){.live-end-playback .playback-item-inline{width:620px;height:350px}}@media screen and (max-width: 1400px){.live-end-playback .playback-item-inline{width:300px;height:168px}}.nono-dark-theme .playback-item-inline__main{background:#252B2C}.nono-dark-theme .playback-item-inline__main-intro{color:#FCFCFC}.nono-dark-theme .playback-item-inline__main-nickname{color:#A9A9A9}.nono-dark-theme .playback-item-inline__viewer-num{color:#A9A9A9}

.live-end{flex-flow:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.live-end__title{font-size:16px;color:#fafafa;text-align:center;line-height:26px;margin-bottom:5px}.live-end__end-time{font-size:12px}.live-end__guess-you-like{width:100%;display:flex;justify-content:center;align-items:center;margin-top:10px}.live-end__guess-you-like--container{width:60%;max-width:600px;display:flex;justify-content:center;flex-wrap:wrap}.live-end__guess-you-like__item.live-item{width:50%;padding:5px}.live-end__guess-you-like__item--single.live-item{width:75%}.live-end__guess-you-like__item--single.live-item .live-item__main{height:20%}@media screen and (min-width: 1441px) and (max-width: 1680px){.live-end__title{font-size:18px}}@media screen and (min-width: 1681px){.live-end__title{font-size:18px;margin-bottom:20px}}@media screen and (max-width: 1300px){.live-end .live-item__main-intro{display:none}}@media screen and (min-width: 1300px) and (max-width: 1450px){.live-end .live-item__main-intro{font-size:12px}}.room-relative .live-item__main{background:#fcfcfc}.nono-dark-theme .live-item__main{background:#252b2c;padding-bottom:1px}

@keyframes popoutEnter{from{right:-500px}to{right:20px}}.popout-invite{width:476px;height:108px;background:#fff;box-shadow:0px 4px 12px rgba(0,0,0,0.12);opacity:1;border-radius:10px;position:fixed;right:20px;bottom:20px;z-index:300;padding:0 20px 0 23px;animation:popoutEnter 0.5s}.popout-invite .popout-invite__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:12px;top:12px}.popout-invite .popout-invite__main{display:flex;align-items:center;height:100%;justify-content:space-between}.popout-invite .popout-invite__left{position:relative;width:64px;height:68px;margin-top:4px}.popout-invite .popout-invite__left .popout-invite__avatar{width:64px}.popout-invite .popout-invite__left .popout-invite__onlive{position:absolute;right:-3px;bottom:0}.popout-invite .popout-invite__mid{width:254px;margin:0 12px 0 15px}.popout-invite .popout-invite__mid p{width:100%;color:#333;font-size:14px;line-height:20px;margin:0;max-height:41px;overflow:hidden;position:relative;word-break:break-all}.popout-invite .popout-invite__mid p span{color:#999;display:inline-block;margin-right:6px;vertical-align:middle}.popout-invite .popout-invite__mid p:nth-child(1){font-size:18px;line-height:25px;margin-bottom:6px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popout-invite .popout-invite__mid p i{height:20px;width:20px;line-height:20px;background:#fff;position:absolute;right:0;bottom:0;display:inline-block}.popout-invite .popout-invite__right{padding:0 18px;height:30px;background:#38cce3;border-radius:32px;text-align:center;line-height:30px;color:#fff;font-size:14px}.popout-invite .popout-invite__right:hover{background:#60d6e9}.nono-dark-theme .popout-invite{background:#494c51;box-shadow:0px 4px 16px rgba(0,0,0,0.4)}.nono-dark-theme .popout-invite .popout-invite__mid p{color:rgba(255,255,255,0.5)}.nono-dark-theme .popout-invite .popout-invite__mid p:nth-child(1) span{color:#ffffff}.nono-dark-theme .popout-invite .popout-invite__mid p i{background:#494c51}.nono-dark-theme .popout-invite .popout-invite__right{background:#38cce3;opacity:0.9}.nono-dark-theme .popout-invite .popout-invite__right:hover{background:#60d6e9}

.level-box{margin-right:10px;display:inline-block;background-color:#e6c820;padding:0 5px;border-radius:50px;font-size:12px;color:#fff;text-align:center;line-height:16px}

.top_fans_container{width:100%;height:100vh;background:url(/assets/85ec71815b346f3968ba322d3bf344c1.png);background-size:cover;overflow-y:auto}.top_fans_content{padding-top:32px;margin:0 auto;width:1140px;display:flex;color:#fff;align-items:center;flex-direction:column}.top_fans_content__title{font-size:34px;margin-bottom:18px}.top_fans_control-wrapper{background:#fff;width:200px;height:42px;border-radius:46px;color:#C6C6C6;display:flex;font-size:15px;align-items:center;margin-bottom:23px}.top_fans_control-wrapper .top_fans_control{flex:1;text-align:center;display:flex;align-items:center;justify-content:center}.top_fans_control-wrapper .top_fans_control .top_fans_control__inner{width:85px;height:32px;line-height:32px;border-radius:46px;cursor:pointer;margin:0 5px}.top_fans_control-wrapper .top_fans_control .top_fans_control__inner--active{color:#fff;background:#38CCE3}.top_fans_rank-top3{display:flex;justify-content:center;margin-bottom:43px}.top_fans_rank-top3 .top_fans_rank-top-item{width:200px;margin:0 30px;display:flex;flex-direction:column;align-items:center}.top_fans_rank-top3 .top_fans_rank-top-item .top_fans_rank-top-item__avatar-bg{width:160px;height:160px;background-size:contain}.top_fans_rank-top3 .top_fans_rank-top-item .top_fans_rank-top-item__avatar-bg img{border-radius:50%;width:105px;height:105px;position:relative;left:50%;top:50%;transform:translate(-50%, -50%)}.top_fans_rank-top3 .top_fans_rank-top-item .top_fans_rank-top-item__avatar-bg--rank2{background-image:url(/assets/cd5315ff08b42733d746fc4d4460ac22.png)}.top_fans_rank-top3 .top_fans_rank-top-item .top_fans_rank-top-item__avatar-bg--rank1{background-image:url(/assets/5bb62fb3d1dc69e9fb9b04963baf3d2f.png);width:192px;height:192px}.top_fans_rank-top3 .top_fans_rank-top-item .top_fans_rank-top-item__avatar-bg--rank1 img{width:128px;height:128px}.top_fans_rank-top3 .top_fans_rank-top-item .top_fans_rank-top-item__avatar-bg--rank3{background-image:url(/assets/3269ed3488f4916e21d98bf8e606bd64.png)}.top_fans_rank-top3 .top_fans_rank-top-item__info{margin-top:20px}.top_fans_rank-top3 .top_fans_rank-top-item__info .top_fans_rank-top-item__desc{display:flex;align-items:center;justify-content:center}.top_fans_rank-top3 .top_fans_rank-top-item__info .top_fans_rank-top-item__desc .top_fans_rank-top-item-desc__name{max-width:200px;font-size:24px;margin-right:7px}.top_fans_rank-top3 .top_fans_rank-top-item__info .top_fans_rank-top-item__desc .top_fans_rank-top-item-desc__level{font-size:16px;padding:2px 13px}.top_fans_rank-top3 .top_fans_rank-top-item__info .top_fans_rank-top-item__account{display:flex;align-items:center;justify-content:center;margin-top:8px}.top_fans_rank-top3 .top_fans_rank-top-item__info .top_fans_rank-top-item__account i{width:30px;height:30px;background-image:url(/assets/9653c5c61e212629d4a2cf803f755d86.png);background-size:contain;margin-right:3px}.top_fans_rank-top3 .top_fans_rank-top-item__info .top_fans_rank-top-item__account .top_fans_rank-top-item-desc__price{font-size:20px}.nono-dark-theme .top_fans_control-wrapper{background:#424848}

.profile-topfans-wrap{width:1140px;background-color:#ffffff;border-radius:20px 20px 0px 0px;overflow:hidden}.profile-rank-wrap{width:100%;display:flex;min-height:500px;padding:0 80px;padding-top:32px;flex-wrap:wrap;align-content:flex-start}.profile-rank-wrap.flex-center{display:flex;justify-content:center;align-items:center;align-content:center}.profile-rank-wrap::-webkit-scrollbar{width:6px;background-color:transparent}.profile-rank-wrap::-webkit-scrollbar-button{height:4px;width:4px;background:transparent}.profile-rank-wrap::-webkit-scrollbar-thumb{border-radius:4px;background-color:#d2d2d2}.profile-fans-firstbox{position:relative;display:flex;justify-content:center;padding:25px 0 20px 0;border-bottom:1px solid #f0f0f0}.profile-fans-firstbox:last-child{border-bottom:none}.profile-fans-box{flex-shrink:0;width:50%;height:80px;display:flex;justify-content:space-between;align-items:center}.profile-fans-box:nth-child(odd){padding-right:50px}.profile-fans-box:nth-child(even){padding-left:50px}.profile-fans-box:last-child{border-bottom:none}.profile-topfans-mask1{cursor:pointer;position:relative;width:116px;height:116px}.profile-topfans-mask1::after{position:absolute;top:0;left:0;width:116px;height:116px;content:"";background:url(/assets/06ee4048903ac55345d6123f3ed1e2b3.png) no-repeat;background-size:100% 100%}.profile-topfans-mask2,.profile-topfans-mask3{cursor:pointer;position:relative;width:70px;height:70px}.profile-topfans-mask-default{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0 24px}.profile-topfans-mask2::after{position:absolute;top:0;left:0;width:70px;height:70px;content:"";background:url(/assets/91b9ae9c713090f7541b1f7b6d165d29.png) no-repeat;background-size:100% 100%}.profile-topfans-mask3::after{position:absolute;top:0;left:0;width:70px;height:70px;content:"";background:url(/assets/7697afbf3c47d003ca4c5d267a0cc648.png) no-repeat;background-size:100% 100%}.profile-fans-userInfo{flex:1}.profile-topfans-userInfo{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.profile-topfans-avatar-default{width:52px;height:52px}.profile-rank-firstbox{position:absolute;top:25px;left:0;width:30px;height:32px}.profile-rank-box{width:30px;height:32px;display:flex;justify-content:center;align-items:center}.profile-topfans-wrap i{display:inline-block;vertical-align:middle}.icon-rank-one{width:30px;height:32px;background:url(/assets/150111e565cd25894b724042061e9578.png) no-repeat;background-size:100% 100%}.icon-rank-two{width:30px;height:32px;background:url(/assets/7933e26fc89ac52b44ec840d23df2bc1.png) no-repeat;background-size:100% 100%}.icon-rank-three{width:30px;height:32px;background:url(/assets/ea681a2597468ed93fedf712c5d63976.png) no-repeat;background-size:100% 100%}.icon{display:inline-block !important;vertical-align:middle !important}.icon-diamond{width:24px;height:24px;background:url(/assets/9653c5c61e212629d4a2cf803f755d86.png) no-repeat;background-size:100% 100%}.flex{display:flex}.justify-c{justify-content:center}.justify-bt{justify-content:space-between}.align-c{align-items:center}.profile-rank-wrap .rank{color:#707070;font-size:18px}.profile-rank-wrap .diamond-num{font-size:18px;color:#232323}.profile-fans-userInfo__info{display:flex;align-items:center;flex:1}.profile-rank-wrap .username{font-size:15px;color:#232323;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:13px}.profile-rank-wrap .level{font-size:14px;padding:2px 8px}.profile-noRank-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;color:#4c4b4b}.icon-no-ranking{width:242px;height:107px;background:url(/assets/0becfede109bd60075d6f72a41fd08eb.png) no-repeat;background-size:100% 100%}.profile-noRank-wrap .subtitle{font-size:16px;color:#8D8D8D;margin-top:22px}.nono-dark-theme .profile-topfans-wrap{background-color:#1a1a1a}.nono-dark-theme .profile-topfans-title{color:#fff;background-color:rgba(255,255,255,0.1)}.nono-dark-theme .profile-rank-wrap .username{color:#fff}.nono-dark-theme .profile-fans-firstbox{border-color:#464646}.nono-dark-theme .profile-fans-box{border-color:#464646}.nono-dark-theme .profile-rank-wrap .diamond-num{color:#fff}.nono-dark-theme .profile-rank-box{color:#fff}.nono-dark-theme .profile-rank-wrap::-webkit-scrollbar-thumb{background-color:#404040}

.nono-confirm-box{position:relative;width:368px;min-height:160px;border-radius:4px;background-color:#fff;padding:30px 18px;padding-bottom:60px}.nono-confirm-box__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) center center no-repeat;background-size:100% 100%;position:absolute;top:12px;right:12px}.nono-confirm-box__title{display:flex;flex-direction:column;justify-content:center;padding-top:12px}.nono-confirm-box__title__text{font-size:18px;color:#232323;text-align:center}.nono-confirm-box__img{display:flex;justify-content:center}.nono-confirm-box__content{display:flex;flex-direction:column;justify-content:center;margin:12px 0}.nono-confirm-box__content__text{font-size:15px;color:#8D8D8D;text-align:center;line-height:1.5}.nono-confirm-box__btn-list{width:100%;position:absolute;left:50%;transform:translateX(-50%);bottom:20px;display:flex;justify-content:space-between;padding:0 35px}.nono-confirm-box__single-btn{justify-content:center}.nono-confirm-box__btn-confirm,.nono-confirm-box__btn-cancel{cursor:pointer;font-size:14px;width:138px;text-align:center;line-height:36px;height:36px;border-radius:36px}.nono-confirm-box__btn__large{width:240px}.nono-confirm-box__btn-confirm{background-color:#38CCE3;color:#fff}.nono-confirm-box__btn-confirm:hover{background-color:#60d6e9}.nono-confirm-box__btn-cancel{border:solid 1px #38CCE3;color:#38CCE3;margin-right:12px}.fans-group__buy-loading{justify-content:center;align-items:center}.fans-group__buy-loading img{width:38px;animation:rolling linear infinite 1.5s}.fans-group__buy-failed{justify-content:center;align-items:center}.fans-group__buy-failed img{width:55px}.nono-dark-theme .nono-confirm-box{background:#2E3637}.nono-dark-theme .nono-confirm-box__content__text{color:rgba(255,255,255,0.65)}.nono-dark-theme .nono-confirm-box__title__text{color:rgba(255,255,255,0.95)}.nono-dark-theme .nono-confirm-box__btn-cancel:hover{background-color:rgba(56,204,227,0.15)}

.playback-anchor-panel{width:100%;height:84px;display:flex;align-items:center;background-color:#fff;padding:0 20px}.playback-anchor-panel__avatar-container{position:relative;margin-right:15px}.playback-anchor-panel__avatar{cursor:pointer;width:56px;height:56px;font-family:"object-fit:cover";object-fit:cover;border-radius:50%;vertical-align:bottom}.playback-anchor-panel__info-container{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;min-width:0;margin-right:15px}.playback-anchor-panel__common-info{display:flex;flex-direction:row;align-items:center;font-size:10px;color:#606060;margin-bottom:5px}.playback-anchor-panel__common-info>*{margin-right:2px}.playback-anchor-panel__official{width:16px;height:16px;position:absolute;right:0;bottom:0}.playback-anchor-panel__name{text-decoration:none;color:inherit;line-height:1.5}.playback-anchor-panel__name:link{color:inherit}.playback-anchor-panel__name:hover{color:#38cce3}.playback-anchor-panel__anchor-intro{font-size:16px;color:#232323;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px;margin-top:5px}.playback-anchor-panel__common-info .medal-wrap{margin-left:8px;height:18px}.playback-anchor-panel__common-info .medal-wrap img{height:18px;margin-right:1px}.playback-anchor-panel__viewer-container{position:relative;white-space:nowrap;height:15px;display:flex;align-items:center}.playback-anchor-panel__viewer-container::before{content:"";width:1px;height:10px;background:#e6e6e6;margin:12px}.playback-anchor-panel__viewer-icon{margin-right:2px;width:16px}.playback-anchor-panel__common-info .level{margin-left:8px;display:inline-block;background-color:#e6c820;padding:0 8px;border-radius:8px;font-size:10px;color:#fff;text-align:center;line-height:15px}.playback-anchor-panel__id{margin-left:8px;height:15px;line-height:15px;white-space:nowrap}.playback-anchor-panel__follow-btn-container{align-self:center}.playback-anchor-panel__follow-btn{height:30px;font-size:12px;border-radius:14px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:stretch;overflow:hidden;line-height:28px;transition:width 0.3s linear;min-width:60px;border:1px solid #afebf4}.playback-anchor-panel__follow-btn:hover{border-color:#38cce3}.playback-anchor-panel__follow-btn:hover .room-follow-btn__follow-status{color:#fff;background-color:#38cce3}.playback-anchor-panel__follow-btn:hover .room-follow-btn__fans-num{color:#38cce3}.playback-anchor-panel__follow-btn:hover .room-follow-btn__follow-status:before{background-image:url(/assets/7e0b1db5ac798d7e30e2a913ffbc3418.png)}.playback-follow-btn__follow-status{background:rgba(56,204,227,0.1);color:#38cce3;white-space:nowrap;padding-right:15px;border-radius:0 14px 14px 0}.playback-anchor-panel__follow-btn--followed{background:rgba(255,255,255,0.5);border-color:#e3e4e4}.playback-anchor-panel__follow-btn--followed .room-follow-btn__follow-status{background-color:#e3e4e4;color:#fff}.playback-anchor-panel__follow-btn--followed .room-follow-btn__fans-num{color:#e3e4e4}.playback-anchor-panel__follow-btn--followed:hover .room-follow-btn__follow-status:before{background-image:url(/assets/545f99ee9ad14ad60f247655031a6cae.png) !important}.playback-follow-btn__follow-status:before{display:inline-block;content:"";background:no-repeat center;background-size:contain;background-image:url(/assets/53d846aebadad3ec1f0d75566d63e133.png);width:14px;height:14px;vertical-align:middle;margin-bottom:2px;margin-left:16px}.room-follow-btn__follow-status span{margin-left:3px}.playback-anchor-panel__follow-btn--followed .room-follow-btn__follow-status:before{background-image:url(/assets/545f99ee9ad14ad60f247655031a6cae.png)}.room-follow-btn__fans-num{color:#38cce3;padding:0 13px 0 14px;min-width:60px;text-align:center}.room-follow-btn__fans-num::before{content:""}.playback-anchor-panel__certification{width:15px;height:15px;margin-left:8px}.certification__intro{margin-left:8px;font-size:12px;color:#fff}.playback-anchor-panel__tool-tip::after{pointer-events:none;z-index:450;content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:80%;padding:0 10px;line-height:26px;height:26px;border-radius:4px;font-size:12px;transform:translateX(-50%);box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);opacity:0;transition:opacity 0.25s ease-in;color:rgba(0,0,0,0.8);background-color:#fff}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.playback-anchor-panel__tool-tip::after{display:none}}.playback-anchor-panel__tool-tip:hover::after{opacity:1}.playback-anchor-panel__fans-group-btn{margin-top:15px;align-self:flex-start;margin-right:15px}.nono-dark-theme .playback-anchor-panel{background-color:#1a1a1a}.nono-dark-theme .playback-anchor-panel__anchor-intro{color:#fff}.nono-dark-theme .playback-anchor-panel__viewer-container::before{background:rgba(255,255,255,0.1)}.nono-dark-theme .playback-anchor-panel__common-info{color:#a9a9a9}.nono-dark-theme .playback-anchor-panel__follow-btn{background-color:#252b2c;border-color:#282828}.nono-dark-theme .playback-anchor-panel__follow-btn--followed .room-follow-btn__follow-status{color:#8d8d8d;border-color:#282828;background:#424848}.nono-dark-theme .playback-anchor-panel__follow-btn--followed .room-follow-btn__follow-status::before{opacity:0.5}.nono-dark-theme .playback-anchor-panel__follow-btn--followed .room-follow-btn__fans-num{color:#8d8d8d}@media screen and (max-width: 1550px){.room-follow-btn__fans-num::before{display:none}.playback-anchor-panel__follow-btn--followed .room-follow-btn__fans-num::before{display:inline}}@media screen and (max-width: 1440px){.playback-anchor-panel__common-info .medal-wrap{display:none}}

.playback-wrap{height:100%}.playback{margin:0 auto;width:100%;color:#4c4b4b;display:flex}.playback__player-area{flex:1}.playback__fullscreen-wrapper{position:relative;width:100%;height:100%}.playback__list-container{background:#fff;width:340px;height:200px;margin-left:20px;border:1px solid #efefef;padding:18px 0}.playback__list-container .scrollBar{opacity:0;width:6px;background-color:#e8e8e8;border-radius:5px;transition:opacity .3s}.playback__list-container:hover .scrollBar{opacity:1}.playback__list-title{color:#232323;font-size:14px;margin-bottom:12px;padding:0 8px}.nono-dark-theme .playback{color:#fff}.playback .card-scroller{padding:0 20px}.playback .horizontal-channel-card-list__left-arrow{transform:translate(-65%, -50%) translateY(-20px)}.playback .horizontal-channel-card-list__right-arrow{transform:translate(65%, -50%) translateY(-20px)}.playback-list__item--active .playback-item-cover{border:2px solid #38CCE3}.playback-list__item--active .playback-item-info__title{color:#38CCE3 !important}.playback-page__more{padding:30px 15px}.playback-page__more-title{font-size:16px;color:#252525;margin-bottom:15px;padding-left:8px;display:flex;align-items:center}.playback-page__more-title::before{content:"";width:6px;height:20px;background-color:#38CCE3;border-radius:8px;margin-right:10px}.nono-dark-theme .playback-wrap{background:#1c2021}.nono-dark-theme .playback__list-container{background:#171A1A;border-color:#171A1A}.nono-dark-theme .playback__list-container .scrollBar{background:#202526;border:1px solid #2e3535}.nono-dark-theme .playback-list-item__info-title{color:#E2E3E3}.nono-dark-theme .playback__list-title{color:#fff}.nono-dark-theme .playback-page__more-title{color:#fff}

.manager-setting-box{width:414px;border-radius:10px;background-color:#fff;padding:30px 0 40px 0;min-height:475px;position:relative}.manager-setting-box__close{cursor:pointer;width:18px;height:18px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) center center no-repeat;background-size:14px 14px;position:absolute;top:12px;right:12px}.manager-setting-box__title{font-size:20px;color:#232323;padding:0 38px;text-align:center;margin-bottom:10px}.manager-setting__tabs{display:flex;align-items:center;margin-bottom:25px}.manager-setting__tabs-item{cursor:pointer;flex:1;height:46px;font-size:12px;text-align:center;line-height:46px;color:#a0a0a0;border-bottom:2px solid #e3e3e3}.manager-setting__tabs-item:hover{color:#38CCE3}.manager-setting__tabs-item.active{color:#38CCE3;border-bottom:2px solid #38CCE3}.manager-list-container .data-list-empty,.blocked-list-container .data-list-empty{padding:0}.manager-search-wrap{font-size:12px;display:flex;padding:0 26px 17px 26px;border-bottom:1px solid #EFEFEF;margin-bottom:8px}.manager-search-input{flex:1;color:#9f9f9f;outline:none;height:32px;line-height:32px;padding:0 10px 0 15px;background-color:#fff;border-radius:31px;border:solid 1px #E6E6E6}.manager-search-input::-webkit-input-placeholder{color:#c6c6c6}.manager-search-input:-moz-placeholder{color:#c6c6c6}.manager-search-input::-moz-placeholder{color:#c6c6c6}.manager-search-input:-ms-input-placeholder{color:#c6c6c6}.manager-add-btn{cursor:pointer;color:#fff;min-width:49px;height:32px;text-align:center;line-height:32px;padding:0 18px;background-color:#5ED69D;border-radius:31px;margin-left:10px;font-size:15px}.manager-add-btn:hover{background-color:rgba(94,214,157,0.6)}.manager-list-wrap{height:336px !important}.blocked-list-wrap{height:393px !important}.manager-list-wrap .scroll-bar,.blocked-list-wrap .scroll-bar{border-radius:8px;background-color:#d6e3e8}.manager-list-wrap__item,.blocked-list__item{height:82px;padding:0 10px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;margin:0 16px;margin-bottom:15px}.manager-list-wrap__division{width:315px;height:2px;background:rgba(199,199,199,0.2);margin:-20px 0 0 97px}.manager-list-wrap__item:last-child,.blocked-list__item:last-child{margin-bottom:0}.manager-list-wrap__info,.blocked-list__info{display:flex;width:100%}.manager-list-wrap__side,.blocked-list__side{display:flex;flex:1;align-items:center;justify-content:space-between;padding-bottom:9px}.manager-info__avatar,.blocked-info__avatar{width:60px;height:60px;border:1px solid #f2f2f2;margin-right:10px;flex-shrink:0}.manager-info__main,.blocked-info__main{flex:1}.manager-info__loginname,.blocked-info__loginname{display:flex;font-size:16px;color:#3A3A3A;margin-bottom:10px;align-items:center}.manager-info__loginname__text{max-width:180px;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-info__other,.blocked-info__other{display:flex}.manager-info__user-id,.blocked-info__user-id{font-size:14px;color:#C6C6C6;line-height:1}.manager-del-btn,.unblocked-btn{cursor:pointer;font-size:12px;color:#fff;min-width:72px;text-align:center;padding:8px 10px;background-color:#38CCE3;border-radius:26px;white-space:nowrap}.manager-del-btn:hover,.unblocked-btn:hover{background-color:rgba(56,204,227,0.6)}.data-list-empty{padding:0 38px;counter-reset:sn}.blocked-list-container .data-list-empty{height:380px}.manager-list-container .data-list-empty{height:323px}.data-list-empty__title{font-size:12px;color:#4c4b4b;text-align:center;margin:38px 0}.handle-guide-wrap{width:100%;border-radius:4px;position:relative;display:flex;flex-direction:column;align-items:center}.handle-guide-wrap img{width:345px}.handle-guide-wrap .handle-guide__img--dark{display:none}.handle-guide-wrap:last-child{margin-bottom:0}.handle-guide__num{display:inline-block;font-size:12px;color:#fff;font-weight:bold;width:22px;height:22px;text-align:center;line-height:22px;border-radius:50%;background:#38CCE3;margin-right:6px}.handle-guide__title{width:100%;font-size:12px;color:#c0c0c0;text-align:left;margin-bottom:15px;display:flex;counter-increment:sn}.handle-guide__title::before{content:counter(sn);font-size:12px;color:#fff;font-weight:bold;width:22px;height:22px;text-align:center;line-height:22px;border-radius:50%;background:#38CCE3;margin-right:6px;margin-top:-5px;flex-shrink:0}.handle-guide__img{width:auto;height:auto}.handle-guide__cat{position:absolute;right:-8px;bottom:20px}.manager-list__loading-container{height:336px}.blocked-list__loading-container{height:393px}.nono-dark-theme .manager-setting-box{background:#2E3637}.nono-dark-theme .manager-setting-box__title{color:#fff}.nono-dark-theme .manager-setting__tabs-item{color:#A9A9A9;border-color:#424848}.nono-dark-theme .manager-setting__tabs-item.active{color:#38CCE3;border-color:#38CCE3}.nono-dark-theme .manager-search-input{background:#424848;color:#C6C6C6;border-color:#424848}.nono-dark-theme .manager-search-wrap{border-color:#424848}.nono-dark-theme .handle-guide-wrap .handle-guide__img{display:none}.nono-dark-theme .handle-guide-wrap .handle-guide__img--dark{display:block}.nono-dark-theme .manager-info__main .manager-info__loginname{color:#F6F7F7}.nono-dark-theme .manager-info__main .manager-info__user-id{color:#C6C6C6}.nono-dark-theme .manager-list-wrap__division{background:rgba(199,199,199,0.2)}.nono-dark-theme .blocked-info__loginname{color:#F6F7F7}

.chat-panel__emotion-btn-container{position:relative;height:26px}.chat-panel__emotion-btn{cursor:pointer;width:26px;height:26px;fill:#a9a9a9}.chat-panel__emotion-btn>path:first-child{fill:none}.chat-panel__emotion-btn:hover{fill:#38CCE3}.chat-emotion{font-size:18px;width:300px;height:222px;background-color:#fff;border-radius:4px;box-shadow:0px 4px 19px 0px rgba(0,0,0,0.2);position:absolute;bottom:40px;left:0;z-index:100}.nono-dark-scroll-bar{visibility:hidden}.chat-emotion:hover .nono-dark-scroll-bar{visibility:visible}.chat-emotion::after{content:"";position:absolute;width:0;height:0;bottom:-7px;left:5px;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.chat-emotion__title{padding:0 10px;font-size:12px;color:#9F9F9F;margin-bottom:15px}.chat-emotion__title:first-child{padding-top:20px}.chat-emotion__emtions-wrapper{padding:16px 10px}.chat-emotion__emtions-offical{display:flex;flex-wrap:wrap}.chat-emotion__item{position:relative;cursor:pointer;width:36px;height:36px;margin:0 12px 8px 0;display:flex;justify-content:center;align-items:center;flex-shrink:0}.chat-emotion__item:nth-child(6n){margin-right:0}.chat-emotion__item:hover{background-color:#f2f2f2}.chat-emotion__item-emoji{font-size:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-emotion__item>img{width:100%;height:100%;font-family:"object-fit:contain";object-fit:contain}.chat-emotion-item__lock{width:36px;height:36px;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);border-radius:2px}.chat-emotion-item__lock img{width:12px;position:absolute;right:0;bottom:0}.chat-emotion__mask{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background:rgba(255,255,255,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-emotion__mask-title{font-size:14px;color:#4c4b4b;margin-bottom:10px}.chat-emotion__mask-btn{cursor:pointer;font-size:12px;color:#fff;padding:0 18px;height:20px;text-align:center;line-height:20px;background-color:#38CCE3;border-radius:4px}.chat-emotion__mask-btn:hover{background-color:rgba(56,204,227,0.6)}.nono-dark-theme .chat-emotion{background-color:#2E3637}.nono-dark-theme .chat-emotion::after{border-top-color:#2E3637}.nono-dark-theme .chat-emotion__item:hover{background-color:#363636}.nono-dark-theme .chat-emotion__mask{background:rgba(64,64,64,0.9)}.nono-dark-theme .chat-emotion__mask-title{color:#fff}.nono-dark-theme .chat-panel__emotion-btn{fill:#878888}.nono-dark-theme .chat-panel__emotion-btn:hover{fill:#38CCE3}


.mildom-nodata{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mildom-nodata-pic{width:180px;height:96px}.mildom-nodata-text{color:#8D8D8D;font-size:18px;margin-top:32px}

.room-history-list-content{margin-left:-5px;margin-right:-5px;padding-bottom:50px;display:flex;flex-wrap:wrap;padding-top:20px;justify-content:space-between}.room-history-list-content .live-item{margin-bottom:20px}.room-history-list-content .loading{width:100%}

.fans-group-panel{width:540px;height:610px;background:#f3f4f4;position:relative;border-radius:10px;display:flex;flex-direction:column}.fans-group-panel__close{position:absolute;width:14px;height:14px;right:12px;top:12px;cursor:pointer;background-image:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png);background-size:contain}.fans-group-panel__header{background:#fff;display:flex;height:53px;align-items:center;font-size:18px;color:#232323;justify-content:center;border-radius:10px 10px 0 0}.fans-group-panel__header img{width:24px;height:24px;margin-left:6px;cursor:pointer}.fans-group-panel__nav{background:#fff;width:100%;height:42px;display:flex}.fans-group-panel__nav .fans-group-panel__tab{flex:1;height:100%;line-height:38px;cursor:pointer;text-align:center;color:#707070;font-size:16px;border-bottom:2px solid #EFEFEF}.fans-group-panel__nav .fans-group-panel__tab.active{color:#38CCE3;border-color:#38CCE3}.fans-group-panel__body{flex:1}.fans-group-panel__body .fans-group-panel__cotent{padding:28px 24px;font-size:16px}.fans-group-panel__body .fans-group-panel__cotent .dots{display:flex;align-items:center}.fans-group-panel__body .fans-group-panel__cotent .dots::before{display:block;content:"";width:6px;height:6px;background:#232323;margin-right:5px;border-radius:50%}.fans-group-panel__body .fans-group-panel__cotent .fans-group-panel__title{color:#232323;margin-bottom:12px}.fans-group-panel__body .fans-group-panel__cotent .fans-group-panel__desc{font-size:14px;line-height:26px;width:396px;color:#707070;margin-bottom:16px}.fans-group-panel__body .fans-group-panel__cotent .fans-group-panel__badge{display:flex;margin-bottom:18px}.fans-group-panel__body .fans-group-panel__cotent .fans-group-panel__badge .fans-group-panel__badge-label{margin-right:12px}.fans-group-panel__body .fans-group-panel__cotent .fans-group-panel__badge .fans-group-badge{height:24px !important;font-size:14px !important;border-width:1px !important;padding-left:20px}.fans-group-panel__body .fans-group-panel__cotent .fans-group-panel__badge .fans-group-badge img{width:28px;height:28px}.fans-group-panel__body .fans-group-panel__cotent .fans_group_emotion-wrap{margin-top:12px;display:flex;flex-wrap:wrap}.fans-group-panel__body .fans-group-panel__cotent .fans_group_emotion-wrap .fans_group_emotion-wrap-item{width:60px;height:60px;margin-right:12px;margin-bottom:12px;border-radius:4px}.fans-group-panel__body .fans-group-panel__cotent .fans_group_emotion-wrap .fans_group_emotion-wrap-item img{width:100%;border-radius:4px}.fans-group-panel__footer--subsribe{height:72px;background:#fff;border-radius:0 0 10px 10px;padding-left:10px;padding-right:30px;display:flex;align-items:center;justify-content:space-between}.fans-group-panel__footer--subsribe .fans-group-panel__subscribed{padding:8px 18px;color:#38CCE3;display:flex;align-items:center;border:1px solid #38CCE3;border-radius:8px}.fans-group-panel__footer--subsribe .fans-group-panel__subscribed img{width:26px;height:26px;margin-right:4px}.fans-group-panel__footer--subsribe .fans-group-panel__subscribed-info{color:#232323;text-align:right}.fans-group-panel__footer--subsribe .fans-group-panel__subscribed-info>div:last-child{font-size:14px;color:#707070;margin-top:5px}.fans-group-panel__footer--buy{background:#fff;border-radius:0 0 10px 10px;padding:12px 10px;justify-content:space-around;display:flex}.fans-group-panel__footer--buy .fans-group-panel__footer-title{font-size:18px;color:#232323;text-align:center;margin-bottom:11px}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap{display:flex;justify-content:space-around}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn{width:220px;height:48px;border:1px solid #38CCE3;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#38CCE3;cursor:pointer}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn i{display:block;width:24px;height:24px;background-size:contain;margin-right:8px}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn i.ios{background-image:url(/assets/fc6893564cad860b60e00ae3326db9a1.png)}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn i.android{background-image:url(/assets/2e14e074fa104de05f5df30e665fa778.png)}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn:hover{background:#38CCE3;color:#fff}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn:hover i.ios{background-image:url(/assets/4d211bbb22fc815ffee03f2f40ea784e.png)}.fans-group-panel__footer--buy .fans-group-panel_btn-wrap .fans-group-panel_btn:hover i.android{background-image:url(/assets/e17f22801e375ff192ce66ad142dabc3.png)}.nono-dark-theme .fans-group-panel{background:#23292a}.nono-dark-theme .fans-group-panel__header{background:#1B1F20;color:#fff}.nono-dark-theme .fans-group-panel__body .fans-group-panel__title{color:#fff}.nono-dark-theme .fans-group-panel__body .fans-group-panel__desc{color:#A9A9A9}.nono-dark-theme .fans-group-panel__body .fans-group-panel__badge .fans-group-panel__badge-label{color:#fff}.nono-dark-theme .fans-group-panel__body .fans-group-panel__emotion{color:#fff}.nono-dark-theme .fans-group-panel__footer--buy{background:#2f3637}.nono-dark-theme .fans-group-panel__footer--buy .fans-group-panel__footer-title{color:#fff}.nono-dark-theme .fans-group-panel__footer--subsribe{background-color:#2E3637}.nono-dark-theme .fans-group-panel__subscribed-info{color:#fff}

.side-menu{height:858px;width:230px;margin-right:10px;border-radius:4px}.side-menu__title{font-size:16px;font-weight:bold;color:#232323;padding-left:20px;padding-top:20px;padding-bottom:13px;background:#fff}.side-menu__title:first-child{padding-top:25px;border-top-left-radius:4px;border-top-right-radius:4px}.side-menu__body{background:#fff;padding-bottom:5px}.side-menu__body:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding-bottom:20px}.divider-wrapper{width:100%;background-color:#fff;padding-left:10px;padding-right:10px}.divider-wrapper .divider{height:1px;background-color:#efefef;width:100%}.side-menu__item{font-size:14px;color:#4c4b4b;width:100%;height:46px;line-height:46px;padding-left:20px;display:flex;align-items:center}.side-menu__item--active,.side-menu__item:hover{background-color:rgba(56,204,227,0.1)}.side-menu__item svg{width:24px;height:24px;margin-right:8px;background-repeat:no-repeat;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;flex-shrink:0;fill:rgba(0,0,0,0);stroke:#707070}.side-menu__profile-entry-icon{width:22px;height:22px;margin-right:6px;background-repeat:no-repeat;background-size:contain;background-position:center;vertical-align:middle;display:inline-block}.side-menu__profile-entry-icon>path{stroke:none}.side-menu__profile-entry-icon>g>path{stroke:#707070}.side-menu__item--active .side-menu__profile-entry-icon>g>path,.side-menu__item:hover .side-menu__profile-entry-icon>g>path{stroke:#38cce3}.side-menu__notification-entry-icon>path{stroke:none}.side-menu__item--active .side-menu__notification-entry-icon,.side-menu__item:hover .side-menu__notification-entry-icon{stroke:#38cce3}.side-menu__video_history-entry-icon>path{stroke:none}.side-menu__item--active .side-menu__video_history-entry-icon,.side-menu__item:hover .side-menu__video_history-entry-icon,.side-menu__item:hover .video_history_svg__cls-2,.side-menu__item--active .video_history_svg__cls-2{stroke:#38cce3}.side-menu__keyword-entry-icon{flex-shrink:0;height:26px;width:26px;background:url(/assets/fb1223adbcfb6a86d857587f64c590f1.png) no-repeat;background-size:100% 100%;margin-right:8px}.side-menu__item--active .side-menu__keyword-entry-icon,.side-menu__item:hover .side-menu__keyword-entry-icon{stroke:#38cce3;background-image:url(/assets/c5b04f725edea8b5ffd48ede23e7de13.png)}.side-menu__lucky-draw-history-entry-icon>g>path{stroke:none}.side-menu__item--active .side-menu__lucky-draw-history-entry-icon,.side-menu__item:hover .side-menu__lucky-draw-history-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__announcement-entry-icon,.side-menu__item:hover .side-menu__announcement-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__host-data-entry-icon,.side-menu__item:hover .side-menu__host-data-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__host-task-entry-icon,.side-menu__item:hover .side-menu__host-task-entry-icon{stroke:#38cce3}.side-menu__host-level-entry-icon>g>path{stroke:none}.side-menu__item--active .side-menu__host-level-entry-icon,.side-menu__item:hover .side-menu__host-level-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__host-level-entry-icon>g>g>path,.side-menu__item--active .side-menu__host-level-entry-icon>g>g>g>path,.side-menu__item:hover .side-menu__host-level-entry-icon>g>g>path,.side-menu__item:hover .side-menu__host-level-entry-icon>g>g>g>path{stroke:#38cce3}.side-menu__top-up-entry-icon>g>path{fill:none;stroke:none}.side-menu__item--active .side-menu__top-up-entry-icon,.side-menu__item:hover .side-menu__top-up-entry-icon{stroke:#38cce3}.side-menu__message-entry-icon{background-image:url(/assets/19951b5cceb89f07ad8cf9a9da76f9d3.png)}.side-menu__item--active .side-menu__message-entry-icon,.side-menu__item:hover .side-menu__message-entry-icon{background-image:url(/assets/7e0c8a8d1aef43300fb13e600292dd27.png)}.side-menu__room-setting-entry-icon>g>path{stroke:none}.side-menu__item--active .side-menu__room-setting-entry-icon,.side-menu__item:hover .side-menu__room-setting-entry-icon{stroke:#38cce3}.side-menu__maker-entry-icon{background-image:url(/assets/16109ca639da3e99d658f45bc20ddd3c.png)}.side-menu__item--active .side-menu__maker-entry-icon,.side-menu__item:hover .side-menu__maker-entry-icon{background-image:url(/assets/ecbf2845a261ab976e8537e48d2855b6.png)}.side-menu__fans-group-entry-icon{stroke:#707070}.side-menu__fans-group-entry-icon .fans_group_svg__cls-1{stroke:none}.side-menu__message_center-entry-icon{stroke:#707070}.side-menu__message_center-entry-icon>path{display:none}.side-menu__message_center-entry-icon>g>g>g>circle{fill:#707070}.side-menu__item--active .side-menu__message_center-entry-icon,.side-menu__item:hover .side-menu__message_center-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__message_center-entry-icon>g>g>g>circle,.side-menu__item:hover .side-menu__message_center-entry-icon>g>g>g>circle{fill:#38cce3}.side-menu__host-task-entry-icon{height:26px;width:26px;margin-right:8px}.side-menu__host-task-entry-icon>g>path:first-child{stroke:none}.side-menu__announcement-entry-icon{height:26px;width:26px;margin-right:8px}.side-menu__announcement-entry-icon>g>path:first-child{stroke:none}.side-menu__host-data-entry-icon{height:26px;width:26px;margin-right:8px}.side-menu__host-data-entry-icon>path:first-child{stroke:none}.side-menu__host-level-entry-icon{height:24px;width:24px;margin-right:8px}.side-menu__topup-entry-icon{width:22px;height:22px;margin-right:6px;background-repeat:no-repeat;background-size:contain;background-position:center;vertical-align:middle;display:inline-block;fill:#4c4b4b}.side-menu__item--active .side-menu__topup-entry-icon,.side-menu__item:hover .side-menu__topup-entry-icon{fill:#38cce3}.side-menu__item--active .side-menu__me_playback-entry-icon>g,.side-menu__item:hover .side-menu__me_playback-entry-icon>g{fill:#38cce3}.side-menu__me_playback-entry-icon{stroke:none !important}.side-menu__me_playback-entry-icon>path{stroke:none}.side-menu__me_playback-entry-icon>g{fill:#707070}.side-menu__fans-group-entry-icon+.nono-news{position:relative}.side-menu__fans-group-entry-icon+.nono-news::before{top:-3px}.side-menu__item--active .side-menu__fans-group-entry-icon,.side-menu__item:hover .side-menu__fans-group-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__fans-group-entry-icon .fans_group_svg__cls-1,.side-menu__item:hover .side-menu__fans-group-entry-icon .fans_group_svg__cls-1{stroke:none}.side-menu__item span{font-size:14px;font-weight:normal;font-stretch:normal;line-height:18px;letter-spacing:0px;color:#4c4b4b}.side-menu__item--active span,.side-menu__item:hover span{color:#38cce3}.nono-dark-theme .side-menu__title{background:#202526;color:#fcfcfc;border-bottom:#202526}.nono-dark-theme .side-menu__body{background:#202526;color:#fcfcfc;border-color:rgba(255,255,255,0.05)}.nono-dark-theme .side-menu__item span{color:#fff}.nono-dark-theme .side-menu__item:hover{background:rgba(56,204,227,0.1)}.nono-dark-theme .side-menu__item--active{background:rgba(56,204,227,0.1)}.nono-dark-theme .divider-wrapper{background-color:#202526}.nono-dark-theme .divider-wrapper .divider{background-color:rgba(255,255,255,0.05)}.side-menu__quiz-history-entry-icon>path{stroke:none}.side-menu__item--active .side-menu__quiz-history-entry-icon,.side-menu__item:hover .side-menu__quiz-history-entry-icon{stroke:#38cce3}.side-menu__item--active .side-menu__quiz-history-entry-icon>g>g>text,.side-menu__item:hover .side-menu__quiz-history-entry-icon>g>g>text{fill:#38cce3;stroke:none}.side-menu__item--active .side-menu__quiz-history-entry-icon>path,.side-menu__item:hover .side-menu__quiz-history-entry-icon>path{stroke:none}.nono-dark-theme .side-menu__message-entry-icon{background-image:url(/assets/29cb02dfecc53f9e111eb237f3215c32.png)}.nono-dark-theme .side-menu__maker-entry-icon{background-image:url(/assets/fb15e2af45cf9be07c34113dfec97cd4.png)}.nono-dark-theme .side-menu__topup-entry-icon{fill:#fff}.nono-dark-theme .side-menu__item--active .side-menu__message-entry-icon,.nono-dark-theme .side-menu__item:hover .side-menu__message-entry-icon{background-image:url(/assets/7e0c8a8d1aef43300fb13e600292dd27.png)}.nono-dark-theme .side-menu__item--active .side-menu__maker-entry-icon,.nono-dark-theme .side-menu__item:hover .side-menu__maker-entry-icon{background-image:url(/assets/ecbf2845a261ab976e8537e48d2855b6.png)}.nono-dark-theme .side-menu__item--active .side-menu__topup-entry-icon,.nono-dark-theme .side-menu__item:hover .side-menu__topup-entry-icon{fill:#38cce3}.nono-dark-theme .side-menu__item--active span,.nono-dark-theme .side-menu__item:hover span{color:#38cce3}.nono-dark-theme .side-menu__item--active .side-menu__host-task-entry-icon,.nono-dark-theme .side-menu__item:hover .side-menu__host-task-entry-icon{background-image:url(/assets/06467e48194420b76142a4ceec0fc727.png)}

.user-edit-modal .edit-box{position:relative;width:384px;border-radius:10px;background-color:#fff;box-sizing:border-box;padding:35px 28px}.edit-box__title{font-size:18px;color:#232323;margin-bottom:30px;text-align:center}.edit-box .close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.edit-box__row{margin-bottom:20px}.edit-box__row .title{font-size:15px;color:#9f9f9f;border-bottom:1px solid transparent;margin-bottom:6px}.edit-box__row .title.required::after{content:"*";color:#f56c6c}.edit-box__row .username{outline:none;font-size:12px;color:#4c4b4b;width:100%;height:40px;border:solid 1px #e3e3e3;border-radius:4px;padding:0 12px;transition:all 0.1s linear}.edit-box__row .radio-wrap{display:flex;align-items:center}.radio__male,.radio__female,.radio__secrecy{cursor:pointer;font-size:12px;color:#4c4b4b;margin-right:20px;display:flex;align-items:center}.radio__male i,.radio__female i,.radio__secrecy i{margin-right:5px;display:inline-block;content:"";width:16px;height:16px;border-radius:50%;border:1px solid #EFEFEF;background:#F6F7F7}.radio__male.active i,.radio__female.active i,.radio__secrecy.active i{background:transparent}.radio__male.active i::after,.radio__female.active i::after,.radio__secrecy.active i::after{width:10px;height:10px;border-radius:50%;content:"";display:block;background:#38CCE3;margin:2px auto}.edit-box__row .birthday-wrap{display:flex;align-items:center}.edit-box__row textarea.intro{resize:none;width:100%;height:124px;font-size:13px;line-height:18px;color:#232323;outline:none;padding:8px;border-radius:4px;transition:all 0.1s linear}.edit-box__row .textarea-wrap{position:relative;border:solid 1px #EFEFEF}.edit-box__row .textarea-wrap textarea{border:none}.edit-box__row .textarea-wrap .textarea-wrap__length{margin-right:10px;margin-bottom:10px;color:#C6C6C6;font-size:10px;text-align:right}.edit-box__row textarea.intro::-webkit-scrollbar{width:8px;height:8px;background:transparent}.edit-box__row textarea.intro::-webkit-scrollbar-button{height:4px;width:4px;background:transparent}.edit-box__row textarea.intro::-webkit-scrollbar-thumb{border-radius:8px;background-color:#d6e3e8}.user-info__submit{cursor:pointer;font-size:17px;color:#fff;width:280px;height:48px;border-radius:36px;text-align:center;line-height:48px;background-color:#38CCE3;margin:0 auto}.user-info__submit:hover{background-color:rgba(56,204,227,0.6)}.user-info__submit.disabled{cursor:not-allowed;background-color:rgba(56,204,227,0.3)}.nono-dark-theme .user-edit-modal .edit-box{background:#2E3637}.nono-dark-theme .user-edit-modal .edit-box .edit-box__title{color:#fcfcfc}.nono-dark-theme .user-edit-modal .edit-box__row .title{color:#fff}.nono-dark-theme .user-edit-modal input{color:#fff;background:#424848;border-color:#424848}.nono-dark-theme .user-edit-modal .radio-wrap .radio__male,.nono-dark-theme .user-edit-modal .radio-wrap .radio__female,.nono-dark-theme .user-edit-modal .radio-wrap .radio__secrecy{color:#fff}.nono-dark-theme .user-edit-modal .radio-wrap .radio__male i,.nono-dark-theme .user-edit-modal .radio-wrap .radio__female i,.nono-dark-theme .user-edit-modal .radio-wrap .radio__secrecy i{background:#424848;border-color:#6B7575}.nono-dark-theme .user-edit-modal .date-picker__current{color:#fff;background:#424848;border-color:#424848}.nono-dark-theme .user-edit-modal .textarea-wrap{background:#424848;border-color:#424848}.nono-dark-theme .user-edit-modal .textarea-wrap textarea{background:#424848;color:#fff}

.date-picker-wrap{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center}.date-picker__month{width:150px;position:relative}.date-picker__day{width:70px;position:relative}.date-picker__year{width:90px;position:relative}.date-picker__division{background:#EFEFEF;width:10px;height:2px;margin:0 4px}.date-picker__current{cursor:pointer;box-sizing:border-box;font-size:12px;color:#4c4b4b;width:100%;height:40px;border:solid 1px #e3e3e3;border-radius:4px;background:#fff;padding:0 12px;display:flex;justify-content:space-between;align-items:center}.date-picker__arrow{width:10px;height:10px;background:url(/assets/ebfd7d2b4420696a0a77dee6b6d081f1.png) no-repeat;background-size:100% 100%}.date-picker__list{position:absolute;top:39px;left:0;right:0;box-sizing:border-box;height:185px;overflow-y:auto;background:#fff;border-radius:4px;border:solid 1px #e3e3e3;padding:5px 0;z-index:1}.date-picker__list.hidden{display:none}.date-picker__list::-webkit-scrollbar{width:8px;height:8px;background:transparent}.date-picker__list::-webkit-scrollbar-button{height:4px;width:4px;background:transparent}.date-picker__list::-webkit-scrollbar-thumb{border-radius:8px;background-color:#d6e3e8}.date-picker__item{cursor:pointer;font-size:12px;color:#9f9f9f;height:18px;padding:0 12px;display:flex;justify-content:space-between;align-items:center}.date-picker__item:hover{color:#38CCE3}

/*!
 * Cropper.js v1.4.3
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-10-24T13:07:11.429Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: .5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: rgba(51, 153, 255, 0.75);
  outline: 1px solid #39f;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px;
  }
}

.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.album-edit__cropper-wrap{position:absolute;width:460px;background:#fff;border-radius:10px;padding:30px 30px;left:50%;top:50%;transform:translate(-50%, -50%)}.album-edit__cropper-wrap .cropper-point{background-color:#38CCE3}.album-edit__cropper-wrap .cropper-view-box{outline:1px solid #38CCE3;outline-color:#38CCE3}.album-edit__cropper-wrap .cropper-line{background-color:none !important}.album-edit__cropper__title{font-size:18px;color:#252525;text-align:center;margin-bottom:15px}.album-edit__cropper__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.album-edit__cropper-wrap .cropper-bg{background:#fff}.album-edit__cropper-wrap .cropper-modal{opacity:0.5;background-color:#fff;border:1px solid #ccc}.album-edit__cropper__footer{display:flex;justify-content:center;margin-top:25px}.album-edit__cropper__crop-btn{cursor:pointer;font-size:15px;color:#fff;display:flex;justify-content:center;align-items:center;width:200px;height:48px;background-color:#38CCE3;border-radius:36px;border:solid 1px #38CCE3}.album-edit__cropper__cancel-btn{cursor:pointer;font-size:15px;color:#38CCE3;display:flex;justify-content:center;align-items:center;width:200px;height:48px;background-color:#fff;border:solid 1px #38CCE3;margin-right:8px;border-radius:36px}.album-edit__photo-box{width:460px;background-color:#ffffff;border-radius:10px;padding:30px 30px;position:relative}.album-edit__photo-close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.album-edit__photo-title{font-size:18px;color:#252525;text-align:center;margin-bottom:15px}.album-edit__cur-photo-wrap{width:400px;height:400px;position:relative}.album-edit__cur-photo-wrap::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:80px;background:url(/assets/e3b0cbe94b27a691199f9fa4f81d80e2.png) no-repeat;background-size:100% 100%}.album-edit__cur-photo{width:100%;height:100%;font-family:"object-fit:cover";object-fit:cover}.album-edit__cur-avatar-logo{position:absolute;left:6px;top:6px;height:27px;line-height:27px;padding-left:28px;padding-right:11px;font-size:13px;color:#fff;text-align:center;background:#38CCE3;border-radius:4px}.album-edit__cur-avatar-logo::before{content:"";position:absolute;width:18px;height:18px;left:7px;top:5px;background-image:url(/assets/c44dbae78a33bd724bb225c20b20623e.png);background-size:contain}.album-edit__handle-wrap{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center}.album-edit__set-avatar,.album-edit__delete{cursor:pointer;font-size:12px;color:#fff;height:30px;display:flex;justify-content:center;align-items:center}.album-edit__set-avatar{margin-right:18px;font-size:13px;background-color:#38CCE3;padding:0 19px;border-radius:19px;height:36px;line-height:36px}.album-edit__set-avatar:hover{background:rgba(56,204,227,0.6)}.album-edit__delete{width:46px;height:36px;background:rgba(0,0,0,0.8);border-radius:19px}.album-edit__delete:hover{background:#38CCE3}.album-edit__delete::before{display:inline-block;content:"";width:18px;height:18px;background:url(/assets/49fad13be76d97b98559694881bb83e3.png) no-repeat;background-size:100% 100%}.album-edit__photo-list{display:flex;justify-content:center;margin-top:10px}.album-edit__thumbnail-wrap{cursor:pointer;position:relative;width:46px;height:46px;margin-right:3px}.album-edit__thumbnail-wrap:last-child{margin-right:0}.album-edit__thumbnail-wrap::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5)}.album-edit__thumbnail-wrap:hover::before{background:transparent}.album-edit__thumbnail-wrap.active::before{background:transparent;border:solid 2px #38CCE3}.album-edit__thumbnail{width:100%;height:100%;font-family:"object-fit:cover";object-fit:cover}.album-edit__tip{font-size:12px;color:#C6C6C6;text-align:center;margin-top:16px}.album-edit__upload-btn{cursor:pointer;width:46px;height:46px;background:#e8e8e8 url(/assets/c6debfbcef00f54081a97de28d3d36f6.png) center center no-repeat;background-size:14px 14px;position:relative}.album-edit__upload-photo{cursor:pointer;font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.album-edit__upload-btn:hover{background:#e8e8e8 url(/assets/f1114425ac4dbeb3ac98197ba1384119.png) center center no-repeat;background-size:14px 14px}.nono-dark-theme .album-edit__photo-box{background-color:#2E3637}.nono-dark-theme .album-edit__upload-btn{background-color:#414848}.nono-dark-theme .album-edit__photo-title{color:#fcfcfc}.nono-dark-theme .album-edit__cropper-wrap{background-color:#2E3637}.nono-dark-theme .album-edit__cropper__title{color:#fff}.nono-dark-theme .album-edit__cropper__cancel-btn{background-color:#2E3637}

.me-common-layout---autoheight{height:auto;width:1100px;margin:0 auto;margin-top:20px;padding-bottom:70px;flex-shrink:0;display:flex}

.fans-group-win{color:#4c4b4b;height:100%;display:flex;flex-direction:column}.fans-group-win__tabs{height:100%}.nono-dark-theme .fans-group-win{color:#fff}

.my-fans-group{font-size:14px;color:#242424;padding:24px 24px 20px 24px}.my-fans-group__badge-wrapper{display:flex;align-items:center}.my-fans-group__badge-label{font-size:14px;margin-right:10px}.my-fans-group__badge-input{position:relative}.my-fans-group__badge-input input{width:160px;height:35px;padding:10px;padding-right:25px;border-radius:4px;border:solid 1px #EFEFEF}.my-fans-group__badge-input input::-webkit-input-placeholder{font-size:12px;color:#9f9f9f}.my-fans-group__badge-input input:-ms-input-placeholder{font-size:12px;color:#9f9f9f}.my-fans-group__badge-input input::-ms-input-placeholder{font-size:12px;color:#9f9f9f}.my-fans-group__badge-input input::placeholder{font-size:12px;color:#9f9f9f}.my-fans-group__badge-remove{cursor:pointer;color:#EFEFEF;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.my-fans-group__badge{margin-left:15px}.my-fans-group__badge.preview{margin-left:20px}.my-fans-group__emotion-wrapper{margin-top:25px}.my-fans-group__emotion-subtitle{font-size:14px;margin-bottom:10px}.my-fans-group__emotion-list{display:flex}.my-fans-group__emotion-item{margin-right:5px}.my-fans-group__emotion-item:last-child{margin-right:0}.my-fans-group__emotion-illegal{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center}.my-fans-group__emotion-item>img{width:100%;height:100%;font-family:"object-fit:cover";object-fit:cover}.my-fans-group__upload-btn{cursor:pointer;width:70px;height:70px;border:solid 1px #dedede;background:#e8e8e8 url(/assets/c6debfbcef00f54081a97de28d3d36f6.png) center center no-repeat;background-size:14px 14px;position:relative}.my-fans-group__upload-photo{cursor:pointer;font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.my-fans-group__upload-btn:hover{background:#e8e8e8 url(/assets/f1114425ac4dbeb3ac98197ba1384119.png) center center no-repeat;background-size:14px 14px}.my-fans-group__remark-wrapper{margin-top:35px}.my-fans-group__remark-title{font-size:14px;margin-bottom:10px}.my-fans-group__remark-item{font-size:12px;color:#8E9393;line-height:18px}.my-fans-group__save-btn{width:120px;height:35px}.my-fans-group__badge-illegal{position:relative}.my-fans-group__badge-illegal:hover .my-fans-group__badge-illegal-tip{display:block;animation:panelFloat2 .25s forwards}.my-fans-group__badge-illegal-tip{display:none;position:absolute;font-size:12px;white-space:nowrap;color:#4c4b4b;padding:12px;border-radius:4px;background:#fff;left:50%;top:calc(100% + 10px);transform:translateX(-50%) scale(0);box-shadow:0px 4px 19px 0px rgba(0,0,0,0.2);transform-origin:center top}.my-fans-group__badge-illegal-tip::before{content:"";position:absolute;display:block;width:0;height:0;top:-7px;left:50%;transform:translateX(-50%);border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.my-fans-group__badge-edit{display:flex;align-items:center;margin-left:auto;cursor:pointer;color:#8E9393}.my-fans-group__badge-edit:hover{color:#38CCE3}.my-fans-group__badge-edit:hover .my-fans-group__badge-edit__icon .edit_svg__cls-2{fill:#38CCE3}.my-fans-group__badge-edit__icon{width:24px;height:24px;fill:none}.my-fans-group__badge-edit__icon .edit_svg__cls-2{fill:#8D8D8D}.my-fans-group-qualification{display:flex;flex-direction:column;align-items:center;padding-top:130px}.my-fans-group-qualification__img{height:60px;width:60px;margin-bottom:10px}.my-fans-group-qualification__title{margin:0;padding:0;margin-bottom:5px;font-weight:bold;font-size:16px;color:#232323}.my-fans-group-qualification__desc{color:#8E9393;font-size:12px}.my-fans-group-qualification__detail-btn{width:300px;height:45px;border-radius:20px;margin-top:30px;font-size:15px}.mildom-image-wall-uploader.my-fans-group-illegal-emotion .image-uploader__img{background-color:#000;opacity:0.5}.mildom-image-wall-item{position:relative}.mildom-image-wall-item .my-fans-group-illegal-emotion-tip{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);height:20px;width:20px;cursor:pointer}.my-fans-group-illegal-badge-tip{cursor:pointer}.my-fans-group-illegal-badge-popover{width:300px;padding:10px;left:98px !important;top:55px !important}.my-fans-group-illegal-badge-popover .mildom-popover-pointer{left:103px !important}.my-fans-group-illegal-emotion-popover{width:300px;padding:10px;left:0 !important}.my-fans-group-illegal-emotion-popover .mildom-popover-pointer{left:35px !important}.my-fans-group-nodata .mildom-nodata-text{font-size:14px}.nono-dark-theme .my-fans-group{color:#fff}.nono-dark-theme .my-fans-group__badge-input input{outline:none;background-color:#424848;border-color:transparent;color:#fff}.nono-dark-theme .my-fans-group__emotion-item{border-color:rgba(226,226,226,0.1)}.nono-dark-theme .my-fans-group__badge-illegal-tip{color:#fff;background:#404040}.nono-dark-theme .my-fans-group__badge-illegal-tip::before{border-bottom-color:#404040}.nono-dark-theme .my-fans-group__remark-item{color:#a9a9a9}.nono-dark-theme .my-fans-group__badge-edit{color:#a9a9a9}.nono-dark-theme .my-fans-group__badge-edit:hover{color:#38CCE3}.nono-dark-theme .my-fans-group-qualification__title{color:rgba(255,255,255,0.95)}.nono-dark-theme .my-fans-group__emotion-item__emotion-uploader .my-fans-group__emotion-item__emotion-uploader-placeholder-bg{background-color:#183938}.nono-dark-theme .my-fans-group__remark-title{color:rgba(255,255,255,0.95)}.nono-dark-theme .my-fans-group-nodata .mildom-nodata-pic{opacity:0.7}

.not-selectable{cursor:not-allowed}.image-uploader{position:relative;width:120px;height:70px}.image-uploader__img{height:100%;width:100%;border-radius:4px}.image-uploader-loading{position:absolute}.image-uploader-mask{display:flex;align-items:center;position:absolute;bottom:0;width:100%;height:32px;background-color:#000;color:#FFF;font-size:14px;opacity:0.7;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.image-uploader-select-img{display:flex;align-items:center;justify-content:center;flex:0 0 50%;height:100%;position:relative;cursor:pointer}.image-uploader__take-photo-icon{height:30px;width:30px}.image-uploader__take-photo-text{margin-left:5px}.image-uploader-mask__divider{height:20px;width:1px;flex-shrink:0;background-color:rgba(255,255,255,0.6)}.image-uploader__input{cursor:pointer;font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.image-uploader-delete-img{display:flex;align-items:center;justify-content:center;flex:0 0 50%;height:100%;position:relative;cursor:pointer}.image-uploader-delete-img.disabled{cursor:not-allowed;color:rgba(255,255,255,0.6)}.image-uploader-delete-img.disabled .image-uploader__delete-photo-icon .delete_photo_svg__cls-1{stroke:rgba(255,255,255,0.6)}.image-uploader__delete-photo-text{margin-left:5px}.image-uploader__delete-photo-icon{height:30px;width:30px;fill:none}.image-uploader__delete-photo-icon .delete_photo_svg__cls-1{stroke:#fff}.image-cropper-modal{z-index:z("modal");position:absolute;width:460px;background:#fff;border-radius:10px;padding:30px 30px;padding-top:40px;left:50%;top:50%;transform:translate(-50%, -50%)}.image-cropper-modal .cropper-point{background-color:#38CCE3}.image-cropper-modal .cropper-view-box{outline:1px solid #38CCE3;outline-color:#38CCE3}.image-cropper-modal .cropper-line{background-color:none !important}.image-cropper-modal__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.image-cropper-modal__title{font-size:18px;color:#232323;text-align:center;margin-bottom:35px}.image-cropper-modal-footer{display:flex;justify-content:center;margin-top:25px}.image-cropper-modal__crop-btn{font-size:15px;width:200px;height:48px;border-radius:36px}.image-cropper-modal__crop-btn:hover{background-color:#60d6e9}.image-cropper-modal__cancel-btn{font-size:15px;width:200px;height:48px;margin-right:8px;border-radius:36px;color:#36BDD1;border:1px solid rgba(56,204,227,0.9);background:none}.image-cropper-modal__cancel-btn:hover{color:#38CCE3;background-color:rgba(56,204,227,0.15)}.image-cropper-modal-loading{position:absolute;top:0;left:0}.nono-dark-theme .image-cropper-modal{background-color:#2e3033}.nono-dark-theme .image-cropper-modal__title{color:#fff}

.mildom-image-wall{display:flex;align-items:center}.mildom-image-wall .mildom-image-wall-item{margin-right:10px}.mildom-image-wall .mildom-image-wall-item:last-child{margin-right:0}.mildom-image-wall-uploader{width:70px;height:70px}.mildom-image-wall-uploader .image-uploader-mask{height:100%;width:100%;opacity:1;background:inherit;border-radius:4px}.mildom-image-wall-uploader .image-uploader-select-img{flex:0 0 100%}.mildom-image-wall-uploader .image-uploader-select-img:hover .mildom-image-wall-uploader-placeholder-select-icon .add_svg__cls-2{fill:#38CCE3}.mildom-image-wall-uploader .mildom-image-wall-uploader-delete{position:absolute;display:flex;align-items:center;justify-content:center;height:22px;width:22px;bottom:5px;right:5px;background-color:#000;opacity:0.7;border-radius:50%;cursor:pointer}.mildom-image-wall-uploader .mildom-image-wall-uploader-delete:hover{background-color:#38CCE3}.mildom-image-wall-uploader .mildom-image-wall-uploader-delete .mildom-image-wall-uploader-delete-icon{height:20px;width:20px;background:url(/assets/svg/delete_photo_71662a08890e180282b459be0fa38cc1.svg) no-repeat;background-size:100% 100%}.mildom-image-wall-uploader .mildom-image-wall-uploader-placeholder-bg{display:flex;align-items:center;justify-content:center;background-color:#EAF9FC;height:100%;width:100%;border-radius:4px}.mildom-image-wall-uploader .mildom-image-wall-uploader-placeholder-select-icon{width:30px;fill:none}.mildom-image-wall-uploader .mildom-image-wall-uploader-placeholder-select-icon .add_svg__cls-2{fill:#A5A5A5}.nono-dark-theme .mildom-image-wall-uploader-placeholder-bg{background-color:#333}

.mildom-popover{position:absolute;background:#fff;z-index:100;border-radius:4px;color:#232323;box-shadow:0px 4px 20px rgba(0,0,0,0.2);animation:panelFloat .25s forwards}.mildom-popover-pointer{position:absolute;width:0;height:0;bottom:-7px;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.nono-dark-theme .mildom-popover{background:#38cce3;background-color:#202526;color:#fff}.nono-dark-theme .mildom-popover-pointer{border-top:7px solid #202526;border-left:7px solid transparent;border-right:7px solid transparent}

.my-fans-group-list__container{margin-top:32px;color:#232323}.my-fans-group__badge-wrapper+.my-fans-group-list__container{margin-top:24px}.my-fans-group-list{display:flex;flex-wrap:wrap}.my-fans-group-list__item{width:370px;background-color:#F6F7F7;border:1px solid transparent;border-radius:4px;padding:15px;display:flex;align-items:center;margin-right:10px;margin-bottom:10px;cursor:pointer}.my-fans-group-list__item:hover{background-color:#e8f9fe;border-color:#38CCE3;color:#38CCE3}.my-fans-group-list__item:hover .my-fans-group-list__item-subscribe-time{color:#38CCE3}.my-fans-group-list__item:hover .my-fans-group-list__item-fans-group-type{color:#38CCE3}.my-fans-group-list__header{font-size:14px;color:#242424;margin-bottom:10px}.my-fans-group-list__item-avatar{width:50px;height:50px;margin-right:10px;flex-shrink:0}.my-fans-group-list__item-right{display:flex;flex-direction:column;justify-content:center;padding-right:40px}.my-fans-group-list__item-user-info{display:flex;align-items:center;font-size:14px;margin-bottom:5px;width:270px}.my-fans-group-list__item-loginname{margin-right:5px}.my-fans-group-list__item-fans-group-type{color:#707070;flex-shrink:0}.my-fans-group-list__item-subscribe-time{color:#C6C6C6;font-size:12px}.nono-dark-theme .my-fans-group-list__container{color:#fff}.nono-dark-theme .my-fans-group-list__header{color:#fff}.nono-dark-theme .my-fans-group-list__item{background-color:rgba(255,255,255,0.05)}.nono-dark-theme .my-fans-group-list__item-subscribe-time{color:rgba(255,255,255,0.35)}.nono-dark-theme .my-fans-group-list__item-fans-group-type{color:rgba(255,255,255,0.85)}

.playback-edit-box{position:relative;width:482px;border-radius:10px;background-color:#fff;box-sizing:border-box;padding:20px 20px 30px 20px}.playback-edit-box__title{font-size:18px;color:#232323;margin-bottom:35px;text-align:center}.playback__btn-wrap{display:flex;align-items:center;justify-content:center}.playback-edit-info__cancel{cursor:pointer;font-size:17px;color:#38CCE3;width:200px;height:48px;border-radius:36px;text-align:center;line-height:48px;background-color:#fff;border:1px solid #38CCE3;margin-right:4px}.playback-edit-info__submit{cursor:pointer;font-size:17px;color:#fff;width:200px;height:48px;border-radius:36px;text-align:center;line-height:48px;background-color:#38CCE3;margin-left:4px}.playback-edit-box__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.nono-dark-theme .playback-edit-box{background:#2E3637}.nono-dark-theme .playback-edit-box input{color:#fff;background:#424848;border-color:#424848}.nono-dark-theme .playback-edit-box__title{color:#fcfcfc}.nono-dark-theme .playback-edit-info__cancel{background:transparent}

.me-playback-list--empty{width:100%;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.me-playback-list--empty img{width:100px}.me-playback-list--empty-desc{margin-top:10px;font-size:12px}.me-playback-list{height:100%}.me-playback-list__item{position:relative;display:flex;border-bottom:1px solid #EFEFEF;padding:20px 0;margin:0 20px;align-items:center}.me-playback-list__cover{width:160px;height:90px;position:relative}.me-playback-list__length{position:absolute;left:4px;bottom:4px;color:#fff;font-size:12px;padding:2px 4px;background:rgba(0,0,0,0.8);border-radius:2px}.playback-status{position:absolute;left:6px;top:6px;display:flex;align-items:center}.playback-status .archived{height:20px;margin-right:5px}.playback-status .me-playback-list__hide-text{height:20px;line-height:20px;background:#38CCE3;border-radius:4px;color:#fff;padding:0 10px;font-size:12px}.me-playback-list__info{margin-left:16px;flex:1;align-self:flex-start}.me-playback-list__video-title{font-size:15px;color:#242424;font-weight:bold;max-width:385px;line-height:22px;margin-bottom:10px;word-break:break-word}.me-playback-list__video-desc{display:flex;align-items:center}.me-playback-list__viewer{display:flex;align-items:center;flex-direction:row;font-size:12px;color:#8D8D8D;margin-right:20px}.me-playback-list__viewer .me-playback-list__viewer-icon{margin-right:2px;width:18px;height:10px;background-image:url(/assets/52b676abd0bb16c6051fda8fa57345c8.png);background-size:100% 100%}.me-playback-list__time{display:flex;align-items:center;flex-direction:row;font-size:12px;color:#8D8D8D}.me-playback-list__time .me-playback-list__time-icon{margin-right:2px;width:13px;height:13px;background-image:url(/assets/f0c029b1bbb7365296aa286bd0058289.png);background-size:100% 100%}.me-playback-list__video-edit{display:flex;align-items:center;color:#fcfcfc;font-size:13px;border-radius:4px;background:#38CCE3;padding:6px 10px;margin-right:40px;cursor:pointer}.me-playback-list__video-edit .icon{width:18px;height:18px;margin-right:4px;fill:rgba(0,0,0,0)}.me-playback-list__video-edit:hover{opacity:.8}.me-playback-item__operate-button{position:relative;width:18px;height:18px}.me-playback-item__operate-button-icon{width:18px;height:18px;display:flex;justify-content:center;align-items:center;cursor:pointer}.me-playback-item__operate-icon_img{width:14px;height:16px;background-size:100% 100%;background-image:url(/assets/svg/dot_more_92aaaa3faaf168a4f75409633ad20df9.svg);background-repeat:no-repeat}.me-playback-item__operate-selector{color:#232323;position:absolute;top:30px;right:0;width:250px;display:flex;justify-content:flex-end;z-index:1}.me-playback-item__operate-inner{display:flex;flex-direction:column;overflow:hidden;border-radius:4px;box-shadow:0px 3px 6px rgba(0,0,0,0.16);font-size:12px;background-color:#fcfcfc;padding:15px 0}.me-playback-item__operate-hide{padding:0 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.me-playback-item__operate-hide .label{font-size:13px;margin-right:12px}.me-playback-item__operate-toggle{width:52px;height:28px;border-radius:29px;background:#C6C6C6;position:relative;cursor:pointer}.me-playback-item__operate-toggle.active{background:#38CCE3}.me-playback-item__operate-toggle.active .me-playback-item__operate-toggle-btn{left:26px}.me-playback-item__operate-toggle-btn{position:absolute;width:24px;height:24px;border-radius:50%;top:50%;transform:translateY(-50%);left:2px;background:#fff}.me-playback-item__operate-item{padding:0 14px;cursor:pointer;outline:none;height:37px;display:flex;align-items:center;margin-bottom:15px}.me-playback-item__operate-item:last-child{margin-bottom:0}.me-playback-item__operate-item .icon{display:block;width:18px;height:18px;margin-right:10px;background-size:contain;background-repeat:no-repeat}.me-playback-item__operate-item .icon-download{stroke:#fff}.me-playback-item__operate-item:hover{background:rgba(35,35,35,0.1)}.playback-edit-box__item{margin-bottom:20px;color:#232323}.playback-edit-box__item input{width:100%;padding:12px 10px;font-size:14px;outline:none;border:1px solid #EFEFEF;border-radius:4px}.playback-edit-box__item input:focus{border-color:#38CCE3}.playback-edit-box__item .len{margin-top:7px;color:#C6C6C6;font-size:12px;text-align:right}.playback-edit-box__item .upload .upload-img{width:225px;height:125px;position:relative}.playback-edit-box__item .upload .upload-img img{width:100%;height:100%;font-family:"object-fit:contain";object-fit:contain}.playback-edit-box__item .upload .upload-img:hover .upload-btn{opacity:1}.playback-edit-box__item .upload .upload-btn{opacity:1;transition:opacity .5s;position:absolute;left:0;right:0;bottom:0;height:32px;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;cursor:pointer}.playback-edit-box__item .upload .upload-btn .upload-btn-icon{width:30px;height:30px;background-size:contain;background-image:url(/assets/svg/camera_6afa4e87579cf6a0d4a5937587729a1b.svg)}.playback-edit-box__item .upload .upload-btn .upload-btn__upload-photo{cursor:pointer;font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.playback-edit-box__cropper-wrap{z-index:500;position:absolute;width:460px;background:#fff;border-radius:10px;padding:30px 30px;left:50%;top:50%;transform:translate(-50%, -50%)}.playback-edit-box__cropper-wrap .cropper-point{background-color:#38CCE3}.playback-edit-box__cropper-wrap .cropper-view-box{outline:1px solid #38CCE3;outline-color:#38CCE3}.playback-edit-box__cropper-wrap .cropper-line{background-color:none !important}.playback-edit-box__cropper__title{font-size:18px;color:#252525;text-align:center;margin-bottom:15px}.playback-edit-box__cropper__close{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.playback-edit-box__cropper__footer{display:flex;justify-content:center;margin-top:25px}.playback-edit-box__cropper__crop-btn{cursor:pointer;font-size:15px;color:#fff;display:flex;justify-content:center;align-items:center;width:200px;height:48px;background-color:#38CCE3;border-radius:36px;border:solid 1px #38CCE3}.playback-edit-box__cropper__cancel-btn{cursor:pointer;font-size:15px;color:#38CCE3;display:flex;justify-content:center;align-items:center;width:200px;height:48px;background-color:#fff;border:solid 1px #38CCE3;margin-right:8px;border-radius:36px}.playback-edit-box__item-label{font-size:16px;margin-bottom:5px}.playback-edit-box__item-label .required{color:#F86262;margin-left:3px}.playback-edit-box__textarea{height:100px;width:100%;padding:10px;border:1px solid #EFEFEF;border-radius:4px;resize:none;outline:none}.playback-edit-box__textarea::-webkit-scrollbar{width:8px;height:8px;background:transparent}.playback-edit-box__textarea::-webkit-scrollbar-button{height:4px;width:4px;background:transparent}.playback-edit-box__textarea::-webkit-scrollbar-thumb{border-radius:8px;background-color:#d6e3e8}.playback-edit-box__textarea::-webkit-input-placeholder{color:#C6C6C6}.playback-edit-box__textarea:-ms-input-placeholder{color:#C6C6C6}.playback-edit-box__textarea::-ms-input-placeholder{color:#C6C6C6}.playback-edit-box__textarea::placeholder{color:#C6C6C6}.nono-dark-theme .playback-edit-box__textarea{color:#EEEFF0;background-color:#424848;border-color:rgba(0,0,0,0)}.nono-dark-theme .playback-edit-box__item{color:#fff}.nono-dark-theme .me-playback-item__operate-selector{color:#fff}.nono-dark-theme .me-playback-item__operate-inner{background:#424848}.nono-dark-theme .me-playback-item__operate-item:hover{background-color:rgba(56,204,227,0.1)}.nono-dark-theme .me-playback-item__operate-item .icon-download{fill:#fff}.nono-dark-theme .me-playback-item__operate-item .icon-del{fill:#fff}.nono-dark-theme .me-playback-list__video-title{color:#fff}.nono-dark-theme .me-playback-list__item{border-color:#2e2e2e}.nono-dark-theme .playback-edit-box__cropper-wrap{background:#2E3637}.nono-dark-theme .playback-edit-box__cropper__title{color:#fff}.nono-dark-theme .playback-edit-box__cropper__cancel-btn{background:transparent}.nono-dark-theme .playback-edit-box__textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.35)}.nono-dark-theme .playback-edit-box__textarea:-ms-input-placeholder{color:rgba(255,255,255,0.35)}.nono-dark-theme .playback-edit-box__textarea::-ms-input-placeholder{color:rgba(255,255,255,0.35)}.nono-dark-theme .playback-edit-box__textarea::placeholder,.nono-dark-theme .playback-edit-box__item .len{color:rgba(255,255,255,0.35)}

.empty-data{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-data .nodata-icon{width:180px;height:96px}.empty-data .nodata-text{color:#8D8D8D;font-size:18px;margin-top:32px}.host-task{height:100%;padding:30px}.host-task-tabs{width:100%;display:flex;border-bottom:2px solid #EFEFEF;margin-bottom:30px}.host-task-tabs .host-task-tabs-item{display:flex;align-items:center;justify-content:center;padding-left:10px;padding-right:10px;padding-bottom:12px;width:120px;color:#000;font-size:14px;cursor:pointer}.host-task-tabs .host-task-tabs-item.active{color:#38CCE3;border-bottom:2px solid #38CCE3}.host-task-content{display:flex;flex-direction:column;align-items:center}.host-task-content-subtabs{display:flex;margin-bottom:30px}.host-task-content-subtabs .host-task-content-subtabs-item{display:flex;align-items:center;justify-content:center;width:116px;height:32px;margin-right:20px;border-radius:16px;color:#8F9494;font-size:14px;border:1px solid #EFEFEF;background:#f6f7f7;cursor:pointer}.host-task-content-subtabs .host-task-content-subtabs-item:last-child{margin-right:0}.host-task-content-subtabs .host-task-content-subtabs-item.active{background-color:#38CCE3;border-color:#38CCE3;color:#fff}.host-task-list{display:flex;flex-wrap:wrap}.host-task-list-item{width:390px;height:154px;margin-right:20px;margin-bottom:20px;background-color:#F6F7F7;border-radius:4px}.host-task-list-item:nth-child(2n){margin-right:0}.host-task-list-item:hover .host-task-list-item__banner{opacity:.8}.host-task-list-item__banner{width:100%;height:100%;font-family:"object-fit:fill";object-fit:fill;border-radius:4px;cursor:pointer}.nono-dark-theme .host-task-tabs{border-bottom-color:rgba(255,255,255,0.05)}.nono-dark-theme .host-task-tabs-item{color:#fff}.nono-dark-theme .host-task-content-subtabs-item{background-color:#424848;border-color:#424848}

.top-up-page__user-info{border-radius:4px;border:1px solid #efefef;display:flex;flex-direction:column;padding:15px 30px;margin:24px 0}.top-up-page__user-info>.top-up-page__user-info-top{display:flex;align-items:center}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__avatar{width:44px;height:44px;border-radius:50%}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__user{margin:0 17px;flex:1;min-width:0}.nono-dark-theme .top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__user{color:#ffffff}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__user>.top-up-page__user-info__user__name{font-size:14px;margin-bottom:5px}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__user>.top-up-page__user-info__user__account{font-size:16px;display:flex;align-items:center}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__user>.top-up-page__user-info__user__account>.top-up-page__user-info__user__account__coin{width:18px;margin-right:8px}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__user>.top-up-page__user-info-coins-details{margin:8px 0;color:#999999;font-weight:400;font-size:16px}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__topup{width:112px;height:36px;border-radius:18px;color:white;font-size:14px;background-color:#38CCE3}.top-up-page__user-info>.top-up-page__user-info-top>.top-up-page__user-info__topup:hover{background-color:rgba(56,204,227,0.6)}.top-up-page__user-info>.top-up-page__user-info-bottom{margin-left:61px;margin-top:10px;font-size:14px;font-weight:400;font-family:Helvetica Neue,sans-serif;color:#cccccc}.nono-dark-theme .top-up-page__user-info>.top-up-page__user-info-bottom{color:#fbfbfb}.top-up-page__user-info>.top-up-page__user-info-bottom>ul>li{line-height:25px;height:25px}.nono-dark-theme .top-up-page__user-info{border-color:#15191b;background-color:#15191b}.nono-dark-theme .top-up-page__user-info>.top-up-page__user-info__user{color:white}

.top-up-history{flex:1;min-height:0;border:1px solid #efefef;border-radius:4px;margin-bottom:24px;display:flex;flex-direction:column}.top-up-history>.top-up-history__header{height:48px;background-color:#f3f4f4;display:flex;align-items:center;font-size:14px;color:#3A3A3A}.top-up-history>.top-up-history__header>.top-up-history__header__coin{flex:2;padding:0 20px}.top-up-history>.top-up-history__header>.top-up-history__header__date{flex:3;padding:0 20px}.top-up-history>.top-up-history__header>.top-up-history__header__order-id{flex:4;padding:0 20px}.top-up-history>.top-up-history__header>.top-up-history__header__status{flex:2;padding:0 20px}.top-up-history>.top-up-history__list{flex:1;min-height:0}.top-up-history>.top-up-history__list .top-up-history__list__reload{display:block;border:none;outline:none;margin:15px auto;width:100px;height:32px;border-radius:16px;background-color:#38CCE3;color:white;font-size:14px}.nono-dark-theme .top-up-history{border-color:#15191b;background-color:#15191b}.nono-dark-theme .top-up-history>.top-up-history__header{background-color:#0c1010;color:white}

.top-up-list__empty{background-color:white;padding:50px 0;display:flex;align-items:center;flex-direction:column}.top-up-list__empty>img{width:180px}.top-up-list__empty>.top-up-list__empty__text{font-size:16px;color:#8D8D8D;margin-top:30px}.nono-dark-theme .top-up-list__empty{background-color:#424848}.nono-dark-theme .top-up-list__empty>.top-up-list__empty__text{color:white}

.top-up-history__item{border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;height:60px;font-size:12px;color:#3A3A3A}.top-up-history__item>.top-up-history__item__coin{flex:2;padding:0 20px;display:flex;align-items:center}.top-up-history__item>.top-up-history__item__coin>img{height:16px;margin-right:6px}.top-up-history__item>.top-up-history__item__coin>.top-up-history__item__coin__text{line-height:1}.top-up-history__item>.top-up-history__item__date{flex:3;padding:0 20px}.top-up-history__item>.top-up-history__item__order-id{flex:4;padding:0 20px}.top-up-history__item>.top-up-history__item__status{flex:2;padding:0 20px}.nono-dark-theme .top-up-history__item{border-color:rgba(255,255,255,0.1);color:white}

.setting{padding:8px 30px 0 30px}.setting__item{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.setting__item-info{flex:1}.setting__item-title{font-size:14px;color:#232323;margin-bottom:6px}.setting__item-desc{font-size:13px;color:#8d8d8d}.setting__item-switch{width:52px;height:28px;border-radius:29px;background:#C6C6C6;position:relative;cursor:pointer}.setting__item-switch .inner{position:absolute;width:24px;height:24px;border-radius:50%;top:50%;transform:translateY(-50%);left:2px;background:#fff}.setting__item-switch.active{background:#38CCE3}.setting__item-switch.active .inner{left:26px}.nono-dark-theme .setting__item-title{color:rgba(255,255,255,0.9)}

.message-center-header_content{height:43px}.message-center-header_content .message-center-header_text{display:flex;height:100%;align-items:center;padding:0 18px}.message-center-header_content .message-center-header_text .message-center-header_color_block{display:inline-block;width:4px;height:16px;background:#38cce3;opacity:1;border-radius:8px}.message-center-header_content .message-center-header_text .message-center-header_title{display:inline-block;height:19px;font-size:14px;font-weight:600;line-height:19px;margin-left:7px;color:#232323;opacity:1}.message-center-header_content .message-center-header_dividing_line{width:800px;height:1px;background:#efefef;opacity:1}.nono-dark-theme .message-center-header_content .message-center-header_title{color:#fff}.nono-dark-theme .message-center-header_content .message-center-header_dividing_line{background:#3d4243}

.fans-group-badge{height:16px;background-repeat:no-repeat;background-size:100% 100%;padding-left:15px;padding-right:6px;display:inline-flex;align-items:center;justify-content:center;position:relative;line-height:16px;border:1px solid #38CCE3;border-radius:3px;flex-shrink:0}.fans-group-badge img{position:absolute;width:22px;height:22px;left:-10px;top:50%;transform:translateY(-50%)}.fans-group-badge--default{height:20px}.fans-group-badge__text{white-space:nowrap;font-size:12px;color:#38CCE3;text-align:left}.fans-group-badge__level{position:absolute;font-size:10px;transform:scale(0.9);color:#fff;left:8px;bottom:-1px;font-weight:bold;z-index:0}.fans-group-badge__level::before,.fans-group-badge__level::after{content:attr(data-text);position:absolute;left:0;z-index:-1}.fans-group-badge__level::before{-webkit-text-stroke:2px #0e6cf4}.fans-group-badge__level::after{-webkit-text-stroke:2px #0e6cf4}.fans-group-badge__level--single{left:13px}.fans-group-badge__level--three{left:1px}

.joined-fans-group{padding:30px 24px 20px 24px}.joined-fans-group-title{font-size:14px;color:#242424;margin-bottom:20px}.fans-group-list{display:flex;flex-wrap:wrap}.fans-group-item{display:flex;font-size:14px;color:#232323;background-color:#F6F7F7;width:370px;height:75px;border-radius:4px;align-items:center;position:relative;padding:15px;padding-right:10px;margin-right:15px;margin-bottom:15px}.fans-group-item:nth-child(2n){margin-right:0}.fans-group-item__avatar{height:50px;width:50px;margin-right:10px;cursor:pointer;flex-shrink:0}.fans-group-item-col{display:flex;flex-direction:column}.fans-group-item-row{display:flex;align-items:center;margin-bottom:5px;width:260px}.fans-group-item-row:last-child{margin-bottom:0}.fans-group-item__name{margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fans-group-item__fans-badge{margin-left:5px;margin-right:10px}.fans-group-item__date{font-size:12px;color:#C6C6C6}.fans-group-item__detail-icon{height:18px;width:18px;fill:#232323;cursor:pointer;margin-left:auto}.fans-group-item__detail-icon>path:last-child{fill:none;stroke:none}.fans-group-item.active{border-color:#38CCE3}.fans-group-item.active::after{content:"";width:20px;height:20px;background:url(/assets/8f970d8d80613699ab67e4a30bf7f8f3.png) no-repeat;background-size:contain;position:absolute;top:4px;right:4px}.fans-group-item__expired-status{margin-top:10px}.fans-group-item__more{cursor:pointer;height:20px;text-align:center;line-height:20px;border-radius:0 0 4px 4px;background-color:#38CCE3;color:#fff;position:absolute;left:0;right:0;bottom:0;margin:0 -1px -1px -1px}.fans-group-item__more:hover{background-color:rgba(56,204,227,0.6)}.empty-fans-group{width:100%;font-size:12px;color:#bbb;margin-top:60px;display:flex;flex-direction:column;align-items:center}.empty-fans-group>img{margin-bottom:20px}.fans-group-item__fans-group-level{color:#707070;flex-shrink:0}.joined-fans-group-nodata .mildom-nodata-text{font-size:14px;white-space:pre-wrap}.nono-dark-theme .joined-fans-group-title{color:#fff}.nono-dark-theme .fans-group-item__name{color:#fff}.nono-dark-theme .fans-group-item{background-color:rgba(255,255,255,0.05)}.nono-dark-theme .fans-group-item__date{color:rgba(255,255,255,0.35)}.nono-dark-theme .fans-group-item__fans-group-level{color:rgba(255,255,255,0.85)}.nono-dark-theme .fans-group-item__detail-icon{fill:#fff}

.fans-group-box{width:458px;height:575px;border-radius:4px;background-color:#fff;padding:35px 0 40px 0;position:relative;display:flex;flex-direction:column}.fans-group-box__close{cursor:pointer;width:18px;height:18px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) center center no-repeat;background-size:14px 14px;position:absolute;top:12px;right:12px}.fans-group-box__header{display:flex;flex-direction:column;align-items:center;padding-left:20px;padding-right:20px;width:100%;margin-bottom:25px}.fans-group-box__host-avatar{width:70px;height:70px;cursor:pointer;margin-bottom:10px}.fans-group-box__header-title{display:flex;align-items:center;font-size:16px;color:#252525;margin-bottom:5px;max-width:100%}.fans-group-box__header-title span{margin-right:10px;flex-grow:1}.fans-group-box__id-info{font-size:12px;color:#707070}.fans-group-box__content{padding-left:20px;padding-right:20px;padding-bottom:30px}.fans-group-box__badge{font-size:14px;color:#242424}.fans-group-box__badge .fans-group-box__badge-label{margin-right:20px}.fans-group-detail__emotion-wrapper{margin-top:25px}.fans-group-detail__emotion-subtitle{font-size:14px;color:#242424;margin-bottom:10px}.fans-group-detail__emotion-list{display:flex;flex-wrap:wrap}.fans-group-detail__emotion-item{margin-right:5px;margin-bottom:5px;line-height:0}.fans-group-detail__emotion-item:last-child{margin-right:0}.fans-group-detail__emotion-img{width:70px;height:70px;border-radius:4px}.fans-group-box__members .my-fans-group-list__item{width:100%;margin-right:0;margin-bottom:20px}.fans-group-box-footer{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:0px -3px 6px rgba(0,0,0,0.1);padding-top:15px;padding-bottom:15px;padding-left:20px;padding-right:20px;background-color:#fff;font-size:12px}.fans-group-box-renew-info{display:flex;flex-direction:column;align-items:center}.fans-group-box-renew-type{font-size:14px}.fans-group-box-renew-date{color:#707070}.manager-list__loading-container{height:336px}.blocked-list__loading-container{height:393px}.nono-dark-theme .fans-group-box{color:rgba(255,255,255,0.95);background-color:#202526}.nono-dark-theme .fans-group-box-footer{background-color:#2f3637}.nono-dark-theme .fans-group-box__header-title{color:rgba(255,255,255,0.95)}.nono-dark-theme .fans-group-box__badge{color:rgba(255,255,255,0.95)}.nono-dark-theme .fans-group-detail__emotion-subtitle{color:rgba(255,255,255,0.95)}.nono-dark-theme .fans-group-box__id-info{color:#a9a9a9}.nono-dark-theme .fans-group-box-renew-date{color:#a9a9a9}

.fans-group-statement{width:540px;border-radius:10px;background:#fff;position:relative}.fans-group-statement__close{position:absolute;width:14px;height:14px;right:12px;top:12px;cursor:pointer;background-image:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png);background-size:contain}.fans-group-statement__header{border-radius:10px 10px 0px 0px;height:52px;line-height:51px;border-bottom:1px solid #EFEFEF;text-align:center;color:#232323;font-size:18px}.fans-group-statement__body{height:558px}.fans-group-statement__body-inner{padding:20px 25px}.fans-group-statement__section{margin-bottom:20px;overflow:hidden}.fans-group-statement__section:last-child{margin-bottom:0}.fans-group-statement__section .fans-group-statement__title{color:#232323;font-size:16px;margin-bottom:14px}.fans-group-statement__section .fans-group-statement__desc{color:#707070;font-size:14px;margin-bottom:14px}.fans-group-statement__section .fans-group-statement__sec-desc{color:#707070;font-size:14px;margin-bottom:14px;margin-top:10px;margin-left:20px}.fans-group-statement__section .fans-group-statement__emtion{color:#707070;font-size:14px;display:flex;margin-left:20px}.fans-group-statement__section .fans-group-statement__emtion span{margin-right:6px}.fans-group-statement__section .fans-group-statement__emtion img{width:304px;height:187px}.fans-group-statement__section .fans-group-right__badge{width:104px;margin-top:12px;margin-left:20px}.fans-group-statement__section .fans-group-right__badge img{width:100%}.fans-group-statement__section .fans-group-statement__info{color:#707070;font-size:16px;padding-right:30px}.fans-group-statement__section .fans-group-statement__info p{margin-bottom:12px;line-height:22px}.nono-dark-theme .fans-group-statement{background:#1B1F20}.nono-dark-theme .fans-group-statement__header{color:#fff;border-color:#424848}.nono-dark-theme .fans-group-statement__section .fans-group-statement__title{color:#fff}.nono-dark-theme .fans-group-statement__section .fans-group-statement__desc{color:#A9A9A9}.nono-dark-theme .fans-group-statement__section .fans-group-statement__sec-desc{color:#A9A9A9}

.flatpickr-calendar .flatpickr-monthDropdown-months{height:28px}.flatpickr-calendar .flatpickr-day.selected{background-color:#69d8ea;border-color:#69d8ea}

.vote-option{position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:row;font-size:12px;width:100%;height:41px;margin-bottom:9px;border-radius:4px;padding:0 16px;background:rgba(255,255,255,0.95)}.nono-dark-theme .vote-option{background:#121414;border:none}.vote-option:last-of-type{margin-bottom:15px}.vote-option__content{position:relative}.vote-options_checkbox{width:18px;height:18px;background-image:url(/assets/svg/vote_unchecked_box_300c7ce8065a67bc3262c200fd962196.svg);background-size:cover}.nono-dark-theme .vote-options_checkbox{background-image:url(/assets/d6b63eb9aff1504b40695b0b8af9bc0b.png)}.vote-options_checkbox.checked{background-image:url(/assets/svg/vote_checked_box_d30de6df16753b4cb240f95cde63c47a.svg)}.vote-option--disable{color:#606060}.nono-dark-theme .vote-option--disable{color:rgba(255,255,255,0.65)}.nono-dark-theme .vote-option--disable.vote-option--selected{color:#38cce3}.vote-option--enable{color:#38cce3;cursor:pointer}.vote-option--selected{color:#38cce3}.vote-option--selected.selectable{border:1px solid #38CCE3}.vote-option-percent-bar{position:absolute;top:0;left:0;bottom:0;border-radius:4px;background:#ededed}.nono-dark-theme .vote-option-percent-bar{background:rgba(255,255,255,0.1)}.vote-option--selected .vote-option-percent-bar{background:#e1f8fb}.nono-dark-theme .vote-option--selected .vote-option-percent-bar{background:rgba(56,204,227,0.2);color:#38CCE3}

.vote-option-group{width:510px;display:flex;flex-direction:column;align-items:center;position:relative}.vote-option-group__show-more-btn{font-size:12px;color:#232323;height:16px;line-height:16px;cursor:pointer;display:flex}.nono-dark-theme .vote-option-group__show-more-btn{color:rgba(255,255,255,0.85)}.nono-dark-theme .vote-option-group__show-more-btn.active{color:#38CCE3}.vote-option-group__show-more-btn.active{color:#38CCE3}.vote-option-group__show-more-icon{margin-left:6px}.postbar-vote-mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}

.vote-title{font-size:14px;color:#232323;margin-bottom:18px}.nono-dark-theme .vote-title{color:rgba(255,255,255,0.95)}.vote-title__ratio{color:#f07b7b}.vote-title__vote-icon{width:14px;height:11px;background:no-repeat center;background-image:url(/assets/67a664cbc620b6c6add99a71bcb6d614.png);display:inline-block;background-size:contain;margin-right:5px}

.vote-footer{color:#acacac;font-size:12px;margin-bottom:20px}

.postbar-vote-button{width:183px;height:30px;background:#38cce3;color:white;line-height:30px;font-size:14px;border-radius:4px;text-align:center;margin:auto;cursor:pointer}.postbar-vote-button--disable{opacity:.5;cursor:not-allowed}

.postbar-vote{width:551px;padding:20px;background:#f8f8f8;margin-bottom:20px}.nono-dark-theme .postbar-vote{background:#202526}

.host-status__list-item{display:flex;border-bottom:1px solid #efefef;padding-bottom:20px;margin-bottom:22px}.host-status__post-avatar{margin-right:10px;flex-shrink:0}.host-status__post-avatar .host-status__avatar{width:48px;height:48px;background-color:#edeff0}.nono-dark-theme .host-status__post-avatar .host-status__avatar{background-color:#17181a}.host-status__post-content{padding-top:5px;flex:1}.host-status__info-wrap{display:flex;justify-content:space-between;margin-bottom:11px}.host-status__author-info{display:flex;align-items:center;font-size:14px;color:#606060}.host-status__author-info .host-status__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin-right:8px}.host-status__post-more{position:relative}.host-status__post-more .icon{width:14px;cursor:pointer}.host-status__opt-panel{position:absolute;right:8px;top:20px;background:#fcfcfc;box-shadow:0px 3px 6px rgba(0,0,0,0.16);width:194px;font-size:13px;color:#61605d;z-index:1;border-radius:4px}.host-status__opt-panel-item{height:50px;line-height:50px;padding-left:20px;border-radius:4px;cursor:pointer}.host-status__opt-panel-item:hover{color:#38cce3}.host-status__post-detail{color:#232323;font-size:12px;margin-bottom:16px;line-height:20px;overflow:hidden;text-overflow:ellipsis;max-width:550px;white-space:pre-wrap}.host-status__post-img{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;max-width:500px}.host-status__post-img .host-status__post-img-box{width:130px;height:130px;margin-bottom:10px;margin-right:6px;cursor:pointer;display:flex;align-items:center;overflow:hidden;border:1px solid #ebebeb;border-radius:4px;background-repeat:no-repeat;background-size:cover;background-position:center}.host-status__post-other{display:flex;align-items:center;margin-bottom:16px}.host-status__post-other .host-status__post-time{font-size:12px;color:#a9a9a9;margin-right:10px}.host-status__post-other .host-status__post-comment-num{background:#f2f2f2;padding:0 10px 0 10px;display:flex;align-items:center;height:22px;border-radius:40px;margin-right:10px}.host-status__post-other .host-status__post-comment-num .icon{width:18px;margin-right:4px;border:none}.host-status__post-other .host-status__post-comment-num span{font-size:12px;color:#acacac}.host-status__post-good{background:#f2f2f2;padding:0 10px 0 10px;height:22px;border-radius:40px;display:flex;align-items:center;cursor:pointer;margin-right:10px}.host-status__post-good .icon{width:13px;fill:#acacac;margin-right:4px}.host-status__post-good .icon>g>path{stroke:none}.host-status__post-good span{font-size:12px;color:#acacac}.host-status__post-good.active .icon,.host-status__post-good:hover .icon{fill:#38cce3}.host-status__post-good.active span,.host-status__post-good:hover span{color:#38cce3}.host-status__post-input{background:#f2f2f2;font-size:12px;height:40px;padding:0 64px 0 15px;border-radius:4px;position:relative;display:flex;align-items:center;max-width:550px;border:1px solid transparent}.host-status__post-input textarea{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;border:none;outline:none;background:#f2f2f2;resize:none}.host-status__post-input textarea::-webkit-input-placeholder{color:#a9a9a9;overflow:hidden;text-overflow:ellipsis}.host-status__post-input textarea:-ms-input-placeholder{color:#a9a9a9;overflow:hidden;text-overflow:ellipsis}.host-status__post-input textarea::-ms-input-placeholder{color:#a9a9a9;overflow:hidden;text-overflow:ellipsis}.host-status__post-input textarea::placeholder{color:#a9a9a9;overflow:hidden;text-overflow:ellipsis}.host-status__post-input .post-btn{cursor:pointer;position:absolute;border:1px solid #eee;width:60px;right:-1px;top:-1px;bottom:-1px;background:#f7f7f7;text-align:center;font-size:13px;color:#b4b4b4;display:flex;justify-content:center;align-items:center;border-top-right-radius:4px;border-bottom-right-radius:4px}.host-status__post-input.active{border-color:#38cce3}.host-status__post-input.active .post-btn{background:#38cce3;color:#fff;border-color:#38cce3}.host-status__comment-list{margin-top:20px}.host-status__comment-item{margin-bottom:14px;display:flex}.host-status__comment-item:last-child{margin-bottom:0}.host-status__comment-item .host-status__post-more{display:none}.host-status__comment-item:hover .host-status__post-more{display:block}.host-status__comment-avatar-wrap{flex-shrink:0}.host-status__comment-avatar{width:32px;height:32px;margin-right:10px}.host-status__comment-content{flex:1;max-width:510px}.host-status__comment-info{display:flex;align-items:center;margin-bottom:8px}.host-status__comment-info .name{display:inline-block;font-size:14px;color:#606060;margin-right:8px;max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host-status__comment-info .level{font-size:10px}.host-status__comment-info .host-status__post-more .icon{width:12px}.host-status__comment-detail{font-size:14px;color:#232323;margin-bottom:8px;line-height:20px;white-space:pre-wrap}.host-status__comment-other{display:flex;align-items:center;font-size:12px;color:#a9a9a9}.host-status__comment-other .time{margin-right:19px;color:#a9a9a9}.host-status__comment-other .host-status__post-good{display:flex;align-items:center;background:#fff}.host-status__comment-other .host-status__post-good .icon{width:13px;margin-right:2px}.host-status__comment-other .reply-btn{cursor:pointer;color:#a9a9a9;padding-bottom:2px;position:relative;top:2px;border-bottom:1px solid transparent}.host-status__comment-other .reply-btn:hover{border-color:#38cce3;color:#38cce3}.host-status__comment-other .reply-btn.active{color:#38cce3}.host-status__comment-other .del-btn{cursor:pointer;color:red;padding-bottom:2px;position:relative;top:2px;border-bottom:1px solid transparent;margin-left:10px}.host-status__comment-other .del-btn:hover{border-color:red}.host-status__comment-other .del-btn.active{color:#38cce3}.host-status__comment-more{display:flex;justify-content:center;margin-top:10px;max-width:510px}.host-status__comment-more-btn{background:#f2f2f2;color:#38cce3;font-size:12px;border-radius:40px;padding:5px 10px;cursor:pointer}.host-status__comment-send{margin-top:9px}.host-status__reply-list{margin-top:14px}.host-status__reply-control{border-radius:40px;font-size:12px;padding:5px 10px;color:#38cce3;cursor:pointer;background:#f2f2f2;display:inline-block}.host-status__reply-container{flex:1;max-width:550px;margin-top:16px;background:#f8f8f8;border-radius:4px;padding:17px 14px}.host-status__reply-item{display:flex;margin-bottom:17px}.host-status__reply-item:last-child{margin-bottom:0}.host-status__reply-avatar{width:17px;margin-right:7px;flex-shrink:0;margin-top:2px}.host-status__reply-info{display:flex;align-items:center;margin-bottom:5px}.host-status__reply-info .name{font-size:14px;color:#acacac;margin-right:8px}.host-status__reply-info .level{font-size:10px;transform:scale(0.9)}.host-status__reply-content{flex:1}.host-status__reply-input{margin-top:10px}.host-status__risky{margin-top:8px;display:flex;align-items:center;font-size:12px;color:#61605d}.host-status__risky .text{margin-right:20px}.host-status__risky .btn{cursor:pointer;color:#38cce3}.nono-dark-theme .host-status__author-info{color:#acacac}.nono-dark-theme .host-status__post-detail{color:#fcfcfc}.nono-dark-theme .host-status__post-input{background:#424848}.nono-dark-theme .host-status__post-input textarea{background:#424848;color:#a9a9a9}.nono-dark-theme .host-status__post-input .post-btn{background:#252b2c;color:#a9a9a9;border-color:transparent}.nono-dark-theme .host-status__post-input.active .post-btn{background:#38cce3;color:#fff}.nono-dark-theme .host-status__reply-content .post-btn{background:#121414}.nono-dark-theme .host-status__post-other .host-status__post-time{color:#a9a9a9}.nono-dark-theme .host-status__post-other .host-status__post-good{background:#252b2c;color:#a9a9a9}.nono-dark-theme .host-status__post-other .host-status__post-comment-num{background:#252b2c;color:#a9a9a9}.nono-dark-theme .host-status__list-item{border-color:#202222}.nono-dark-theme .host-status__comment-info{color:#acacac}.nono-dark-theme .host-status__comment-info .name{color:#acacac}.nono-dark-theme .host-status__comment-other .time{color:#a9a9a9}.nono-dark-theme .host-status__comment-detail{color:#fcfcfc}.nono-dark-theme .host-status__post-good{background:#252b2c}.nono-dark-theme .host-status__reply-control{background:#252b2c}.nono-dark-theme .host-status__reply-container{background:#252b2c}.nono-dark-theme .host-status__opt-panel{background:#202526;color:#acacac}.nono-dark-theme .host-status__opt-panel .host-status__opt-panel-item:hover{background:#2e4648}.nono-dark-theme .host-status__comment-more-btn{background:#252b2c}.nono-dark-theme .host-status__post-img img{border-color:#202222}.nono-dark-theme .host-status__post-img-box{border-color:transparent}@media screen and (max-width: 960px){.host-status__post-img{max-width:350px}.host-status__post-img .host-status__post-img-box{width:100px;height:100px}}

.emoji-guide{position:absolute;padding:0 25px;right:-93px;bottom:36px;height:50px;background:#fff;white-space:nowrap;color:#4c4b4b;font-size:14px;border-radius:4px;box-shadow:0px 4px 19px 0px rgba(0,0,0,0.2);cursor:pointer;display:flex;justify-content:center;align-items:center}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.emoji-guide{left:-200px}}.emoji-guide__arrow{position:absolute;bottom:-7px;right:110px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff}.emoji-guide__close{position:absolute;right:8px;top:8px;width:10px}

.hidden-chat-panel{z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.hidden-chat-panel__title{font-size:14px;color:#4c4b4b;margin-bottom:15px}.hidden-chat-panel__show-chat-btn{cursor:pointer;font-size:12px;color:#fff;padding:0 28px;height:30px;text-align:center;line-height:30px;background-color:#38CCE3;border-radius:4px;position:relative}.hidden-chat-panel__show-chat-btn:hover{background-color:rgba(56,204,227,0.6)}.nono-dark-theme .hidden-chat-panel{background:#1a1a1a}.nono-dark-theme .hidden-chat-panel__title{color:#fff}

.chat-shortcut-panel{position:absolute;display:flex;flex-direction:column;width:380px;height:380px;bottom:40px;left:-120px;padding-top:14px;padding-left:20px;padding-right:20px;padding-bottom:15px;z-index:100;border-radius:4px;background-color:#fff;box-shadow:0px 3px 8px rgba(0,0,0,0.16);font-size:12px;color:#232323}.chat-shortcut-panel.hidden{display:none}.chat-shortcut-panel::after{content:"";position:absolute;width:0;height:0;bottom:-7px;left:125px;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.chat-shortcut-panel-header{display:inline-flex;align-items:center;justify-content:space-between;height:22px;width:100%}.chat-shortcut-panel-header span{font-weight:bold}.chat-shortcut-panel__setting_btn{width:22px;height:22px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-shortcut-panel__setting_btn.hidden{display:none}.chat-shortcut-panel-content{flex-grow:1}.chat-shortcut-panel-content .chat-shortcut-panel-content--empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-shortcut-panel-content .chat-shortcut-panel-content--empty .chat-shortcut-panel-content--empty__img{width:71px;height:38px;background:url(/assets/89ead5aae991af94fa833662d35a45f3.png) no-repeat;background-size:100% 100%}.chat-shortcut-panel-content .chat-shortcut-panel-content--empty .chat-shortcut-panel-content--empty__hint{margin-top:6px;color:#ACACAC}.chat-shortcut-panel-content .chat-shortcut-panel-content--empty .chat-shortcut-panel-content--empty__add-btn{width:180px;height:28px;background-color:#38CCE3;border-radius:50px;margin-top:20px;color:#FCFCFC}.chat-shortcut-panel-content .chat-shortcut-panel-content--empty .chat-shortcut-panel-content--empty__add-btn:hover{background-color:rgba(56,204,227,0.6)}.chat-shortcut-panel-content .chat-shortcut-panel-content--empty.hidden{display:none}.chat-shortcut-panel-content .chat-shortcut-panel-content--list{display:flex;flex-wrap:wrap;align-content:baseline;height:100%;padding-top:20px;padding-bottom:67px}.chat-shortcut-panel-content .chat-shortcut-panel-content--list .chat-shortcut-panel-content--list__item{margin-right:10px;margin-bottom:10px;height:28px;padding-left:15px;padding-right:15px;background:rgba(198,198,198,0.1);border:1px solid #c6c6c6;border-radius:25px;line-height:unset}.chat-shortcut-panel-content .chat-shortcut-panel-content--list .chat-shortcut-panel-content--list__item:hover{color:#38CCE3;background-color:#eafafc;border:1px solid #38CCE3}.chat-shortcut-panel-content .chat-shortcut-panel-content--list.hidden{display:none}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit{height:100%;display:flex;flex-direction:column}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input{display:flex;flex-direction:row;padding-top:20px}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__text-input{height:28px;flex-grow:1;border:1px solid #e6e6e6;border-radius:4px;margin-right:10px;padding-top:5px;padding-bottom:5px;padding-left:10px;outline:none}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__text-input:disabled{background-color:inherit;cursor:not-allowed}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__text-input.focus{border-color:#38CCE3}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__add-btn{width:55px;height:28px;background:#38CCE3;border-radius:4px;color:#FCFCFC}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__add-btn:hover{background-color:rgba(56,204,227,0.6)}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__add-btn:disabled{background-color:#e5e5e5;color:#b8b8b8}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-list{display:flex;flex-wrap:wrap;align-content:baseline;padding-top:11px}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-list .chat-shortcut-panel-content--edit-list__item{cursor:initial;position:relative;margin-right:10px;margin-bottom:10px;height:28px;padding-left:15px;padding-right:15px;background:rgba(198,198,198,0.1);border:1px solid #c6c6c6;border-radius:25px;line-height:unset;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-list .chat-shortcut-panel-content--edit-list__item .chat-shortcut-panel-content--edit-list__delete-badage{cursor:pointer;height:15px;width:15px;position:absolute;top:-5px;right:-5px;opacity:1}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-list .chat-shortcut-panel-content--edit-list__item .chat-shortcut-panel-content--edit-list__delete-badage .chat-shortcut-panel-content--edit-list__delete-badage__icon{fill:#f86262}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit__save-btn{align-self:center;width:180px;height:28px;background:#38CCE3;border-radius:50px;margin-top:auto;color:#FCFCFC}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit__save-btn:hover{background-color:rgba(56,204,227,0.6)}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit__warning{align-self:center;line-height:28px;color:#f86262;margin-top:5px}.chat-shortcut-panel-content .chat-shortcut-panel-content--edit.hidden{display:none}.chat-shortcut-panel.fullscreen{background:rgba(35,35,35,0.8);box-shadow:0px 3px 8px rgba(0,0,0,0.16);color:#FCFCFC;cursor:initial}.chat-shortcut-panel.fullscreen::after{display:none}.chat-shortcut-panel.fullscreen .chat-shortcut-panel-content--list .chat-shortcut-panel-content--list__item{background-color:#232323;border:1px solid #7b7b7b;color:#fff;opacity:1}.chat-shortcut-panel.fullscreen .chat-shortcut-panel-content--list .chat-shortcut-panel-content--list__item:hover{color:#38CCE3;background-color:#1a2c2e;border:1px solid #38CCE3}.chat-shortcut-panel.fullscreen .chat-shortcut-panel-content--edit-list .chat-shortcut-panel-content--edit-list__item{background-color:#232323;border:1px solid #7b7b7b;color:#fff;opacity:1}.chat-shortcut-panel.fullscreen .chat-shortcut-panel-content--edit-input{border-color:#7b7b7b}.chat-shortcut-panel.fullscreen .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__text-input{background-color:#232323;border:1px solid #7b7b7b;color:#fff;opacity:1}.nono-dark-theme .chat-shortcut-panel-header{color:#fff}.nono-dark-theme .chat-shortcut-panel{background:#2e3637}.nono-dark-theme .chat-shortcut-panel::after{border-top:7px solid #2e3637;border-left:7px solid transparent;border-right:7px solid transparent}.nono-dark-theme .chat-shortcut-panel-content .chat-shortcut-panel-content--list .chat-shortcut-panel-content--list__item{border-color:rgba(198,198,198,0.1);color:#fff}.nono-dark-theme .chat-shortcut-panel-content .chat-shortcut-panel-content--list .chat-shortcut-panel-content--list__item:hover{background:#223639}.nono-dark-theme .chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-list .chat-shortcut-panel-content--edit-list__item{border-color:rgba(198,198,198,0.1);color:#fff}.nono-dark-theme .chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-list .chat-shortcut-panel-content--edit-list__item:hover{background:#223639}.nono-dark-theme .chat-shortcut-panel-content .chat-shortcut-panel-content--edit .chat-shortcut-panel-content--edit-input .chat-shortcut-panel-content--edit-input__text-input{background:#424848;border-color:#223639;color:#fff}

.chat-shortcut{position:relative}.chat-shortcut-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;width:26px;height:26px}.chat-shortcut-btn .chat-shortcut-btn-icon{width:26px;height:26px;fill:#a9a9a9}.chat-shortcut-btn .chat-shortcut-btn-icon>path:first-child{fill:none}.chat-shortcut-btn .chat-shortcut-btn.active .chat-shortcut-btn-icon{fill:#38CCE3}.chat-shortcut-btn:hover .chat-shortcut-btn-icon{fill:#38CCE3}.chat-shortcut-btn .chat-shortcut-btn__badge{cursor:pointer;height:8px;width:8px;border-radius:50%;position:absolute;top:-4px;right:-4px;background-color:#38CCE3}.chat-shortcut-btn .chat-shortcut-btn__badge.hidden{display:none}.chat-shortcut-btn.fullscreen{width:20px;height:17px}.chat-shortcut-btn.fullscreen .chat-shortcut-btn-icon{fill:#fff;width:20px;height:17px}.chat-shortcut-btn.fullscreen .chat-shortcut-btn.active .chat-shortcut-btn-icon{fill:#38CCE3}.chat-shortcut-btn.fullscreen:hover .chat-shortcut-btn-icon{fill:#38CCE3}.nono-dark-theme .chat-shortcut-btn-icon{fill:#878888}

.mildom-switch{width:34px;height:18px;cursor:pointer;background:url(/assets/svg/switch_fc66600e5092cceace793b0cec8fad5f.svg) no-repeat;background-size:contain}.mildom-switch.active{background:url(/assets/svg/switch_active_207972a8b01341662fc3f10fdad80483.svg) no-repeat;background-size:contain}.nono-dark-theme .mildom-switch{opacity:0.7}.nono-dark-theme .mildom-switch.active{opacity:0.9}

.nono-radio{cursor:pointer;display:flex;align-items:center;margin-right:20px}.nono-radio::before{content:"";width:16px;height:16px;background:url(/assets/svg/radio_btn_8639693eee91c1342efff9dedd768fd9.svg) no-repeat;background-size:contain;margin-right:5px}.nono-radio.active::before{background:url(/assets/svg/radio_btn_active_d0ec08a9ad520d5bc2c05bd4cc9afe0a.svg) no-repeat;background-size:contain}.nono-dark-theme .nono-radio::before{background:url(/assets/svg/radio_btn_dark_9a6458ee30f70c7584b9b88fdb476b51.svg) no-repeat}.nono-dark-theme .nono-radio.active::before{background:url(/assets/svg/radio_btn_active_d0ec08a9ad520d5bc2c05bd4cc9afe0a.svg) no-repeat;background-size:contain}

.chat-setting-panel--menu{position:absolute;display:flex;flex-direction:column;width:250px;bottom:40px;left:-90px;padding-top:15px;padding-bottom:15px;z-index:z("popover");border-radius:4px;background-color:#fff;box-shadow:0px 3px 8px rgba(0,0,0,0.16);font-size:14px;color:#232323}.chat-setting-panel--menu::after{content:"";position:absolute;width:0;height:0;bottom:-7px;left:95px;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.chat-setting-panel--menu.hidden{display:none}.chat-setting-panel--menu-item{display:flex;align-items:center;height:40px;cursor:pointer;padding-left:10px;padding-right:10px}.chat-setting-panel--menu-item:hover{background-color:rgba(56,204,227,0.1);color:#38CCE3}.chat-setting-panel--menu-item__switch{margin-left:auto;flex-shrink:0}.chat-setting-panel--menu-item__goto-chat-interval-edit{display:flex;align-items:center;margin-left:auto}.chat-setting-panel--menu-item__goto-chat-interval-edit__text{font-size:14px;color:#707070}.chat-setting-panel--menu-item__goto-chat-interval-edit__icon{width:12px;height:12px;fill:none;stroke:#C6C6C6}.chat-setting-panel--chat-interval-edit{position:absolute;display:flex;flex-direction:column;width:250px;bottom:40px;left:-90px;padding-top:15px;padding-bottom:15px;z-index:z("popover");border-radius:4px;background-color:#fff;box-shadow:0px 3px 8px rgba(0,0,0,0.16);font-size:14px;color:#232323;padding-top:0}.chat-setting-panel--chat-interval-edit::after{content:"";position:absolute;width:0;height:0;bottom:-7px;left:95px;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.chat-setting-panel--chat-interval-edit.hidden{display:none}.chat-setting-panel--chat-interval-edit-goback{display:flex;align-items:center;cursor:pointer;padding:10px;border-bottom:1px solid #EFEFEF}.chat-setting-panel--chat-interval-edit-goback:hover .chat-setting-panel--chat-interval-edit-goback__icon{stroke:#38CCE3}.chat-setting-panel--chat-interval-edit-goback:hover .chat-setting-panel--chat-interval-edit-goback__text{color:#38CCE3}.chat-setting-panel--chat-interval-edit-goback__text{font-size:12px;color:#707070}.chat-setting-panel--chat-interval-edit-goback__text:hover{color:#38CCE3 !important}.chat-setting-panel--chat-interval-edit-goback__icon{width:12px;height:12px;fill:none;stroke:#C6C6C6}.chat-setting-panel--chat-interval-edit-interval-radio-group-item{height:33px;padding-left:10px;padding-right:10px;margin:0}.chat-setting-panel--chat-interval-edit-interval-radio-group-item:hover{background-color:rgba(56,204,227,0.1);color:#38CCE3}.chat-setting-panel--chat-interval-edit-interval-radio-group-item input{width:43px;background:transparent;border:1px solid #EDEFF0;color:#333;margin:0 5px}.chat-setting-panel--chat-interval-edit-interval-radio-group-item input:disabled{color:#ccc}.nono-dark-theme .chat-setting-panel--menu{background-color:#2E3637;color:#fff}.nono-dark-theme .chat-setting-panel--menu::after{border-top:7px solid #2E3637;border-left:7px solid transparent;border-right:7px solid transparent}.nono-dark-theme .chat-setting-panel--menu-item__goto-chat-interval-edit__text{color:rgba(255,255,255,0.65)}.nono-dark-theme .chat-setting-panel--chat-interval-edit-goback__icon{stroke:rgba(255,255,255,0.65)}.nono-dark-theme .chat-setting-panel--chat-interval-edit{background-color:#2E3637;color:#fff}.nono-dark-theme .chat-setting-panel--chat-interval-edit::after{border-top:7px solid #2E3637;border-left:7px solid transparent;border-right:7px solid transparent}.nono-dark-theme .chat-setting-panel--chat-interval-edit-goback{border-color:rgba(255,255,255,0.15)}.nono-dark-theme .chat-setting-panel--chat-interval-edit-goback__text{color:rgba(255,255,255,0.65)}.nono-dark-theme .chat-setting-panel--chat-interval-edit-interval-radio-group-item input{color:rgba(255,255,255,0.9);border:1px solid #3C3F43}.nono-dark-theme .chat-setting-panel--chat-interval-edit-interval-radio-group-item input:disabled{color:rgba(204,204,204,0.3)}

.chat-setting{height:26px;width:26px}.chat-setting__btn{height:26px;width:26px;fill:none}.chat-setting__btn:hover{cursor:pointer}.chat-setting__btn:hover .chat_setting_svg__cls-2{fill:#38CCE3}.chat-setting__btn .chat_setting_svg__cls-2{fill:#a9a9a9}.nono-dark-theme .chat-setting__btn:hover .chat_setting_svg__cls-2{fill:#38CCE3}.nono-dark-theme .chat-setting__btn .chat_setting_svg__cls-2{fill:#878888}

.nono-dialog{position:relative;background:#fff;border-radius:4px}.nono-dialog__close{position:absolute;right:12px;top:12px;width:14px;height:14px;cursor:pointer}.nono-dark-theme .nono-dialog{background:#202526}

.host-data{height:100%;padding:30px}.host-data-content{padding-top:25px}.host-data__title{position:relative;font-size:16px;line-height:40px;color:#4C4B4B;margin:0;padding:0;padding-left:15px;margin-bottom:10px;font-weight:normal}.host-data__title::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:4px;height:16px;border-radius:10px;background-color:#38CCE3}.host-data-month{display:flex;flex-wrap:wrap;padding-bottom:10px}.host-data-month-data-card{width:260px;padding:15px;font-size:12px;border-radius:4px;margin-right:10px;margin-bottom:10px;background-color:#F6F7F7}.host-data-month-data-card:nth-child(3n+3){margin-right:0}.host-data-month-data-card__label{margin-bottom:10px;color:#898788}.host-data-month-data-card-content{display:flex;align-items:center;font-weight:bold;font-size:16px;color:#4C4A4B}.host-data-month-data-card-content__value{margin-left:5px}.host-data-month-data-card-content__icon{height:20px;width:20px}.host-data-month-data-card.effect-time{background:linear-gradient(90deg, #f46760 0%, #ffb497 100%)}.host-data-month-data-card.effect-time .host-data-month-data-card__label{color:#fff}.host-data-month-data-card.effect-time .host-data-month-data-card-content{color:#fff}.host-data-month-data-card.effect-day{background:linear-gradient(270deg, #21c1f3 0%, #1c96de 100%)}.host-data-month-data-card.effect-day .host-data-month-data-card__label{color:#fff}.host-data-month-data-card.effect-day .host-data-month-data-card-content{color:#fff}.host-data-day-list-item{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #EFEFEF;border-radius:4px;margin-bottom:10px;font-size:12px;cursor:pointer}.host-data-day-list-item:hover{background-color:#EBFAFC;border-color:#38CCE3}.host-data-day-list-item__date{color:#B9B9B9}.host-data-day-list-item__label{color:#4C4A4B;margin-right:2px}.host-data-day-list-item__value{color:#38CCE3}.host-data-day-list-item-content{display:flex}.host-data-day-list-item-field{display:flex;padding-left:30px;padding-right:30px;width:170px}.host-data-day-list-item__divider{height:10px;width:1px;background-color:#B9B9B9}.host-data-day__more-icon{height:15px;width:15px;background:url(/assets/svg/dot_more_92aaaa3faaf168a4f75409633ad20df9.svg) no-repeat;background-size:100% 100%}.host-data-day-dialog{display:flex;flex-direction:column;width:420px;padding-top:30px}.host-data-day-dialog__title{color:#38CCE3;text-align:center;font-weight:normal;font-size:18px;padding:0;margin:0;margin-bottom:30px;margin-left:60px;margin-right:60px}.host-data-day-dialog-cotnent{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:60px;padding-right:20px}.host-data-day-dialog-cotnent .host-data-month-data-card{width:120px;background-color:transparent;padding:0;margin:0;margin-bottom:30px}.nono-dark-theme .host-data__title{color:#fff}.nono-dark-theme .host-data-month-data-card{background-color:#2e3637;color:#fff}.nono-dark-theme .host-data-month-data-card__label{color:#fff}.nono-dark-theme .host-data-month-data-card-content{color:#fff}.nono-dark-theme .host-data-day-list-item{border-color:transparent;background-color:#2E3637}.nono-dark-theme .host-data-day-list-item:hover{background:#223639}.nono-dark-theme .host-data-day-list-item__label{color:#fff}.nono-dark-theme .host-data-day-dialog-cotnent .host-data-month-data-card{background-color:transparent}.nono-dark-theme .host-data-day-dialog-cotnent .host-data-month-data-card__label{color:#fff}

.message-center-empty_container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.message-center-empty_container img{display:block;width:176px}.nono-dark-theme .message-center-empty_container{background:#202526}

.nono-popover{z-index:100}

.message-center-side-header_container{position:relative;width:279px;height:40px;padding:11px;background:#fff;border-bottom:1px solid #efefef;border-right:1px solid #efefef;opacity:1;display:flex;justify-content:space-between;align-items:center}.message-center-side-header_container .message-center-side-header_text{display:inline-block;padding-left:9px;font-size:14px;color:#707070;opacity:1}.message-center-side-header_container .message-center-side-header_settings_button_content{height:40px;display:flex;align-items:center}.message-center-side-header_container .message-center-side-header_settings_button_content .message-center-side-header_settings_button{display:inline-block;width:15px;height:16px;background:url(/assets/ebd592dde384aa72dbc58636bd30f275.png) no-repeat center;cursor:pointer}.message-center-side-header_container .message-center-settings_model{z-index:z("popover");position:absolute;margin:8px 0;left:220px;top:28px;width:332px;background:#fcfcfc;border:1px solid #efefef;box-shadow:0px 5px 7px rgba(0,0,0,0.16);opacity:1;border-radius:4px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content{display:flex;height:100%;flex-direction:column;justify-content:center;padding:8px 0}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item{display:flex;justify-content:space-between;align-items:center;height:60px;opacity:1}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item .settings_model_limit_item_text{display:inline-block;width:168px;font-size:12px;font-weight:400;line-height:17px;color:#232323;opacity:1;margin-left:20px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item .settings_model_limit_item_text_switch{margin-right:15px;width:56px;height:28px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item:hover{height:60px;background:rgba(56,204,227,0.1)}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item:hover .settings_model_limit_item_text{color:#38cce3}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item{height:48px;opacity:1;display:flex;justify-content:space-between;align-items:center}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text{width:180px;font-size:12px;font-weight:400;color:#232323;opacity:1;margin-left:20px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text_select{margin-right:15px;position:relative;width:96px;height:34px;background:#fff;border:1px solid #e3e3e3;opacity:1;border-radius:4px;font-size:12px;font-weight:400;color:#232323}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text_select::after{content:"";width:12px;height:7px;background:url(/assets/6d27b1fe818eddbdd32e68b8d2f7af7b.png) no-repeat center;position:absolute;right:15px;top:45%;pointer-events:none}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text_select select{border:none;outline:none;width:100%;height:34px;line-height:34px;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:16px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text_select select option{display:inline-block;height:24px;line-height:24px;font-size:12px;font-weight:400;color:#232323;opacity:1}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item:hover{height:48px;background:rgba(56,204,227,0.1)}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item:hover .settings_model_level_item_text{color:#38cce3}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item{height:48px;opacity:1;display:flex;justify-content:space-between;align-items:center}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item .settings_model_black_list_item_text{width:180px;height:17px;font-size:12px;font-weight:400;line-height:17px;color:#232323;opacity:1;margin-left:20px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item .settings_model_black_list_item_text_move{display:inline-block;width:18px;height:18px;margin-right:15px}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item:hover{height:48px;background:rgba(56,204,227,0.1)}.message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item:hover .settings_model_black_list_item_text{color:#38cce3}.message-center-side-header_container .message-center_block_list_modal{width:384px;height:550px;background:#fff;opacity:1;border-radius:10px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list_header{height:59px;border-bottom:1px solid #efefef;display:flex;justify-content:space-between;align-items:center;position:relative}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list_header .message-center_block_list_header_text{font-size:18px;font-weight:400;color:#232323;margin:0 auto;opacity:1}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list_header .message-center_block_list_header_close{cursor:pointer;position:absolute;display:inline-block;width:14px;height:14px;right:12px;top:12px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list{height:485px;scroll-behavior:smooth}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .black_list_no_data_text{display:block;text-align:center;height:17px;font-size:12px;font-weight:400;line-height:17px;color:#c6c6c6;opacity:1;margin-top:16px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item{height:64px;background:rgba(255,255,255,0);opacity:1;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin-bottom:20px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_avatar{width:48px;height:48px;cursor:pointer;border-radius:50%}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_user{flex:1;margin-left:12px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_user .message-center_block_item_user_info{display:flex;align-items:center}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_user .message-center_block_item_user_info .message-center_block_item_user_name{width:86px;height:20px;font-size:14px;font-weight:400;line-height:20px;color:#3a3a3a;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_user .message-center_block_item_user_info .message-center_block_item_user_level{display:inline-block;margin-left:7px;background:#ef73a0;opacity:1;padding:0 8px;border-radius:13px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_user .message-center_block_item_user_id{height:20px;font-size:14px;font-weight:400;line-height:20px;color:#c6c6c6;opacity:1;margin-top:4px}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_cancel_block{width:92px;height:32px;background:#ff8282;opacity:1;border-radius:15px;text-align:center;cursor:pointer}.message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_cancel_block div{height:32px;font-size:12px;font-weight:400;line-height:32px;color:#fff;opacity:1}.nono-dark-theme .message-center-side-header_container{background:#15191b;opacity:1;border-bottom:1px solid #2c2e2e;border-right:1px solid #2c2e2e}.nono-dark-theme .message-center-side-header_container .message-center-side-header_text{color:#c6c6c6;opacity:1}.nono-dark-theme .message-center-side-header_container .message-center-settings_model{background:#2e3637;box-shadow:0px 5px 7px rgba(0,0,0,0.16);border:none}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item .settings_model_limit_item_text{color:#fff}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_limit_item:hover .settings_model_limit_item_text{color:#38cce3}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text{color:#fff}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text_select{background:#424848;color:#fff;border:none}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item .settings_model_level_item_text_select select{background:#424848;color:#fff;opacity:0.95}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_level_item:hover .settings_model_level_item_text{color:#38cce3}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item .settings_model_black_list_item_text{color:#fff}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item:hover .settings_model_black_list_item_text{color:#38cce3}.nono-dark-theme .message-center-side-header_container .message-center-settings_model .message-center-settings_model_content .settings_model_black_list_item:hover .settings_model_black_list_item_text_move{color:#38cce3}.nono-dark-theme .message-center-side-header_container .message-center_block_list_modal{background:#2e3637}.nono-dark-theme .message-center-side-header_container .message-center_block_list_modal .message-center_block_list_header{border-bottom:1px solid #3d4243}.nono-dark-theme .message-center-side-header_container .message-center_block_list_modal .message-center_block_list_header .message-center_block_list_header_text{color:#fff}.nono-dark-theme .message-center-side-header_container .message-center_block_list_modal .message-center_block_list .black_list_no_data_text{color:#c6c6c6}.nono-dark-theme .message-center-side-header_container .message-center_block_list_modal .message-center_block_list .message-center_block_item .message-center_block_item_user .message-center_block_item_user_info .message-center_block_item_user_name{color:#fff}.nono-dark-scroll-bar{visibility:hidden}

.message-center-side-content_item_active{background:#eee;opacity:1;cursor:pointer}.message-center-side-content_item{height:70px;display:flex;padding:0 10px;justify-content:center;align-items:center}.message-center-side-content_item:hover{background:#eee;opacity:1;cursor:pointer}.message-center-side-content_item .message-center-side-content_avatar_content{width:40px;position:relative}.message-center-side-content_item .message-center-side-content_avatar_content .message-center-side-content_avatar{width:40px;height:40px;border-radius:50%}.message-center-side-content_item .message-center-side-content_avatar_content .message-center-side-content_avatar_unread_tips{position:absolute;top:0;left:32px}.message-center-side-content_item .message-center-side-content_avatar_content .message-center-side-content_avatar_unread{position:absolute;text-align:center;top:0;left:25px;min-width:16px;height:16px;line-height:16px;background:#f86262;opacity:1;border-radius:50%;font-size:12px;color:#fff}.message-center-side-content_item .message-center-side-content_text_content{width:120px;margin:0 10px}.message-center-side-content_item .message-center-side-content_text_content .message-center-side-content_text_label{display:inline-block;max-width:120px;height:18px;font-size:13px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.message-center-side-content_item .message-center-side-content_text_content .message-center-side-content_text_content_value{display:inline-block;width:120px;font-size:12px;color:#9f9f9f;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.message-center-side-content_item .message-center-side-content_text_time{align-self:baseline;margin-top:17px;width:80px;height:15px;font-size:12px;line-height:9px;color:#b7b7b7;opacity:1;text-align:right}.message-center-side-content_delete_modal{width:330px;height:160px;background:#fff;opacity:1;padding:20px 24px;display:flex;flex-direction:column;border-radius:4px;margin:0 auto}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_header{position:relative}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_header .message-center-side-content_delete_modal_header_text{height:24px;font-size:18px;font-weight:400;line-height:24px;color:#232323;opacity:1;text-align:center}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_header .message-center-side-content_delete_modal_header_close{position:absolute;width:14px;height:14px;top:-7px;right:-7px;cursor:pointer}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_tips{height:21px;font-size:16px;font-weight:400;line-height:21px;color:#707070;opacity:1;text-align:center;margin:11px 0}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_operator{margin:20px auto 0}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_operator .message-center-side-content_delete_modal_operator_cancel{display:inline-block;background-color:transparent;width:138px;height:32px;border:1px solid #38cce3;opacity:0.9;border-radius:36px;text-align:center;line-height:32px;font-size:14px;font-weight:400;color:#36bdd1}.message-center-side-content_delete_modal .message-center-side-content_delete_modal_operator .message-center-side-content_delete_modal_operator_confirm{display:inline-block;width:138px;height:32px;opacity:0.9;border-radius:36px;margin-left:6px;text-align:center;line-height:32px;font-size:14px;font-weight:400;color:#fff}.nono-dark-theme .message-center-side-content_item_active{background:rgba(255,255,255,0.1);cursor:pointer}.nono-dark-theme .message-center-side-content_item:hover{background:rgba(255,255,255,0.1);cursor:pointer}.nono-dark-theme .message-center-side-content_item .message-center-side-content_text_content .message-center-side-content_text_label{color:#fff;opacity:0.95}.nono-dark-theme .message-center-side-content_item .message-center-side-content_text_content .message-center-side-content_text_content_value{color:#fff;opacity:0.65}.nono-dark-theme .message-center-side-content_item .message-center-side-content_text_time{color:#fff;opacity:0.35}.nono-dark-theme .message-center-side-content_delete_modal{background:#2e3637;opacity:1}.nono-dark-theme .message-center-side-content_delete_modal .message-center-side-content_delete_modal_header{position:relative}.nono-dark-theme .message-center-side-content_delete_modal .message-center-side-content_delete_modal_header .message-center-side-content_delete_modal_header_text{color:#fff;opacity:0.95}.nono-dark-theme .message-center-side-content_delete_modal .message-center-side-content_delete_modal_header .message-center-side-content_delete_modal_header_close{position:absolute;width:14px;height:14px;top:-7px;right:-7px;cursor:pointer}.nono-dark-theme .message-center-side-content_delete_modal .message-center-side-content_delete_modal_tips{color:#fff;opacity:0.85}.nono-dark-theme .message-center-side-content_delete_modal .message-center-side-content_delete_modal_operator .message-center-side-content_delete_modal_operator_cancel{background:#2e3637;opacity:1}.nono-dark-scroll-bar{visibility:hidden}

.message-center-side_contianer{width:280px;height:700px;background:#fff;border:1px solid #efefef;opacity:1}.nono-dark-theme .message-center-side_contianer{background:#15191B;border:1px solid #2c2e2e}

.send-chat-msg-item_container{display:flex;flex-direction:column}.send-chat-msg-item_container .send-chat-msg-item_time{margin:0 auto;align-self:center;margin-top:15px;height:20px;line-height:20px;background:rgba(35,35,35,0.15);text-align:center;padding:0 8px;border-radius:4px}.send-chat-msg-item_container .send-chat-msg-item_time div{color:#fff;opacity:1;font-size:12px}.send-chat-msg-item_container .send-chat-msg-item_content{display:flex;justify-content:flex-end;margin:20px 0}.send-chat-msg-item_container .send-chat-msg-item_content .send-chat-msg-item_bubble{max-width:290px;margin-right:12px;position:relative}.send-chat-msg-item_container .send-chat-msg-item_content .send-chat-msg-item_bubble .send-chat-msg-item_text{display:inline-block;max-width:280px;min-height:35px;min-width:35px;border-radius:4px;background:#36c3d9;opacity:1;padding:7px 9px 9px 10px;word-break:break-all;white-space:pre-wrap}.send-chat-msg-item_container .send-chat-msg-item_content .send-chat-msg-item_bubble .send-chat-msg-item_text .send-chat-msg-item_text_error{position:absolute;text-align:center;font-size:12px;left:-24px;bottom:8px;width:16px;height:16px;line-height:16px;background:#ff8282;border-radius:50%;color:#fff;opacity:1}.send-chat-msg-item_container .send-chat-msg-item_content .send-chat-msg-item_bubble .send-chat-msg-item_text .send-chat-msg-item_text_content{font-size:14px;line-height:18px;color:#fff;opacity:1}.send-chat-msg-item_container .send-chat-msg-item_content .send-chat-msg-item_bubble .send-chat-msg-item_bubble_triangle{position:absolute;top:7px;display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #36c3d9}.send-chat-msg-item_container .send-chat-msg-item_content .send-chat-msg-item_avatar{width:34px;height:34px;border-radius:50%;margin-right:36px;cursor:pointer}.send-chat-msg-item_container .send-chat-msg-item_error_content{margin:0 auto;align-self:center;justify-self:center}.send-chat-msg-item_container .send-chat-msg-item_error_content .send-chat-msg-item_error_msg{width:320px;margin-bottom:10px;background:#d4d5d5;opacity:1;border-radius:4px;text-align:center}.send-chat-msg-item_container .send-chat-msg-item_error_content .send-chat-msg-item_error_msg span{display:inline-block;font-size:12px;line-height:16px;color:#fff;opacity:1;padding:7px 28px}.receive-chat-msg-item_container{display:flex;flex-direction:column}.receive-chat-msg-item_container .receive-chat-msg-item_time{align-self:center;margin:0 auto;margin-top:15px;height:20px;line-height:20px;background:rgba(35,35,35,0.15);text-align:center;padding:0 8px;border-radius:4px}.receive-chat-msg-item_container .receive-chat-msg-item_time div{color:#fff;opacity:1;font-size:12px}.receive-chat-msg-item_container .receive-chat-msg-item_content{display:flex;justify-content:flex-start;margin:20px 0}.receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_avatar{width:34px;height:34px;border-radius:50%;margin-left:20px;cursor:pointer}.receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble{max-width:290px;margin-left:12px;position:relative}.receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble .receive-chat-msg-item_bubble_triangle{position:absolute;top:7px;left:-6px;display:inline-block;width:0;height:0;border-style:solid;border-width:5px 6px 5px 0;border-color:transparent #fff transparent transparent}.receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble .receive-chat-msg-item_text{display:inline-block;max-width:280px;min-width:35px;min-height:35px;border-radius:4px;background:#fff;opacity:1;padding:7px 9px 9px 10px;word-break:break-all;white-space:pre-wrap}.receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble .receive-chat-msg-item_text span{font-size:14px;line-height:18px;color:#4c4b4b;opacity:1}.receive-chat-msg-item_container .receive-chat-msg-item_error_content{margin:0 auto;align-self:center;justify-self:center}.receive-chat-msg-item_container .receive-chat-msg-item_error_content .receive-chat-msg-item_error_msg{width:320px;margin-bottom:10px;background:#d4d5d5;opacity:1;border-radius:4px;text-align:center}.receive-chat-msg-item_container .receive-chat-msg-item_error_content .receive-chat-msg-item_error_msg span{display:inline-block;font-size:12px;line-height:16px;color:#fff;opacity:1;padding:7px 28px}.system-msg-item_container{width:100%;cursor:pointer}.system-msg-item_container .system-msg-item_text_content{width:370px;background:#fff;opacity:1;border-radius:4px}.system-msg-item_container .system-msg-item_text_content .system-msg-item_text_value{padding:10px;font-size:14px;line-height:20px;color:#4c4b4b;opacity:1;word-break:break-all;white-space:pre-wrap}.system-msg-item_container .system-msg-item_text_content .system-msg-item_jump_area{height:32px;display:flex;justify-content:center;align-items:center;border-top:1px solid #efefef}.system-msg-item_container .system-msg-item_text_content .system-msg-item_jump_area div{display:inline-block;font-size:14px;font-weight:400;color:#38cce3;opacity:1}.system-msg-item_container .system-msg-item_text_content .system-msg-item_jump_area img{display:inline-block;width:12px;height:12px;margin-left:3px}.greet-msg-item_content{display:flex;cursor:pointer;width:440px;height:80px;background:#fff;opacity:1;border-radius:4px;margin:20px 20px 0;padding:20px 10px}.greet-msg-item_content .greet-msg-item_avatar_content{width:40px;height:40px;margin-left:13px;border-radius:50%;position:relative}.greet-msg-item_content .greet-msg-item_avatar_content .greet-msg-item_avatar{width:40px;border-radius:50%}.greet-msg-item_content .greet-msg-item_avatar_content .greet-msg-item_avatar_unread{position:absolute;text-align:center;top:0;left:20px;width:16px;height:16px;line-height:16px;background:#f86262;opacity:1;border-radius:50%;font-size:12px;color:#fff}.greet-msg-item_content .greet-msg-item_detail{margin-left:10px;flex:1}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user{display:flex;justify-content:space-between}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user .greet-msg-item_detail_user_info .greet-msg-item_detail_user_info_name{display:inline-block;max-width:100px;font-size:12px;font-weight:500;color:#707070;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user .greet-msg-item_detail_user_info .greet-msg-item_detail_user_info_level{line-height:14px;height:14px;margin-left:8px;background:#ef73a0;opacity:1;border-radius:13px;padding:0 8px;display:inline-block}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user .greet-msg-item_detail_user_info .greet-msg-item_detail_user_info_level div{font-size:10px;font-weight:400;color:#fff;opacity:1}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user .greet-msg-item_detail_user_time{display:block;text-align:right;width:80px;font-size:12px;font-weight:400;height:20px;line-height:20px;color:#b7b7b7;opacity:1;border-radius:4px}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_text{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_text span{max-width:250px;font-size:14px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_text img{width:14px;display:inline-block;cursor:pointer}.interactive-msg-item_content{display:flex;width:440px;height:111px;background:#fff;opacity:1;margin:20px;padding:11px;justify-content:space-between;align-items:center;cursor:pointer;border-radius:4px}.interactive-msg-item_content .interactive-msg-item_info{flex:1;display:flex}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_avatar{width:34px;height:34px;border-radius:50%;margin:0 9px}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail{display:flex;flex-direction:column;flex:1}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_user{display:flex}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_user .interactive-msg-item_detail_user_name{display:inline-block;width:77px;height:17px;font-size:12px;font-weight:500;line-height:17px;color:#707070;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_user .interactive-msg-item_detail_user_level{height:14px;line-height:14px;display:inline-block;padding:0 10px;background:#ef73a0;opacity:1;border-radius:13px;margin-left:6px}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active{margin:9px 0;display:flex}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active .interactive-msg-item_detail_active_type{display:inline-block;height:20px;font-size:14px;font-weight:400;line-height:20px;color:#232323;opacity:1}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active .interactive-msg-item_detail_active_img{width:18px;height:18px;margin-left:2px}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active .interactive-msg-item_detail_active_text{display:inline-block;height:20px;font-size:14px;font-weight:400;line-height:20px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active:hover .interactive-msg-item_detail_active_type{color:#38CCE3}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active:hover .interactive-msg-item_detail_active_text{color:#38CCE3}.interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_time{height:20px;font-size:12px;font-weight:400;line-height:20px;color:#b7b7b7;opacity:1;border-radius:4px}.interactive-msg-item_content .interactive-msg-item_img{height:70px;width:70px;background-size:cover}.nono-dark-theme .send-chat-msg-item_container .send-chat-msg-item_time{background:rgba(255,255,255,0.05)}.nono-dark-theme .send-chat-msg-item_container .send-chat-msg-item_time div{color:rgba(255,255,255,0.45)}.nono-dark-theme .send-chat-msg-item_container .send-chat-msg-item_error_content .send-chat-msg-item_error_msg{background:rgba(255,255,255,0.05)}.nono-dark-theme .send-chat-msg-item_container .send-chat-msg-item_error_content .send-chat-msg-item_error_msg span{color:#fff;opacity:0.55}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_time{background:rgba(255,255,255,0.05)}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_time div{color:rgba(255,255,255,0.45)}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble .receive-chat-msg-item_bubble_triangle{border-color:transparent #2d3032 transparent transparent}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble .receive-chat-msg-item_text{background:#2d3032}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_content .receive-chat-msg-item_bubble .receive-chat-msg-item_text span{color:#fff;opacity:0.95}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_error_content .receive-chat-msg-item_error_msg{background:rgba(255,255,255,0.05)}.nono-dark-theme .receive-chat-msg-item_container .receive-chat-msg-item_error_content .receive-chat-msg-item_error_msg span{color:#fff;opacity:0.55}.nono-dark-theme .interactive-msg-item_content{background:#202526}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_user .interactive-msg-item_detail_user_name{color:#fff;opacity:0.85}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active .interactive-msg-item_detail_active_type{color:#fff;opacity:0.95}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active .interactive-msg-item_detail_active_img{width:18px;height:18px;margin-left:2px}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active .interactive-msg-item_detail_active_text{color:#fff;opacity:0.95}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active:hover .interactive-msg-item_detail_active_type{color:#38CCE3}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_active:hover .interactive-msg-item_detail_active_text{color:#38CCE3}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_info .interactive-msg-item_detail .interactive-msg-item_detail_time{height:20px;font-size:12px;font-weight:400;line-height:20px;color:#b7b7b7;opacity:1;border-radius:4px}.nono-dark-theme .interactive-msg-item_content .interactive-msg-item_img{width:70px;height:70px}.nono-dark-theme .system-msg-item_container .system-msg-item_text_content{background:#292b2e}.nono-dark-theme .system-msg-item_container .system-msg-item_text_content .system-msg-item_text_value{color:#fff;opacity:0.95}.nono-dark-theme .system-msg-item_container .system-msg-item_text_content .system-msg-item_jump_area{border-top:1px solid #3d4243}.nono-dark-theme .greet-msg-item_content{background:#202526}.nono-dark-theme .greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user .greet-msg-item_detail_user_info .greet-msg-item_detail_user_info_name{color:#fff;opacity:0.85}.nono-dark-theme .greet-msg-item_content .greet-msg-item_detail .greet-msg-item_detail_user_time{color:#fff;opacity:0.95}.nono-dark-theme .greet-msg-item_content .greet-msg-item_detail_text span{color:#fff;opacity:0.95}.nono-dark-theme .greet-msg-item_content .greet-msg-item_detail_text img{width:14px;display:inline-block;cursor:pointer}

.message-center_user_report_modal{width:574px;height:210px;background:#fff;opacity:1;border-radius:15px}.message-center_user_report_modal .message-center_user_report_header{height:49px;display:flex;justify-content:space-between;align-items:center;position:relative}.message-center_user_report_modal .message-center_user_report_header .message-center_user_report_header_text{font-size:18px;font-weight:400;color:#232323;margin:0 auto;opacity:1}.message-center_user_report_modal .message-center_user_report_header .message-center_user_report_header_close{cursor:pointer;position:absolute;display:inline-block;width:14px;height:14px;right:12px;top:12px}.message-center_user_report_modal .message-center_user_report_content{margin:35px 0;display:flex;justify-content:center}.message-center_user_report_modal .message-center_user_report_content .message-center_user_report_item{cursor:pointer;border:1px solid #c7c7c7;opacity:1;font-size:12px;font-weight:400;color:#232323;padding:8px 7px;margin:0 10px}.message-center_user_report_modal .message-center_user_report_content .message-center_user_report_item_active{cursor:pointer;background:rgba(56,204,227,0.1);border:1px solid #38cce3;opacity:1;font-size:12px;font-weight:400;color:#38CCE3;padding:8px 7px;margin:0 10px}.message-center_user_report_modal .message-center_user_report_button{margin:0 auto;width:160px;height:30px;line-height:30px;text-align:center;border-radius:4px;background:#c6c6c6;opacity:1;font-size:12px;font-weight:400;color:#fcfcfc}.message-center_user_report_modal .message-center_user_report_button_active{cursor:pointer;margin:0 auto;width:160px;height:30px;line-height:30px;text-align:center;border-radius:4px;background:#38cce3;opacity:1;font-size:12px;font-weight:400;color:#fcfcfc}.nono-dark-theme .message-center_user_report_modal{background:#2e3637}.nono-dark-theme .message-center_user_report_modal .message-center_user_report_header .message-center_user_report_header_text{color:#fff}.nono-dark-theme .message-center_user_report_modal .message-center_user_report_content .message-center_user_report_item{border:1px solid #c6c6c6;color:#fff;opacity:0.95}.nono-dark-theme .message-center_user_report_button{background:rgba(198,198,198,0.5);color:#fcfcfc}

.chat-room-content_container{display:flex;flex-direction:column}.chat-room-content_container .chat-room-content_header{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border:1px solid #efefef;opacity:1}.chat-room-content_container .chat-room-content_header .chat-room-content_header_name_area{display:flex;align-items:center}.chat-room-content_container .chat-room-content_header .chat-room-content_header_name_area .chat-room-content_header_name{display:inline-block;max-width:250px;font-size:14px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.chat-room-content_container .chat-room-content_header .chat-room-content_header_name_area .no_disturb_img{display:inline-block;width:16px;height:16px;margin-left:4px}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting{margin-right:20px;width:20px;height:40px;line-height:32px;position:relative;cursor:pointer}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .chat-room-content_header_user_setting_circle{display:inline-block;margin-left:3px;width:3px;height:3px;background:#707070;border-radius:50%;opacity:1}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model{z-index:z("popover");position:absolute;margin:8px 0;width:304px;height:156px;left:-270px;background:#fcfcfc;border:1px solid #efefef;box-shadow:0px 5px 7px rgba(0,0,0,0.16);opacity:1;padding:8px 0;border-radius:4px}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content{display:flex;height:100%;flex-direction:column;justify-content:center}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item{display:flex;justify-content:space-between;align-items:center;height:60px;opacity:1}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item:hover{background:rgba(56,204,227,0.1)}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item:hover .friend_settings_model_item_text{color:#38cce3}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item .friend_settings_model_item_text{display:inline-block;width:168px;font-size:12px;font-weight:400;line-height:17px;color:#232323;opacity:1;margin-left:20px}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item .friend_settings_model_item_report{width:18px;height:18px;margin-right:15px}.chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item .friend_settings_model_item_switch{margin-right:15px}.chat-room-content_container .chat-room-content_message_list{background:#f3f4f4}.chat-room-content_container .chat-room-content_follow_modal{margin:20px auto 0;width:440px;height:80px;background:#fff;opacity:1;display:flex;padding:18px;align-items:center;border-radius:4px}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_avatar{width:34px;height:34px;border-radius:50%}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user{display:flex;flex-direction:column;margin-left:8px;flex:1}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content_follow_user_name_level{display:flex;align-items:center}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content_follow_user_name_level .chat-room-content-follow_user_name{max-width:90px;display:inline-block;height:20px;font-size:14px;font-weight:500;line-height:20px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content_follow_user_name_level .chat-room-content-follow_user_level{line-height:14px;height:14px;margin-left:8px;background:#ef73a0;opacity:1;border-radius:13px;padding:0 8px;display:inline-block}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content_follow_user_name_level .chat-room-content-follow_user_level div{font-size:10px;font-weight:400;color:#fff;opacity:1}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content-follow_user_id{flex:1;height:17px;font-size:12px;font-weight:400;line-height:17px;color:#717171;opacity:1}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_button{cursor:pointer}.chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_button .chat-room-content_follow_button_img{width:48px;height:22px}.chat-room-content_container .chat-room-content_textinput_content{height:96px;display:flex;padding:16px;border-top:1px solid #EFEFEF}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area{flex:1;width:100%;height:100%;padding-right:6px;border:none;outline:none;resize:none}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area::-webkit-scrollbar{width:6px;height:6px;background:transparent}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area::-webkit-scrollbar-button{height:4px;width:4px;background:transparent}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area::-webkit-scrollbar-thumb{border-radius:4px;background-color:#e8e8e8}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area.disabled{border:solid 1px #f2f2f2}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_msg_send{width:89px;height:100%;position:relative;cursor:pointer}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_msg_send div{position:absolute;bottom:0;width:89px;height:34px;line-height:34px;background:#38cce3;opacity:1;text-align:center;border-radius:4px}.chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_msg_send div span{font-size:15px;font-weight:400;line-height:28px;color:#fff;opacity:1}.nono-dark-theme .chat-room-content_container .chat-room-content_header{background:#15191b;border:1px solid #2c2e2e}.nono-dark-theme .chat-room-content_container .chat-room-content_header .chat-room-content_header_name_area .chat-room-content_header_name{color:#fff;opacity:0.95}.nono-dark-theme .chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model{background:#2e3637;border:none}.nono-dark-theme .chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content{display:flex;height:100%;flex-direction:column;justify-content:center}.nono-dark-theme .chat-room-content_container .chat-room-content_header .chat-room-content_header_user_setting .message-center-friend_settings_model .message-center-friend_settings_model_content .friend_settings_model_item .friend_settings_model_item_text{color:#fff;opacity:0.95}.nono-dark-theme .chat-room-content_container .chat-room-content_message_list{scroll-behavior:smooth;background:#131618}.nono-dark-theme .chat-room-content_container .chat-room-content_follow_modal{background:#202526}.nono-dark-theme .chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content-follow_user_name{color:#fff;opacity:0.95}.nono-dark-theme .chat-room-content_container .chat-room-content_follow_modal .chat-room-content_follow_user .chat-room-content-follow_user_id{color:#fff;opacity:0.65}.nono-dark-theme .chat-room-content_container .chat-room-content_textinput_content{background:#15191b;border-top:1px solid #2A3031}.nono-dark-theme .chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area::-webkit-scrollbar-thumb{background-color:#404040}.nono-dark-theme .chat-room-content_container .chat-room-content_textinput_content .chat-room-content_textinput_area{background:#15191b;color:white}.nono-dark-scroll-bar{visibility:hidden}

.interactive-message-content_container{display:flex;flex-direction:column}.interactive-message-content_container .interactive-message-content_header{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border:1px solid #efefef;opacity:1}.interactive-message-content_container .interactive-message-content_header .interactive-message-content_header_name{margin-left:20px;max-width:250px;font-size:14px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.interactive-message-content_container .interactive-message-content_message_list{background:#f3f4f4;scroll-behavior:smooth}.nono-dark-theme .interactive-message-content_container .interactive-message-content_header{background:#15191b;border:1px solid #2c2e2e}.nono-dark-theme .interactive-message-content_container .interactive-message-content_header .interactive-message-content_header_name{color:#fff;opacity:0.95}.nono-dark-theme .interactive-message-content_container .interactive-message-content_message_list{background:#15191b}.nono-dark-scroll-bar{visibility:hidden}

.greet-message-content_container{display:flex;flex-direction:column}.greet-message-content_container .greet-message-content_header{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border:1px solid #efefef;opacity:1}.greet-message-content_container .greet-message-content_header .greet-message-content_header_name{margin-left:20px;max-width:250px;font-size:14px;color:#232323;opacity:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.greet-message-content_container .greet-message-content_message_list{display:flex;flex-direction:column;background:#f3f4f4;scroll-behavior:smooth}.nono-dark-theme .greet-message-content_container .greet-message-content_header{background:#15191b;border:1px solid #2c2e2e}.nono-dark-theme .greet-message-content_container .greet-message-content_header .greet-message-content_header_name{color:#fff;opacity:0.95}.nono-dark-theme .greet-message-content_container .greet-message-content_message_list{background:#131618}.nono-dark-scroll-bar{visibility:hidden}

.message-center-chat-content_container{width:500px;height:700px;background:#fff;border-top:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;opacity:1}.nono-dark-theme .message-center-chat-content_container{background:#131618;border-top:1px solid #2a3031;border-right:1px solid #2a3031;border-bottom:1px solid #2a3031;opacity:1}

.message-center-page_container{padding:20px 20px 17px;display:flex}

.message-center{width:1100px;margin:0 auto;padding-bottom:50px;margin-top:20px;flex-shrink:0;display:flex}.message-center_container{width:800px;height:780px;margin-left:10px;background-color:#fff;border-radius:4px}.nono-dark-theme .message-center_container{background-color:#202526}

.mildom-scrollbar{background-color:#e8e8e8;height:100%}.nono-dark-theme .mildom-scrollbar{background-color:#404040}

.user-blacklist-dialog{display:flex;flex-direction:column;width:520px;padding:10px;color:#232323;font-size:14px}.user-blacklist-dialog__title{margin:0;padding:0;font-weight:normal;align-self:center;font-size:18px;line-height:60px}.user-blacklist-dialog__divider{height:1px;width:520px;background-color:#EFEFEF;margin-left:-10px}.user-blacklist-dialog-content{height:490px;margin-right:-10px}.user-blacklist-dialog-content-blacklist-item{display:flex;align-items:center;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #EFEFEF;margin-right:10px}.user-blacklist-dialog-nodata{margin-right:10px}.user-blacklist-dialog-content-blacklist-item__avatar{width:48px;margin-right:10px;cursor:pointer}.user-blacklist-dialog-content-blacklist-item-content-wrapper{display:flex;align-items:center;width:100%;height:48px}.user-blacklist-dialog-content-blacklist-item-user-info{display:flex;flex-direction:column}.user-blacklist-dialog-content-blacklist-item-user-info-name{display:flex;align-items:center}.user-blacklist-dialog-content-blacklist-item-user-info-name__text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:5px}.user-blacklist-dialog-content-blacklist-item-user-info-name__level{min-width:24px;margin-right:0}.user-blacklist-dialog-content-blacklist-item-user-info__id{font-size:14px;color:#C6C6C6}.user-blacklist-dialog-content-blacklist-item__remove-btn{height:32px;border-radius:26px;margin-left:auto}.nono-dark-theme{color:#fff}.nono-dark-theme .user-blacklist-dialog__title{color:#fff}.nono-dark-theme .user-blacklist-dialog__divider{background-color:#3D4243}.nono-dark-theme .user-blacklist-dialog-content-blacklist-item-user-info-name__text{color:#fff}.nono-dark-theme .user-blacklist-dialog-content-blacklist-item{border-color:rgba(199,199,199,0.2)}

.user-blacklist{height:26px;width:26px}.user-blacklist__icon{fill:none;stroke:#a9a9a9;cursor:pointer}.user-blacklist__icon:hover{stroke:#38CCE3}.user-blacklist__icon>path:first-child{stroke:none}.nono-dark-theme .user-blacklist__icon{stroke:#878888}.nono-dark-theme .user-blacklist__icon:hover{stroke:#38CCE3}

.chat-panel__footer__tool-bar{display:flex;flex:1;height:26px}.chat-tool-bar__btn-wrap{position:relative;margin-right:10px}.chat-tool-bar__btn-wrap .msg-filter-btn{cursor:pointer;width:26px;height:26px;fill:none}.chat-tool-bar__btn-wrap .msg-filter-btn>g>g{fill:#a9a9a9}.chat-tool-bar__btn-wrap.hover .msg-filter-btn>g>g{fill:#38CCE3}.chat-tool-bar__btn-wrap .msg-filter-btn.active{fill:none}.chat-tool-bar__btn-wrap .msg-filter-btn.active>g>g{fill:#a9a9a9}.chat-tool-bar__btn-wrap.hover .msg-filter-btn.active>g>g{fill:#38CCE3}.chat-tool-bar__btn-wrap.hover .filter-content{display:block;animation:panelFloat .25s forwards}.chat-tool-bar__btn-wrap .filter-content{display:none;font-size:14px;white-space:nowrap;color:#4c4b4b;padding:15px 12px;border-radius:4px;background:#fff;position:absolute;left:-15px;bottom:135%;transform:scale(0);transform-origin:25px 100%;box-shadow:0px 4px 19px 0px rgba(0,0,0,0.2)}.chat-tool-bar__btn-wrap .filter-content::before{content:"";position:absolute;display:block;width:100%;height:12px;bottom:-12px;left:0}.chat-tool-bar__btn-wrap .filter-content::after{content:"";position:absolute;display:block;width:0;height:0;bottom:-7px;left:18px;border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.chat-tool-bar__btn-wrap .filter-content .msg-filter-text{font-size:12px;height:15px;margin-bottom:10px;display:flex;align-items:center;cursor:pointer}.chat-tool-bar__btn-wrap .filter-content .msg-filter-text:last-child{margin-bottom:0}.chat-tool-bar__btn-wrap .filter-content .msg-filter-text::before{content:"";width:15px;height:15px;background-size:100% 100%;margin-right:5px;border:1px solid #efefef}.chat-tool-bar__btn-wrap .filter-content .msg-filter-text.active::before{background:url(/assets/b2b76a643ff52d837e82c16b36455471.png);background-size:100% 100%}.chat-tool-bar__btn-wrap .filter-content .msg-filter-text.active.noLogin::before{background:url(/assets/ff74650e705a9cbd21866b3adc4022ba.png) center center no-repeat;background-size:100% 100%}.chat-tool-bar__btn-wrap .admin-op-btn{cursor:pointer;width:26px;height:26px;fill:#a9a9a9}.chat-tool-bar__btn-wrap .admin-op-btn>path:first-child{fill:none}.chat-tool-bar__btn-wrap .admin-op-btn::before{top:-3px;right:-5px}.chat-tool-bar__btn-wrap .admin-op-btn:hover{fill:#38CCE3}.chat-tool-bar__btn-wrap .chat-popout-btn{cursor:pointer;width:24px;height:24px;background:url(/assets/7b93639322bf28ba69bf8f9c7184c58b.png) no-repeat;background-size:100% 100%}.chat-tool-bar__btn-wrap .chat-popout-btn::before{top:-3px;right:-7px}.chat-tool-bar__btn-wrap .chat-popout-btn:hover{background:url(/assets/5b634eade89b38eb6124a039c016c63f.png) no-repeat;background-size:100% 100%}.chat-tool-bar__btn-wrap .chat-shortcut{width:24px;height:24px}.chat-toolbar-chat-shortcut--admin .chat-shortcut-panel{left:-150px}.chat-toolbar-chat-shortcut--admin .chat-shortcut-panel::after{left:155px}.chat-toolbar-chat-shortcut--popout .chat-shortcut-panel{left:-80px}.chat-toolbar-chat-shortcut--popout .chat-shortcut-panel::after{left:85px}.chat-tool-bar__btn-wrap:hover .chat-tool-bar__btn-tip{display:block;animation:panelFloat2 .25s forwards}.chat-tool-bar__btn-wrap .chat-tool-bar__svg-btn{cursor:pointer;padding:1px;width:26px;height:26px}.chat-tool-bar__svg-btn.keyword-block{fill:none;stroke:#a9a9a9}.chat-tool-bar__svg-btn.keyword-block>g>path:last-child{stroke:none}.chat-tool-bar__svg-btn.keyword-block:hover{stroke:#38CCE3}.chat-tool-bar__btn-tip{display:none;font-size:12px;white-space:nowrap;color:#4c4b4b;padding:15px 12px;border-radius:4px;background:#fff;position:absolute;left:50%;bottom:135%;transform:translateX(-50%) scale(0);transform-origin:50% 100%;box-shadow:0px 4px 19px 0px rgba(0,0,0,0.2)}.chat-tool-bar__btn-tip::before{content:"";position:absolute;display:block;width:100%;height:12px;bottom:-12px;left:0}.chat-tool-bar__btn-tip::after{content:"";position:absolute;display:block;width:0;height:0;bottom:-7px;left:50%;transform:translateX(-50%);border-top:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent}.nono-dark-theme .chat-tool-bar__btn-wrap .filter-content{color:#fff;background:#2E3637}.nono-dark-theme .chat-tool-bar__btn-wrap .filter-content::after{border-top-color:#2E3637}.nono-dark-theme .chat-tool-bar__btn-tip{color:#fff;background:#2E3637}.nono-dark-theme .chat-tool-bar__btn-tip::after{border-top-color:#2E3637}.nono-dark-theme .chat-tool-bar__btn-wrap .chat-popout-btn{background:url(/assets/08da6cc042f8b9fb642849f3c607a0f0.png) no-repeat;background-size:100% 100%}.nono-dark-theme .chat-tool-bar__btn-wrap .chat-popout-btn:hover{background:url(/assets/d50a8e8520c1ad2feaa65bdfd382fcb7.png) no-repeat;background-size:100% 100%}.nono-dark-theme .chat-tool-bar__btn-wrap .filter-content .msg-filter-text::before{border-color:#424848}.nono-dark-theme .chat-tool-bar__btn-wrap .admin-op-btn{fill:#878888}.nono-dark-theme .chat-tool-bar__btn-wrap .admin-op-btn:hover{fill:#38CCE3}.nono-dark-theme .chat-tool-bar__svg-btn.keyword-block{stroke:#878888}.nono-dark-theme .chat-tool-bar__svg-btn.keyword-block:hover{stroke:#38CCE3}.nono-dark-theme .msg-filter-btn>g>g{fill:#878888}.nono-dark-theme .msg-filter-btn.active>g>g{fill:#878888}

.nono-input{width:100%;position:relative}.nono-input input{font-size:14px;width:100%;height:28px;line-height:28px;padding:0 25px 0 10px;border-radius:4px;border:1px solid #EFEFEF;color:#232323}.nono-input .nono-input__remove{cursor:pointer;color:#d8d8d8;position:absolute;right:10px;top:5px}.nono-dark-theme .nono-input input{background:#424848;border-color:transparent;color:#fff;outline:none}

.keyword-block{width:100%;padding:0 30px;padding-bottom:20px}.keyword-block__add-box-title{color:#232323;font-size:14px;font-weight:bold;margin-top:30px}.keyword-block__add-box{width:100%;margin-top:11px;display:flex;align-items:center}.keyword-block__add-box .keyword-block__add-input{flex:1}.keyword-block__add-box .keyword-block__add-input>input{padding-right:70px;background:#F6F7F7;height:36px;border-color:#F6F7F7}.keyword-block__add-box .keyword-block__add-input>input:focus{border-color:#38CCE3}.keyword-block__add-box .keyword-block__add-input>input::-webkit-input-placeholder{color:#ABABAB;font-size:12px}.keyword-block__add-box .keyword-block__add-input>input:-ms-input-placeholder{color:#ABABAB;font-size:12px}.keyword-block__add-box .keyword-block__add-input>input::-ms-input-placeholder{color:#ABABAB;font-size:12px}.keyword-block__add-box .keyword-block__add-input>input::placeholder{color:#ABABAB;font-size:12px}.keyword-block__add-box .keyword-block__add-input .keyword-block__length-prompt{position:absolute;right:10px;top:0;line-height:36px;font-size:12px;color:#ABABAB}.keyword-block__add-box .keyword-block__add-input .nono-input__remove{top:10px}.keyword-block__add-box .keyword-block__add-btn{display:flex;align-items:center;margin-left:10px;padding:0 28px;height:36px;line-height:30px}.keyword-block__add-box .keyword-block__add-btn .icon{width:12px;height:12px;margin-right:4px;fill:rgba(0,0,0,0)}.keyword-block__add-box .keyword-block__add-btn .icon>g>path{stroke:none}.keyword-block__add-box .nono-common-button--disabled .icon{stroke:#9f9f9f}.keyword-block__add-box .nono-common-button--disabled .icon .add_svg__cls-2{fill:#9f9f9f}.keyword-block__add-desc{margin-top:10px;color:#F98181;font-size:12px}.keyword-block__list-title{margin-top:36px;font-size:14px;color:#232323;font-weight:bold}.keyword-block__list-box{height:600px;margin-right:-30px}.keyword-block__list-item-wrap{margin-right:30px}.keyword-block__list-item{display:flex;align-items:center;margin-top:10px;padding:8px 20px;border:1px solid #EFEFEF;border-radius:4px;font-size:12px;color:#4c4b4b;max-width:100%;line-height:18px}.keyword-block__list-item>span{overflow:hidden;flex:1}.keyword-block__list-item .keyword-block__delete-icon{display:block;margin-left:8px;width:15px;height:15px;fill:#b2b3b4;cursor:pointer;flex-shrink:0}.keyword-block__list-item:hover{color:#38CCE3;border-color:#38CCE3;background:#EBFAFC}.keyword-block__list-item:hover .keyword-block__delete-icon{fill:#38CCE3}.keyword-block__no-data{font-size:12px;color:#8A8888;display:flex;flex-direction:column;align-items:center;margin:100px auto 0 auto;padding-right:30px}.keyword-block__no-data>img{width:82px;margin-bottom:10px}.nono-dark-theme .keyword-block__add-box-title{color:#fcfcfc}.nono-dark-theme .keyword-block__add-box>span{color:#fff}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input input{background:#2E3637;border-color:#2E3637}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input input::-webkit-input-placeholder{color:#9f9f9f}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input input:-ms-input-placeholder{color:#9f9f9f}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input input::-ms-input-placeholder{color:#9f9f9f}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input input::placeholder{color:#9f9f9f}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input input:focus{border-color:#38CCE3}.nono-dark-theme .keyword-block__add-box .keyword-block__add-input .keyword-block__length-prompt{color:#9f9f9f}.nono-dark-theme .keyword-block__list-title{color:#fff}.nono-dark-theme .keyword-block__list-item{border-color:#3a3a3a;color:#fff}.nono-dark-theme .keyword-block__list-item:hover{color:#38CCE3;border-color:#38CCE3;background:#273C3F}.keyword-block-dialog .keyword-block{height:500px}.keyword-block-dialog .keyword-block__list-box{height:320px;margin-right:-30px}.keyword-block-dialog .keyword-block__list-item-wrap{margin-right:30px}

.message-list-container{width:100%;height:100%;position:relative;background:#f8f8f8}.message-list-container:hover .scrollBar{opacity:1}.message-list-container__scroll-main{pointer-events:initial;overflow-y:scroll;scroll-behavior:smooth;width:100%;font-size:13px;display:flex;flex-direction:column}.message-list-container__scroll-main>div{padding:9px 5px 0 17px}.message-list-container__scroll-main>div:last-child{width:8px !important;right:10px !important}.message-list-container__scroll-main .scrollBar{opacity:0;width:8px;background-color:#e8e8e8;border-radius:5px;transition:opacity .3s}.chat-panel.full-screen .message-list-container{background-color:transparent}.chat-panel.full-screen .message-list-container__scroll-main .scrollBar{opacity:0}.chat-panel.full-screen:hover .message-list-container__scroll-main .scrollBar{opacity:1}.message-list-container__more-msg{cursor:pointer;position:absolute;left:50%;bottom:9px;transform:translateX(-50%);font-size:10px;color:#38CCE3;padding:5px 8px;border-radius:8px;background:#fff;box-shadow:0px 2px 10px rgba(0,0,0,0.12);display:flex;align-items:center}.message-list-container__more-msg::after{content:" ";display:block;width:10px;height:10px;background:url(/assets/571094570298dba4fdfbefe4be80587c.png);background-size:contain;margin-left:3px}.message-gift-list-empty .mildom-nodata-text{font-size:14px}.nono-dark-theme .message-list-container__scroll-main .scrollBar{background-color:#404040}

.fans-group{width:1100px;margin:0 auto;padding-bottom:50px;margin-top:20px;flex-shrink:0;display:flex}.fans-group__container{width:860px;background-color:#fff;border-radius:4px}.nono-dark-theme .fans-group__container{background-color:#202526}

.medal-wrap{display:inline-block;width:auto}.medal-wrap img,.user-info__host-icon img{height:22px;margin-right:4px;vertical-align:bottom}.user-info__host-icon img{height:18px;width:36px;margin-bottom:3px}.admin-medal-wrap img{height:16px;margin-right:4px;margin-bottom:3px;vertical-align:bottom}

.message-list-container{flex:1;min-height:0;position:relative}.message-list-container>.message-list{position:absolute;width:100%;height:100%;font-size:13px}.message-list-container>.message-list .ReactVirtualized__Grid{outline:none}.message-list-container>.message-list .ReactVirtualized__Grid__innerScrollContainer{min-height:100%}.message-list-container>.new-message-tip{cursor:pointer;position:absolute;left:50%;bottom:9px;transform:translateX(-50%);font-size:10px;color:#38cce3;padding:5px 8px;border-radius:8px;background:#fff;box-shadow:0px 2px 10px rgba(0,0,0,0.12);display:flex;align-items:center}.message-list-container>.new-message-tip::after{content:" ";display:block;width:10px;height:10px;background:url(/assets/571094570298dba4fdfbefe4be80587c.png);background-size:contain;margin-left:3px}.nono-dark-theme .message-list-container .scrollbar{background-color:#404040}

.relay-anchor{width:100%;height:60px;background-image:url(/assets/98a177782d76166c92ad4fa72f601c3d.png);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;padding:0 10px;position:relative;top:-2px}.relay-anchor.big-size{height:80px;background-image:url(/assets/d4c170775b2b4e42abf1c6b73754f17c.png)}.relay-anchor__avatar-wrap{display:block;width:40px;height:40px;margin-right:8px;flex-shrink:0}.relay-anchor__avatar{width:100%;height:100%}.relay-anchor__text{flex:1;color:#fff;font-size:14px}.relay-anchor__text--inner{max-width:188px}.relay-anchor__to-room{display:flex;align-items:center;color:#fff;margin-right:3px;font-size:13px;cursor:pointer}.relay-anchor__to-icon{position:relative;left:-2px;bottom:1px;width:13px;height:14px;flex-shrink:0;fill:rgba(0,0,0,0);stroke:#fff}.relay-anchor__avatar-container{display:flex;align-items:center;flex-shrink:0;margin-right:8px}.relay-anchor__avatar-2{flex-shrink:0;width:40px;height:40px}.relay-anchor__arrow{margin:0 6px;width:13px;height:12px;flex-shrink:0;fill:rgba(0,0,0,0);stroke:#fff}.relay-anchor__info{color:#fff;font-size:14px;line-height:20px;flex:1;margin-right:10px}.relay-anchor__btn-wrap{color:#fff;flex-shrink:0}.relay-anchor__follow{display:flex;align-items:center;cursor:pointer}.relay-anchor__follow .radio{display:block;width:18px;height:18px;border-radius:50%;margin-right:3px;background:url(/assets/d357b23679239bfcb0717052dc174bbf.png);background-size:100% 100%}.relay-anchor__follow .text{font-size:16px;margin-right:3px;opacity:.8}.relay-anchor__follow .seconds{opacity:.8}.relay-anchor__follow.active .radio{background:url(/assets/47473dd9ddc6d2424efa79f63a882e58.png);background-size:100% 100%}.relay-anchor__follow.active .text{opacity:1}.relay-anchor__follow.active .seconds{opacity:1}.relay-anchor__btn{padding:0 12px;height:30px;line-height:30px;background:rgba(13,13,13,0.15);color:#fff;border-radius:4px;font-size:14px}

.anounce-container{width:100%;padding:14px 24px;cursor:pointer}.anounce-inner-container{position:relative;width:100%}.anounce{width:100%;line-height:24px;font-size:14px;color:#606060;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.anounce--one-line{display:flex;align-items:center}.anounce__calculator{opacity:0;position:absolute;top:0;left:0;pointer-events:none}.anounce__icon{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-bottom:4px}.anounce--one-line .anounce__icon{margin-bottom:0}.anounce__down-arrow-container{right:0;top:24px;width:80px;height:26px;background:linear-gradient(89deg, rgba(255,255,255,0) 0%, #fff 69%, #fff 100%);position:absolute}.anounce__down-arrow{height:26px;width:26px;display:block;margin-left:auto;float:right}.anounce_hyperlink:hover{text-decoration:underline;color:#38CCE3}.nono-dark-theme .anounce{color:rgba(255,255,255,0.85)}.nono-dark-theme .anounce__down-arrow-container{background:linear-gradient(89deg, rgba(32,37,38,0) 0%, #202526 69%, #202526 100%)}

.embed-chat-container{position:fixed;left:0;right:0;top:0;bottom:0}.embed-chat-container .chat-tool-bar__btn-wrap{display:none}.embed-chat-container .emoji-guide{display:none}

.pip-button-container{position:relative}.pip-button{position:relative;display:flex;align-items:center;margin-right:32px}.pip-button .pip-button__icon{cursor:pointer;width:24px;height:24px;stroke:#fff;fill:none}.pip-button .pip-button__icon>path:first-child{stroke:none}.pip-button .pip-button__icon:hover{stroke:#38CCE3}.home-player .pip-button{display:none}.pip-leave-btn{position:absolute;height:40px;line-height:40px;text-align:center;left:50%;top:50%;margin-left:-60px;margin-top:-20px;padding:0 22px;background:#38CCE3;color:#fff;border-radius:6px;font-size:16px;z-index:100}.pip-leave-btn:hover{background:#60D6E9}

.debug-menu{padding:3px;display:flex;flex-direction:column;overflow:hidden;border-radius:2px;background:rgba(28,28,28,0.8);text-shadow:0 0 2px rgba(0,0,0,0.5);transition:opacity 0.1s cubic-bezier(0, 0, 0.2, 1);will-change:width, height;direction:ltr;font-size:14px;color:#eee;-webkit-font-smoothing:antialiased}.debug-menu__item{padding:0 20px 0 12px;cursor:pointer;outline:none;height:33px;line-height:33px}.debug-menu__item:hover{background-color:rgba(255,255,255,0.1)}

.debug-panel{position:absolute;left:10px;top:10px;background:rgba(28,28,28,0.8);border-radius:4px;color:#fff;font-size:12px;width:300px;padding:4px}.debug-panel__close{position:absolute;right:5px;top:5px;cursor:pointer}.debug-panel__content{padding:2px 0;display:flex;align-items:center}.debug-panel__name{font-weight:bold;text-align:right;width:110px;margin-right:5px}

.video-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px}.video-loading__icon{width:80px;margin-bottom:7px}.video-loading__bottom{width:120px;height:24px;display:flex;justify-content:space-around;align-items:center;pointer-events:none}.video-loading__svg{width:24px;height:24px}.video-loading__words{font-size:12px;color:#fff}

.player-error{position:relative;width:100%;height:100%;background-color:#000}.player-error__container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.player-error__msg{font-size:20px;color:#fff;text-align:center}

.nono-video-container{width:100%;height:100%;position:relative}.nono-video{width:100%;height:100%}.rotateZ-90deg .nono-video,.rotateZ-270deg .nono-video{display:flex;align-items:center}.rotateZ-90deg .nono-video video,.rotateZ-270deg .nono-video video{height:calc(100% * 16 / 9);width:calc(100% / 16 * 9);margin-left:calc(50% - (100% / 16 * 9) / 2)}.rotateZ-90deg .nono-video video{transform:rotateZ(90deg)}.rotateZ-180deg .nono-video{display:flex;align-items:center}.rotateZ-180deg .nono-video video{transform:rotateZ(180deg)}.rotateZ-270deg .nono-video video{transform:rotateZ(270deg)}.theatre .rotateZ-90deg,.rotateZ-270deg{overflow:hidden}.theatre .rotateZ-90deg .nono-video video,.rotateZ-270deg .nono-video video{max-width:calc(100vh - 100px)}

.live-error{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#C7C7C7}.live-error_text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:14px;text-align:center}

.video-controls{line-height:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:48px;background:rgba(35,35,35,0.5);transition:opacity 0.5s;padding-left:10px;padding-right:10px}.video-controls--hide{opacity:0;pointer-events:none}.video-controls__left{display:flex;flex-direction:row;align-items:center;flex:1}.video-control__play{width:24px;height:24px;cursor:pointer;background-size:100% 100%;background-repeat:no-repeat;background-image:url(/assets/904545d70122aa7b72ee87c5fc310311.png)}.video-control__play:hover{background-image:url(/assets/274f46085d27d5514001c2b145724baa.png)}.video-control__play--pause{background-image:url(/assets/6715666ddc78d0916119c41d60de042b.png)}.video-control__play--pause:hover{background-image:url(/assets/5a1d84491892d794709a02706f6b6da3.png)}.video-control__refresh{margin-left:24px;display:flex;align-items:center}.video-control__refresh>svg{width:24px;height:24px;cursor:pointer;fill:none}.video-control__refresh>svg path:first-child{fill:#fff}.video-control__refresh:hover>svg path:first-child{fill:#38CCE3}.video-controls__right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.video-controls__volume-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;cursor:pointer}.video-controls__volume-icon{display:block;width:24px;height:24px;margin:-1px 5px 0 24px;background-image:url(/assets/b1195c5a346882f03dae6c239c5002b8.png);background-size:cover}.video-controls__volume-icon:hover{background-image:url(/assets/ac831d6ad86269a7c8e81c6794c48aa5.png)}.video-controls__volume-icon--muted{background-image:url(/assets/baeaf0e957cce1b08fea5d00d795d73e.png)}.video-controls__volume-icon--muted:hover{background-image:url(/assets/1a6b17d7fcf1c26a3fc1e4e28f50b08a.png)}.video-controls__fullscreen-btn{display:block;width:24px;height:24px;background-image:url(/assets/934e9c6c0f86d0ca05375e0b2cdc2759.png);background-size:100% 100%;cursor:pointer}.video-controls__fullscreen-btn:hover{background-image:url(/assets/cbb9118183df66f29a1dbf851dad66ce.png)}.video-controls__fullscreen-btn--deFullScreen{background-image:url(/assets/4c6a7ff1ff8f184403c92252f53c2430.png)}.video-controls__fullscreen-btn--deFullScreen:hover{background-image:url(/assets/07f562db053c4838b9d2cb00e7784110.png)}.video-controls__rotate-btn{display:block;width:24px;height:24px;margin-right:32px;background-image:url(/assets/806591a22ba8f7a3447ad664c9a22241.png);background-size:100% 100%;cursor:pointer}.video-controls__rotate-btn:hover{background-image:url(/assets/3c8be229528735f039efde6a325ed7c6.png)}.video-controls__rotate-btn--hide{display:none}.video-controls__chat-btn{display:block;width:26px;height:26px;margin-right:15px;background-image:url(/assets/ac7d02b248dbb190c7256e10d51f0d63.png);background-size:100% 100%;cursor:pointer}.video-controls__chat-btn:hover{background-image:url(/assets/5f1833ec41959ef35d5eb70eb3b152a6.png)}.video-controls__chat-btn--dechat{background-image:url(/assets/9e60a32a3a15bb1af5efe818adbcacd3.png)}.video-controls__chat-btn--dechat:hover{background-image:url(/assets/fc3977e35bab730d2e13a4e404169af6.png)}.video-controller__setting-button{color:#fff;line-height:20px;font-size:12px;text-align:center;display:block;border:1.3px solid #fff;border-radius:12px;margin-right:32px;padding-left:10px;padding-right:10px;cursor:pointer}.video-controller__setting-button:hover{border-color:#38cce3;color:#38cce3}.video-setting-menu__content{position:absolute;right:-25px;bottom:32px;background:rgba(0,0,0,0.6);border-radius:4px;font-size:12px;padding:4px 0;color:#fff;z-index:100}.video-setting-menu__item{height:30px;padding:0 15px;white-space:nowrap;cursor:pointer;margin-bottom:4px;display:flex;align-items:center}.video-setting-menu__item:last-child{margin-bottom:0}.video-setting-menu__item:hover{background-color:rgba(255,255,255,0.1)}.video-low-lantency-switcher__label{margin-right:5px;white-space:nowrap}.video-low-lantency-switcher__help-icon{display:block;width:16px;height:16px;fill:#fff;cursor:pointer;margin-right:30px}.video-low-lantency-switcher__help-icon:hover{fill:#38CCE3}.video-low-lantency-switcher__button{margin-left:auto}.video-low-lantency-switcher__button.disabled{cursor:not-allowed}.video-controls .rangeslider{box-sizing:content-box;position:relative;display:block;width:120px;height:4px;background-color:#6d6d6d;border-radius:2px;touch-action:none;cursor:pointer;background-clip:padding-box}.video-controls .rangeslider__fill{height:100%;background-color:#38CCE3;border-radius:2px}.video-controls .rangeslider__handle{position:absolute;display:inline-block;top:50%;transform:translate3d(-50%, -50%, 0);width:14px;height:14px;background-color:#fff;cursor:pointer;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.video-defination-switcher{position:relative;width:44px;height:20px;color:#fff;margin-right:20px;border:1px solid #fff;border-radius:12px}.video-defination-switcher__display{position:relative;width:100%;height:100%;border-radius:4px;line-height:20px;text-align:center;cursor:pointer;font-size:12px}.video-defination-switcher__display:before{content:"";display:block;position:absolute;left:-10px;right:-10px;top:-8px;bottom:-8px}.video-defination-switcher__list--wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent}.video-defination-switcher__list{box-sizing:border-box;position:absolute;top:0;left:0;transform:translateY(-100%) translateY(-8px) translateX(-10px);width:75px;display:flex;flex-direction:column;background-color:#313131;border-radius:6px}.video-defination-switcher__list--hidden{display:none}.video-defination-switcher__item{width:100%;height:26px;line-height:26px;color:#fff;font-size:12px;text-align:center;cursor:pointer;border-top:1px solid rgba(255,255,255,0.1)}.video-defination-switcher__item--active,.video-defination-switcher__item:hover{color:#38CCE3;font-weight:bold}.video-defination-switcher__item:first-child{border-top:none}.video-defination-switcher__list::after{content:" ";position:absolute;bottom:-7px;left:30px;display:block;width:0;height:0;border-top:7px solid #313131;border-left:6px solid transparent;border-right:6px solid transparent}.video-controls__theatre-mode-btn{display:block;width:24px;height:24px;margin-right:32px;background-image:url(/assets/5cea8b9f4ce3d8000fc97d4e9f477092.png);background-size:100% 100%;cursor:pointer}.video-controls__theatre-mode-btn.active{background-image:url(/assets/db83b4b18451742808c7bc02cbda6038.png)}.video-controls__tip-btn{position:relative}.video-controls__title-tip{display:none;background:rgba(0,0,0,0.8);border-radius:4px;color:#fff;font-size:12px;padding:0 10px;height:26px;line-height:26px;white-space:nowrap;position:absolute;left:50%;bottom:130%;transform:translateX(-50%);z-index:450}.video-controls__fullscreen-btn .video-controls__title-tip{right:-10px;left:auto;transform:none}.video-control__play--pause .video-controls__title-tip{left:-10px;right:auto;transform:none}.video-controls__tip-btn:hover .video-controls__title-tip{display:block}.video-controls__room-entrance-btn{cursor:pointer;font-size:12px;color:#fff;height:25px;padding:0 15px;line-height:25px;border-radius:4px;background-color:#38CCE3;margin-right:20px}.video-controls__room-entrance-btn:hover{opacity:.9}.video-controls-float{display:flex;align-items:center;position:absolute;left:20px;bottom:80px}.video-controls-float__vote{margin-left:15px}.video-controls-float__goldbox{margin-left:15px}.livetime-count{margin-left:15px;font-size:13px;color:#fff}.livetime-count__title{padding-left:13px;margin-right:10px;position:relative}.livetime-count__title::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;transform:translateY(-50%);background-color:#F86262;border-radius:50%}.video-controls__logo{width:65px;height:14px;margin-right:32px}

.line-select-entry{align-content:flex-end;cursor:auto !important}.line-select-entry__label{margin-right:30px}.line-select-entry__wrapper{position:relative}.line-select-entry__current-line{border-radius:13px;padding:2px 13px;margin-right:5px;border:1px solid rgba(255,255,255,0.5);cursor:pointer;display:flex}.line-select-entry__current-line::after{content:" ";width:0;height:0;display:block;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;margin-top:6px;margin-left:3px}.line-select-entry__current-line--hide{visibility:hidden}.line-select-entry__current-line.disabled{cursor:not-allowed;border:1px solid #666;color:#666}.line-select-entry__current-line.disabled::after{border-top-color:#666}.line-select-entry__right-arrow{width:5px;height:9px;background:url(/assets/b99b48c230504cb779bf86594eb13c6e.png) center no-repeat;background-size:contain}.line-select-entry__line-wrapper{border-radius:13px;border:1px solid rgba(255,255,255,0.5);background:rgba(0,0,0,0.8);padding:4px 13px;position:absolute;left:0;top:0;z-index:100}.line-select-entry__line-option{margin-bottom:11px;cursor:pointer}.line-select-entry__line-option:first-child{display:flex}.line-select-entry__line-option:first-child::after{content:" ";width:0;height:0;display:block;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;margin-top:6px;margin-left:3px}.line-select-entry__line-option--active{color:#38CCE3}

.video-defination{display:flex;padding:0 15px}.video-defination__label{margin-right:30px;white-space:nowrap}.video-defination__list{flex:1;text-align:right;padding-top:2px;padding-right:12px}.video-defination__item{margin-bottom:8px;cursor:pointer}.video-defination__item--active{color:#38CCE3}

.nono-video__lag-tip{position:absolute;left:50%;top:62%;transform:translate(-50%, 50%);padding:8px 20px;background-color:rgba(0,0,0,0.3);border-radius:4px;font-size:12px;color:#fff;display:flex}.nono-video__lag-tip-text{margin-right:10px;white-space:nowrap;line-height:2}.nono-video__lag-tip-btn{cursor:pointer;width:60px;height:24px;text-align:center;line-height:24px;background-color:#38CCE3;border-radius:15px}.nono-video__lag-tip-btn:hover{background-color:rgba(56,204,227,0.6)}.nono-video__lag-tip-close{cursor:pointer;position:absolute;top:-10px;right:-10px;width:22px;height:22px;text-align:center;line-height:20px;border-radius:50%;background-color:#ffffff;font-size:26px;color:#000}.nono-video__lag-tip-close:hover{color:#38CCE3}

.low-latency-tips__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.low-latency-tips{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;background-color:#fff;box-sizing:border-box;padding:50px 40px 40px;width:415px;margin:auto;height:auto}.low-latency-tips__close-btn{cursor:pointer;width:14px;height:14px;background:url(/assets/c4b62a0ae59efb4daf31e60294782e43.png) no-repeat;background-size:100% 100%;position:absolute;right:16px;top:16px}.low-latency-tips__close-btn:hover{animation:rotateAnimation .25s linear forwards}.low-latency-tips__content{color:#4c4b4b;font-size:14px;width:100%;line-height:20px}.video-tip__title{font-weight:bold}.video-tip__content span{font-weight:bold}@keyframes rotateAnimation{from{transform:rotate(0)}to{transform:rotate(-180deg)}}.nono-dark-theme .low-latency-tips{background:#202526}.nono-dark-theme .low-latency-tips__content{color:#fff}

.player-anchor-panel{display:flex;align-items:center;background:rgba(0,0,0,0.4);border-radius:50px;height:52px;padding:0 8px}.player-anchor-panel__avatar{width:30px;height:30px;margin-right:10px}.player-anchor-panel__main{height:100%;display:flex;flex-direction:column;justify-content:center;margin-right:4px}.player-anchor-panel__name-container{display:flex;align-items:center;line-height:1;margin-bottom:3px}.player-anchor-panel__name{font-size:12px;color:#fafafa;margin-right:10px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-anchor-panel__intro-container{font-size:12px;color:#fff;line-height:1;margin-bottom:6px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-anchor-panel__viewer-container{display:flex;align-items:center;font-size:12px;color:#fff;line-height:1}.player-anchor-panel__viewer-icon{vertical-align:bottom;margin-bottom:2px;width:16px;height:auto;margin-right:2px}.player-anchor-panel__follow-btn{position:relative;width:24px;height:24px;border-radius:50%;cursor:pointer}.player-anchor-panel__follow-inner{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.embed-player-anchor-panel{width:100%;height:84px;display:flex;align-items:center;padding-right:20px;justify-content:space-between}.embed-player-anchor-panel__avatar-container{position:relative;margin:0 15px;margin-left:24px}.embed-player-anchor-panel__avatar{cursor:pointer;width:40px;height:40px;font-family:"object-fit:cover";object-fit:cover;border-radius:50%;vertical-align:bottom}.embed-player-anchor-panel__info-container{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;min-width:0;margin-right:15px}.embed-player-anchor-panel__common-info{display:flex;flex-direction:row;align-items:center;font-size:12px;color:#606060;margin-bottom:5px}.embed-player-anchor-panel__name{text-decoration:none;color:inherit;line-height:1.5;max-width:100px;margin-right:2px;flex-shrink:0}.embed-player-anchor-panel__name:link{color:inherit}.embed-player-anchor-panel__name:hover{color:#38CCE3}.embed-player-anchor-panel__side{display:flex;align-items:center}.embed-player-anchor-panel__follow-btn-container{align-self:center}.embed-player-anchor-panel__follow-btn{height:30px;font-size:12px;border-radius:14px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:stretch;overflow:hidden;line-height:28px;transition:width 0.3s linear;min-width:60px;border:1px solid #afebf4}.embed-player-anchor-panel__follow-btn:hover{border-color:#38CCE3}.embed-player-anchor-panel__follow-btn:hover .room-follow-btn__follow-status{color:#fff;background-color:#38CCE3}.embed-player-anchor-panel__follow-btn:hover .room-follow-btn__fans-num{color:#38CCE3}.embed-player-anchor-panel__follow-btn:hover .room-follow-btn__follow-status:before{background-image:url(/assets/7e0b1db5ac798d7e30e2a913ffbc3418.png)}.room-follow-btn__follow-status{background:rgba(56,204,227,0.1);color:#38CCE3;white-space:nowrap;padding-right:15px;border-radius:0 14px 14px 0}.embed-player-anchor-panel__follow-btn--followed{background:rgba(255,255,255,0.5);border-color:#E3E4E4}.embed-player-anchor-panel__follow-btn--followed .room-follow-btn__follow-status{background-color:#E3E4E4;color:#fff}.embed-player-anchor-panel__follow-btn--followed .room-follow-btn__fans-num{color:#E3E4E4}.embed-player-anchor-panel__follow-btn--followed:hover .room-follow-btn__follow-status:before{background-image:url(/assets/545f99ee9ad14ad60f247655031a6cae.png) !important}.room-follow-btn__follow-status:before{display:inline-block;content:"";background:no-repeat center;background-size:contain;background-image:url(/assets/53d846aebadad3ec1f0d75566d63e133.png);width:14px;height:14px;vertical-align:middle;margin-bottom:2px;margin-left:16px}.room-follow-btn__follow-status span{margin-left:3px}.embed-player-anchor-panel__follow-btn--followed .room-follow-btn__follow-status:before{background-image:url(/assets/545f99ee9ad14ad60f247655031a6cae.png)}.room-follow-btn__fans-num{color:#38CCE3;padding:0 13px 0 14px;min-width:60px;text-align:center}.room-follow-btn__fans-num::before{content:""}.embed-player-anchor-panel__fans-group-btn{margin-left:15px}.nono-dark-theme .embed-player-anchor-panel__anchor-intro{color:#fff}.nono-dark-theme .embed-player-anchor-panel__common-info{color:#c9c9ca}.nono-dark-theme .embed-player-anchor-panel__follow-btn{background-color:#252B2C;border-color:#282828}.nono-dark-theme .embed-player-anchor-panel__follow-btn--followed .room-follow-btn__follow-status{color:#8d8d8d;border-color:#282828;background:#424848}.nono-dark-theme .embed-player-anchor-panel__follow-btn--followed .room-follow-btn__follow-status::before{opacity:.5}.nono-dark-theme .embed-player-anchor-panel__follow-btn--followed .room-follow-btn__fans-num{color:#8d8d8d}@media screen and (max-width: 1550px){.room-follow-btn__fans-num::before{display:none}.embed-player-anchor-panel__follow-btn--followed .room-follow-btn__fans-num::before{display:inline}}

.fans-group-button{cursor:pointer;width:28px;height:28px}.fans-group-button img{width:100%;height:100%}.fans-group-button:hover::after{opacity:1}.fans-group-button.nono-news::before{top:-4px;right:-5px}

.player-toast{position:absolute;left:50%;bottom:10%;transform:translate(-50%, 50%);padding:8px 20px;background-color:rgba(0,0,0,0.7);border-radius:4px;font-size:12px;color:#fff;display:flex;justify-content:center;flex-wrap:wrap}.player-toast__text{white-space:nowrap;line-height:2}.player-toast__button{cursor:pointer;white-space:nowrap;padding:0 15px;height:24px;text-align:center;line-height:24px;background-color:#38CCE3;border-radius:15px;margin-left:10px}.player-toast__button:hover{background-color:rgba(56,204,227,0.6)}.player-toast__close{cursor:pointer;position:absolute;top:-10px;right:-10px;width:22px;height:22px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#ffffff}.player-toast__close:hover{color:#38CCE3}.player-toast__close-inner{width:18px;height:18px;display:block;background-size:100% 100%;background-image:url(/assets/4e4144f3411fa74bc80f739b1f2a0fba.png)}.player-toast__close-inner:hover{background-image:url(/assets/d7e0da33d0c0f98a3566b1491c156249.png)}

.vod-controller{position:relative;width:100%;height:100%}.vod-controller-fill{position:absolute;top:0;left:0;width:100%;height:100%}.vod-controller__float-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5)}.vod-controller__float-wrapper--video-over{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.vod-controller__video-not-found{color:#C6C6C6;font-size:16px;text-align:center}.vod-controller__video-not-found img{width:340px;margin-bottom:10px}.vod-controller__float-wrapper--video-over__title{font-size:18px;margin-bottom:20px;color:#fff}.vod-controller__float-wrapper--video-over__desc{font-size:14px;margin-bottom:10px;color:#fff}.vod-controller__float-wrapper--video-over__user-info{display:flex;align-items:center;margin-bottom:20px}.vod-controller__float-wrapper--video-over__user-info-avatar{height:20px;width:20px;margin-right:5px}.vod-controller__float-wrapper--video-over__user-info-name{font-size:12px;color:rgba(255,255,255,0.5)}.vod-controller__float-play-button--next-video{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.15);margin-bottom:30px;cursor:pointer}.vod-controller__float-play-button--next-video:hover .vod-controller__float-play-button--next-video__icon>path:last-child{stroke:#38CCE3}.vod-controller__float-play-button--next-video__icon{height:50px;width:50px;fill:none;cursor:pointer}.vod-controller__float-play-button--next-video__icon>path:last-child{stroke:#fff}.vod-controller__float-play-button--next-video-progress{width:80px;height:80px;position:absolute}.vod-controller__float-play-button--next-video-progress-rect{width:40px;height:80px;position:absolute;top:0;overflow:hidden}.vod-controller__float-play-button--next-video-progress-rect.left{left:0}.vod-controller__float-play-button--next-video-progress-rect.right{right:0}.vod-controller__float-play-button--next-video-progress-circle{width:80px;height:80px;border:3px solid transparent;border-radius:50%;position:absolute;top:0;transform:rotate(-135deg)}.vod-controller__float-play-button--next-video-progress-circle.right{border-top:3px solid #fff;border-right:3px solid #fff;right:0;animation:circleProgressLoadRight 10s linear 1}.vod-controller__float-play-button--next-video-progress-circle.left{border-bottom:3px solid #fff;border-left:3px solid #fff;left:0;animation:circleProgressLoadLeft 10s linear 1}@keyframes circleProgressLoadRight{0%{transform:rotate(-135deg)}50%,100%{transform:rotate(45deg)}}@keyframes circleProgressLoadLeft{0%,50%{transform:rotate(-135deg)}100%{transform:rotate(45deg)}}.vod-controller__float-next-video-autoplay-cancel-button{display:flex;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;align-items:center;justify-content:center;height:30px;border-radius:40px;cursor:pointer;font-size:14px;background:rgba(255,255,255,0.15);color:#fff}.vod-controller__float-next-video-autoplay-cancel-button:hover{color:#38CCE3}.vod-controller__float-replay-button{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center;height:80px;width:80px;border-radius:50%;cursor:pointer;background:rgba(255,255,255,0.15)}.vod-controller__float-replay-button:hover .vod-controller__float-replay-button__icon .replay_svg__cls-2{stroke:#38CCE3}.vod-controller__float-replay-button__icon{height:50px;width:50px;fill:none}.vod-controller-bar{position:absolute;width:100%;height:40px;bottom:0;left:0;background:rgba(0,0,0,0.5);transition:opacity 0.5s;display:flex;justify-content:flex-start;align-items:center}.vod-controller-bar .video-controls__fullscreen-btn{margin:0;margin-right:30px}.vod-controller-bar__play-button{margin-left:30px}.vod-controller-mute-button{position:relative;margin-left:24px;height:26px;display:flex;align-items:center}.vod-controller-mute-button:hover .vod-controller-volume-container{display:block;width:118px}.vod-controller-mute-button .video-controls__volume-icon{margin:0;cursor:pointer}.vod-controller__bar-time{margin-left:24px;line-height:26px;font-size:12px;color:#fff}.vod-controller-bar__layout-placeholder{flex:1}.vod-controller-volume-container{width:0;height:34px;border-radius:4px;position:relative;overflow:hidden;transition:width .3s ease-in}.vod-controller-volume-container .rangeslider{position:absolute;top:50%;left:50%;width:98px;height:4px;background-color:#6d6d6d;border-radius:2px;touch-action:none;cursor:pointer;transform:translate(-50%, -50%)}.vod-controller-volume-container .rangeslider::before{position:absolute;top:0;left:0;content:" ";display:block;box-sizing:content-box;width:100%;height:2px;padding:0 10px}.vod-controller-volume-container .rangeslider__fill{position:absolute;height:100%;left:0;background-color:#38CCE3;border-radius:2px}.vod-controller-volume-container .rangeslider__handle{position:absolute;display:inline-block;top:-5px;width:14px;height:14px;background-color:#fff;cursor:pointer;border-radius:50%;transform:translateX(-50%);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #38CCE3}.vod-player-progress{position:absolute;top:-5px;left:0;padding:0 10px;width:100%;height:3px}.vod-player-progress-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.vod-player-progress-wrapper::before{position:absolute;top:-10px;left:0;width:100%;height:23px;content:" ";display:block}.vod-player-progress-wrapper:hover{height:5px}.vod-player-progress-wrapper:hover .vod-player-hover{opacity:1}.vod-player-progress-wrapper:hover .vod-player-progress__handle-view{transform:scale(1) translateY(-1px)}.vod-player-progress__total{position:relative;width:100%;height:100%;background-color:rgba(255,255,255,0.2)}.vod-player-progress__total::before{position:absolute;top:-10px;left:0;width:100%;height:23px;content:" ";display:block}.vod-player-buffered{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.5);transform-origin:0 0}.vod-player-hover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.4);transform-origin:0 0;opacity:0}.vod-player-progressed{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#38CCE3;transform-origin:0 0}.vod-player-progress__handle{position:absolute;top:-4px;left:-7px;width:14px;height:14px}.vod-player-progress__handle-view{width:100%;height:100%;border-radius:50%;background-color:#fff;border:1px solid #38CCE3;transform:scale(0);transform-origin:center}.vod-player-progress-hover{position:absolute;top:-28px;left:0;color:#fff;font-size:12px;padding:5px;background:rgba(0,0,0,0.6);border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.video-control__play--replay{background-image:url(/assets/5ffe1b90d3b1aa96e8bb65b4afd6dd4f.png)}.video-controls.full-screen .video-control__play{margin-left:36px}.video-controls.full-screen .video-controller__setting-button{margin-right:32px}.video-controls.full-screen .video-controls__chat-btn{margin-right:32px}.video-controls.full-screen .video-controls__fullscreen-btn{margin-right:36px}

.mildom-attention-panel{display:flex;align-items:center;width:100%;min-height:70px;background-color:#fff;box-shadow:0px 3px 4px rgba(21,24,28,0.1);border-radius:4px;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:25px;font-size:14px;line-height:20px}.mildom-attention-panel-info-icon{height:40px;width:40px;background:url(/assets/svg/logo_2827b07cb5f926eb4205cb560f2711a5.svg) no-repeat;background-size:100% 100%;margin-right:10px}.mildom-attention-panel-info-content{color:#818181}.full-screen .mildom-attention-panel{background-color:rgba(0,0,0,0.4)}.full-screen .mildom-attention-panel-info-content{color:white}.nono-dark-theme .mildom-attention-panel{background-color:#202526}

.playback-chat-panel{padding-bottom:10px;position:relative}.playback-chat-panel.full-screen{height:480px !important;overflow:hidden}.playback-chat-panel.full-screen .playback-chat-panel__history-loading{padding-bottom:0}.playback-chat-panel .chat-panel__tab{width:100%}.playback-chat-panel .chat-item .sender{cursor:auto}.playback-chat-panel .playback-chat-panel__loading{height:100%;top:0;left:0;width:100%}.playback-chat-panel .playback-chat-panel__history-loading{height:initial;padding-bottom:10px}.playback-chat-panel .playback-chat-panel-attention{padding:10px}

.room-container{height:calc(100vh - 60px)}.room__body{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.room__player{position:relative;flex:1;min-width:0;height:100%;background-color:#fff}.room-scroll-bar{background:#E8E8E8;width:6px;border-radius:4px}.room__player-area{display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.room__player-area-body{height:calc(100% - 84px);width:100%}.room__player-area-body>div>div{display:flex;flex-direction:column}.theatre .room__player-area-body{height:100%}.room__player-container{position:relative;width:100%;padding-bottom:56.25%}.room__player-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.room__chat{position:relative;width:370px;height:100%;background-color:transparent;display:flex;flex-direction:column;flex-shrink:0}@media only screen and (max-width: 900px){.room__chat{display:none}}.room-banner__container{flex-shrink:0;display:flex;justify-content:center;background:#12142A;overflow:hidden}.room-banner{width:1920px;height:756px;vertical-align:bottom;flex-shrink:0}.room__body.theatre{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;background-color:#fff}.room__body.theatre .gift-panel{border-radius:0}.room__player-area.theatre{position:absolute;left:0;right:0;top:0;bottom:0;background:#000}.room__player-container.theatre{flex:1;padding-bottom:0}.room-list-container{position:absolute;left:0;top:-14px;transform:translateY(-100%);display:flex}.room-list-container__item{font-size:14px;color:#B5B5B5;padding:0 20px;height:44px;line-height:44px;background-color:rgba(255,255,255,0.1);border-radius:4px;border:1px solid rgba(255,255,255,0.2);margin-right:14px}.room-list-container__item:hover{background-color:rgba(255,255,255,0.3)}.room-list-container__item.active{color:#fff;background-color:#38CCE3;border-color:transparent}.nono-dark-theme .room__chat.theatre{background-color:#2b2b2b}.nono-dark-theme .room__player{background:#121414}.nono-dark-theme .room-scroll-bar{background:#202526;border:1px solid #2e3535}

.room-relative{width:100%;padding:30px 20px 0 20px}.room-relative .infinite-load__more-loading{min-height:300px;align-items:flex-start}.room-relative--hide{display:none}.room-relative__tabs{display:flex;align-items:center;font-size:14px;color:#606060;margin-bottom:25px}.room-relative__tab{padding-right:20px;cursor:pointer}.room-relative__tab-content{padding-bottom:7px;border-bottom:2px solid #fff}.room-relative__tab-content.active{color:#38CCE3;border-color:#38CCE3}.room-relative__content{min-height:610px}.room-relative__live-list-content{display:flex;flex-wrap:wrap}.room-relative__video-item{flex-shrink:0;margin-bottom:20px}.room-relative__no-data{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;color:#606060}.room-relative__no-data img{width:100px}.nono-dark-theme .room-relative{background-color:#121414}.nono-dark-theme .room-relative__tabs{color:#FAFAFA}.nono-dark-theme .room-relative__tabs .room-relative__tab-content{border-color:#121414}.nono-dark-theme .room-relative__tabs .room-relative__tab-content.active{border-color:#38CCE3}

.player-live{width:100%;height:100%}.player-live--no-cursor{cursor:none}.video-top-mask{position:absolute;top:0;left:0;width:100%;height:100px;transition:opacity 0.5s;display:flex;align-items:center}.video-top-mask.video-top-mask--hide{opacity:0;pointer-events:none}.embed-player-top-mask{position:absolute;top:0;left:0;width:100%;transition:opacity 0.5s;background:linear-gradient(180deg, #000 0%, rgba(84,84,84,0) 100%)}.embed-player-top-mask--hide{opacity:0;pointer-events:none}.theatre-room__player-anchor-panel{position:relative;margin-left:22px}.live__fans-group-btn{margin-left:15px;height:52px;width:52px;border-radius:50%;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}.live-nono-video.hide{display:none}

.real-player{position:relative;width:100%;height:100%;background:transparent}.real-player--fullscreen:-ms-fullscreen{width:100%;height:100%;background:transparent}.real-player--fullscreen,.real-player--fullscreen:fullscreen,.real-player--fullscreen:-ms-fullscreen,.real-player--fullscreen:-moz-full-screen,.real-player--fullscreen:-webkit-full-screen{width:100%;height:100%;background:transparent}.real-player__bg-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}.real-player__bg{position:absolute;top:0;left:0;bottom:0;right:0;background:#1a1a1a;background-size:cover;background-position:center;-webkit-filter:blur(15px);filter:blur(15px);transform:scale(1.1)}.real-player__content-container{position:relative;width:100%;height:100%;background:rgba(0,0,0,0.5)}.real-player__play-btn-container{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.real-player__play-btn{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%, -50%);background-size:100% 100%;background-repeat:no-repeat;background-image:url(/assets/50b5109944e9cfbc2f2938c1bab68cb7.png);cursor:pointer}.real-player__loading-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;background:#707070}.real-player__loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.real-player-lucky-draw-wrapper{position:absolute;left:100px;bottom:100px}.real-player-lucky-draw-float-fullscren-wrapper{height:100%;width:100%}.real-player__trailer-cover{display:block;position:absolute;width:478px;height:269px;top:0;bottom:0;left:0;right:0;margin:auto}.nono-dark-theme .real-player__loading-wrapper{background-color:rgba(0,0,0,0.5)}@media screen and (min-width: 1681px){.real-player__trailer-cover{width:620px;height:350px}}

.embed-room-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.embed-room-container .pip-button-container{display:none}@media (max-width: 500px){.embed-room-container .livetime-count{display:none}}@media (max-width: 400px){.embed-room-container .video-controls{display:none}}


/*# sourceMappingURL=http://hw-source-map.mildom.jp/mildompc-web-server-sourcemap/static_sourcemap/assets/css/style_c21739287f72887c046c.js.map*/