@charset 'utf-8';
/*! 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; /* 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 */
    -webkit-text-decoration: underline dotted;
       -moz-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
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; /* 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;
}
@charset 'utf-8';
@charset 'utf-8';
/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
@charset 'utf-8';
/**
 * 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
 */
:root {

    /* Standard color */

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

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

    /* Other colors (dark color background) */

    /* Theme color */
}
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%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    font-family: -apple-system, '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: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    scroll-behavior: smooth;
}
/**
 * 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: #ff5d23;
}
/**
 * 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;
}
@charset 'utf-8';
@-webkit-keyframes slideDown {
    from {
        -webkit-transform: translateY(-5%);
                transform: translateY(-5%);
    }

    to {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-moz-keyframes slideDown {
    from {
        -moz-transform: translateY(-5%);
             transform: translateY(-5%);
    }

    to {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
    }
}
@-o-keyframes slideDown {
    from {
        -o-transform: translateY(-5%);
           transform: translateY(-5%);
    }

    to {
        -o-transform: translateY(0%);
           transform: translateY(0%);
    }
}
@keyframes slideDown {
    from {
        -webkit-transform: translateY(-5%);
           -moz-transform: translateY(-5%);
             -o-transform: translateY(-5%);
                transform: translateY(-5%);
    }

    to {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-webkit-keyframes slideDownMid {
    from {
        -webkit-transform: translateY(-30%);
                transform: translateY(-30%);
    }

    to {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-moz-keyframes slideDownMid {
    from {
        -moz-transform: translateY(-30%);
             transform: translateY(-30%);
    }

    to {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
    }
}
@-o-keyframes slideDownMid {
    from {
        -o-transform: translateY(-30%);
           transform: translateY(-30%);
    }

    to {
        -o-transform: translateY(0%);
           transform: translateY(0%);
    }
}
@keyframes slideDownMid {
    from {
        -webkit-transform: translateY(-30%);
           -moz-transform: translateY(-30%);
             -o-transform: translateY(-30%);
                transform: translateY(-30%);
    }

    to {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-webkit-keyframes slideDownFadeMid {
    from {
        -webkit-transform: translateY(-30%);
                transform: translateY(-30%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
}
@-moz-keyframes slideDownFadeMid {
    from {
        -moz-transform: translateY(-30%);
             transform: translateY(-30%);
        opacity: 0;
    }

    to {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
        opacity: 1;
    }
}
@-o-keyframes slideDownFadeMid {
    from {
        -o-transform: translateY(-30%);
           transform: translateY(-30%);
        opacity: 0;
    }

    to {
        -o-transform: translateY(0%);
           transform: translateY(0%);
        opacity: 1;
    }
}
@keyframes slideDownFadeMid {
    from {
        -webkit-transform: translateY(-30%);
           -moz-transform: translateY(-30%);
             -o-transform: translateY(-30%);
                transform: translateY(-30%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
        opacity: 1;
    }
}
@-webkit-keyframes slideUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
                transform: translate3d(0, 5%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slideUp {
    from {
        -moz-transform: translate3d(0, 5%, 0);
             transform: translate3d(0, 5%, 0);
    }

    to {
        -moz-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes slideUp {
    from {
        transform: translate3d(0, 5%, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideUp {
    from {
        -webkit-transform: translate3d(0, 5%, 0);
           -moz-transform: translate3d(0, 5%, 0);
                transform: translate3d(0, 5%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideUpMid {
    from {
        -webkit-transform: translateY(30%);
                transform: translateY(30%);
    }

    to {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-moz-keyframes slideUpMid {
    from {
        -moz-transform: translateY(30%);
             transform: translateY(30%);
    }

    to {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
    }
}
@-o-keyframes slideUpMid {
    from {
        -o-transform: translateY(30%);
           transform: translateY(30%);
    }

    to {
        -o-transform: translateY(0%);
           transform: translateY(0%);
    }
}
@keyframes slideUpMid {
    from {
        -webkit-transform: translateY(30%);
           -moz-transform: translateY(30%);
             -o-transform: translateY(30%);
                transform: translateY(30%);
    }

    to {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-webkit-keyframes slideUpBig {
    from {
        -webkit-transform: translateY(70%);
                transform: translateY(70%);
    }

    to {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-moz-keyframes slideUpBig {
    from {
        -moz-transform: translateY(70%);
             transform: translateY(70%);
    }

    to {
        -moz-transform: translateY(0%);
             transform: translateY(0%);
    }
}
@-o-keyframes slideUpBig {
    from {
        -o-transform: translateY(70%);
           transform: translateY(70%);
    }

    to {
        -o-transform: translateY(0%);
           transform: translateY(0%);
    }
}
@keyframes slideUpBig {
    from {
        -webkit-transform: translateY(70%);
           -moz-transform: translateY(70%);
             -o-transform: translateY(70%);
                transform: translateY(70%);
    }

    to {
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
    }
}
@-webkit-keyframes slideRight {
    from {
        -webkit-transform: translateX(-5%);
                transform: translateX(-5%);
    }

    to {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}
@-moz-keyframes slideRight {
    from {
        -moz-transform: translateX(-5%);
             transform: translateX(-5%);
    }

    to {
        -moz-transform: translateX(0%);
             transform: translateX(0%);
    }
}
@-o-keyframes slideRight {
    from {
        -o-transform: translateX(-5%);
           transform: translateX(-5%);
    }

    to {
        -o-transform: translateX(0%);
           transform: translateX(0%);
    }
}
@keyframes slideRight {
    from {
        -webkit-transform: translateX(-5%);
           -moz-transform: translateX(-5%);
             -o-transform: translateX(-5%);
                transform: translateX(-5%);
    }

    to {
        -webkit-transform: translateX(0%);
           -moz-transform: translateX(0%);
             -o-transform: translateX(0%);
                transform: translateX(0%);
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
@-o-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
@charset 'utf-8';
.Icon-Change {
    width: 13px;
    height: 11px;
    vertical-align: -1px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -moz-transition: transform 0.2s, -moz-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
}
.Icon-More {
    width: 7px;
    height: 11px;
    vertical-align: -1px;
}
.Icon-Live {
    width: 18px;
    height: 13px;
    vertical-align: -2px;
}
.Icon-UpIcon {
    width: 15px;
    height: 11px;
    vertical-align: -1px;
}
.Icon-Video {
    width: 17px;
    height: 14px;
    vertical-align: middle;
}
.Icon-Zan {
    width: 11px;
    height: 10px;
}
html {
    scroll-behavior: smooth;
}
body {
    min-height: 100%;
}
body.is-Fullscreen {
    overflow: hidden;
}
a, button, input, textarea, select {
    font-family: inherit;
    outline: 0;
}
a:focus, button:focus, input:focus, textarea:focus, select:focus {
        outline: 0;
    }
svg {
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
    pointer-events: visibleStroke;
}
/* stylelint-disable */
* {
    outline: 0;
}
*:focus {
        outline: 0;
    }
