.svgIcon--2os83vp{cursor:pointer;width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:0;position:inherit;pointer-events:visibleStroke}
.Test--2ATRHr-{background-image:url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/1v1_42d3675.png);width:56px;height:56px}body .MuiBackdrop-root{background-color:rgba(0,0,0,.6)}.MuiTooltip-popper{filter:drop-shadow(0 0 4px rgba(0,0,0,.2))}.MuiTooltip-popper[x-placement=right]{filter:drop-shadow(-4px 0 4px rgba(0,0,0,.2))}.MuiTooltip-popper[x-placement=bottom]{filter:drop-shadow(0 -4px 4px rgba(0,0,0,.2))}.MuiTooltip-popper[x-placement=top]{filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}[data-channel-theme-type-name=dark] .button--27FT3bM,[data-channel-theme-type-name=light] .button--27FT3bM{color:#fff;background-color:#ff5d23;border-radius:6px;padding:7px 14px;height:32px}.button--27FT3bM>span{font-size:14px;line-height:1}[data-channel-theme-type-name=dark] .button--27FT3bM:hover,[data-channel-theme-type-name=light] .button--27FT3bM:hover{background-color:#e5531e}.buttonLoading--GO_HUZ_{cursor:not-allowed!important;pointer-events:none!important}[data-channel-theme-type-name=dark] .buttonOutline--3F72p-j,[data-channel-theme-type-name=light] .buttonOutline--3F72p-j{color:#ff5d23;border:1px solid #ff5d23;background-color:transparent;border-radius:6px;padding:7px 14px;height:32px}.buttonOutline--3F72p-j>span{font-size:14px;line-height:1}[data-channel-theme-type-name=dark] .buttonOutline--3F72p-j:hover,[data-channel-theme-type-name=light] .buttonOutline--3F72p-j:hover{background-color:rgba(255,238,232,.062745098)}.buttonDefuat--2LJnVYV{border-radius:6px;padding:7px 14px;height:32px}[data-channel-theme-type-name=dark] .buttonDefuat--2LJnVYV{color:#fff;background-color:#383a42}[data-channel-theme-type-name=light] .buttonDefuat--2LJnVYV{color:#fff;background-color:#fff}.buttonDefuat--2LJnVYV>span{font-size:14px;line-height:1}[data-channel-theme-type-name=dark] .buttonDefuat--2LJnVYV:hover{background-color:#454852}[data-channel-theme-type-name=light] .buttonDefuat--2LJnVYV:hover{background-color:#fff}.MuiCheckbox-root.checkbox--1pWKRb3{padding:8px}.MuiCheckbox-root.checkbox--1pWKRb3.Mui-disabled svg,.radio--3cSM_9M.Mui-disabled svg{cursor:default}.fcLabelRoot--3H0Iqw1>.MuiFormControlLabel-label{width:20%;cursor:auto}.fcLabelRoot--3H0Iqw1>span{width:100%}.fcLabel--INeuweH.select{font-size:14px;font-weight:400}.fcLabel--INeuweH.select:after{content:":"}[data-channel-theme-type-name=dark] .fcLabel--INeuweH,[data-channel-theme-type-name=light] .fcLabel--INeuweH{font-size:14px;color:#ccc}.fcLabel--INeuweH>span{font-size:14px;font-weight:400}.MuiRadio-root.radio--3cSM_9M{padding:8px}.MuiSwitch-root.switch--2eoDTBH{width:44px;height:32px;padding:8px}.MuiSwitch-root.switch--2eoDTBH .MuiSwitch-switchBase{top:1px;left:1px}.MuiSwitch-root.switch--2eoDTBH .MuiSwitch-switchBase.Mui-checked{transform:translateX(12px)}.MuiSwitch-root.switch--2eoDTBH .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb{color:#fff}.MuiSwitch-root.switch--2eoDTBH .MuiSwitch-thumb{width:12px;height:12px}.MuiSwitch-root.switch--2eoDTBH .MuiSwitch-track{border-radius:10px;opacity:1}[data-channel-theme-type-name=dark] .MuiSwitch-root.switch--2eoDTBH .MuiSwitch-track{background-color:#383a42}[data-channel-theme-type-name=light] .MuiSwitch-root.switch--2eoDTBH .MuiSwitch-track{background-color:#fff}.MuiSwitch-root.switch--2eoDTBH .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{opacity:1;background-color:#ff5d23}.avatar--ErPsIro:hover:after{content:"";position:absolute;border:4px solid;width:100%;height:100%;border-color:#ff5d23;box-sizing:border-box}[data-channel-theme-type-name=dark] .menulist--1dWhybG{padding-left:10px;padding-right:10px;border-radius:8px;background-color:#383a42}[data-channel-theme-type-name=light] .menulist--1dWhybG{padding-left:10px;padding-right:10px;border-radius:8px;background-color:#fff}[data-channel-theme-type-name=dark] .menulistItem--2WRn4iy,[data-channel-theme-type-name=light] .menulistItem--2WRn4iy{font-size:14px;color:#ccc}[data-channel-theme-type-name=dark] .menulistItem--2WRn4iy:hover,[data-channel-theme-type-name=light] .menulistItem--2WRn4iy:hover{border-radius:4px;background-color:hsla(0,0%,90%,.0980392157)}.MuiDialog-paper.br8--1QmAqA3{border-radius:8px}.MuiDialog-paper .dialogTitle--2i7bUk6{position:relative;display:flex;align-items:center;padding:11px 16px;justify-content:center;border-top-left-radius:8px;border-top-right-radius:8px}.MuiDialog-paper .dialogTitle--2i7bUk6.isLeft--3mXxlaK{justify-content:flex-start;padding-left:30px}.MuiDialog-paper .dialogTitle--2i7bUk6.isLeft--3mXxlaK .dialogTitleWord--15a5dS7{font-size:18px}[data-channel-theme-type-name=dark] .MuiDialog-paper .dialogTitle--2i7bUk6{color:#fff;background-color:#2a2b30}[data-channel-theme-type-name=light] .MuiDialog-paper .dialogTitle--2i7bUk6{color:#000;background-color:#ccc}.MuiDialog-paper .dialogTitle--2i7bUk6 .dialogTitleWord--15a5dS7{font-size:16px;color:#ccc}.MuiDialog-paper .closeButton--3HSqk2C{color:#ccc;position:absolute;right:0}.MuiDialog-paper .dialogContent--3NzyMFz{display:flex;justify-content:center;min-width:220px;min-height:20px;padding:20px 30px 10px;box-sizing:content-box;text-align:center;overflow:hidden}[data-channel-theme-type-name=dark] .MuiDialog-paper .dialogContent--3NzyMFz{color:#fff;background-color:#232428}[data-channel-theme-type-name=light] .MuiDialog-paper .dialogContent--3NzyMFz{color:#000;background-color:#fff}.MuiDialog-paper .dialogContentNP--2lklS5w{padding:0}.MuiDialog-paper .dialogContentFR--2HLzR-a{border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:0!important}.MuiDialog-paper .dialogFooter--1tDMIC5{display:flex;align-items:center;justify-content:center;padding:20px 30px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}[data-channel-theme-type-name=dark] .MuiDialog-paper .dialogFooter--1tDMIC5{color:#fff;background-color:#232428}[data-channel-theme-type-name=light] .MuiDialog-paper .dialogFooter--1tDMIC5{color:#000;background-color:#fff}.MuiDialog-paper .dialogFooter--1tDMIC5.hasLine--2Uwyl6A{border-top:1px solid hsla(0,0%,90%,.0980392157)}.MuiDialog-paper .dialogFooter--1tDMIC5>button:last-child{margin-left:12px}.MuiDialog-paper .dialogFooterSingle--1271cCc{justify-content:center}.MuiDialog-paper .dialogFooterSingle--1271cCc>button{min-width:104px;max-width:100%;width:auto!important}.MuiDialog-paper .dialogFooterSingle--1271cCc>button:last-child{margin-left:0}.MuiInputBase-root.select--2oxET_-{width:100%;color:#fff;border:none;background:#383a42;padding-left:10px;border-radius:25px}.MuiInputBase-root.select--2oxET_-.br10{border-radius:10px}.MuiInputBase-root.select--2oxET_-.br4{border-radius:4px}.MuiInputBase-root.select--2oxET_-.br4 .MuiSelect-select{padding:10px 32px 10px 10px}.MuiInputBase-root.select--2oxET_- .MuiSelect-select{padding:15px 32px 15px 10px;font-size:14px}.MuiInputBase-root.select--2oxET_- .icon--4qxI_Dw{margin-right:8px;position:absolute;right:10px}.MuiInputBase-root.select--2oxET_-.Mui-focused fieldset,.MuiInputBase-root.select--2oxET_- fieldset{border-width:0}.MuiInputBase-root.select--2oxET_-.Mui-disabled{color:#666}.MuiPopover-root .selectMenuList--2IRiKHU{width:auto;max-height:250px;color:#ccc;background:#232428;border:1px solid hsla(0,0%,90%,.1);border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.3);overflow-y:auto}.MuiPopover-root .selectMenuList--2IRiKHU .menulistItem--2WRn4iy{height:40px;line-height:40px;font-size:14px}[data-channel-theme-type-name=dark] .MuiPopover-root .selectMenuList--2IRiKHU .menulistItem--2WRn4iy{color:#fff}[data-channel-theme-type-name=light] .MuiPopover-root .selectMenuList--2IRiKHU .menulistItem--2WRn4iy{color:#000}[data-channel-theme-type-name=dark] .MuiPopover-root .selectMenuList--2IRiKHU .menulistItem--2WRn4iy:hover,[data-channel-theme-type-name=light] .MuiPopover-root .selectMenuList--2IRiKHU .menulistItem--2WRn4iy:hover{border-radius:4px;background-color:hsla(0,0%,90%,.0980392157)}.messageList--ANxL391{position:fixed;pointer-events:none;display:flex;flex-direction:column;top:200px;left:0;z-index:3000;width:100%}.messageContainer--8e7rWZ9{display:flex;justify-content:center;line-height:24px;text-align:center}.message--19WFYMS{border-radius:8px;display:inline-block;vertical-align:middle;padding:10px 22px;background-color:#ff5d23;box-shadow:0 4px 12px rgba(0,0,0,.05);color:#fff;font-size:14px;line-height:1.5;pointer-events:all}.messageInner--3U-6sq5{display:flex;align-items:center}.messageInner--3U-6sq5 .toast-icon{cursor:auto}.iconWrapper--2sXDSYe{position:relative;margin-right:5px;margin-left:-5px;top:3px}.error--1ILnzYI,.MuiCircularProgress-root.white-cir-progress--3Ojiol1,.success--bxaNOic,.tip--2iZg8ln,.warning--_IgMgfF{color:#fff}.MuiDialog-scrollPaper ::-webkit-scrollbar,.MuiPopover-root ::-webkit-scrollbar{width:3px;height:3px}.MuiDialog-scrollPaper ::-webkit-scrollbar-thumb,.MuiPopover-root ::-webkit-scrollbar-thumb{border-radius:3px;background:#414451;box-shadow:inset 0 0 10px #414451}.MuiDialog-scrollPaper ::-webkit-scrollbar-track,.MuiPopover-root ::-webkit-scrollbar-track{border-radius:3px;background:#2d2e36}.spinNested--3Duv1m7{position:relative;width:100%}.spinNested--3Duv1m7>div>.spin--1DhhYna{position:absolute;top:0;left:0;z-index:4;display:block;width:100%;height:100%}.spinNested--3Duv1m7 .spinBlack--2nRW5OO{background-color:rgba(0,0,0,.3)}.spinNested--3Duv1m7>div>.spin--1DhhYna .spinDot--1LHy10c{position:absolute;top:50%;left:50%;margin:-10px}.spinNested--3Duv1m7>div>.spin--1DhhYna.spinShowText--8JvCQUl .spinDot--1LHy10c{margin-top:-20px}.spinNested--3Duv1m7>div>.spin--1DhhYna .spinText--2THNiww{position:absolute;top:50%;width:100%;padding-top:5px;text-shadow:0 1px 2px #fff}.spin--1DhhYna{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.8509803922);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:absolute;display:none;color:#ff5d23;text-align:center;vertical-align:middle;opacity:0;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.spinSpinning--1E-0MdF{position:static;display:inline-block;opacity:1}.spinDotSpin--aBI48a7{transform:rotate(45deg);animation:antRotate--2rJMoCo 1.2s infinite linear}.spinDot--1LHy10c{position:relative;display:inline-block;font-size:20px;width:1em;height:1em}.spinLg--3aWO9qu .spinDot--1LHy10c{font-size:32px}.spinLg--3aWO9qu .spinDot--1LHy10c>i{width:14px;height:14px}.spinDotItem--1oG6ysT{position:absolute;display:block;width:9px;height:9px;background-color:#ff5d23;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove--3aDh_-S 1s infinite linear alternate}.spinDotItem--1oG6ysT:first-child{top:0;left:0}.spinDotItem--1oG6ysT:nth-child(2){top:0;right:0;animation-delay:.4s}.spinDotItem--1oG6ysT:nth-child(3){right:0;bottom:0;animation-delay:.8s}.spinDotItem--1oG6ysT:nth-child(4){bottom:0;left:0;animation-delay:1.2s}@keyframes antSpinMove--3aDh_-S{to{opacity:1}}@keyframes antRotate--2rJMoCo{to{transform:rotate(405deg)}}.spinBlur--84-slYN{clear:both;opacity:.5;user-select:none}.spinContainer--124XUQo{position:relative;transition:opacity .3s}.spinContainer--124XUQo *{box-sizing:border-box}.spinContainer--124XUQo:after{top:0;right:0;bottom:0;left:0;z-index:10;display:none;width:100%;height:100%;background:#fff;opacity:0;transition:all .3s;content:"";pointer-events:none}.inputWrapper--2H-nCzm{box-sizing:border-box;width:100%;color:#999;border:none;background:#383a42;border-radius:25px;position:relative}.inputWrapper--2H-nCzm>.suffix--3X_OMYs{position:absolute;left:15px;top:15px}.inputWrapper--2H-nCzm>.suffix--3X_OMYs::placeholder{font-size:12px}.inputWrapper--2H-nCzm>input{color:#fff;width:100%;height:20px;line-height:20px;font-size:14px;background:transparent;border:none;outline:none}.inputWrapper--2H-nCzm>.wordLimit--2Zoo07O{position:absolute;right:15px;top:15px;height:20px;line-height:20px}.inputWrapper--2H-nCzm>.required--1wlb4wS{position:absolute;bottom:-20px;left:20px;color:#ff5352}.inputWrapper--2H-nCzm.default--28D_-dg{height:50px;padding:15px 20px}.inputWrapper--2H-nCzm.small--3BRNbgS{height:32px;padding:6px 20px}.inputWrapper--2H-nCzm.small--3BRNbgS>.suffix--3X_OMYs{position:absolute;left:15px;top:11px}.inputWrapper--2H-nCzm.disabled--2t4K8UE,.inputWrapper--2H-nCzm.disabled--2t4K8UE>input{cursor:not-allowed}.inputWrapper--2H-nCzm.hasSuffix--bLX9KTu{padding-left:35px}.video-watermark--3iPLK49{position:absolute;left:14px;bottom:0;color:hsla(0,0%,100%,.5);font-size:14px;pointer-events:none;display:block}
.wrap--29RGwIt{background-color:#2d2e36;width:100%;height:calc(100vh - 61px);display:flex;align-items:center;justify-content:center;flex-direction:column}.box--e6GfOQN>img{width:280px;height:240px;opacity:.5}.box--e6GfOQN>span{display:block;margin-top:30px;opacity:.3;font-size:20px;text-align:center;color:#fff}
body {
  outline: 0;
  font-family: -apple-system, Segoe UI Emoji, Microsoft Yahei, sans-serif;
  overflow: hidden;
}

.Search .Search-linkIcon svg {
  color: #cccccc;
}

[data-channel-theme-type-name='dark'] .MuiPaper-root {
  background-color: transparent;
}

.（⊙\.⊙） {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff center/cover no-repeat;
  text-align: center;
  white-space: nowrap;
}

.（⊙\.⊙） .\:-O {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 7px;
  top: 5px;
}

.（⊙\.⊙） .（\/\/▽\/\/） {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.（⊙\.⊙） .o_O {
  display: inline-block;
  vertical-align: middle;
}

.（⊙\.⊙） .o_O .๑乛◡乛๑ {
  margin-top: 22px;
  height: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #414141;
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\) {
  overflow: hidden;
  text-align: justify;
  display: inline-block;
  text-justify: distribute-all-lines;
  font-size: 0;
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\):after {
  display: inline-block;
  width: 100%;
  content: ' ';
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\) .\^O\^ {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 80px 0 0;
  padding: 0 100px;
  font-size: 20px;
  color: #ff5a12;
  text-align: center;
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\) .\^O\^::before {
  position: absolute;
  content: '';
  top: 40px;
  bottom: 40px;
  width: 1px;
  left: -1px;
  background: #ddd;
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\) .\^O\^[data-rel='chrome'] i {
  display: block;
  width: 102px;
  height: 102px;
  margin: 15px auto;
  background: url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/Google_fb0ae39.png) no-repeat;
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\) .\^O\^[data-rel='firefox'] i {
  display: block;
  width: 102px;
  height: 102px;
  margin: 15px auto;
  background: url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/Firefox_1627a56.png) no-repeat;
}

.（⊙\.⊙） .o_O .\(\*\^__\^\*\) .\^O\^[data-rel='edge'] i {
  display: block;
  width: 102px;
  height: 102px;
  margin: 15px auto;
  background: url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/Edge_0121b4e.png) no-repeat;
}

