@charset "UTF-8";

@font-face {
    font-family: MYRIADPRO-SEMIBOLD;
    src: url(//sta.vnres.co/web/assets/soco/font/MYRIADPRO-SEMIBOLD.OTF)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(//sta.vnres.co/web/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

* {
    box-sizing: border-box;
    font-family: Roboto, MYRIADPRO-SEMIBOLD, PingFang SC, tahoma, arial, microsoft yahei, hiragino sans gb, \5b8b\4f53, sans-serif
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5tahoma, arial, \5b8b\4f53
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

address,
cite,
dfn,
em,
var {
    font-style: normal
}

code,
kbd,
pre,
samp {
    font-family: couriernew, courier, monospace
}

small {
    font-size: 12px
}

ol,
ul {
    list-style: none
}

a {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    text-decoration: none;
    outline: 0;
    color: #000
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset,
img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    color: #333;
    background-color: #fff
}

img {
    object-fit: cover
}

font {
    margin: 0;
    padding: 0;
    border: none
}

@keyframes upToDown {
    0% {
        transform: translate(0, 0);
        opacity: 1
    }

    50% {
        transform: translate(0, -10px);
        opacity: .6
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes upToDown {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate(0, -10px);
        opacity: .6
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes brees {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@-webkit-keyframes brees {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.row {
    zoom: 1
}

.row:after {
    display: block;
    height: 0;
    clear: both;
    content: "";
    visibility: hidden
}

.flex-1 {
    float: left;
    width: 8.33333%
}

.flex-2 {
    float: left;
    width: 16.66667%
}

.flex-3 {
    float: left;
    width: 25%
}

.flex-4 {
    float: left;
    width: 33.33333%
}

.flex-5 {
    float: left;
    width: 41.66667%
}

.flex-6 {
    float: left;
    width: 50%
}

.flex-7 {
    float: left;
    width: 58.33333%
}

.flex-8 {
    float: left;
    width: 66.66667%
}

.flex-9 {
    float: left;
    width: 75%
}

.flex-10 {
    float: left;
    width: 83.33333%
}

.flex-11 {
    float: left;
    width: 91.66667%
}

.flex-12 {
    float: left;
    width: 100%
}

/*!https://github.com/lzxb/flex.css*/
[flex] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[flex]>* {
    display: block
}

[flex]>[flex] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[flex~='dir:left'] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

[flex~='dir:right'] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end
}

[flex~='dir:top'] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

[flex~='dir:bottom'] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end
}

[flex~='main:left'] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

[flex~='main:right'] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[flex~='main:justify'] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[flex~='main:center'] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[flex~='cross:top'] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

[flex~='cross:bottom'] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

[flex~='cross:center'] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[flex~='cross:baseline'] {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

[flex~='cross:stretch'] {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

[flex~='box:first']>*,
[flex~='box:justify']>*,
[flex~='box:last']>*,
[flex~='box:mean']>* {
    width: 0;
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[flex~='box:first']>:first-child,
[flex~='box:justify']>:first-child,
[flex~='box:justify']>:last-child,
[flex~='box:last']>:last-child {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[flex~='dir:bottom'][flex~='box:first']>*,
[flex~='dir:bottom'][flex~='box:justify']>*,
[flex~='dir:bottom'][flex~='box:last']>*,
[flex~='dir:bottom'][flex~='box:mean']>*,
[flex~='dir:top'][flex~='box:first']>*,
[flex~='dir:top'][flex~='box:justify']>*,
[flex~='dir:top'][flex~='box:last']>*,
[flex~='dir:top'][flex~='box:mean']>* {
    width: auto;
    height: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[flex~='dir:bottom'][flex~='box:first']>:first-child,
[flex~='dir:bottom'][flex~='box:justify']>:first-child [flex~='dir:bottom'][flex~='box:justify']>:last-child,
[flex~='dir:bottom'][flex~='box:last']>:last-child,
[flex~='dir:top'][flex~='box:first']>:first-child,
[flex~='dir:top'][flex~='box:justify']>:first-child,
[flex~='dir:top'][flex~='box:justify']>:last-child,
[flex~='dir:top'][flex~='box:last']>:last-child {
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[flex-box='0'] {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[flex-box='1'] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

[flex-box='2'] {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2
}

[flex-box='3'] {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    -webkit-flex-shrink: 3;
    -ms-flex-negative: 3;
    flex-shrink: 3
}

[flex-box='4'] {
    -webkit-box-flex: 4;
    -webkit-flex-grow: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
    -webkit-flex-shrink: 4;
    -ms-flex-negative: 4;
    flex-shrink: 4
}

[flex-box='5'] {
    -webkit-box-flex: 5;
    -webkit-flex-grow: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    -webkit-flex-shrink: 5;
    -ms-flex-negative: 5;
    flex-shrink: 5
}

[flex-box='6'] {
    -webkit-box-flex: 6;
    -webkit-flex-grow: 6;
    -ms-flex-positive: 6;
    flex-grow: 6;
    -webkit-flex-shrink: 6;
    -ms-flex-negative: 6;
    flex-shrink: 6
}

[flex-box='7'] {
    -webkit-box-flex: 7;
    -webkit-flex-grow: 7;
    -ms-flex-positive: 7;
    flex-grow: 7;
    -webkit-flex-shrink: 7;
    -ms-flex-negative: 7;
    flex-shrink: 7
}

[flex-box='8'] {
    -webkit-box-flex: 8;
    -webkit-flex-grow: 8;
    -ms-flex-positive: 8;
    flex-grow: 8;
    -webkit-flex-shrink: 8;
    -ms-flex-negative: 8;
    flex-shrink: 8
}

[flex-box='9'] {
    -webkit-box-flex: 9;
    -webkit-flex-grow: 9;
    -ms-flex-positive: 9;
    flex-grow: 9;
    -webkit-flex-shrink: 9;
    -ms-flex-negative: 9;
    flex-shrink: 9
}

[flex-box='10'] {
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    -webkit-flex-shrink: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10
}

body {
    background: #f0f1f6
}

.inner {
    width: 1200px;
    margin: auto
}

.dplayer-menu {
    display: none !important
}

.float-clear:after {
    content: '';
    display: block;
    clear: both
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.breakword {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 12px;
    margin-right: 8px;
    background: #ffb600;
    border-radius: 50%;
    vertical-align: middle
}

.dot-line {
    display: inline-block;
    width: 140px;
    border: dashed .5px #a4a4a4;
    margin: 0 10px
}

.an-scale-in-ease {
    -webkit-animation: kf-scale-in-ease-data-v-0cd8fb66 cubic-bezier(.22, .58, .12, .98) .4s;
    animation: kf-scale-in-ease-data-v-0cd8fb66 cubic-bezier(.22, .58, .12, .98) .4s
}

.an-scale-out {
    -webkit-animation: kf-scale-out-data-v-0cd8fb66 cubic-bezier(.22, .58, .12, .98) .4s;
    animation: kf-scale-out-data-v-0cd8fb66 cubic-bezier(.22, .58, .12, .98) .4s
}

@-webkit-keyframes kf-scale-in-ease-data-v-0cd8fb66 {
    0% {
        -webkit-transform: translate(-44%) scale(0);
        transform: translate(-44%) scale(0)
    }

    50% {
        -webkit-transform: translate(-44%) scale(1.1);
        transform: translate(-44%) scale(1.1)
    }

    to {
        -webkit-transform: translate(-44%) scale(1);
        transform: translate(-44%) scale(1)
    }
}

@keyframes kf-scale-in-ease-data-v-0cd8fb66 {
    0% {
        -webkit-transform: translate(-44%) scale(0);
        transform: translate(-44%) scale(0)
    }

    50% {
        -webkit-transform: translate(-44%) scale(1.1);
        transform: translate(-44%) scale(1.1)
    }

    to {
        -webkit-transform: translate(-44%) scale(1);
        transform: translate(-44%) scale(1)
    }
}

@-webkit-keyframes kf-scale-out-data-v-0cd8fb66 {
    0% {
        opacity: 1;
        -webkit-transform: translate(-44%) scale(1);
        transform: translate(-44%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-44%) scale(.8);
        transform: translate(-44%) scale(.8)
    }
}

@keyframes kf-scale-out-data-v-0cd8fb66 {
    0% {
        opacity: 1;
        -webkit-transform: translate(-44%) scale(1);
        transform: translate(-44%) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-44%) scale(.8);
        transform: translate(-44%) scale(.8)
    }
}

@media screen and (max-width:1400px) {
    .liveRoom-wrapper .match-wrapper .inner {
        padding-top: 60px
    }
}