/* stylelint-enable */
input::-ms-clear {
    display: none;
}
.clearFix::before, .clearFix::after {
        content: ' '; /* 1 */
        display: table; /* 2 */
    }
.clearFix::after {
        clear: both;
    }
/* hack for safari rendering bug*/
.passport-iframe-shadow, .passport-iframe-con {
    -webkit-transform: translate3d(0, 0, 1px);
       -moz-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
}
.（⊙\.⊙） {
    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/demand-v3-master/fb0ae395dd53d19e9621be509bfefe0b.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/demand-v3-master/1627a56bd2ad1611cd85661fa6015ced.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/demand-v3-master/0121b4eda25cdf6246c2eabccba5f339.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/demand-v3-master/9f07779cbcdb62ecfa9c59fa54ec92d5.png);
}
[active] .ฅ’ω’ฅ {
    width: 263px;
    height: 227px;
    margin: 0 auto 45px;
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/1e2cfb24e0acf0851dab386dc8165737.png) center no-repeat;
}
douyu-message-manager {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 3500;
}
demand-cover {
    overflow: hidden;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    background: #ddd;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
}
demand-cover::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    z-index: 1;
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, .4))
    );
    background-image: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .4) 100%
    );
    background-image: -moz- oldlinear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .4) 100%
    );
    background-image: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .4) 100%
    );
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .4) 100%
    );
}
demand-cover:not(.not-video)::after {
    visibility: hidden;
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    zoom: 0.9;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
       -moz-transform: translate(-50%, -50%) scale(2);
        -ms-transform: translate(-50%, -50%) scale(2);
         -o-transform: translate(-50%, -50%) scale(2);
            transform: translate(-50%, -50%) scale(2);
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/37fa086920bfbdb7663e3ff7c10cc1bf.svg) no-repeat;
    z-index: 1;
    will-change: transform;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