.（⊙\.⊙） .o_O .\(¬､¬\) {
  margin: 48px 48px 0 73px;
}

.（⊙\.⊙） .o_O .\(¬､¬\) .\(｡ớ₃ờ\)ھ {
  float: left;
  width: 139px;
  height: 139px;
}

.（⊙\.⊙） .o_O .\(¬､¬\) .\(๑ŐдŐ\)b {
  overflow: hidden;
  text-align: center;
}

.（⊙\.⊙） .o_O .\(¬､¬\) .✿◡‿◡ {
  margin: 37px 0 0;
  font-size: 18px;
  line-height: 1;
  color: #666;
}

.（⊙\.⊙） .o_O .\(¬､¬\) .︶ε╰✿ {
  display: block;
  margin: 20px auto 0;
  width: 182px;
  height: 33px;
}

.（⊙\.⊙）[active] {
  display: block !important;
  background-image: url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/bg_9f07779.png);
}

[active] .ฅ’ω’ฅ {
  width: 263px;
  height: 227px;
  margin: 0 auto 45px;
  background: url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/sg_1e2cfb2.png) center no-repeat;
}

.flexCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@charset 'utf-8';
/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Theme definition
 *
 * This defines the theme in fundamental terms, but not how it is applied to
 * the components. That is done in `theme-map.css`.
 */