demand-cover:hover:not(.not-video)::after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
       -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
         -o-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
}
demand-card {
    display: block;
}
demand-card:hover demand-cover:not(.not-video)::after, demand-cover:hover:not(.not-video)::after {
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
demand-cover douyu-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    will-change: transform;
}
@charset 'utf-8';
:host {
    position: relative;
}
.LoginInfo, .History, .UserInfo-Link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    color: inherit;
    font-size: 15px;
}
:host-context([mode='transparent']:not(.is-Fix)) .UserInfo-Link {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
            filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
}
.NoLogin {
    display: inline-block;
    vertical-align: middle;
}
:host-context([mode='transparent']:not(.is-Fix)) .NoLogin {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
            filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
}
.NoLogin-btn {
    cursor: pointer;
    color: inherit;
    margin: 0 10px;
    font-size: 15px;
}
.NoLogin-btn:hover {
    color: #ff5d23;
}
.NoLogin-btnSplit {
    display: inline-block;
    vertical-align: middle;

    vertical-align: -2px;
    width: 1px;
    height: 13px;
    margin: 0 5px;
    background: currentColor;
    opacity: 0.4;
}
.Link-UploadBtn {
    display: inline-block;
    vertical-align: middle;

    width: 106px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 0 10px;
    background-color: #ff5d23;
    -webkit-border-radius: 40px;
       -moz-border-radius: 40px;
            border-radius: 40px;
    font-size: 14px;
    color: #fff !important;
    cursor: pointer;
}
.Link-UploadBtn:hover {
    background-color: #cc4b1c;
}
.Link-UploadIcon {
    width: 14px;
    height: 13px;
    vertical-align: -2px;
}
.LoginInfo-head, .LoginInfo-nickname {
    display: inline-block;
    vertical-align: middle;
}
.LoginInfo-DropDown {
    margin-right: 10px;
}
.LoginInfo-head {
    position: relative;
    width: 32px;
    height: 32px;
}
.LoginInfo-head douyu-avatar {
    display: block;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}