/**
 * Fonts
 */
/**
 * Colors
 */
:root {
  /* Standard color */

  /* Standard dark color (light color background) */

  /* Standard light color (dark color background) */

  /* Other colors (dark color background) */

  /* Theme color */
}
/*! normalize.css v7.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
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}
/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          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
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}
/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
/* stylelint-disable */
svg:not(:root) {
  overflow: hidden;
}
/* stylelint-enable */
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: sans-serif; /* 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;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * 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 {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'], [type='radio'] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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 and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button, [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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* FullScreen
   ========================================================================== */
/**
 * reset the background for element when it is in fullscreen status
 */
:-webkit-full-screen {
  background: transparent;
}
html, body {
  min-height: 100%;
}
/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family and font size in all browsers (opinionated)
 * 3. Correct the line height in all browsers.
 */
html {
  height: 100%;
  font-family: -apple-system, 'Segoe UI Emoji', 'Microsoft Yahei', sans-serif; /* 2 */
  font-size: 12px; /* 2 */
  line-height: 1.5; /* 3 */
}
/**
 * As a best practice, apply a default `color & background-color`.
 */
body {
  color: #333;
  background-color: #2d2e36;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre {
  margin: 0;
}
/*
* reset all <h> tag font size
*/
h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: 400;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  background: transparent;
  border: 0;
  padding: 0;
}
/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
iframe {
  border: 0;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex='-1']:focus {
  outline: none !important;
}
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #f70;
}
/**
 * 1. The value of display in Firefox 3.6 is inline.
 * 2. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 * !important removed by yangkun for video boradcast image
 */
img {
  display: inline-block; /* 1 */
  -webkit-user-drag: none;
  border: 0;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
i, em {
  font-style: normal;
}
/* @import 'layout'; */
/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
/**
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/**
 * 三角
 */
/**
 * 镂空三角
 */
/**
 * 动画
 */
/**
 * 默认阴影
*/
/**
 * 文字超出截取
 */
/**
 * 定位
 */
/**
 * 16/9容器
 */
/**
 * 两端对齐元素
 */
/**
 * 两端对齐容器
 */
/**
 * 奠
 */
a, button, input, textarea, select {
  outline: 0;
  font-family: inherit;
}
a:focus, button:focus, input:focus, textarea:focus, select:focus {
  outline: 0;
}
svg {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
  position: inherit;
  pointer-events: visibleStroke;
}
/* stylelint-disable */
* {
  outline: 0;
}
*:focus {
  outline: 0;
}
/* stylelint-enable */
input::-ms-clear {
  display: none;
}
img[src=''] {
  display: none;
}
.SignBaseComponent-sign-ad, .Header {
  /* filter: grayscale(1); */
}
#js-header {
  position: relative;
  z-index: 1000;
  height: 61px;
}
.Header-wrap {
  background: #2d2e36 !important;
  border-color: rgba(229, 229, 229, .1) !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: rgba(229, 229, 229, .1) !important;
}
.Header-wrap .HeaderGif-left, .HeaderGif-right, .MatchFocus {
  display: none !important;
}
.Header-wrap .Header-logo {
  color: white !important;
}
#header-search-input {
  color: white;
}
.Header-wrap .Header-menu-link > a, .Header-wrap .EntryNav-desc, .Header-wrap .ScheduleNav, .Header-right .Header-wrap .public-DropMenu-link, .Header-wrap .public-DropMenu-link ~ svg {
  color: #fff !important;
}
.Header-wrap .Header-right .public-DropMenu-link, .Header-wrap .public-DropMenu-link ~ svg {
  color: #999999 !important;
}
.Header-wrap .Header-left .public-DropMenu-link, .Header-wrap .Header-left .public-DropMenu-link ~ svg {
  color: #fff !important;
}
.Search {
  background: #383a42 !important;
}
@media screen and (min-width: 1430px) and (max-width: 1740px) {
  .Search{
    width: 110px !important;
    margin: 12px 8px 0 0;
  }
  .Search.is-hover{
    width: 136px !important;
  }
  .Header{
    width: 1158px;
  }
  .Header .History, .Header .Follow, .Header .Broadcast, .Header .YubaMessage {
    width: 42px;
  }
  .Header .HeaderNav .ActEntry:nth-child(2) {
    display: none;
  }
  .Header-broadcast-wrap{
      display: block;
  }
  .Header-yubamessage-wrap{
      display: block;
  }
  .Header-createcenter-wrap{
      display: block;
  }
  .Header-menu{
    margin-left: 20px;
  }
  .Header-menu-link > a, .Header-menu-link .public-DropMenu-link {
    width: 50px;
  }
}
@media screen and (max-width: 1430px) {
  .Search{
    width: 108px;
    margin: 12px 8px 0 0;
  }
  .Search.is-hover{
    width: 134px;
  }
  .Header{
    width: 960px;
  }
  .Header .History, .Header .Follow, .Header .Broadcast, .Header .YubaMessage {
    width: 42px;
  }
  .Header .CreateCenter {
    margin-left: 3px;
  }
  .Header .HeaderNav .ActEntry:nth-child(2) {
    display: none;
  }
  .Header-broadcast-wrap{
      display: none;
  }
  .Header-yubamessage-wrap{
      display: none;
  }
  .Header-createcenter-wrap{
      display: none;
  }
  .Header-menu{
    margin-left: 10px;
  }
  .Header-menu-link > a, .Header-menu-link .public-DropMenu-link {
    width: 44px;
  }
}