.LoginInfo-cont {
    display: block;
}
.LoginInfo-msgNum {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2px;
    min-width: 25px;
    font-size: 12px;
    line-height: 16px;
    -webkit-border-radius: 3em;
       -moz-border-radius: 3em;
            border-radius: 3em;
    -webkit-transform: translate(50%, 0);
       -moz-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
         -o-transform: translate(50%, 0);
            transform: translate(50%, 0);
    background: #ff5d23;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
}
.Menu {
    overflow: hidden;
    padding: 0 15px 15px;
    min-width: 100px;
}
.MenuItem {
    display: block;
    margin-top: 15px;
    line-height: 16px;
    cursor: pointer;
    text-align: center;
}
.LoginMenu-text {
    position: relative;
}
.Badge {
    position: absolute;
    bottom: 100%;
    left: 100%;
    -webkit-transform: translate(0, 50%);
       -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
         -o-transform: translate(0, 50%);
            transform: translate(0, 50%);
    white-space: nowrap;
    width: 25px;
    background: #ff5d23;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    position: absolute;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    line-height: 16px;
    text-align: center;
}
.Menu-Additional {
    border-top: 1px solid #ddd;
}
.Logout {
    display: block;
    width: 100%;
    padding: 4px 0;
    border: none;
    background: none;
    cursor: pointer;
    text-align: center;
}
.Header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    color: #666;
    height: 62px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 48px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .2);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    z-index: 1500;
    -webkit-transform: translate3d(0, 0, 1px);
       -moz-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
}
.Header[mode='transparent'] {
    position: absolute;
    background: transparent;
    -webkit-box-shadow: unset;
       -moz-box-shadow: unset;
            box-shadow: unset;
    color: #fff;
}
.Header.is-Fix {
    position: fixed;
    background: #fff;
    color: #666;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .2);
       -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 1px 4px 0 rgba(0, 0, 0, .2);
    -webkit-animation: slideDownMid cubic-bezier(0.47, 0, 0.75, 0.72) 0.3s forwards;
       -moz-animation: slideDownMid cubic-bezier(0.47, 0, 0.75, 0.72) 0.3s forwards;
         -o-animation: slideDownMid cubic-bezier(0.47, 0, 0.75, 0.72) 0.3s forwards;
            animation: slideDownMid cubic-bezier(0.47, 0, 0.75, 0.72) 0.3s forwards;
}
.Header-Main {
    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;
}
.Header.is-Fix .Logo, .Logo {
    display: inline-block;
    vertical-align: middle;
    width: 143px;
    height: 32px;
    margin: 0 14px 0 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/f29f611d26d0b66e8d36453e89aa3e90.png) center/cover no-repeat;
}
[mode='transparent'] .Logo {
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/c1bf262ae4ad118a06eb6d656da2bef8.png) center/cover no-repeat;
}
.Header.is-Fix .Nav {
    display: inline-block;
    vertical-align: middle;
    -webkit-filter: none;
            filter: none;
}
[mode='transparent'] .Nav {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
            filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
}
.Nav-Item {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 0 10px;
    cursor: pointer;
}
.Nav-Split {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 6px;
    background: currentColor;
    opacity: 0.4;
    vertical-align: -1px;
}
.Nav-Item:first-child {
    padding-left: 8px;
}
.Nav-Link {
    color: currentColor;
}
.Header .Nav-Link:hover, .is-active .Nav-Link {
    color: #ff5d23;
}
.Nav-Link svg {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
}
.PrivateLetterFrame {
    display: none;
    visibility: hidden;
    width: 750px;
    height: 550px;
    position: fixed;
    left: -750px;
    bottom: -550px;
    pointer-events: none;
}
.PrivateLetterFrame.is-active {
    visibility: show;
    pointer-events: auto;
}
.Header:not([mode='transparent']) demand-header-search::part(search-input), .is-Fix demand-header-search::part(search-input) {
    border: 1px solid #ccc;
}
.AnchorInfo {
    width: 100%;
    height: 108px;
}
.AnchorInfo-content {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    padding-top: 6px;
}
.AnchorInfo-content .anchor-img {
    overflow: hidden;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    cursor: pointer;
}
.AnchorInfo-content .anchor-auth {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -35px;
    margin-top: 45px;
}
.AnchorInfo-content .auth1 {
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/e1eaf71ef66e4618cf400e97905a341e.svg) no-repeat;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
}
.AnchorInfo-content .auth2 {
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/1498d4e29114e8d27e7687fcfd23afca.svg) no-repeat;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
}
.AnchorInfo-content .auth3 {
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/f24821a5a700691c3e8bb86d0c7a533e.svg) no-repeat;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
}
.AnchorInfo-content .anchor-content {
    display: inline-block;
}
.AnchorInfo-content .anchor-main-con {
    height: 56px;
    display: table-cell;
    vertical-align: middle;
}
.AnchorInfo-content .anchor-nameInfo {
    height: 22px;
    line-height: 22px;
}
.AnchorInfo-content .anchor-name {
    font-size: 16px;
    color: #222;
    max-width: 200px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.AnchorInfo-content .anchor-name:hover {
    color: #ff5d23;
}
.AnchorInfo-content .anchor-info {
    font-size: 12px;
    color: #999;
    max-width: 240px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 7px;
}
.AnchorInfo-content .anchor-focus {
    width: 150px;
    height: 30px;
    background: #ff5d23;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    font-size: 0;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin-top: 4px;
    cursor: pointer;
}
.AnchorInfo-content .anchor-focus.isFocused {
    background: #969696;
}
.AnchorInfo-content .anchor-live {
    border: 1px solid #ff5d23;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    font-size: 10px;
    color: #ff5d23;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
    height: 18px;
    width: 46px;
    text-align: center;
    line-height: 18px;
}
.AnchorInfo-content .anchor-live:hover {
    background-color: #ff5d23;
    color: #fff;
}
.AnchorInfo-content .anchor-plus {
    width: 12px;
    height: 12px;
    background: url(https://shark2.douyucdn.cn/front-publish/demand-v3-master/c04215c6db7c277b5b639b4f88b0cf28.png) no-repeat;
    margin-right: 10px;

    display: inline-block;

    vertical-align: middle;
}
.AnchorInfo-content .button-label {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.button-label span {
    margin-right: 4px;
}
/**/
.Layout-Main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 1170px;
    max-width: 1660px;
    padding: 75px 75px 15px;
    margin: 0 auto;
}
.layout-Aside {
    width: 332px;
    margin-left: 20px;
}
.layout-Main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
demand-video-title {
    display: block;
}
.Video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.Video demand-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
demand-yuba {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1000px;
       -moz-box-flex: 1;
        -ms-flex: 1 0 1000px;
            flex: 1 0 1000px;
}
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
    body {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}