.ChannelPasswordInputBox--236Ofeb{display:flex;height:50px;position:relative;font-size:14px}.ChannelPasswordInputBox--236Ofeb input{flex:1;padding-left:20px;background:#383a42;border-radius:25px;border:none;color:#fff}.ChannelPasswordInputBox--236Ofeb input::-webkit-input-placeholder{font-size:12px;color:#999}.ChannelPasswordInputBox--236Ofeb input:disabled{cursor:not-allowed}.ChannelPasswordInputBox--236Ofeb .prefix--3B67A3M{display:inline-flex;align-items:center;position:absolute;top:0;height:100%;left:20px}.ChannelPasswordInputBox--236Ofeb .visibleStyle--1FyX23v{position:absolute;display:inline-flex;height:100%;top:0;right:20px;align-items:center;margin-right:15px}
.addChannel-content--2wvKtZA{padding:0 20px}.addChannel-content--2wvKtZA .question-text--3lHXWmW{margin:20px 0;text-align:left;font-size:14px}.addChannel-content--2wvKtZA .question-tip--1hoCshD{margin-top:10px;text-align:left;color:#999}
.channelInput--2td9Hx3{display:flex;height:50px;position:relative;font-size:14px;background:#383a42;border-radius:25px}.channelInput--2td9Hx3.textFullLimit--14B83vd .maxLimit--1tICW_M{color:#ff5d23}.channelInput--2td9Hx3.hasMaxLimit--nOkqI0E>input{padding-right:70px}.channelInput--2td9Hx3 input{flex:1;padding-left:20px;background:transparent;border:none;color:#fff;font-size:14px}.channelInput--2td9Hx3 input::-webkit-input-placeholder{font-size:12px;color:#999}.channelInput--2td9Hx3 input:disabled{cursor:not-allowed;color:#999}.channelInput--2td9Hx3 .maxLimit--1tICW_M,.channelInput--2td9Hx3 .prefix--30wcbB2{display:inline-flex;align-items:center;height:100%;margin:0 20px}.channelInput--2td9Hx3 .maxLimit--1tICW_M{color:#999}
.emptyChannel--1peEwGN{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.emptyChannel--1peEwGN>img{width:280px;height:240px;opacity:.5}.emptyChannel--1peEwGN>span{display:inline-block;margin-top:30px;opacity:.3;font-size:20px}[data-channel-theme-type-name=dark] .emptyChannel--1peEwGN>span{color:#fff}[data-channel-theme-type-name=light] .emptyChannel--1peEwGN>span{color:#000}
.menu--1OV-A4u{width:48px;height:100%;display:flex;flex-direction:column;flex-shrink:0}[data-channel-theme-type-name=dark] .menu--1OV-A4u{background-color:#3e3f48}[data-channel-theme-type-name=light] .menu--1OV-A4u{background-color:#fff}.chatContainer--3vbBzqt{width:100%;height:100%}
.main--3L_Uv1p{width:100%;height:calc(100vh - 61px);display:flex;overflow:hidden;min-width:1004px}[data-channel-theme-type-name=dark] .main--3L_Uv1p{background-color:#2d2e36}[data-channel-theme-type-name=light] .main--3L_Uv1p{background-color:#fff}.content--1XClkml{flex:1;height:100%;display:flex;overflow:hidden}#js-header{height:61px}
.HotArea--1I90z1x{margin-bottom:8px;flex:0 0 20px;height:20px;display:flex!important;flex-wrap:nowrap;justify-content:flex-start;align-items:center;user-select:none;cursor:pointer}.HotArea--1I90z1x .HotIcon--YH8-KW_{flex:0 0 12px;margin-left:9px;width:12px;height:12px;background:url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/hot-icon_f86adc6.png) 50%/100% 100% no-repeat}.HotArea--1I90z1x .HotNum--2EnOWfV{margin-left:4px;font-weight:400;font-size:12px;color:#fff;line-height:20px}.HotArea--1I90z1x .HotDescArea--1Hwdqtr{margin-left:8px;display:flex;justify-content:center;align-items:center}.HotArea--1I90z1x .HotDescText--tWFG1Aa{max-width:180px;font-weight:400;font-size:12px;color:#999;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.HotArea--1I90z1x .HotDescSuffix--3qgwIOj{flex:0 0 12px;width:12px;height:12px;background:url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/right-arrow_b20ede1.png) 50%/100% 100% no-repeat}
.applyJoinChannelBox--31mE8vv{height:72px;display:flex;align-items:center;justify-content:center}
.groups--3SFi8PC{width:100%;overflow-y:scroll;overflow-x:hidden;flex:1}.groupBox--2IAM44Z{color:#fff;padding:0 6px}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO{height:40px;color:#666;font-size:12px;padding:0 10px;display:flex;align-content:center;flex-direction:row;justify-content:space-between}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .left--1gSnTb7{display:flex;align-items:center;flex:1;margin-right:10px;cursor:pointer}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .left--1gSnTb7 .groupBoxNameLabel--2svHaSw{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:210px}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .right--2dawM2y{cursor:pointer;display:flex;align-items:center;width:20px}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .right--2dawM2y .icon--39r837Q{width:10px;height:10px;margin-right:6px}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .iconArrowBox--8LbXKR_{width:12px;height:12px;margin-right:6px;display:inline-flex;align-items:center}.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .iconArrowBox--8LbXKR_ .icon--39r837Q,.groupBox--2IAM44Z .groupBoxName--Z4-sfuO .iconArrowBox--8LbXKR_ .icon--39r837Q.icon-arrow-right{width:8px;height:8px}.groupBox--2IAM44Z .groupBoxChilds--1E7EllY.hide--ViHYd3z{display:none}.groupBox--2IAM44Z .groupBoxChilds--1E7EllY .video--3MXj7ti{width:232px;height:130px;margin:0 auto;border-radius:5px;overflow:hidden;position:relative}.groupBox--2IAM44Z .groupBoxChilds--1E7EllY .video--3MXj7ti>img,.groupBox--2IAM44Z .groupBoxChilds--1E7EllY .video--3MXj7ti>video{width:232px;height:130px}.groupBox--2IAM44Z .groupBoxChilds--1E7EllY .video--3MXj7ti .play--138RXkt,.groupBox--2IAM44Z .groupBoxChilds--1E7EllY .video--3MXj7ti .volumn--2r1NwgO{width:28px;height:28px;position:absolute;left:6px;bottom:6px}.groupBox--2IAM44Z .groupBoxChilds--1E7EllY .video--3MXj7ti .volumn--2r1NwgO{left:auto;right:6px;top:6px;bottom:auto}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm{min-height:42px;padding:0 18px;padding-right:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;color:#eee;margin-bottom:3px;position:relative}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm>div{display:flex;align-items:center;z-index:1}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm>div:first-child{margin-bottom:3px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu{justify-content:space-between;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_{display:flex;align-items:flex-start;flex-direction:column}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_ .icon--39r837Q{width:16px;height:16px;margin-right:6px;flex-shrink:0}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_ .voiceIcon--2NYgHd5{width:18px;height:18px;margin-left:-2px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_ .titleInfo--GSxPQAk{display:flex;align-items:center}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_ .titleInfo--GSxPQAk>img{margin-right:6px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_ .iconBars--3uJ_DoJ{margin-left:10px;color:#ff5d23;height:10px;width:10px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleLeft--fdoWeW_ .time--1_JZanl{color:#666;font-size:12px;margin-left:6px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43{margin-left:10px;display:flex;flex-shrink:0;align-items:center}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .msg--1aJO0GO{background-color:#545768;color:#fff;font-size:12px;border-radius:100px;padding:0 6px;height:17px;line-height:17px;box-sizing:border-box}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .msg--1aJO0GO.dotMsg--1EE5_pG{padding:0;height:6px;width:6px;border-radius:100%}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .msg--1aJO0GO.active{background-color:#ff5d23}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .peopleNum--2IJVG1W{font-size:12px;color:#777}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .password--axJz1fY,.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .settings--1gKSwMh{width:14px;height:14px;display:none;margin-right:10px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .password--axJz1fY .icon--39r837Q,.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .settings--1gKSwMh .icon--39r837Q{width:14.01px;height:13.21px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .title--1a73dXu .titleRight--2e6-P43 .password--axJz1fY{display:inline-flex}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .peoples--AzPe9Fo{display:flex;align-items:center;padding-left:19px;margin-top:14px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .peoples--AzPe9Fo .MuiAvatar-root{width:24px;height:24px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .peoples--AzPe9Fo .more--K61Yszq{height:1px;line-height:1px;font-size:20px;color:#666}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .peoplesHolder--68T0zuU{margin-right:10px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm:hover .title--1a73dXu .titleRight--2e6-P43 .settings--1gKSwMh{display:inline-flex}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm:hover:before{border-radius:30px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm.active:before,.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm:hover:before{content:"";background-color:rgba(56,58,66,.6);display:inline-block;position:absolute;width:264px;height:42px;margin-left:-18px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm.active:before{border-radius:35px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm.hasPeople.active:before,.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm.hasPeople:hover:before{border-radius:17px;height:88px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm.message{height:60px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm.hasPeople{height:88px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .svg-icon{width:12px;height:14px;margin-right:6px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .icon-bars{width:10px;height:10px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .tag{font-size:12px;color:#ff5d23;margin-left:5px}.groupBox--2IAM44Z .groupBoxChildsItem--3IqFAhm .tag:first-child{margin-left:18px}.groupBox--2IAM44Z .subChannelName--1aopE8U{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.groupBox--2IAM44Z .subChannelHasBrowseName--3jpvnz0{color:#999}.groupBox--2IAM44Z .isDragging--1KHs279{background:#353742;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.3)}.groupBox--2IAM44Z .iconRotate--3kcBCqQ{transform:rotate(180deg)}.NewVerifyWarp--b8X5_ZZ{display:flex;align-items:center;padding:0 25px;width:264px;height:42px;cursor:pointer;position:relative}.NewVerifyWarp--b8X5_ZZ:hover{content:"";background-color:rgba(56,58,66,.6);border-radius:30px;width:264px;height:42px}.NewVerifyWarp--b8X5_ZZ .text--3CjElHI{color:#eee;font-size:14px;font-style:normal;font-weight:500;line-height:normal;flex:1 1 0;z-index:1}.NewVerifyWarp--b8X5_ZZ .NewVerifyIcon--1b6iqti{background:url(https://shark2.douyucdn.cn/front-publish/dy-channel-master/assets/images/newVerify_1d70e12.png) 100% 100% no-repeat;width:15px;height:15px;margin-right:5px}.NewVerifyWarp--b8X5_ZZ .unprocessedNum--fzSEoeC{position:absolute;right:0;min-width:17px;height:17px;flex-shrink:0;border-radius:8px;padding-inline:5px;background-color:#ff5d23;color:#fff;font-size:12px;font-style:normal;font-weight:700;line-height:12px;display:inline-flex;justify-content:center;align-items:center;z-index:1;margin-left:auto;opacity:1}.NewVerifyWarp--b8X5_ZZ .unprocessedNum--fzSEoeC.hidden--uflAiRb{opacity:0}.tagContainer--1DBjjIf{width:100%}.tagWapper--XxlQkNG{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ff5d23}
.badge--3I6W23r{position:absolute;box-sizing:border-box;right:0;top:0;background-color:#ff5352;color:#fff}.badge--3I6W23r.num--3CHXR1E{font-size:12px;border-radius:9px;padding:0 6px;height:17px;line-height:17px}.badge--3I6W23r.dot--3q8phvH{height:9px;width:9px;border-radius:9px}
.channelMenuBox--rA5WW3F .MuiMenu-list{width:260px}.channelMenuBox--rA5WW3F .icon--306kiIr{margin-right:20px;color:#ccc;width:20px;height:20px}.channelMenuBox--rA5WW3F .item--1ceG863{margin-bottom:2px}.channelMenuBox--rA5WW3F .item--1ceG863:last-child{margin-bottom:0}.channelMenuBox--rA5WW3F .line--bvtLnGk{width:220px;margin:1px 10px;height:1px;background-color:hsla(0,0%,90%,.1)}.channelMenuBox--rA5WW3F .MuiMenuItem-root{font-size:14px}
.leftAside--1TPVi1q{width:348px;background:#2d2e36;display:flex;color:#fff;font-size:14px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.leftAside--1TPVi1q *{scrollbar-color:#414452 transparent;scrollbar-width:thin;-ms-overflow-style:none}.leftAside--1TPVi1q ::-webkit-scrollbar{width:3px;height:3px}.leftAside--1TPVi1q ::-webkit-scrollbar-track{border-radius:3px;background:transparent}.leftAside--1TPVi1q * ::-webkit-scrollbar-thumb{border-radius:3px;background:#414452;box-shadow:inset 0 0 10px #414452}.leftAside--1TPVi1q.fold--2RGsaQx{width:68px}.leftAside--1TPVi1q .iconBar--xoTLwXL{width:68px;background:#2d2e36;height:100%;border-right:1px solid #3e3f48}.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F{background-color:transparent}.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F .icon--1ZdIDUo,.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F img{display:block}.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F img{border:1px solid #545768}.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F img.diamond--1vqnNGL{border:none}.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F.active--Iqmxava img{border:2px solid #ff5d23}.leftAside--1TPVi1q .iconBar--xoTLwXL.ready--1dsKpfZ .iconBarItem--zt1Zf0F.active--Iqmxava img.diamond--1vqnNGL{border:none}.leftAside--1TPVi1q .iconBarList--1YA-gET{text-align:center;width:100%;padding-top:20px;height:100%;overflow-y:auto;overflow-x:hidden;line-height:0}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F{width:52px;height:52px;display:inline-block;margin-bottom:16px;background:#383a42;box-sizing:unset;border-radius:9px;position:relative;cursor:pointer}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F.unread--21vRo-m:before{position:absolute;content:" ";width:14px;height:14px;top:-3px;right:-3px;background-color:#2d2e36;border-radius:12px;z-index:10}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F.unread--21vRo-m:after{position:absolute;content:" ";width:8px;height:8px;top:0;right:0;background-color:#ff5352;border-radius:8px;z-index:11}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F>img{width:48px;height:48px;position:absolute;top:0;left:0;overflow:hidden;border-radius:6px;display:none;margin:1px;padding:1px}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F>.redDot--RjseZ3B{background-color:#ff5352;color:#fff;font-size:12px;border-radius:9px;padding:0 6px;box-sizing:border-box;position:absolute;right:0;top:0;height:17px;line-height:17px}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F>.redDot--RjseZ3B.Numb--WWXycSs{height:17px;line-height:17px;padding:0 6px;right:-4px;top:-4px}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F>.weakRedDot--2o6r6NL{background-color:#ff5352;border-radius:9px;height:9px;width:9px}.leftAside--1TPVi1q .iconBarItem--zt1Zf0F .diamond--1vqnNGL{top:1px;left:1px;width:14px;height:14px;border-radius:0}.leftAside--1TPVi1q .leftMain--X0Wqxun{width:280px;border-right:1px solid #3e3f48;display:flex;flex-direction:column}.leftAside--1TPVi1q .leftMain--X0Wqxun>div{display:none}.leftAside--1TPVi1q .leftMain--X0Wqxun.ready--1dsKpfZ>div{display:block}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv{width:100%;height:158px;position:relative;visibility:hidden}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv.ready--1dsKpfZ,.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv img{visibility:visible}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv .handle--25bcz0B{height:28px;display:flex;flex-direction:row-reverse;position:absolute;top:16px;right:16px;left:16px}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv .handle--25bcz0B .handleMore--pPDywzQ{width:28px;height:28px;cursor:pointer}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv>img{width:100%;height:100%}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv .shadow--3jT6V8x{width:100%;height:85px;background:linear-gradient(180deg,rgba(45,46,54,0),#2d2e36);position:absolute;bottom:0;left:0}.leftAside--1TPVi1q .leftMain--X0Wqxun .slogan--2pwjOjv .text--2kRdB_P{font-size:18px;position:absolute;bottom:33px;left:10px;right:10px;text-shadow:0 0 1px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leftAside--1TPVi1q .vioceChannelActionBar--2SHF3UH{padding:6px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.leftAside--1TPVi1q .channelInfo--3RLJ8w2{position:absolute;box-sizing:border-box;padding:0 10px;width:100%;bottom:12px;line-height:17px;font-size:12px;color:#999;display:flex;align-items:center;text-shadow:0 0 1px #000}.leftAside--1TPVi1q .channelItem--1HD0BAd{margin-right:10px;display:flex;align-items:center}.leftAside--1TPVi1q .channelItem--1HD0BAd:before{display:inline-block;content:" ";border-radius:50%;width:4px;height:4px;background-color:#999;margin-right:6px}.leftAside--1TPVi1q .onlineItem--1DSFwIF:before{background-color:#56d666}