html {
    -webkit-font-smoothing: antialiased;
}

body, h1, h2, h3, h4, h5, h6, dl, ul, li, ol, dt, dd, table, th, tr, td, p, select, input, img, textarea, button {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    font-family: 'PingFangSC-Regular','Microsoft YaHei', 'Heiti', 'Arial', 'Helvetica', 'sans-serif';
}

/*兼容IE下图片被拉伸的问题*/
img {
    width: auto;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

body.main{
    background: #f3f3f3;
    color: #000000;
    font-size: 12px;
}

th {
    font-weight: normal;
    font-style: normal;
}

input, textarea {
    outline: none;
}

.hidden {
    display: none;
}

.footer {
    padding-bottom: 50px;
    padding-top: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #878787;
}

.footer a {
    color: #878787;
}

/*lightips插件相关样式*/
.light-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    display: none;
    z-index: 3000;
}

.message-container {
    background-color: #ffffff;
    position: absolute;
    z-index: 3001;
    display: none;
}

.message-container .notice {
    background-color: #F7F7F7;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
}

@font-face {
    font-family: 'icomoon';
    src:  url(https://mat1.gtimg.com/sports/kbs4//assets/f9cf8357648ef3fa5318.eot);
    src:  url(https://mat1.gtimg.com/sports/kbs4//assets/f9cf8357648ef3fa5318.eot#iefix) format('embedded-opentype'),
    url(https://mat1.gtimg.com/sports/kbs4//assets/f095071119faec48ef19.ttf) format('truetype'),
    url(https://mat1.gtimg.com/sports/kbs4//assets/2781607d03900f2f502a.woff) format('woff'),
    url(https://mat1.gtimg.com/sports/kbs4//assets/a39bfce35b82515a5a70.svg#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-paint:before {
    content: "\e95b";
}
.icon-lock:before {
    content: "\e954";
    color: #5e5e5e;
}

.icon-e-card:before {
    content: "\e955";
    color: #c38b3f;
}
.icon-font:before {
    content: "\e956";
    color: #2d94ef;
}
.icon-quotation-mark-left:before {
    content: "\e957";
    color: #dddfe6;
}
.icon-quotation-mark-right:before {
    content: "\e958";
    color: #dddfe6;
}
.icon-voucher:before {
    content: "\e959";
    color: #eda200;
}
.icon-warning:before {
    content: "\e95a";
    color: #f7bb23;
}

.icon-camera-f1_quansu:before {
    content: "\e951";
}

.icon-camera-cantonese:before {
    content: "\e94f";
}

.icon-camera-f1_weixiu:before {
    content: "\e950";
}

.icon-camera-f1_shuju:before {
    content: "\e952";
}

.icon-camera-f1_chezai:before {
    content: "\e953";
}

.icon-question-mark:before {
    content: "\e94e";
}

.icon-checkmark:before {
    content: "\e94d";
    color: #56ba48;
}

.icon-time:before {
    content: "\e940";
    color: #fff;
}

.icon-loudspeaker:before {
    content: "\e93f";
}

.icon-play:before {
    content: "\e93a";
}
.icon-twinkle:before {
    content: "\e93b";
}
.icon-report:before {
    content: "\e93c";
}
.icon-comment:before {
    content: "\e93d";
}
.icon-like:before {
    content: "\e93e";
}
.icon-smile:before {
    content: "\e941";
}
.icon-arrow:before {
    content: "\e942";
}
.icon-flame:before {
    content: "\e943";
}
.icon-phone:before {
    content: "\e944";
}
.icon-share:before {
    content: "\e945";
}
.icon-light-off:before {
    content: "\e946";
}
.icon-light-on:before {
    content: "\e947";
}

.icon-arrow-up-light:before {
    content: "\e934";
}
.icon-arrow-down-light:before {
    content: "\e937";
}
.icon-tips:before {
    content: "\e938";
}
.icon-switch:before {
    content: "\e939";
}

.icon-emblem:before {
    content: "\e933";
}
.icon-arrow-left-light:before {
    content: "\e935";
}
.icon-arrow-right-light:before {
    content: "\e936";
}

.icon-radio:before {
    content: "\e931";
}

.icon-logo:before {
    content: "\e930";
    color: #c5c5c5;
}

.icon-data-new .path1:before {
    content: "\e92e";
    color: rgb(255, 255, 255);
}
.icon-data-new .path2:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(208, 2, 27);
}

.icon-image-new .path1:before {
    content: "\e92a";
    color: rgb(255, 255, 255);
}
.icon-image-new .path2:before {
    content: "\e92b";
    margin-left: -1em;
    color: rgb(208, 2, 27);
}
.icon-video-new .path1:before {
    content: "\e92c";
    color: rgb(255, 255, 255);
}
.icon-video-new .path2:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(208, 2, 27);
}

.icon-checked:before {
    content: "\e932";
    color: #c38b3f;
}

.icon-arrows-down-solid:before {
    content: "\e928";
}
.icon-star:before {
    content: "\e929";
    color: #f6c630;
}

.icon-shequ:before {
    content: "\e925";
}
.icon-clock-panel:before {
    content: "\e922";
}
.icon-email:before {
    content: "\e923";
}
.icon-guess:before {
    content: "\e924";
}
.icon-svip-logo .path1:before {
    content: "\e948";
    color: rgb(241, 177, 62);
}
.icon-svip-logo .path2:before {
    content: "\e949";
    margin-left: -1em;
    color: rgb(253, 191, 76);
}
.icon-svip-logo .path3:before {
    content: "\e94a";
    margin-left: -1em;
    color: rgb(241, 177, 62);
}
.icon-svip-logo .path4:before {
    content: "\e94b";
    margin-left: -1em;
    color: rgb(253, 191, 76);
}
.icon-svip-logo .path5:before {
    content: "\e94c";
    margin-left: -1em;
    color: rgb(60, 61, 67);
}
.icon-vip-logo-gray .path1:before {
    content: "\e926";
    color: rgb(162, 162, 162);
}
.icon-vip-logo-gray .path2:before {
    content: "\e927";
    margin-left: -0.8095703125em;
    color: rgb(255, 255, 255);
}
.icon-vip-logo-blue .path1:before {
    content: "\e926";
    color: rgb(52, 106, 255);
}
.icon-vip-logo-blue .path2:before {
    content: "\e927";
    margin-left: -0.8095703125em;
    color: rgb(52, 106, 255);
}

.icon-camera-english:before {
    content: "\e919";
}
.icon-camera-left:before {
    content: "\e91a";
}
.icon-camera-low:before {
    content: "\e91f";
}
.icon-camera-main:before {
    content: "\e920";
}
.icon-camera-right:before {
    content: "\e921";
}

.icon-vip-logo .path1:before {
    content: "\e901";
    color: rgb(52, 54, 71);
}

/* path2,path4 IE8下样式有bug */
/*.icon-vip-logo .path2:before {
    content: "\e902";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    opacity: 0.0400;
}*/
.icon-vip-logo .path3:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(224, 173, 20);
}

/*.icon-vip-logo .path4:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    opacity: 0.0400;
}*/
.icon-vip-logo .path5:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-vip-logo-orange .path1:before {
    content: "\e91b";
    color: rgb(255, 152, 0);
}

.icon-vip-logo-orange .path2:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-vip-logo-orange .path3:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-vip-logo-orange .path4:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-close:before {
    content: "\e900";
}

.icon-arrows-up-small:before {
    content: "\e905";
}

.icon-arrows-down-small:before {
    content: "\e906";
}

.icon-arrows-right-small:before {
    content: "\e907";
}

.icon-wx-icon .path1:before {
    content: "\e908";
    color: rgb(246, 247, 247);
}

.icon-wx-icon .path2:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(69, 201, 87);
}

.icon-sys-msg .path1:before {
    content: "\e90a";
    color: rgb(254, 240, 235);
}

.icon-sys-msg .path2:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(249, 169, 123);
}

.icon-tag-label:before {
    content: "\e90c";
}

.icon-arrows-right-bold:before {
    content: "\e911";
}

.icon-arrows-left-bold:before {
    content: "\e912";
}

.icon-voice:before {
    content: "\e913";
}

.icon-video:before {
    content: "\e914";
}

.icon-data:before {
    content: "\e915";
}

.icon-reset:before {
    content: "\e916";
}

.icon-image:before {
    content: "\e917";
}

.icon-reserve:before {
    content: "\e918";
}

.icon-ticket:before {
    content: "\e90e";
    color: #f65653;
}

.icon-kb:before {
    content: "\e90f";
    color: #f7bb23;
}

.icon-diamond:before {
    content: "\e910";
    color: #51c4ff;
}
.icon-clock:before {
    content: "\e918";
}

.nba-badge[data-v-5fb38a78] {
  position: absolute;
  height: 130px;
}
.nba-badge .color-main[data-v-5fb38a78] {
  width: 75px;
  height: 100%;
}
.nba-badge .color-light[data-v-5fb38a78] {
  position: relative;
  width: 20px;
  height: 100%;
}
.nba-badge .color-grandient[data-v-5fb38a78] {
  position: relative;
  width: 160px;
  height: 100%;
}
.nba-badge .badge-img[data-v-5fb38a78] {
  position: absolute;
  width: 94px;
  height: 94px;
  top: 18px;
}
.nba-badge .color-main[data-v-5fb38a78],
.nba-badge .color-light[data-v-5fb38a78],
.nba-badge .color-grandient[data-v-5fb38a78] {
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.nba-badge.left[data-v-5fb38a78] {
  left: 0;
}
.nba-badge.left .color-main[data-v-5fb38a78],
.nba-badge.left .color-light[data-v-5fb38a78],
.nba-badge.left .color-grandient[data-v-5fb38a78] {
  float: left;
}
.nba-badge.left .badge-img[data-v-5fb38a78] {
  left: 43px;
}
.nba-badge.right[data-v-5fb38a78] {
  right: 0;
}
.nba-badge.right .color-main[data-v-5fb38a78],
.nba-badge.right .color-light[data-v-5fb38a78],
.nba-badge.right .color-grandient[data-v-5fb38a78] {
  float: right;
}
.nba-badge.right .badge-img[data-v-5fb38a78] {
  right: 43px;
}
.nba-badge.large[data-v-5fb38a78] {
  height: 180px;
}
.nba-badge.large .color-main[data-v-5fb38a78] {
  width: 110px;
}
.nba-badge.large .color-light[data-v-5fb38a78] {
  width: 25px;
}
.nba-badge.large .color-grandient[data-v-5fb38a78] {
  width: 180px;
}
.nba-badge.large .badge-img[data-v-5fb38a78] {
  width: 120px;
  height: 120px;
  top: 30px;
}
.nba-badge.large.left .badge-img[data-v-5fb38a78] {
  left: 75px;
}
.nba-badge.large.right .badge-img[data-v-5fb38a78] {
  right: 75px;
}
.badge[data-v-4709f7c5] {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 28px;
  text-align: center;
}
.badge .badge-img[data-v-4709f7c5] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70px;
  height: auto;
}
.badge .badge-img.circle[data-v-4709f7c5] {
  border-radius: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  height: 70px;
}
.badge.left[data-v-4709f7c5] {
  left: 170px;
}
.badge.right[data-v-4709f7c5] {
  right: 170px;
}
.badge.large[data-v-4709f7c5] {
  width: 90px;
  height: 90px;
  top: 42px;
}
.badge.large .badge-img[data-v-4709f7c5] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90px;
  height: auto;
}
.badge.large .badge-img.circle[data-v-4709f7c5] {
  border-radius: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  height: 90px;
}
.team-name[data-v-ffd53c54] {
  display: inline-block;
  width: 160px;
  height: 44px;
  margin: 0 30px;
  line-height: 44px;
  border-radius: 22px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
}
.team-name.link[data-v-ffd53c54]:hover {
  opacity: 0.8;
}
.team-name.large[data-v-ffd53c54] {
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
.countdown[data-v-54b02653] {
  width: 230px;
  text-align: center;
}
.ext-info[data-v-9e8a33de] {
  color: #8e8e8e;
  font-size: 14px;
  text-align: center;
}
.ext-info span[data-v-9e8a33de] {
  display: inline-block;
  line-height: 36px;
  margin: auto 60px;
}
.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.list {
  text-align: left;
}
.list .tag {
  position: relative;
}
.list .tag .icon-arrows-down-solid {
  font-size: 10px;
}
.list .source-select {
  display: none;
  z-index: 101;
  border-radius: 2px;
  background-color: #313131;
  text-align: center;
  font-size: 14px;
  right: 50%;
  margin-right: -83.5px;
  top: 36px;
  position: absolute;
  width: 167px;
}
.list .source-select.list-show {
  display: block;
}
.list .source-select .option {
  display: block;
  line-height: 40px;
}
.list .source-select .option[class^=option]:hover {
  background-color: #3a84ff;
  color: #fff;
  cursor: pointer;
}
.list .source-select .option[class^=option]:last-child:hover {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.list .source-select .tips {
  color: #8e8e8e;
}
.list .source-select .arrow {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 8px solid #313131;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 50%;
  top: -8px;
  margin-left: -5px;
}
.list .source-select::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 20px;
  top: -20px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.source-list-pot {
  margin-left: 10px;
  position: relative;
  display: inline-block;
}
.skip-cntv {
  font-size: 14px;
  color: #E8C06A;
  height: 28px;
  line-height: 28px;
}
.skip-cntv span {
  vertical-align: middle;
  margin-left: -3px;
}
@charset "UTF-8";
/* variables */
/* font-family */
/* 色值 */
/* mixins */
/* functions */
/* animations */
@-webkit-keyframes tua-ui-fade-in {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes tua-ui-fade-in {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@-webkit-keyframes tua-ui-fade-out {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes tua-ui-fade-out {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@-webkit-keyframes tua-ui-slide-enter {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0.01;
}
}
@keyframes tua-ui-slide-enter {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0.01;
}
}
@-webkit-keyframes tua-ui-slide-leave {
0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0.01;
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@keyframes tua-ui-slide-leave {
0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0.01;
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
.tua-ui-vip-tag.tua-ui-vip-tag-text {
  background-color: #f9e5c8;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(248, 215, 165)), to(rgb(255, 235, 201)));
  background-image: linear-gradient(90deg, rgb(248, 215, 165) 0%, rgb(255, 235, 201) 100%);
  color: #53310d;
  border-radius: 2px;
  padding: 0 2.5px;
  font-size: 12px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
@charset "UTF-8";
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.game-head[data-v-39e9596d] {
  background-color: #000;
}
.game-head .inner[data-v-39e9596d] {
  position: relative;
  height: 130px;
  padding-top: 1px;
  margin: -1px auto auto auto;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1700px) {
.game-head .inner[data-v-39e9596d] {
    width: 1240px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.game-head .inner[data-v-39e9596d] {
    width: 1540px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.game-head .inner .info[data-v-39e9596d] {
  position: relative;
  margin-top: 35px;
  text-align: center;
  z-index: 103;
}
.game-head .inner .info .title[data-v-39e9596d] {
  line-height: 40px;
  font-size: 18px;
  color: #fff;
}
.game-head .inner .info .title img[data-v-39e9596d] {
  height: 36px;
  width: auto;
  vertical-align: -10px;
  margin-right: 10px;
}
.game-head .inner .info .title .avatar[data-v-39e9596d] {
  height: 30px;
  border: 1px solid #fff;
  border-radius: 36px;
  margin-right: 10px;
}
.game-head .inner .info .inner[data-v-39e9596d] {
  height: 59px;
}
.game-head .inner .info .vip-datetime-wrap[data-v-39e9596d] {
  display: inline-block;
  margin: 0 30px;
  vertical-align: middle;
  font-size: 18px;
}
.game-head .inner .info .score[data-v-39e9596d] {
  display: inline-block;
  min-width: 80px;
  margin: 0 -20px;
  vertical-align: middle;
  font-size: 40px;
  color: #fff;
}
.game-head .inner .info .datetime-live-desc[data-v-39e9596d] {
  font-size: 16px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.game-head .inner.football[data-v-39e9596d] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(35%, rgba(74, 151, 63, 0.2)), color-stop(70%, rgba(74, 151, 63, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(74, 151, 63, 0.2) 35%, rgba(74, 151, 63, 0.2) 70%, rgba(0, 0, 0, 0.2) 100%);
}
.game-head .inner.other[data-v-39e9596d], .game-head .inner.event[data-v-39e9596d] {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(35%, rgba(59, 132, 255, 0.2)), color-stop(50%, rgba(136, 41, 113, 0.2)), color-stop(70%, rgba(208, 2, 27, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(59, 132, 255, 0.2) 35%, rgba(136, 41, 113, 0.2) 50%, rgba(208, 2, 27, 0.2) 70%, rgba(0, 0, 0, 0.2) 100%);
}
.game-head .inner.event .datetime-live-desc[data-v-39e9596d] {
  font-size: 14px;
  color: #4a4a4a;
}
.game-head .inner.large[data-v-39e9596d] {
  height: 180px;
}
.game-head .inner.large .info[data-v-39e9596d] {
  margin-top: 35px;
}
.game-head .inner.large .info .title[data-v-39e9596d] {
  margin: 15px auto;
  font-size: 20px;
}
.game-head .inner.large .info .inner[data-v-39e9596d] {
  height: auto;
  padding: 15px 0;
}
.game-head .inner.large .info .countdown-wrap[data-v-39e9596d] {
  display: inline-block;
  margin: auto 25px;
  font-size: 40px;
  color: #fff;
  vertical-align: middle;
}
.game-head .inner.large.event .datetime-live-desc[data-v-39e9596d] {
  color: #fff;
}
.game-head .ext[data-v-39e9596d] {
  background-color: #141414;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-39b4aa06] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-39b4aa06]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-39b4aa06]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-39b4aa06] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-39b4aa06]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-39b4aa06]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.encryption-layer[data-v-39b4aa06] {
  position: absolute;
  z-index: 99;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #222222;
}
.encryption-layer .content[data-v-39b4aa06] {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
}
.encryption-layer .content .error-box[data-v-39b4aa06] {
  text-align: center;
  color: #E8C06A;
  font-size: 18px;
  line-height: 40px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2a4337ec] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2a4337ec]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2a4337ec]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2a4337ec] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2a4337ec]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2a4337ec]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.error-layer[data-v-2a4337ec] {
  position: absolute;
  z-index: 99;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/0157c064247ca4ca07fb.png);
  background-size: cover;
}
.error-layer .content[data-v-2a4337ec] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 240px;
  height: 92px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.error-layer .content .refresh[data-v-2a4337ec],
.error-layer .content .error-box[data-v-2a4337ec] {
  width: 240px;
  height: 28px;
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #FFFFFF;
}
.error-layer .content .refresh[data-v-2a4337ec] {
  cursor: pointer;
  width: 184px;
  height: 40px;
  background: #DEB785;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.error-layer .content .refresh .refreshFont[data-v-2a4337ec] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #53310D;
  letter-spacing: 0;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-abe60618] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-abe60618]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-abe60618]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-abe60618] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-abe60618]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-abe60618]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.authentication-layer[data-v-abe60618] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #222222;
  text-align: center;
}
.authentication-layer.nobg[data-v-abe60618] {
  background: transparent;
}
.authentication-layer .content[data-v-abe60618] {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin: 0 auto;
  text-align: center;
}
.authentication-layer .content .error-box[data-v-abe60618] {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.authentication-layer .content .title-box[data-v-abe60618] {
  margin-bottom: 16px;
}
.authentication-layer .content .title[data-v-abe60618] {
  color: #E8C06A;
  font-size: 16px;
  margin-bottom: 10px;
}
.authentication-layer .content .stitle[data-v-abe60618] {
  color: #8e8e8e;
  font-size: 16px;
}
.authentication-layer .content .stitle .ticket-num[data-v-abe60618] {
  display: inline-block;
  width: 35px;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  color: #E8C06A;
  border-radius: 3px;
  background: #000000;
}
.authentication-layer .content .qr[data-v-abe60618] {
  width: 100px;
  height: 100px;
  margin-bottom: 0;
}
.authentication-layer .content button[data-v-abe60618] {
  font-size: 16px;
  padding: 0;
  outline: none;
  border-radius: 2px;
}
.authentication-layer .content .login[data-v-abe60618] {
  width: 142px;
  height: 43px;
  color: #e8c06a;
  background: #222222;
  margin-top: 0.18rem;
  border: 1px solid #e8c06a;
}
.authentication-layer .content .login[data-v-abe60618]:hover {
  border: 1px solid #e6cb8f;
  color: #e6cb8f;
  cursor: pointer;
}
.authentication-layer .content .btn[data-v-abe60618] {
  color: #313131;
  font-size: 16px;
  width: 142px;
  height: 43px;
  background: #E8C06A;
  border-radius: 2px;
  margin-top: 7px;
}
.authentication-layer .content .btn[data-v-abe60618]:hover {
  background: #e6cb8f;
  cursor: pointer;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-1646cb16] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-1646cb16]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-1646cb16]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-1646cb16] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-1646cb16]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-1646cb16]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.authentication-layer[data-v-1646cb16] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #222222;
  text-align: center;
}
.authentication-layer .content[data-v-1646cb16] {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin: 0 auto;
  text-align: center;
}
.authentication-layer .content .error-box[data-v-1646cb16] {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.authentication-layer .content .title-box[data-v-1646cb16] {
  margin-bottom: 16px;
}
.authentication-layer .content .title[data-v-1646cb16] {
  color: #E8C06A;
  font-size: 16px;
  margin-bottom: 10px;
}
.authentication-layer .content .stitle[data-v-1646cb16] {
  color: #8e8e8e;
  font-size: 16px;
}
.authentication-layer .content .qr[data-v-1646cb16] {
  width: 100px;
  height: 100px;
  margin-bottom: 0;
}
.authentication-layer .content button[data-v-1646cb16] {
  font-size: 16px;
  padding: 0;
  outline: none;
  border-radius: 2px;
}
.authentication-layer .content .login[data-v-1646cb16] {
  width: 142px;
  height: 43px;
  color: #e8c06a;
  background: #222222;
  margin-top: 0.18rem;
  border: 1px solid #e8c06a;
}
.authentication-layer .content .login[data-v-1646cb16]:hover {
  border: 1px solid #e6cb8f;
  color: #e6cb8f;
  cursor: pointer;
}
.authentication-layer .content .btn[data-v-1646cb16] {
  color: #313131;
  font-size: 16px;
  width: 142px;
  height: 43px;
  background: #E8C06A;
  border-radius: 2px;
  margin-top: 7px;
}
.authentication-layer .content .btn[data-v-1646cb16]:hover {
  background: #e6cb8f;
  cursor: pointer;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-4a75812d] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-4a75812d]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-4a75812d]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-4a75812d] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-4a75812d]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-4a75812d]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.pay-tip-layer[data-v-4a75812d] {
  position: absolute;
  z-index: 99;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #222222;
}
.pay-tip-layer iframe[data-v-4a75812d] {
  width: 100%;
  height: 100%;
  border: none;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-fe2b3dfe] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-fe2b3dfe]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-fe2b3dfe]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-fe2b3dfe] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-fe2b3dfe]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-fe2b3dfe]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.authentication-layer[data-v-fe2b3dfe] {
  position: fixed;
  z-index: 201;
}
.authentication-layer .bg-layer[data-v-fe2b3dfe] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.authentication-layer .layer[data-v-fe2b3dfe] {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 458px;
  height: 238px;
  overflow: hidden;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.authentication-layer .layer .close[data-v-fe2b3dfe] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 14px;
  height: 14px;
}
.authentication-layer .content[data-v-fe2b3dfe] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin: 0 auto;
  width: 100%;
  text-align: center;
  line-height: 22px;
}
.authentication-layer .error-box[data-v-fe2b3dfe] {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.authentication-layer .title-box[data-v-fe2b3dfe] {
  margin-bottom: 17px;
}
.authentication-layer .title[data-v-fe2b3dfe] {
  font-size: 16px;
  margin-bottom: 8px;
  color: #C38B3F;
}
.authentication-layer .stitle[data-v-fe2b3dfe] {
  color: #8e8e8e;
  font-size: 16px;
}
.authentication-layer .stitle .ticket-num[data-v-fe2b3dfe] {
  display: inline-block;
  width: 35px;
  height: 18px;
  line-height: 18px;
  color: #E8C06A;
  border-radius: 3px;
  background: #000000;
}
.authentication-layer .qr[data-v-fe2b3dfe] {
  width: 100px;
  height: 100px;
  margin-bottom: 0;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-e6459e44] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-e6459e44]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-e6459e44]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-e6459e44] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-e6459e44]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-e6459e44]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.host-info[data-v-e6459e44] {
  font-size: 14px;
}
.host-info .host-name[data-v-e6459e44] {
  color: #2b9eee;
}
.host-info .top-badge[data-v-e6459e44] {
  margin-left: 8px;
  padding: 0 2px 2px;
  font-size: 12px;
  color: #fff;
  background-color: #3A84FF;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2d97971a] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2d97971a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2d97971a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2d97971a] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2d97971a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2d97971a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.score-info span[data-v-2d97971a] {
  font-size: 16px;
  color: #8e8e8e;
}
.score-info span b[data-v-2d97971a] {
  font-weight: normal;
}
.score-info .alert[data-v-2d97971a] {
  color: #CE3434;
}
.score-info img[data-v-2d97971a] {
  margin-top: -6px;
  height: 25px;
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
  padding-right: 12px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-7c1ccc21] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-7c1ccc21]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-7c1ccc21]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-7c1ccc21] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-7c1ccc21]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-7c1ccc21]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.event-text[data-v-7c1ccc21] {
  line-height: 24px;
  color: #fff;
}
.event-text .alert[data-v-7c1ccc21] {
  color: #CE3434;
}
.event-image[data-v-139d5f17] {
  display: inline-block;
  position: relative;
}
.event-image .gif-logo[data-v-139d5f17] {
  position: absolute;
  bottom: 14px;
  right: 10px;
  padding: 0 2px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-color: rgba(3, 139, 255, 0.6);
}
.event-image img[data-v-139d5f17] {
  margin: 0 10px 10px 0;
  max-height: 170px;
  cursor: pointer;
}
.event-page-btn[data-v-494a7dca] {
  display: block;
}
.event-page .favicon[data-v-494a7dca] {
  float: left;
  padding-right: 10px;
}
.event-page .favicon img[data-v-494a7dca] {
  height: 50px;
  width: 50px;
}
.event-page .page-info[data-v-494a7dca] {
  overflow: hidden;
}
.event-page .page-title[data-v-494a7dca] {
  color: #eee;
  font-size: 14px;
}
.event-page .page-summary[data-v-494a7dca] {
  font-size: 12px;
}
.event-comment[data-v-d2abdfce] {
  line-height: 25px;
}
.event-comment .author[data-v-d2abdfce] {
  text-align: right;
  padding-right: 16px;
}
b[data-v-04772b1f] {
  font-weight: normal;
}
.event-video .shot[data-v-d12f8b92] {
  margin-right: 10px;
}
.event-video .shot a[data-v-d12f8b92] {
  cursor: pointer;
  position: relative;
}
.event-video .shot a img[data-v-d12f8b92] {
  height: 80px;
  vertical-align: bottom;
}
.event-video .shot a .duration[data-v-d12f8b92] {
  position: absolute;
  width: 43px;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-03c2c1f2] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-03c2c1f2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-03c2c1f2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-03c2c1f2] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-03c2c1f2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-03c2c1f2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.event-item.show-banner[data-v-03c2c1f2] {
  position: relative;
}
.event-item .score-banner[data-v-03c2c1f2] {
  position: absolute;
  left: 45px;
  top: 22px;
  padding: 0 8px;
  font-size: 12px;
  height: 26px;
  line-height: 25px;
  border-radius: 13px;
  text-align: center;
  color: #fff;
  background-color: #CE3434;
}
.event-item .score-banner.icon-time[data-v-03c2c1f2]:before {
  vertical-align: middle;
  margin-right: 3px;
}
.event-item .side-info[data-v-03c2c1f2] {
  position: relative;
  float: left;
  margin-top: 15px;
  width: 75px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.event-item .side-info.show-banner[data-v-03c2c1f2] {
  margin-top: 72px;
}
.event-item .side-info img[data-v-03c2c1f2] {
  width: 46px;
  height: 46px;
  border-radius: 100%;
  vertical-align: middle;
}
.event-item .side-info .event-time[data-v-03c2c1f2] {
  margin-left: 8px;
  vertical-align: middle;
}
.event-item .side-info .spot[data-v-03c2c1f2] {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -3px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #3A84FF;
}
.event-item .side-info .spot.goal[data-v-03c2c1f2] {
  background-color: #CE3434;
}
.side-live .event-detail[data-v-03c2c1f2] {
  font-size: 14px;
}
.side-live .side-info[data-v-03c2c1f2] {
  width: 60px;
  font-size: 12px;
}
.side-live .side-info img[data-v-03c2c1f2] {
  width: 36px;
  height: 36px;
}
.event-detail[data-v-03c2c1f2] {
  padding: 0 22px;
  border-left: solid 1px #4a4a4a;
  font-size: 16px;
  overflow: hidden;
}
.event-detail.show-banner[data-v-03c2c1f2] {
  padding-top: 57px;
}
.event-detail .detail-container[data-v-03c2c1f2] {
  position: relative;
  width: 100%;
  padding: 15px 0 5px;
}
.event-detail .detail-container > div[data-v-03c2c1f2] {
  margin-bottom: 6px;
}
.event-detail .event-quote[data-v-03c2c1f2] {
  overflow: hidden;
  padding: 10px;
  font-size: 14px;
  background-color: #222222;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-847b628c] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-847b628c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-847b628c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-847b628c] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-847b628c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-847b628c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.event-item .side-info[data-v-847b628c] {
  position: relative;
  float: left;
  margin-top: 15px;
  width: 75px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.event-item .side-info img[data-v-847b628c] {
  width: 46px;
  height: 46px;
  border-radius: 100%;
  vertical-align: middle;
}
.event-item .side-info .event-time[data-v-847b628c] {
  margin-left: 8px;
  vertical-align: middle;
}
.event-item .side-info .spot[data-v-847b628c] {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -3px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #3A84FF;
}
.event-item .side-info .spot.goal[data-v-847b628c] {
  background-color: #CE3434;
}
.side-live .event-detail[data-v-847b628c] {
  font-size: 14px;
}
.side-live .side-info[data-v-847b628c] {
  width: 60px;
  font-size: 12px;
}
.side-live .side-info img[data-v-847b628c] {
  width: 36px;
  height: 36px;
}
.event-detail[data-v-847b628c] {
  padding: 0 22px;
  border-left: solid 1px #4a4a4a;
  font-size: 16px;
  overflow: hidden;
}
.event-detail .detail-container[data-v-847b628c] {
  position: relative;
  width: 100%;
  padding: 15px 0 5px;
}
.event-detail .detail-container > div[data-v-847b628c] {
  margin-bottom: 6px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.event-list-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  color: #c2c2c2;
  word-wrap: break-word;
}
.event-list-container .event-list {
  background-color: #222222;
}
.event-list-container .side-live {
  /* TODO 窄版 */
  background-color: #141414;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.text-live-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.text-live-container .auto-scroll-switch {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 101;
  font-size: 12px;
  color: #fff;
}
.text-live-container .auto-scroll-switch .return-video-live {
  margin-left: 5px;
  padding: 2px 4px 4px 3px;
  border-radius: 1px;
  background-color: #ff9e2c;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-8dbc59dc] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-8dbc59dc]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-8dbc59dc]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-8dbc59dc] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-8dbc59dc]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-8dbc59dc]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.switch-btn[data-v-8dbc59dc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 22px;
  background-color: #141414;
  color: #c5c5c5;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.switch-btn[data-v-8dbc59dc]:hover {
  color: #5090FD;
}
.switch-btn > span[data-v-8dbc59dc] {
  display: inline-block;
  width: 22px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.no-signal[data-v-1601ee9a] {
  width: 100%;
  height: 100%;
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/de0cc4d963af6dff65cf.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 315px;
}
.no-signal[data-v-b86a2af8] {
  width: 100%;
  height: 100%;
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/b781eb4aa95c87047354.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 315px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.kbs-tabs-wrapper {
  color: #313131;
}
.tabs-nav-wrapper {
  width: 100%;
  display: table;
}
.tabs-nav-wrapper .nav-item {
  cursor: pointer;
  font-size: 20px;
  display: table-cell;
  line-height: 70px;
  position: relative;
  text-align: center;
}
.tabs-nav-wrapper .nav-item span {
  width: 26px;
  height: 3px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -13px;
  background-color: transparent;
}
.tabs-nav-wrapper .nav-item:hover {
  color: #3A84FF;
}
.tabs-nav-wrapper .nav-item:only-child:hover {
  color: #313131;
  cursor: auto;
}
.tabs-nav-wrapper .nav-item-cur {
  color: #3A84FF;
}
.tabs-nav-wrapper .nav-item-cur span {
  background-color: #3A84FF;
}
.kbs-tab-item[data-v-19f7a95d] {
  display: none;
}
.kbs-tab-item-show[data-v-19f7a95d] {
  display: block;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.video-item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 90px;
  padding: 11px 14px;
  color: #fff;
  font-size: 12px;
  background-color: #141414;
}
.video-item .cover {
  float: left;
  width: 118px;
  height: 67px;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.video-item .info {
  height: 52px;
}
.video-item .info .tag {
  padding: 0 2px;
  margin-right: 3px;
  background-color: #3b84ff;
}
.video-item .views {
  color: #8e8e8e;
}
.video-item .vip-icon {
  position: absolute;
  left: 18px;
  top: 15px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(248, 215, 165)), to(rgb(255, 235, 201)));
  background-image: linear-gradient(90deg, rgb(248, 215, 165) 0%, rgb(255, 235, 201) 100%);
  border-radius: 2px;
  padding: 0 2.5px;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}
.video-item .vip-icon img {
  display: block;
}
.video-item .duration {
  position: absolute;
  width: 40px;
  height: 16px;
  left: 92px;
  top: 62px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-item:hover {
  cursor: pointer;
  background-color: #222;
}
.video-item:active, .video-item.active {
  background-color: #222;
}
.video-item:active .title, .video-item.active .title {
  color: #3b84ff;
}
.video-item:active .cover, .video-item.active .cover {
  border: 1px solid #3b84ff;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2aa8686e] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2aa8686e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2aa8686e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2aa8686e] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2aa8686e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2aa8686e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.video-list[data-v-2aa8686e] {
  height: 100%;
  overflow-y: auto;
}
.video-list .empty[data-v-2aa8686e] {
  width: 100%;
  height: 70px;
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/ad1b6d7b6db00986353f.png);
  background-repeat: no-repeat;
  background-position: center 150px;
  background-size: 68px 68px;
  color: #8e8e8e;
  font-size: 14px;
  text-align: center;
  padding-top: 230px;
}
.replay-item[data-v-6e61663a] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 11px 14px;
  color: #fff;
  font-size: 12px;
  background-color: #000;
}
.replay-item .tag[data-v-6e61663a] {
  float: left;
  padding: 0 2px;
  background-color: #3b84ff;
  margin-right: 8px;
}
.replay-item .detail[data-v-6e61663a] {
  overflow: hidden;
}
.replay-item .detail .info[data-v-6e61663a] {
  height: 22px;
}
.replay-item .detail .info .vip-icon[data-v-6e61663a] {
  display: inline-block;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.replay-item .detail .info .title[data-v-6e61663a] {
  display: inline-block;
  max-width: 248px;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.replay-item .detail .info .title.shorten[data-v-6e61663a] {
  max-width: 220px;
}
.replay-item .detail .views[data-v-6e61663a] {
  color: #8e8e8e;
}
.replay-item .detail .duration[data-v-6e61663a] {
  float: right;
  color: #8e8e8e;
}
.replay-item[data-v-6e61663a]:hover {
  cursor: pointer;
  background-color: #222;
}
.replay-item[data-v-6e61663a]:active, .replay-item.active[data-v-6e61663a] {
  background-color: #222;
}
.replay-item:active .title[data-v-6e61663a], .replay-item.active .title[data-v-6e61663a] {
  color: #3b84ff;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-7866de45] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-7866de45]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-7866de45]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-7866de45] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-7866de45]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-7866de45]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.video-list[data-v-7866de45] {
  height: 100%;
  overflow-y: auto;
}
.video-list .title[data-v-7866de45] {
  line-height: 40px;
  font-size: 14px;
  padding-left: 14px;
  color: #fff;
}
.video-list .empty[data-v-7866de45] {
  width: 100%;
  height: 70px;
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/ad1b6d7b6db00986353f.png);
  background-repeat: no-repeat;
  background-position: center 150px;
  background-size: 68px 68px;
  color: #8e8e8e;
  font-size: 14px;
  text-align: center;
  padding-top: 230px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-116ec6d2] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-116ec6d2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-116ec6d2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-116ec6d2] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-116ec6d2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-116ec6d2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.rank-item[data-v-116ec6d2] {
  position: relative;
}
.rank-item .icon-emblem[data-v-116ec6d2] {
  margin-right: 5px;
  float: left;
  margin-top: 3px;
  font-size: 30px;
  color: #8e8e8e;
}
.rank-item .emblem1[data-v-116ec6d2] {
  color: #E4393C;
}
.rank-item .emblem2[data-v-116ec6d2] {
  color: #EE7B01;
}
.rank-item .emblem3[data-v-116ec6d2] {
  color: #F7BB23;
}
.rank-item .rank-num[data-v-116ec6d2] {
  top: 25px;
  left: 19px;
  position: absolute;
  font-size: 12px;
  text-align: center;
  color: white;
  width: 27px;
}
.rank-item .challenge[data-v-116ec6d2] {
  width: 58px;
  line-height: 26px;
  text-align: center;
  float: right;
  border-radius: 2px;
  margin-top: 5px;
  background-color: #313131;
  font-size: 12px;
  cursor: pointer;
}
.rank-item .challenge[data-v-116ec6d2]:hover {
  background-color: #3A84FF;
}
.rank-item .fans-contribution[data-v-116ec6d2] {
  float: none;
  text-align: left;
}
.rank-item .prize[data-v-116ec6d2] {
  border-radius: 12px;
  margin: 6px 0 6px 40px;
  background-color: #222222;
  font-size: 12px;
  color: #3A84FF;
  text-align: center;
  line-height: 24px;
  height: 24px;
}
.rank-item .prize .icon-twinkle[data-v-116ec6d2] {
  font-size: 14px;
  margin: 0 5px;
  color: #EDA200;
  vertical-align: middle;
}
.rank-item .my-rank[data-v-116ec6d2] {
  display: none;
  font-size: 12px;
  float: right;
  margin-top: 10px;
}
.rank-item-my[data-v-116ec6d2] {
  padding-bottom: 20px;
  border-bottom: 1px solid #222222;
}
.rank-item-no-rank .icon-emblem[data-v-116ec6d2],
.rank-item-no-rank .rank-num[data-v-116ec6d2] {
  visibility: hidden;
}
.rank-item-no-rank .my-rank[data-v-116ec6d2] {
  display: inline-block;
}
.rank-item-vivo .icon-emblem[data-v-116ec6d2],
.rank-item-winner-list .icon-emblem[data-v-116ec6d2] {
  visibility: hidden;
}
.rank-item-vivo .rank-num[data-v-116ec6d2],
.rank-item-winner-list .rank-num[data-v-116ec6d2] {
  font-size: 14px;
  top: 18px;
  left: 0;
}
.game-post .rank-item-my[data-v-116ec6d2] {
  border-bottom: 1px solid #f6f6f6;
}
.game-post .prize[data-v-116ec6d2] {
  background-color: rgba(232, 232, 232, 0.5);
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2623d6d3] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2623d6d3]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2623d6d3]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2623d6d3] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2623d6d3]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2623d6d3]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.vivo-sub-rank[data-v-2623d6d3] {
  padding: 0 10px 0 12px;
}
.vivo-sub-rank .popularity[data-v-2623d6d3] {
  height: 44px;
  position: relative;
}
.vivo-sub-rank .popularity img[data-v-2623d6d3] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  top: 0;
}
.vivo-sub-rank .popularity .fl[data-v-2623d6d3] {
  left: 0;
  border: 2px solid #CE3434;
}
.vivo-sub-rank .popularity .fr[data-v-2623d6d3] {
  right: 0;
  border: 2px solid #3A84FF;
}
.vivo-sub-rank .popularity .vs-info[data-v-2623d6d3] {
  position: relative;
  top: -2px;
  width: 100%;
  padding: 0 51px;
  height: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vivo-sub-rank .popularity .vs-info .vs-name[data-v-2623d6d3] {
  font-size: 0;
}
.vivo-sub-rank .popularity .vs-info .vs-name span[data-v-2623d6d3] {
  display: inline-block;
  font-size: 14px;
  width: 50%;
}
.vivo-sub-rank .popularity .vs-info .vs-name .hsname[data-v-2623d6d3] {
  text-align: right;
}
.vivo-sub-rank .popularity .vs-info .vs-bar[data-v-2623d6d3] {
  margin: 2px 0;
  width: 100%;
  display: table;
  border-radius: 4px;
  overflow: hidden;
}
.vivo-sub-rank .popularity .vs-info .vs-bar span[data-v-2623d6d3] {
  margin: 0 1px;
  font-size: 0;
  display: table-cell;
  height: 6px;
  background-color: #CE3434;
  vertical-align: middle;
}
.vivo-sub-rank .popularity .vs-info .vs-bar .clip[data-v-2623d6d3] {
  width: 1%;
  background-color: transparent;
}
.vivo-sub-rank .popularity .vs-info .vs-bar .hsbar[data-v-2623d6d3] {
  background-color: #3A84FF;
}
.vivo-sub-rank .popularity .vs-info .vs-points[data-v-2623d6d3] {
  font-size: 0;
}
.vivo-sub-rank .popularity .vs-info .vs-points span[data-v-2623d6d3] {
  font-size: 12px;
  display: inline-block;
  width: 50%;
  color: #CE3434;
  line-height: 18px;
}
.vivo-sub-rank .popularity .vs-info .vs-points .hspoints[data-v-2623d6d3] {
  color: #3A84FF;
  text-align: right;
}
.vivo-sub-rank .popularity .vs-info .vs-points .icon-flame[data-v-2623d6d3] {
  vertical-align: sub;
  font-size: 18px;
}
.vivo-sub-rank .vivo-prize[data-v-2623d6d3] {
  font-size: 12px;
  text-align: center;
  padding: 12px 30px;
  background-color: #222222;
  margin: 20px 0;
  border-radius: 2px;
}
.vivo-sub-rank .vivo-prize .prize-desc[data-v-2623d6d3] {
  color: #EDA200;
  margin-top: 8px;
}
.vivo-sub-rank .rules[data-v-2623d6d3] {
  line-height: 20px;
  font-size: 12px;
  padding-bottom: 20px;
}
.vivo-sub-rank .prize[data-v-2623d6d3] {
  overflow: hidden;
  font-size: 12px;
}
.vivo-sub-rank .prize > div[data-v-2623d6d3] {
  line-height: 30px;
  margin: 0 30px 10px 0;
  width: 48px;
  text-align: center;
  float: left;
}
.vivo-sub-rank .prize > div img[data-v-2623d6d3] {
  width: 48px;
  height: 48px;
  border-radius: 0;
}
.vivo-sub-rank .title[data-v-2623d6d3] {
  font-size: 14px;
  color: #3A84FF;
  line-height: 58px;
}
.vivo-sub-rank .vivo-item[data-v-2623d6d3] {
  border-top: 1px solid #222222;
}
.vivo-sub-rank .vivo-item .no-winner-list[data-v-2623d6d3] {
  text-align: center;
  padding-bottom: 20px;
  color: #8e8e8e;
}
.vivo-sub-rank.game-post .vivo-item[data-v-2623d6d3] {
  border-top: 1px solid #EEF3F8;
}
.vivo-sub-rank.game-post .vivo-prize[data-v-2623d6d3] {
  background-color: #f6f6f6;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2cb9f6c2] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2cb9f6c2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2cb9f6c2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2cb9f6c2] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2cb9f6c2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2cb9f6c2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.sub-rank[data-v-2cb9f6c2] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  top: 0;
  left: 100%;
  background-color: #141414;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  color: white;
}
.sub-rank.type-rank-list[data-v-2cb9f6c2] {
  overflow-y: hidden;
}
.sub-rank.sub-rank-show[data-v-2cb9f6c2] {
  left: 0;
}
.sub-rank .icon-close[data-v-2cb9f6c2] {
  cursor: pointer;
  color: #8e8e8e;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
.sub-rank .icon-close[data-v-2cb9f6c2]:hover {
  color: white;
}
.sub-rank .fetching[data-v-2cb9f6c2] {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 40%;
  display: none;
}
.sub-rank .fetching.show[data-v-2cb9f6c2] {
  display: block;
}
.sub-rank .rank-title[data-v-2cb9f6c2] {
  text-align: center;
  font-size: 16px;
  line-height: 54px;
}
.sub-rank .before-rank[data-v-2cb9f6c2] {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  width: 315px;
  margin: 0 auto 20px;
  line-height: 30px;
  background-color: #222222;
}
.sub-rank .before-rank .icon-arrow-right-light[data-v-2cb9f6c2] {
  float: right;
  margin-top: 8px;
}
.sub-rank .before-rank .icon-tips[data-v-2cb9f6c2] {
  vertical-align: middle;
  margin-right: 10px;
}
.sub-rank .sub-rank-tab[data-v-2cb9f6c2] {
  font-size: 0;
  display: table;
  margin: 0 auto 20px;
  border: 1px solid #3A84FF;
  border-radius: 2px;
  cursor: pointer;
}
.sub-rank .sub-rank-tab span[data-v-2cb9f6c2] {
  border-left: 1px solid #3A84FF;
  display: table-cell;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  width: 85px;
}
.sub-rank .sub-rank-tab span[data-v-2cb9f6c2]:first-child {
  border: none;
}
.sub-rank .sub-rank-tab span.cur[data-v-2cb9f6c2] {
  color: white;
  background-color: #3A84FF;
}
.sub-rank .sub-rank-list-wrapper[data-v-2cb9f6c2] {
  overflow-y: auto;
}
.sub-rank .sub-rank-list-wrapper .sub-rank-list[data-v-2cb9f6c2] {
  display: none;
}
.sub-rank .sub-rank-list-wrapper .no-data-default[data-v-2cb9f6c2] {
  display: block;
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/c38886c6af8f00eafc9e.png);
  background-repeat: no-repeat;
  background-position: 50% 120px;
  background-size: 80px;
  padding-top: 200px;
  width: 100px;
  color: #8e8e8e;
  text-align: center;
  margin: 0 auto;
}
.sub-rank .sub-rank-list-wrapper .sub-rank-list-show[data-v-2cb9f6c2] {
  display: block;
}
.sub-rank .sub-rank-list-wrapper.sealed[data-v-2cb9f6c2] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAACbVBMVEVHcEw6Ojo1NTUzMzM0NDQ8PDwyMjI0NDQzMzM0NDQzMzMzMzM1NTU2NjYzMzMzMzMzMzM0NDQzMzMzMzMzMzMzMzM0NDQyMjIyMjIyMjI0NDQyMjIyMjI1NTUyMjIzMzMyMjI1NTUyMjIzMzMzMzMzMzM1NTUzMzMzMzM0NDQzMzMzMzMyMjIyMjIyMjIyMjI5OTk0NDQyMjI1NTUyMjIzMzMzMzM1NTUzMzMzMzM4ODg0NDQzMzMzMzM0NDQ3NzczMzMzMzNJSUkzMzMzMzMzMzMzMzMyMjIyMjJVVVUzMzMzMzMyMjIyMjIzMzMzMzMzMzMzMzMyMjIyMjIzMzM0NDQzMzMzMzMyMjIyMjIzMzMzMzMzMzMzMzMzMzMyMjIzMzM0NDQ0NDQyMjIzMzMzMzMzMzMyMjIyMjIyMjIzMzMzMzMzMzMyMjIzMzMyMjIzMzMzMzMzMzMyMjIzMzMyMjIyMjIzMzMyMjKOjo6MjIyDg4OKioozMzM9PT1aWlpQUFBXV1dtbW2JiYlKSkqNjY05OTlEREQ+Pj5qampISEhfX19SUlI3Nzc0NDRiYmJLS0uLi4tOTk6CgoJdXV1+fn55eXk2NjY/Pz87Oztra2tjY2NcXFyHh4dCQkJ9fX2FhYV0dHQ1NTVhYWFHR0dRUVF8fHxbW1tgYGBeXl52dnZDQ0OGhoZ4eHh1dXVBQUFFRUV3d3eEhIRlZWVJSUk4ODhVVVU6OjpsbGyBgYFzc3M8PDyAgIBnZ2dvb29GRkZkZGRZWVlTU1N/f39paWmIiIhNTU1MTExYWFhAQEBwcHBWVlZycnJmZmZubm7sitFaAAAAeHRSTlMAHzDEYxEzgHxZpYY6Js6vkF3YFLmaZ3VWnnF/YD6os4lI0TfcvVJBx5RqS8us1bYbLN8YwI1uIpd4KUWhgk8O4woH7ffm8Or0A4H8hPl99Yfyeu+LduvojuRz4ZLdb9qVbGJl12nTmdDMnMmgxcKjvqq0rbixu6a2leb7AAAEuklEQVRo3sXZBXMiSRQA4He+5+6+5+4ue3e7t7vn7u7u1m9mIIIkQCAJESB4CBC/yG781u30N13PYAm5mYPpSb2pArqKKr7qftI9A6zbtHXzxi2PPnTr5afduP6k668+4vYrzrjp4pNvuOi4+8898+5rTrnjkuMfOH/dPWefd+e1Zx15wanHnnPlg9ddet9VF55w2dGH33LviXcddvNtpx+14eFHHoN6r2OYRdcTTz3z3Asvv/LaG2+98+HHn372xVdff/vzj9//9MN3v3zz5eefvPvmqy8+++TjTz//0utvv/fRB+9bKdd1AZUMVDJQyUAlA5UMVDJQyUAlA5UMVDJQyRbtGHa3IGxStss9qmz3BEzD5mR/L3LZLqPHPGxe3imj3CoA1yu3DBVlrMdlwmeS/ilsVz9HOLyTicH1yU5FlXl8EXvcgnD9Mnflkd56ZLBGdqjx9dcji509w01luVXLsFRYFK5J7pexQe0bA4U4cznMhOGa5EaJy3ZZKctNHeJwrXJG6xsF2YmdRdkWC5iGjWVvoCQX+gaX+bJ7irKtGdPmYSM5rAxv17aHFGKmkGE9dlaSuYtNArCB3ObCpbDWN1KSlmFc6867C3INLjN9R+eMY9yp9o3WxqIccqC3MOfx/3eZ+XtJexKllBbfojyDU9oXHqzBZQJ3sSG+oJ1a4TZ2Zvn7GE4X8wqlDnHYKMPyLhzXUizCX78jthTdsXJVsV/Nw0aycxTnSz8dxXlWymcP5kp1PmQeNpLtOXQEtVFgVO0gpXwenI312crRNwsbyaFS5dgaFxLL6jeQxD6bgcvEn5Pkc5HScHn9upM4bOAyK5/QrOwbCd5MG5gobCTb9vlXu9vbFV7OapwDYrCBHMN0oMrtj8U5O6TGeUT2isH6chRxjlsVd+DvUc7ydXYnpyIHJMUrBuvLvyHuHZSLbiTKR2MeF87P8AzjjS2oyd15v2nYUOZt8k9tPIc4vo3XUV7qLfSt2awqp3DWPKwvz8iYG9BGi+ndEa1vuHGSf/oY+0fxSUoQFSYAG2RYf/VJbAIX1NOJj8/VH5RcjqQQXPsJkC9zZAmjXejBJS3OTjG4BrnoHlDaFg8xexfuVXMuuCq3LX/KXOrPLQ5Xm7qLdPHV/i8ZLJYr+8JyOZT9a65KBmvl5ftRy34uR3K7unDYwWusas5gqbxiH9wjoavtIHr4nKUdDRN8tTOCsK4cGq24gXbEfQ7XJMbKcU4wUVhXHinvTs4edB3iccbJiUqGicMGq717rM+XSaubE3avym1xWF/uQ+3a352QK3JgAeNua2Bd2TvU/EdztCPEWGtFnsZ4wqIZ19LDKvJib4JZBhvK/ipZ6CBQj5yOrZAdbkthfXkAMasNfIgHubzN2hkbyIPYyTFbFFcXsCWwvjyNUmbPJCpZtjawvrxLrWZ5gq0VrC937BgeDLG1g83+mwBUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJQCUDlQxUMlDJ/wLjZiMMV4ajZgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 60px;
}
.-ms-sub-rank[data-v-2cb9f6c2] {
  width: auto;
  right: -100%;
}
.-ms-sub-rank.sub-rank-show[data-v-2cb9f6c2] {
  right: 0;
}
.sub-rank.game-post[data-v-2cb9f6c2] {
  color: #313131;
  background-color: #fbfbfb;
}
.sub-rank.game-post .before-rank[data-v-2cb9f6c2] {
  background-color: rgba(232, 232, 232, 0.5);
}
.sub-rank.game-post .icon-close[data-v-2cb9f6c2]:hover {
  color: #5090FD;
}
.sub-rank.game-post .sub-rank-list-wrapper.sealed[data-v-2cb9f6c2] {
  background-image: none;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.rank-item {
  padding: 11px 18px 6px;
}
.rank-item span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank-item img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  float: left;
  margin-right: 8px;
}
.rank-item .name {
  width: 98px;
  margin-right: 10px;
  line-height: 36px;
}
.rank-item .fans-contribution {
  display: inline-block;
  line-height: 15px;
  font-size: 12px;
  margin-right: 6px;
  padding-top: 2px;
  float: right;
  max-width: 100px;
  text-align: right;
}
.rank-item .fans-contribution span {
  width: 100%;
}
.rank-item .fans-contribution .contribution {
  color: #EDA200;
}
.rank-item .fans-contribution .no-data {
  line-height: 36px;
}
.rank-item .arrow {
  margin-top: 11px;
  float: right;
  color: #313131;
}
.rank-item:hover {
  cursor: pointer;
}
.rank-item:hover .arrow {
  color: white;
}
.game-post .rank-item:hover .arrow {
  color: #5090FD;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-1b9eb06b] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-1b9eb06b]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-1b9eb06b]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-1b9eb06b] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-1b9eb06b]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-1b9eb06b]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.challenge-layer[data-v-1b9eb06b] {
  left: 50%;
  margin-left: -158px;
  display: none;
  width: 316px;
  height: 146px;
  position: absolute;
  background-color: white;
  border-radius: 4px;
  color: #313131;
  overflow: hidden;
  font-size: 16px;
}
.challenge-layer.challenge-layer-show[data-v-1b9eb06b] {
  display: block;
}
.challenge-layer .icon-close[data-v-1b9eb06b] {
  position: absolute;
  right: 0;
  padding: 10px;
  color: #8e8e8e;
}
.challenge-layer .normal-info[data-v-1b9eb06b],
.challenge-layer .status-info[data-v-1b9eb06b] {
  display: none;
}
.challenge-layer .show[data-v-1b9eb06b] {
  display: block;
}
.challenge-layer .normal-info > div[data-v-1b9eb06b] {
  padding: 0 20px;
}
.challenge-layer .normal-info .icon[data-v-1b9eb06b] {
  vertical-align: sub;
  margin-right: 5px;
  font-size: 20px;
}
.challenge-layer .normal-info .diamond[data-v-1b9eb06b], .challenge-layer .normal-info .kb[data-v-1b9eb06b] {
  margin-left: 20px;
}
.challenge-layer .normal-info .cost[data-v-1b9eb06b] {
  font-weight: bolder;
  line-height: 96px;
}
.challenge-layer .normal-info.normal-info-tips .cost[data-v-1b9eb06b] {
  line-height: 60px;
}
.challenge-layer .normal-info .tips[data-v-1b9eb06b] {
  display: none;
  color: #CE3434;
  font-size: 14px;
}
.challenge-layer .normal-info .tips.tips-show[data-v-1b9eb06b] {
  display: block;
}
.challenge-layer .normal-info .btn[data-v-1b9eb06b] {
  position: absolute;
  bottom: 0;
  padding: 0;
  border-top: 1px solid #EEF3F8;
  line-height: 50px;
  display: table;
  width: 100%;
}
.challenge-layer .normal-info .btn > *[data-v-1b9eb06b] {
  display: table-cell;
}
.challenge-layer .normal-info .btn > *[data-v-1b9eb06b]:first-child {
  border-right: 1px solid #EEF3F8;
}
.challenge-layer .normal-info .btn > *[data-v-1b9eb06b]:last-child {
  cursor: pointer;
  text-align: center;
  color: white;
  width: 128px;
  background-color: #3A84FF;
}
.challenge-layer .normal-info .btn > *[data-v-1b9eb06b]:last-child:hover {
  background-color: #5090FD;
}
.challenge-layer .normal-info .balance .icon[data-v-1b9eb06b] {
  vertical-align: inherit;
  font-size: 16px;
}
.challenge-layer .error-tip[data-v-1b9eb06b] {
  margin: 30px 0 0;
  text-align: center;
  font-size: 18px;
}
.challenge-layer .i-know[data-v-1b9eb06b] {
  padding: 0;
  text-align: center;
  width: 140px;
  line-height: 43px;
  border: 1px solid #e8e8e8;
  margin: 20px auto 26px;
}
.challenge-layer .i-know[data-v-1b9eb06b]:hover {
  background-color: #e8e8e8;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-071dae24] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-071dae24]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-071dae24]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-071dae24] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-071dae24]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-071dae24]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
@-webkit-keyframes scale-data-v-071dae24 {
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scale-data-v-071dae24 {
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes up-data-v-071dae24 {
100% {
    bottom: 108px;
    width: 470px;
}
}
@keyframes up-data-v-071dae24 {
100% {
    bottom: 108px;
    width: 470px;
}
}
@-webkit-keyframes down-data-v-071dae24 {
100% {
    top: 108px;
    width: 418px;
}
}
@keyframes down-data-v-071dae24 {
100% {
    top: 108px;
    width: 418px;
}
}
@-webkit-keyframes shine-data-v-071dae24 {
100% {
    background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/9304ca8d6d5186a851ef.png);
}
}
@keyframes shine-data-v-071dae24 {
100% {
    background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/9304ca8d6d5186a851ef.png);
}
}
@-webkit-keyframes rotate-data-v-071dae24 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}
}
@keyframes rotate-data-v-071dae24 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}
}
span[data-v-071dae24] {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rank-up-wrapper[data-v-071dae24] {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 200;
}
.rank-up-wrapper .rank-up[data-v-071dae24] {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -250px;
  width: 500px;
  height: 500px;
}
.rank-up-wrapper .rank-up > p[data-v-071dae24] {
  text-align: center;
}
.rank-up-wrapper .rank-up span[data-v-071dae24] {
  display: inline-block;
}
.rank-up-wrapper .rank-up .title[data-v-071dae24] {
  font-size: 40px;
  color: #EDA200;
}
.rank-up-wrapper .rank-up .sub-title[data-v-071dae24] {
  line-height: 40px;
  font-size: 18px;
  margin-bottom: 55px;
}
.rank-up-wrapper .rank-up .rank-num[data-v-071dae24] {
  font-size: 40px;
}
.rank-up-wrapper .rank-up .user-img[data-v-071dae24] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  vertical-align: bottom;
  margin: 0 15px;
}
.rank-up-wrapper .rank-up .shine[data-v-071dae24] {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 472px;
  background-position: 50%;
}
.rank-up-wrapper .rank-up .item[data-v-071dae24] {
  height: 92px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  overflow: hidden;
  background: white;
  border-radius: 4px;
  margin: 16px auto;
}
.rank-up-wrapper .rank-up .item > div[data-v-071dae24] {
  position: relative;
  top: 3px;
  display: inline-block;
}
.rank-up-wrapper .rank-up .item .nick[data-v-071dae24] {
  width: 180px;
  font-size: 16px;
  margin-bottom: 5px;
}
.rank-up-wrapper .rank-up .item .points[data-v-071dae24] {
  width: 110px;
  margin-left: 10px;
}
.rank-up-wrapper .rank-up .item .arrow[data-v-071dae24] {
  float: right;
  width: 47px;
  height: 47px;
  background-size: 44px auto;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  margin-top: 5px;
}
.rank-up-wrapper .rank-up .up[data-v-071dae24] {
  bottom: 0;
  width: 418px;
  color: #EDA200;
}
.rank-up-wrapper .rank-up .up .arrow[data-v-071dae24] {
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/6e96ee1e2691824620db.png);
}
.rank-up-wrapper .rank-up .down[data-v-071dae24] {
  top: 0;
  width: 470px;
  color: #8e8e8e;
}
.rank-up-wrapper .rank-up .down .arrow[data-v-071dae24] {
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/edaf00b3eea2371e84de.png);
}
.rank-up-wrapper .rank-up .down .nick[data-v-071dae24] {
  color: #313131;
}
.rank-up-wrapper .rank-up .btn[data-v-071dae24] {
  cursor: pointer;
  width: 142px;
  color: white;
  line-height: 43px;
  text-align: center;
  margin: 70px auto 0;
  background-color: #3A84FF;
  font-size: 16px;
  border-radius: 2px;
}
.rank-up-wrapper .rank-up .btn[data-v-071dae24]:hover {
  background-color: #5090FD;
}
.play[data-v-071dae24] {
  display: block;
}
.play .rank-up[data-v-071dae24] {
  -webkit-animation: scale-data-v-071dae24 1s 1 0.3s ease forwards;
          animation: scale-data-v-071dae24 1s 1 0.3s ease forwards;
}
.play .rank-up .up[data-v-071dae24] {
  -webkit-animation: up-data-v-071dae24 1.5s 1.3s 1 ease forwards;
          animation: up-data-v-071dae24 1.5s 1.3s 1 ease forwards;
}
.play .rank-up .down[data-v-071dae24] {
  -webkit-animation: down-data-v-071dae24 1.5s 1.3s 1 ease forwards;
          animation: down-data-v-071dae24 1.5s 1.3s 1 ease forwards;
}
.play .rank-up .shine[data-v-071dae24] {
  -webkit-animation-name: shine-data-v-071dae24,rotate-data-v-071dae24;
          animation-name: shine-data-v-071dae24,rotate-data-v-071dae24;
  -webkit-animation-duration: 1s, 8s;
          animation-duration: 1s, 8s;
  -webkit-animation-timing-function: ease, linear;
          animation-timing-function: ease, linear;
  -webkit-animation-delay: 2.8s, 2.8s;
          animation-delay: 2.8s, 2.8s;
  -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards, forwards;
          animation-fill-mode: forwards, forwards;
}
.-ms-play[data-v-071dae24] {
  display: block;
}
.-ms-play .rank-up[data-v-071dae24] {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.-ms-play .rank-up .shine[data-v-071dae24] {
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/9304ca8d6d5186a851ef.png);
}
.-ms-play .rank-up .up[data-v-071dae24] {
  bottom: 108px;
  width: 470px;
}
.-ms-play .rank-up .down[data-v-071dae24] {
  top: 108px;
  width: 418px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-738b25e2] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-738b25e2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-738b25e2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-738b25e2] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-738b25e2]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-738b25e2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.props-rank-wrapper[data-v-738b25e2] {
  position: relative;
  height: 100%;
}
.props-rank[data-v-738b25e2] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  height: 100%;
  overflow-y: auto;
  font-size: 14px;
}
.props-rank .title-wrapper[data-v-738b25e2] {
  padding: 0 18px;
}
.props-rank .title-wrapper .rank-title[data-v-738b25e2] {
  color: #5090FD;
  line-height: 34px;
  padding-top: 10px;
}
.props-rank .vivo-banner[data-v-738b25e2] {
  width: 100%;
  height: auto !important;
}
.props-rank .team-rank + .team-rank .rank-title[data-v-738b25e2] {
  border-top: 1px solid #222222;
}
.props-rank-wrapper.game-post[data-v-738b25e2] {
  overflow: hidden;
}
.props-rank-wrapper.game-post .props-rank[data-v-738b25e2] {
  color: #313131;
}
.props-rank-wrapper.game-post .props-rank .team-rank > div:first-child + div[data-v-738b25e2] :hover {
  cursor: pointer;
  background: #EEF3F8;
}
.props-rank-wrapper.game-post .props-rank .team-rank + .team-rank .rank-title[data-v-738b25e2] {
  border-top: 1px solid #EEF3F8;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-21e18546] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-21e18546]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-21e18546]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-21e18546] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-21e18546]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-21e18546]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.live-wechat-list-item .vip-icon[data-v-21e18546] {
  position: relative;
  top: 2px;
  width: 17px;
  height: 17px;
}
.live-wechat-list-item .nick[data-v-21e18546] {
  color: #3A84FF;
  margin-right: 5px;
}
.live-wechat-list-item .nick.vip[data-v-21e18546] {
  color: #C38B3F;
}
.live-wechat-list-item .my-nick[data-v-21e18546] {
  border-radius: 2px;
  background-color: #3A84FF;
  color: white;
  margin-right: 5px;
  padding: 0 3px;
}
.live-wechat-list-item .blue[data-v-21e18546] {
  color: #3A84FF;
}
.live-wechat-list-item .orange[data-v-21e18546] {
  color: #C38B3F;
}
.live-wechat-list-item .host[data-v-21e18546] {
  color: #3A84FF;
}
.live-wechat-list-item .t16[data-v-21e18546] {
  font-size: 16px;
}
.live-wechat-list-item .content[data-v-21e18546] {
  word-break: break-all;
  word-wrap: break-word;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2101c5da] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2101c5da]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2101c5da]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2101c5da] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2101c5da]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2101c5da]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.live-wechat-list[data-v-2101c5da] {
  font-size: 14px;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 68px;
  overflow-y: auto;
  overflow-x: hidden;
}
.live-wechat-list .inner-list[data-v-2101c5da] {
  margin: 12px;
}
.live-wechat-list .comment-bg[data-v-2101c5da] {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.live-wechat-list .comment-bg > div[data-v-2101c5da] {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  width: 140px;
  background: url(https://mat1.gtimg.com/sports/kbs4//assets/9a6c36a95015272ab0b3.png) center center no-repeat;
  background-size: 68px 68px;
}
.live-wechat-list .comment-bg > div span[data-v-2101c5da] {
  font-size: 14px;
  color: #e8e8e8;
  position: relative;
  top: 90px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-fa7c09d6] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-fa7c09d6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-fa7c09d6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-fa7c09d6] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-fa7c09d6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-fa7c09d6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.wechat-face[data-v-fa7c09d6] {
  height: 171px;
  width: 348px;
  position: absolute;
  margin-bottom: 10px;
  bottom: 58px;
  left: 0;
}
.wechat-face .qq-face[data-v-fa7c09d6], .wechat-face .kbs-face[data-v-fa7c09d6] {
  height: 120px;
  padding: 5px 5px 0;
  overflow-y: auto;
}
.wechat-face .qqface-bg[data-v-fa7c09d6] {
  display: inline-block;
  float: left;
  width: 28px;
  height: 28px;
  padding: 2px;
}
.wechat-face .face-content[data-v-fa7c09d6] {
  height: 128px;
  background-color: #313131;
  border-bottom: 1px solid #4a4a4a;
}
.wechat-face.white[data-v-fa7c09d6] {
  -webkit-box-shadow: 0 2px 10px 0 rgba(206, 206, 206, 0.5);
          box-shadow: 0 2px 10px 0 rgba(206, 206, 206, 0.5);
}
.wechat-face.white .face-content[data-v-fa7c09d6] {
  background-color: #fff;
  border-bottom: 0;
}
.wechat-face.white .face-tab[data-v-fa7c09d6] {
  background-color: #fff;
  border-bottom: 1px solid #EEF3F8;
}
.wechat-face.white .face-tab > div.current[data-v-fa7c09d6], .wechat-face.white .face-tab > div[data-v-fa7c09d6]:hover {
  background-color: #EEF3F8;
}
.wechat-face.white .top-arrow[data-v-fa7c09d6] {
  position: absolute;
  top: -6px;
  right: 98px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-top-width: 0;
}
.wechat-face.white .top-arrow.arrow-in[data-v-fa7c09d6] {
  top: -10px;
  border-bottom-color: rgba(206, 206, 206, 0.2);
}
.wechat-face.white .top-arrow.arrow-out[data-v-fa7c09d6] {
  top: -8px;
  border-bottom-color: #fff;
}
.wechat-face .face-tab[data-v-fa7c09d6] {
  height: 42px;
  background-color: #313131;
}
.wechat-face .face-tab > div[data-v-fa7c09d6] {
  width: 56px;
  height: 33px;
  float: left;
  border-radius: 4px;
  margin-top: 4px;
  margin-left: 5px;
  cursor: pointer;
  text-align: center;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.wechat-face .face-tab > div.current[data-v-fa7c09d6], .wechat-face .face-tab > div[data-v-fa7c09d6]:hover {
  background-color: #4a4a4a;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.wechat-face .face-tab .face-tab-img[data-v-fa7c09d6] {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.wechat-face .face-tab .qq-tab[data-v-fa7c09d6] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAB5lBMVEVHcEz4ymL42pv4x1rctW25hk77+/v68uXb0sfDmmqvcCe3gkaoXw3pyJHhv4zYmCDbpUPNiyPTljPdnCC9fi7goCHDfRS9dxXLiBm3ejHHghfX0czkpSbJkD7tuEv1tyj3wUT1uTPCij7bpUP1wUvquFLjslLz3rD85a///PXNrYPtvlfHr5X74aT425v2vDfwszHDhyaucCvIqYa7kWX/8V7/5kj/uhL/xiD/61HBdRD/////wx3/2Db/9W7/6U///bL/4kP/zCb/93j/7Vf/6Ez/+of/5VTSjBl8LQCreVv/3Dn/3zz/txH/0i36xCT/zyr/2zn//Jb90zP6xjD//J/+4EGxcB3mwIv/1jHChh39swv0zT76yCrnrCnfpCD/wBr2sxX/0S7/9nT0qAv/vxj/40/MfgfoohPswTy4XwDu0lrjlgqLSgv//bjPhRHKhhtdIwDJeg+RTAD/7ljRjiH//sf/6Fx9LQDMiCTnqh/ajgvwowv762+vZw/nvjD55GO7cAz43Uz662+uWgD442LuwC+8cQz82T6uWwD7rwzDfRSpYhLwsB6wbhbDfA/gnyT2yzbXpDn3vSbmvkT2xC//+YfutyXt0qruyj/t1W/uz0jSjiLu15n//9DwqxP7tBD//JXoJBYKAAAANXRSTlMAoGOJZIkSHBxk0aDzY2XRoMWg86Dz89HRxfMS0Ymg89HzicXRiYllYxJlxWVlZcXFxcVjY8wvwdEAAAF7SURBVBjTRZDVUkNBEEQ3QEiA4O7uLrvXJe6uaHCL4O7u7g5/CklR0C9Tc166+gAQiqhKUFRYXCaIEIG/1Dc67FYDY+++qa38RdWRDpeS4DgkdVnNPeXRYRjpIIhZCOEsh1xM/1lFiDXcEU+a6TmfnH3RTGse7JdRPx1NiJj0UJ6lL9Wrh3qckJlLxSDiCilIiqJI3hk+Fno0ChQcKiGpW9SR8zyp0+pIE96XAvKkHJxcnNIuvQfntFNajQnHskC6QQl97oD7bZ5/dgfO9/txLAek6pGCVTn5IO+8ZxXIaqGNGSCRkRJwQGWz2VQDkJAysqHOTJDUrUcd26xcLmchgTY6cGwwDcQvtxvWtrp+Fik41LW72WtciQGiZHO7fufgZEyJxi6O9mhsNVsMQEKPzMQMX4/PzIzfqmmscz0mND7fi8ssw+qFBbW6FzseEYYtRZd4+2gcx+khzOg/Feb+Gq1pnhj9wD4H/SMtdf/qRa1xsRJJbFybOPx+Az2fYwGBm8zNAAAAAElFTkSuQmCC) center center no-repeat;
  background-size: 24px 24px;
}
.wechat-face .face-tab .kbs-tab[data-v-fa7c09d6] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAACmlBMVEVHcEyOeGJcOzBkUEFdTjzTs5TVt5ngvp3YuJrWt5hWRjlgUTzWt5laSTZfTTvVtZXWt5taRThYRzbWtZh1YU6okHZeTjxOPzBHOCrjwqZcSjxaSDpVQDNuVkNqWT9lUT9dUDl1XkdoW0ZjUDTIqYxmW0LWspBzXkZdTTtkV0PWuZxaSzdyXkbXuJllVEFZSDhpV0JqVkPXt5nUtpnjw6TUtJleUT7WuZvDsXyljHNVRTbWtZnPtJCxlHt9aVTSspbWtZTryamdhW3////Wt5ldTDv9///TspJKPC1eTTvXuJrUsZHVtZZfTjzbu51IOSrCpopjUUBlU0FoVUP8/v7UtJUbAADkw6NbSjq6pZD4+PjbrZPXporGp4a6mXuvknLPsJDlxqf9/fx0YU00EQBSQjPev5/Xu6D28/DgzbvUsI5NPjDJqIzauJz29fW8oH/bq5F6Z1WDcV/DpYTVjHfBoYPt49rVpIXx6uHbvqS1lXX639dYRzdsWUeaelrVj3rksaP26+WRb1Dwyr/UoYbUs5NAHgr01LS0nIOjinCqj3X92rlqWURsWES/rJu+q5nKu7Dl1sjc1M/IuKnDpoTs6ujbwqnY0Mny7eny8fBvXUuff2DXkn/ox6haQjiXh3rTuJvX08ndxKrozb1KKhXZupzsy6ve1sp3Y1PYtJrgybPZloTLp4TJl3f15d7269rEkXK2iW04Gg+nh2ff2tTCnIJ+XUW4raWbe13r3dLYt5q6o412ZGHgwaO4kHfBt6/Rrot0YWBMLRhwW0/dvZ1AIhjXl4L28Oqvjm9KMS/q6+krCADs1smJdm+qi27iy7LXt5juzq+mh2nMq4n38evQk3rjvKD47eDduJjYtZO3n41wTzP517Xx0K87o6B7AAAAQ3RSTlMAagQg8ytqEDnqScvwlPuXDD/pbujobmpqBafcPHBL0hPh9SwJSkPFim3AKRWcpVzd4+Do6FPqS2noXWR36Oiv9mpqi1CF0QAAAetJREFUKM9jYGBgUABiFXYgkGSAAxluOWVVBlTALB2kKK8ky4QsxiTlGlGbHNirrsmsA+JzaQMJQVfXCNeewIjAYEMDPX0uXhZeoKCGq6evpysIuXp68rH4+vJZMTBw+9Zk+/v7e4ABkE71ZBFkMEtNDUwuKgwKCg4OmlVUGFyT7SrGIOTZudd9R1ximp9fYsLsuMSA5GygYFf7kbqmzQnLwuemVdU1xXb71IoziOT6nYv3S6jKWRoaV+pXfCnnbqc4g93FE6dTDrWFbWsvTUlZ0hZ2u7tDgkEkPP3sybCje3aHL5g/L2zTwVt3uiQYbLPOO586vN95/ZpFzlErtjtfvxngxCB6IeuMc5LzuuiWmMXOIc6NuTcCGBlEc1vqG6qbV5fMqS8B0seuXgMKWvrt2rpxbXlMQXR0QUz5hn054UBBEx+f5Qs74vOnxMYW58dHbsm8nObIYNzqPsN56vTJ/ZGRfRMmzXTeecCHjYHTx3uis7NzSFReXpSbs7NbZpYLGwOPl3tlhhvQXiBwc3ar8An1EmbgdHHxntaYFOLsBhRKKkt39wKq5HcBivpkVlzJyDhetirU3cuLk5WBXdfIyyvU29ulMt3F3XulC4+WGiiqWM2thfkdWr3d3e1tLEw5BBCRysoBBDA+AIXzpAfYtzZLAAAAAElFTkSuQmCC) center center no-repeat;
  background-size: 24px 24px;
}
.wechat-face .bottom-arrow[data-v-fa7c09d6] {
  position: absolute;
  bottom: 0;
  right: 96px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 0;
}
.wechat-face .bottom-arrow.arrow-in[data-v-fa7c09d6] {
  bottom: -10px;
  border-top-color: #313131;
}
.wechat-face .bottom-arrow.arrow-out[data-v-fa7c09d6] {
  bottom: -11px;
  border-top-color: rgba(206, 206, 206, 0.1);
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-295be2ad] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-295be2ad]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-295be2ad]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-295be2ad] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-295be2ad]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-295be2ad]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.tips-wechat[data-v-295be2ad] {
  position: absolute;
  bottom: 77px;
  text-align: center;
  width: 100%;
}
.tips-wechat .tips-content[data-v-295be2ad] {
  display: inline-block;
  padding: 0 23px;
  height: 34px;
  line-height: 34px;
  background-color: #3A84FF;
  opacity: 0.9;
  border-radius: 100px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.tips-wechat.v-leave-active[data-v-295be2ad], .tips-wechat.v-enter-active[data-v-295be2ad] {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.tips-wechat.v-leave-to[data-v-295be2ad] {
  opacity: 0;
}
.tips-wechat.v-enter-to[data-v-295be2ad] {
  opacity: 1;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-4dbdb31b] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-4dbdb31b]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-4dbdb31b]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-4dbdb31b] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-4dbdb31b]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-4dbdb31b]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.comment-box[data-v-4dbdb31b] {
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #222;
  padding: 13px 16px;
}
.comment-box textarea[data-v-4dbdb31b] {
  height: 30px;
  padding: 10px 38px 0 16px;
  width: 190px;
  border: 1px solid #222222;
  float: left;
  background-color: #222222;
  color: #fff;
  font-size: 14px;
  resize: none;
  outline: none;
  border-radius: 2px 0 0 2px;
}
.comment-box textarea[data-v-4dbdb31b]:focus {
  border: 1px solid #3A84FF;
}
.comment-box .expression[data-v-4dbdb31b] {
  height: 39px;
  width: 42px;
  right: 88px;
  top: 15px;
  position: absolute;
  border: 0;
  color: #8e8e8e;
  /*background: url('../../assets/expression.png') center center no-repeat;*/
  background-color: #222222;
  background-size: 26px 26px;
  outline: none;
}
.comment-box .expression.blue[data-v-4dbdb31b], .comment-box .expression[data-v-4dbdb31b]:hover {
  color: #3A84FF;
  /*background-image: url('../../assets/expression-blue.png');*/
  cursor: pointer;
}
.comment-box .expression .icon-smile[data-v-4dbdb31b] {
  font-size: 30px;
}
.comment-box .submit[data-v-4dbdb31b] {
  width: 70px;
  height: 42px;
  background: #3A84FF;
  border: 0;
  color: #fff;
  float: left;
  font-size: 14px;
  outline: none;
  border-radius: 0 2px 2px 0;
}
.comment-box .submit[data-v-4dbdb31b]:hover {
  background: #5090FD;
  cursor: pointer;
}
.face-icon {
    zoom: 1;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(https://mat1.gtimg.com/sports/kbs4//assets/d8ae475a870335c1635f.png) no-repeat;
}

.face-icon.f1 {
    background-position: 0 0;
}

.face-icon.f2 {
    background-position: -22px 0;
}

.face-icon.f3 {
    background-position: -44px 0;
}

.face-icon.f4 {
    background-position: -66px 0;
}

.face-icon.f5 {
    background-position: -88px 0;
}

.face-icon.f6 {
    background-position: -110px 0;
}

.face-icon.f7 {
    background-position: -132px 0;
}

.face-icon.f8 {
    background-position: -154px 0;
}

.face-icon.f9 {
    background-position: -176px 0;
}

.face-icon.f10 {
    background-position: 0 -22px;
}

.face-icon.f11 {
    background-position: -22px -22px;
}

.face-icon.f12 {
    background-position: -44px -22px;
}

.face-icon.f13 {
    background-position: -66px -22px;
}

.face-icon.f14 {
    background-position: -88px -22px;
}

.face-icon.f15 {
    background-position: -110px -22px;
}

.face-icon.f16 {
    background-position: -132px -22px;
}

.face-icon.f17 {
    background-position: -154px -22px;
}

.face-icon.f18 {
    background-position: -176px -22px;
}

.face-icon.f19 {
    background-position: 0 -44px;
}

.face-icon.f20 {
    background-position: -22px -44px;
}

.face-icon.f21 {
    background-position: -44px -44px;
}

.face-icon.f22 {
    background-position: -66px -44px;
}

.face-icon.f23 {
    background-position: -88px -44px;
}

.face-icon.f24 {
    background-position: -110px -44px;
}

.face-icon.f25 {
    background-position: -132px -44px;
}

.face-icon.f26 {
    background-position: -154px -44px;
}

.face-icon.f27 {
    background-position: -176px -44px;
}

.face-icon.y1 {
    background-position: 0 -67px;
}

.face-icon.y2 {
    background-position: -22px -66px;
}

.face-icon.y3 {
    background-position: -44px -66px;
}

.face-icon.y4 {
    background-position: -66px -66px;
}

.face-icon.y5 {
    background-position: -88px -66px;
}

.face-icon.y6 {
    background-position: -110px -66px;
}

.face-icon.y7 {
    background-position: -132px -66px;
}

.face-icon.y8 {
    background-position: -154px -66px;
}

.face-icon.y9 {
    background-position: -176px -66px;
}

.face-icon.y10 {
    background-position: 0 -88px;
}

.face-icon.y11 {
    background-position: -22px -88px;
}

.face-icon.y12 {
    background-position: -44px -88px;
}

.face-icon.y13 {
    background-position: -66px -88px;
}

.face-icon.y14 {
    background-position: -88px -88px;
}

.face-icon.y15 {
    background-position: -110px -88px;
}

.face-icon.y16 {
    background-position: -132px -88px;
}

.face-icon.y17 {
    background-position: -154px -88px;
}

.face-icon.y18 {
    background-position: -176px -88px;
}

.face-icon.y19 {
    background-position: 0 -110px;
}

.face-icon.y20 {
    background-position: -22px -110px;
}

.face-icon.y21 {
    background-position: -44px -110px;
}

.face-icon.y22 {
    background-position: -66px -110px;
}

.face-icon.y23 {
    background-position: -88px -110px;
}

.face-icon.y24 {
    background-position: -110px -110px;
}

.face-icon.y25 {
    background-position: -132px -110px;
}

.face-icon.y26 {
    background-position: -154px -110px;
}

.face-icon.y27 {
    background-position: -176px -110px;
}

.face-icon.y28 {
    background-position: 0 -132px;
}

.face-icon.y29 {
    background-position: -22px -132px;
}

.face-icon.y30 {
    background-position: -44px -132px;
}

.face-icon.y31 {
    background-position: -66px -132px;
}

.face-icon.y32 {
    background-position: -88px -132px;
}

.face-icon.y33 {
    background-position: -110px -132px;
}

.face-icon.y34 {
    background-position: -132px -132px;
}

.face-icon.y35 {
    background-position: -154px -132px;
}

.face-icon.y36 {
    background-position: -176px -132px;
}

.face-icon.y37 {
    background-position: 0 -154px;
}

.face-icon.y38 {
    background-position: -22px -154px;
}

.face-icon.y39 {
    background-position: -44px -154px;
}

.face-icon.y40 {
    background-position: -66px -154px;
}

.face-icon.y41 {
    background-position: -88px -154px;
}

.face-icon.y42 {
    background-position: -110px -154px;
}

.face-icon.y43 {
    background-position: -132px -154px;
}

.face-icon.y44 {
    background-position: -154px -154px;
}

.face-icon.y45 {
    background-position: -176px -154px;
}

.face-icon.y46 {
    background-position: 0 -176px;
}

.face-icon.y47 {
    background-position: -22px -176px;
}

.face-icon.y48 {
    background-position: -44px -176px;
}

.face-icon.y49 {
    background-position: -66px -176px;
}

.face-icon.y50 {
    background-position: -88px -176px;
}

.face-icon.y51 {
    background-position: -110px -176px;
}

.face-icon.y52 {
    background-position: -132px -176px;
}

.face-icon.y53 {
    background-position: -154px -176px;
}

.face-icon.y54 {
    background-position: -176px -176px;
}

.face-icon.y55 {
    background-position: 0 -198px;
}

.face-icon.y56 {
    background-position: -22px -198px;
}

.face-icon.y57 {
    background-position: -44px -198px;
}

.face-icon.y58 {
    background-position: -66px -198px;
}

.face-icon.y59 {
    background-position: -88px -198px;
}

.face-icon.y60 {
    background-position: -110px -198px;
}

.face-icon.y61 {
    background-position: -132px -198px;
}

.face-icon.y62 {
    background-position: -154px -198px;
}

.face-icon.y63 {
    background-position: -176px -198px;
}

.host.blue {
    color: #3A84FF;
}

.live-wechat[data-v-e17d3f3e] {
  height: 100%;
  position: relative;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-08cd973e] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-08cd973e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-08cd973e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-08cd973e] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-08cd973e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-08cd973e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.translate-item .left-info[data-v-08cd973e] {
  position: relative;
  float: left;
  margin-top: 15px;
  width: 60px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.translate-item .left-info img[data-v-08cd973e] {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  vertical-align: middle;
}
.translate-item .left-info .spot[data-v-08cd973e] {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -3px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #3A84FF;
}
.translate-item .right-info[data-v-08cd973e] {
  padding: 0 22px;
  border-left: solid 1px #4a4a4a;
  font-size: 14px;
  overflow: hidden;
}
.translate-item .right-info .detail-container[data-v-08cd973e] {
  position: relative;
  width: 100%;
  padding: 15px 0 5px;
}
.translate-item .right-info .detail-container .ai-nick[data-v-08cd973e] {
  font-size: 14px;
  color: #2b9eee;
  margin-bottom: 6px;
}
.translate-item .right-info .detail-container .text[data-v-08cd973e] {
  line-height: 24px;
  color: #fff;
  margin-bottom: 6px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.translate-list-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  color: #c2c2c2;
  word-wrap: break-word;
}
.translate-list-container .translate-list {
  background-color: #222222;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.ai-translate {
  position: relative;
  width: 100%;
  height: 100%;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.aside-tab.kbs-tabs-wrapper {
  height: 100%;
}
.aside-tab.kbs-tabs-wrapper .tabs-nav-wrapper {
  table-layout: fixed;
  position: relative;
  z-index: 101;
  border-bottom: 1px solid #222222;
}
.aside-tab.kbs-tabs-wrapper .tabs-nav-wrapper .nav-item {
  line-height: 55px;
  font-size: 15px;
  color: #8e8e8e;
}
.aside-tab.kbs-tabs-wrapper .tabs-nav-wrapper .nav-item span {
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
.aside-tab.kbs-tabs-wrapper .tabs-nav-wrapper .nav-item:hover {
  color: #3A84FF;
}
.aside-tab.kbs-tabs-wrapper .tabs-nav-wrapper .nav-item:only-child:hover {
  color: #8e8e8e;
  cursor: auto;
}
.aside-tab.kbs-tabs-wrapper .tabs-nav-wrapper .nav-item-cur {
  color: #3A84FF;
}
.aside-tab.kbs-tabs-wrapper .kbs-tab-item {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
}
.aside-tab.kbs-tabs-wrapper .event-data {
  position: absolute;
  width: 100%;
  height: calc(100% - 55px);
  border: 0;
}
.aside-tab.kbs-tabs-wrapper .aside-no-data {
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #8e8e8e;
  top: 48%;
}
.aside-tab.kbs-tabs-wrapper .aside-no-data.aside-no-data-show {
  display: block;
}
.guess-list-container {
  height: 100%;
  overflow: scroll;
  overflow-x: visible;
}
.opta-live {
  width: 100%;
  height: 100%;
}
.opta-live .Opta > .Opta_W {
  margin-top: 0;
  margin-bottom: 0;
}
.opta-live__loading {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.opta-live__loading_bg {
  width: 100%;
}
.opta-live__loading_banner {
  width: 100%;
  position: absolute;
  top: 41.5%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  z-index: 2;
}
.opta-live__loading_ball {
  position: absolute;
  margin: 0 auto 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 47%;
  z-index: 3;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-0679bf65] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-0679bf65]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-0679bf65]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-0679bf65] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-0679bf65]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-0679bf65]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.fack-full-screen[data-v-0679bf65] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.live-box[data-v-0679bf65] {
  background-color: #000;
  overflow: hidden;
  margin: 0 auto auto auto;
  background-size: 3000px 600px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.live-box .inner[data-v-0679bf65] {
  margin: 0 auto;
  width: 1240px;
  position: relative;
  min-height: 490px;
}
@media screen and (max-width: 1700px) {
.live-box .inner[data-v-0679bf65] {
    width: 1240px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.live-box .inner[data-v-0679bf65] {
    width: 1540px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.live-box .inner.screen-width-trigger[data-v-0679bf65]:before {
  display: none;
}
@media screen and (max-width: 1700px) {
.live-box .inner.screen-width-trigger[data-v-0679bf65]:before {
    content: "small";
}
}
@media screen and (min-width: 1700px) {
.live-box .inner.screen-width-trigger[data-v-0679bf65]:before {
    content: "large";
}
}
.live-box .inner .gradient-bg[data-v-0679bf65] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
}
.live-box .inner .gradient-bg-left[data-v-0679bf65] {
  position: absolute;
  height: 100%;
  width: 400px;
  left: -128px;
  -webkit-transform: skewX(-30deg);
      -ms-transform: skewX(-30deg);
          transform: skewX(-30deg);
  background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(#480009));
  background-image: linear-gradient(90deg, #000000, #480009);
}
.live-box .inner .gradient-bg-right[data-v-0679bf65] {
  position: absolute;
  height: 100%;
  width: 400px;
  right: -128px;
  -webkit-transform: skewX(30deg);
      -ms-transform: skewX(30deg);
          transform: skewX(30deg);
  background-image: -webkit-gradient(linear, left top, right top, from(#072e6d), to(#000000));
  background-image: linear-gradient(90deg, #072e6d, #000000);
}
.live-box .main[data-v-0679bf65] {
  position: relative;
  width: 870px;
  -webkit-transition: width 0.15s ease-out;
  transition: width 0.15s ease-out;
}
@media screen and (max-width: 1700px) {
.live-box .main[data-v-0679bf65] {
    width: 870px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.live-box .main[data-v-0679bf65] {
    width: 1170px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.live-box .main .screen[data-v-0679bf65] {
  position: relative;
  background-color: #000;
}
.live-box .main .screen .close[data-v-0679bf65] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////wV68vgAAAAXdFJOUwD7Vf4ECXUXjtYacTOjzJh+2kTKhtN2XhMQfgAAAMxJREFUWMPtltsSgjAMRPGCVEFRvOT//1QYBqdcGkg241P2tZszpbSbZJnL5fqzjvuywgz5k+jwYgzFrTV8OMSJOoU04dyt7y4M4kosoycQNau7SDEGAruL/M0wBgLd2fP82YJkaaNxMyFpFRASZhFh0S4kLBSICbMSBWFSpCKMypSEiFFrCRFDTZgygirBYkZQpmDxQAkGCPxD8OPEfyp+tfALjj8z/LHjkYMHHx6/eBPAWxHeEA3assFwYDaiQIOSwbhmMDS6XC57fQGPGzG9mDw1FAAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.live-box .main .screen.fixed[data-v-0679bf65] {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 888;
  width: 400px;
  height: 225px;
}
.live-box .main .screen.fixed:hover .close[data-v-0679bf65] {
  display: block;
}
.live-box .main .animation-area[data-v-0679bf65] {
  width: 50%;
  height: 390px;
  position: absolute;
  top: 0;
  -webkit-transition: height 0.15s ease-out;
  transition: height 0.15s ease-out;
  z-index: 100;
}
@media screen and (max-width: 1700px) {
.live-box .main.expanded[data-v-0679bf65] {
    width: 1218px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.live-box .main.expanded[data-v-0679bf65] {
    width: 1518px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.live-box .switch[data-v-0679bf65] {
  position: absolute;
  right: 348px;
  top: 0;
  -webkit-transition: right 0.4s ease-out;
  transition: right 0.4s ease-out;
}
.live-box .switch.folded[data-v-0679bf65] {
  right: 0;
}
.live-box .aside-trans-leave-active[data-v-0679bf65] {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.live-box .aside-trans-enter-active[data-v-0679bf65] {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.live-box .aside-trans-enter[data-v-0679bf65], .live-box .aside-trans-leave-to[data-v-0679bf65] {
  opacity: 0;
}
.live-box .aside[data-v-0679bf65] {
  position: absolute;
  top: 0;
  right: 0;
  width: 348px;
  height: 100%;
  overflow: hidden;
  background-color: #141414;
  border-left: 1px solid #222222;
}
.live-box .aside .live-Interaction[data-v-0679bf65] {
  position: absolute;
  width: 348px;
  height: 100%;
  background: #000;
  left: 0;
  top: 0;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-0d38104f] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-0d38104f]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-0d38104f]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-0d38104f] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-0d38104f]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-0d38104f]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.expert-forecast .expert-forecast-title[data-v-0d38104f] {
  height: 70px;
  line-height: 70px;
}
@media screen and (max-width: 1700px) {
.expert-forecast .expert-forecast-title[data-v-0d38104f] {
    margin: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.expert-forecast .expert-forecast-title[data-v-0d38104f] {
    margin: 0 150px;
}
}
.expert-forecast .expert-forecast-title .title[data-v-0d38104f] {
  font-size: 20px;
  color: #313131;
}
.expert-forecast .expert-forecast-title .title span[data-v-0d38104f] {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 18px;
  border-left: 4px solid #141414;
  margin-right: 8px;
}
.expert-forecast .expert-forecast-list .articals-item[data-v-0d38104f] {
  display: block;
  height: 76px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1700px) {
.expert-forecast .expert-forecast-list .articals-item[data-v-0d38104f] {
    padding: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.expert-forecast .expert-forecast-list .articals-item[data-v-0d38104f] {
    padding: 0 150px;
}
}
.expert-forecast .expert-forecast-list .articals-item .item-left[data-v-0d38104f] {
  float: left;
  max-width: 90%;
  padding: 12px 0 15px 0;
}
.expert-forecast .expert-forecast-list .articals-item .item-left .title[data-v-0d38104f] {
  font-size: 16px;
  color: #313131;
  line-height: 22px;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expert-forecast .expert-forecast-list .articals-item .item-left div .item-price[data-v-0d38104f] {
  display: inline-block;
  background: rgba(237, 162, 0, 0.05);
  border: 1px solid rgba(237, 162, 0, 0.2);
  border-radius: 2px;
  font-size: 12px;
  color: #EDA200;
  margin: 0 10px 0 9px;
  padding: 1px 6px 1px 6px;
  line-height: 18px;
}
.expert-forecast .expert-forecast-list .articals-item .item-left div .item-time[data-v-0d38104f] {
  font-size: 12px;
  color: #8e8e8e;
}
.expert-forecast .expert-forecast-list .articals-item .item-right[data-v-0d38104f] {
  float: right;
  width: 60px;
  height: 60px;
  margin-top: 8px;
}
.expert-forecast .expert-forecast-list .articals-item .item-right .export-icon[data-v-0d38104f] {
  width: 100%;
  height: 100%;
}
.expert-forecast .expert-forecast-list .articals-item[data-v-0d38104f]:hover {
  background: #EEF3F8;
}
.expert-forecast .expert-forecast-list .articals-item:active .item-left .title[data-v-0d38104f] {
  color: #3A84FF;
}
.expert-forecast .articals-height1[data-v-0d38104f] {
  height: 76px;
  overflow: hidden;
}
.expert-forecast .articals-height2[data-v-0d38104f] {
  height: 152px;
  overflow: hidden;
}
.expert-forecast .articals-height3[data-v-0d38104f] {
  height: 228px;
  overflow: hidden;
}
.expert-forecast .show-all[data-v-0d38104f] {
  border-bottom: 4px solid #f6f6f6;
  padding-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 1700px) {
.expert-forecast .show-all[data-v-0d38104f] {
    margin: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.expert-forecast .show-all[data-v-0d38104f] {
    margin: 0 150px;
}
}
.expert-forecast .show-all .btn[data-v-0d38104f] {
  display: block;
  height: 100%;
  margin: 18px auto 0 auto;
  font-size: 14px;
  color: #313131;
}
.expert-forecast .show-all .btn .arrow[data-v-0d38104f] {
  margin-left: 5px;
}
.expert-forecast .show-all .btn[data-v-0d38104f]:hover {
  color: #3A84FF;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-653d8f5f] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-653d8f5f]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-653d8f5f]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-653d8f5f] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-653d8f5f]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-653d8f5f]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.swap[data-v-653d8f5f] {
  color: #313131;
}
.swap .title[data-v-653d8f5f] {
  font-size: 16px;
  height: 82px;
  line-height: 88px;
  text-align: center;
}
.swap table[data-v-653d8f5f] {
  width: 100%;
  border-collapse: collapse;
}
.swap table tr[data-v-653d8f5f] {
  height: 50px;
  font-size: 14px;
  border-bottom: 1px solid #EEF3F8;
  border-top: 1px solid #EEF3F8;
}
.swap table tr td span[data-v-653d8f5f] {
  display: inline-block;
  vertical-align: middle;
}
.swap table tr td .down[data-v-653d8f5f] {
  font-size: 24px;
  color: #F2504F;
}
.swap table tr td .up[data-v-653d8f5f] {
  font-size: 24px;
  color: #85CF3C;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swap table tr .host[data-v-653d8f5f] {
  width: 37%;
  text-align: right;
}
.swap table tr .host div > span[data-v-653d8f5f]:nth-child(3) {
  margin-left: 16px;
}
.swap table tr .separate[data-v-653d8f5f] {
  width: 24%;
  text-align: center;
}
.swap table tr .guest[data-v-653d8f5f] {
  width: 37%;
}
.swap table tr .guest div > span[data-v-653d8f5f]:nth-child(2) {
  margin-right: 26px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-8eb312d8] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-8eb312d8]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-8eb312d8]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-8eb312d8] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-8eb312d8]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-8eb312d8]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.bench[data-v-8eb312d8] {
  color: #313131;
}
.bench .title[data-v-8eb312d8] {
  font-size: 16px;
  height: 82px;
  line-height: 88px;
  text-align: center;
}
.bench table[data-v-8eb312d8] {
  width: 100%;
  border-collapse: collapse;
}
.bench table tr[data-v-8eb312d8] {
  height: 50px;
  font-size: 14px;
  border-bottom: 1px solid #EEF3F8;
  border-top: 1px solid #EEF3F8;
}
.bench table tr .host[data-v-8eb312d8] {
  width: 37%;
  text-align: right;
}
.bench table tr .host > span[data-v-8eb312d8]:last-child {
  margin-left: 30px;
}
.bench table tr .separate[data-v-8eb312d8] {
  width: 24%;
}
.bench table tr .guest[data-v-8eb312d8] {
  width: 37%;
}
.bench table tr .guest > span[data-v-8eb312d8]:first-child {
  margin-right: 30px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-174ce55a] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-174ce55a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-174ce55a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-174ce55a] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-174ce55a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-174ce55a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.top-section[data-v-174ce55a] {
  margin-bottom: 30px;
}
.top-section .title-section[data-v-174ce55a] {
  font-size: 20px;
  color: #313131;
  padding: 25px 0;
}
.top-section .title-section span[data-v-174ce55a] {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 18px;
  border-left: 4px solid #313131;
  margin-right: 8px;
}
.top-section .logo-section[data-v-174ce55a] {
  font-size: 16px;
  font-weight: bold;
  color: #313131;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-section .logo-section div[class$=side][data-v-174ce55a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
}
.top-section .logo-section div[class$=side] span[data-v-174ce55a] {
  height: 36px;
  line-height: 36px;
}
.top-section .logo-section div[class$=side] .team-desc[data-v-174ce55a] {
  vertical-align: top;
  margin: 0 24px;
}
.top-section .logo-section div[class$=side] span.team-name[data-v-174ce55a] {
  vertical-align: top;
}
.top-section .logo-section .logo-container[data-v-174ce55a] {
  width: 12.5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-section .logo-section .logo-container img[data-v-174ce55a] {
  width: 36px;
}
.top-section .logo-section .host-side[data-v-174ce55a] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 24px;
}
.top-section .logo-section .host-side img[data-v-174ce55a] {
  top: 0;
  left: -18px;
}
.top-section .logo-section .host-side .team-name[data-v-174ce55a] {
  margin-right: 27px;
}
.top-section .logo-section .guest-side[data-v-174ce55a] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 24px;
}
.top-section .logo-section .guest-side img[data-v-174ce55a] {
  top: 0;
  right: -18px;
}
.top-section .logo-section .guest-side .team-name[data-v-174ce55a] {
  margin-left: 27px;
}
.top-section .logo-section .centre-side[data-v-174ce55a] {
  line-height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-section .logo-section .to-team[data-v-174ce55a] {
  cursor: pointer;
}
.top-section .logo-section .to-team[data-v-174ce55a]:hover {
  color: #3A84FF;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-f60b7f0a] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-f60b7f0a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-f60b7f0a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-f60b7f0a] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-f60b7f0a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-f60b7f0a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.line-up[data-v-f60b7f0a] {
  width: 100%;
}
.line-up table[data-v-f60b7f0a] {
  margin-top: -4px;
  width: 100%;
  border-top: 1px solid #EEF3F8;
}
.line-up table tbody td[data-v-f60b7f0a] {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  border-bottom: 1px solid #EEF3F8;
}
.line-up table tbody .line-up-left[data-v-f60b7f0a] {
  text-align: right;
}
.line-up table tbody .line-up-left span[data-v-f60b7f0a] {
  margin-left: 30px;
}
.line-up table tbody .line-up-right[data-v-f60b7f0a] {
  text-align: left;
}
.line-up table tbody .line-up-right span[data-v-f60b7f0a] {
  margin-right: 30px;
}
@charset "UTF-8";
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.first-team[data-v-68603fda] {
  padding-bottom: 40px;
}
@media screen and (max-width: 1700px) {
.first-team[data-v-68603fda] {
    margin: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.first-team[data-v-68603fda] {
    margin: 0 150px;
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-74b5b1c6] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-74b5b1c6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-74b5b1c6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-74b5b1c6] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-74b5b1c6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-74b5b1c6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.penalty[data-v-74b5b1c6] {
  color: #313131;
  font-size: 14px;
}
.penalty .data-info[data-v-74b5b1c6] {
  list-style: none;
  padding: 0;
  margin: -18px auto 0;
}
.penalty .data-info > li[data-v-74b5b1c6] {
  border-top: 1px solid #EEF3F8;
  overflow: hidden;
}
.penalty .data-info > li span[data-v-74b5b1c6] {
  display: inline-block;
  height: 50px;
  line-height: 50px;
}
.penalty .data-info > li span[class$=st-side][data-v-74b5b1c6] {
  float: left;
  width: 44.3%;
}
.penalty .data-info > li span[class$=st-side] .result[data-v-74b5b1c6] {
  display: inline-block;
  font-size: 30px;
  width: 12.5%;
}
.penalty .data-info > li span[class$=st-side] .result.icon-close[data-v-74b5b1c6] {
  font-size: 26px;
  font-weight: bold;
  color: #E4393C;
}
.penalty .data-info > li span[class$=st-side] .player[data-v-74b5b1c6] {
  position: relative;
  bottom: 7px;
}
.penalty .data-info > li .host-side[data-v-74b5b1c6] {
  text-align: right;
}
.penalty .data-info > li .host-side .player[data-v-74b5b1c6] {
  margin-right: 26px;
}
.penalty .data-info > li .host-side .result[data-v-74b5b1c6] {
  position: relative;
  left: -14px;
  text-align: left;
}
.penalty .data-info > li .guest-side .player[data-v-74b5b1c6] {
  margin-left: 27px;
}
.penalty .data-info > li .guest-side .result[data-v-74b5b1c6] {
  position: relative;
  left: 14px;
  text-align: right;
}
.penalty .data-info > li .centre-side[data-v-74b5b1c6] {
  float: left;
  width: 11.4%;
  text-align: center;
}
.penalty .data-info > li .centre-side .round[data-v-74b5b1c6] {
  display: inline-block;
  font-weight: bold;
  width: 42px;
  height: 23px;
  line-height: 23px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-096ed413] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-096ed413]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-096ed413]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-096ed413] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-096ed413]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-096ed413]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.period-goals[data-v-096ed413] {
  margin: 13px 160px 0;
  font-size: 14px;
  color: #8e8e8e;
}
.period-goals div[data-v-096ed413] {
  text-align: center;
}
.period-goals div.host-goals[data-v-096ed413] {
  margin-bottom: 5px;
}
.period-goals div span[data-v-096ed413] {
  display: inline-block;
  width: 44px;
  height: 34px;
  line-height: 34px;
}
.period-goals div span.goals-num[data-v-096ed413] {
  font-size: 16px;
  color: #313131;
}
.period-goals div span.goals-num.empty-goal[data-v-096ed413] {
  font-size: 24px;
  font-weight: 100;
  color: #e8e8e8;
}
.period-goals div span.goals-num.total-goal[data-v-096ed413] {
  color: #8e8e8e;
  font-weight: bold;
}
.period-goals div span.goals-num.total-goal.total-in-game[data-v-096ed413] {
  font-weight: normal;
  color: #313131;
}
.period-goals div span.goals-num.total-goal.bold-letter[data-v-096ed413] {
  color: #313131;
}
.period-goals div span.goals-num.total-goal.bold-letter.total-in-game[data-v-096ed413] {
  font-weight: normal;
  color: #313131;
}
.period-goals div span.bold-letter[data-v-096ed413] {
  font-weight: bold;
}
.period-goals div span.bold-letter.current-quarter[data-v-096ed413] {
  font-weight: normal;
  background-color: #e8e8e8;
}
.period-goals div span.bold-letter.total-in-game[data-v-096ed413] {
  font-weight: normal;
  color: #313131;
}
.period-goals div span.current-quarter[data-v-096ed413] {
  background-color: #e8e8e8;
}
.period-goals div span.team-name[data-v-096ed413] {
  color: #313131;
}
.period-goals div span.to-team[data-v-096ed413] {
  cursor: pointer;
}
.period-goals div span.to-team[data-v-096ed413]:hover {
  color: #3A84FF;
}
.period-goals div .wide-wrap[data-v-096ed413] {
  width: 50px;
}
.period-goals div .wider-wrap[data-v-096ed413] {
  width: 58px;
}
.period-goals div .widest-wrap[data-v-096ed413] {
  width: 70px;
}
.period-goals div > span[data-v-096ed413]:first-child {
  width: 56px;
}
.period-goals div > span:first-child.long-name[data-v-096ed413] {
  width: 100px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-60f6cdd4] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-60f6cdd4]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-60f6cdd4]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-60f6cdd4] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-60f6cdd4]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-60f6cdd4]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.goals[data-v-60f6cdd4] {
  position: relative;
  font-size: 16px;
  color: #313131;
  min-height: 108px;
  margin: 13px 160px 0;
}
.goals table[data-v-60f6cdd4] {
  position: relative;
  width: 180px;
  border-collapse: collapse;
  margin: 0 auto;
}
.goals table td[data-v-60f6cdd4] {
  height: 28px;
  text-align: center;
}
.goals table td.total-goal[data-v-60f6cdd4] {
  color: #8e8e8e;
  font-weight: bold;
}
.goals table td.total-goal.bold-font[data-v-60f6cdd4] {
  color: #313131;
}
.goals table td.total-goal.total-in-game[data-v-60f6cdd4] {
  font-weight: normal;
  color: #313131;
}
.goals table td.left-goal[data-v-60f6cdd4] {
  width: 36px;
}
.goals table td.left-goal .goal-container[data-v-60f6cdd4] {
  display: inline-block;
  width: 26px;
  text-align: center;
}
.goals table td.left-goal.empty-goal[data-v-60f6cdd4] {
  font-size: 24px;
  font-weight: 100;
  color: #e8e8e8;
}
.goals table td.quarter[data-v-60f6cdd4] {
  width: 108px;
  font-size: 14px;
  color: #8e8e8e;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.goals table td.right-goal[data-v-60f6cdd4] {
  width: 36px;
}
.goals table td.right-goal .goal-container[data-v-60f6cdd4] {
  display: inline-block;
  width: 26px;
  text-align: center;
}
.goals table td.right-goal.empty-goal[data-v-60f6cdd4] {
  font-size: 24px;
  font-weight: 100;
  color: #e8e8e8;
}
.goals table td.bold-font[data-v-60f6cdd4] {
  font-weight: bold;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-0b1970c7] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-0b1970c7]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-0b1970c7]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-0b1970c7] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-0b1970c7]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-0b1970c7]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.team-info.match-situation-data[data-v-0b1970c7] {
  position: relative;
  overflow: hidden;
  margin-top: 15px;
}
.team-info.match-situation-data .content-wrapper[data-v-0b1970c7] {
  min-height: 120px;
  padding-bottom: 13px;
}
.team-info.match-situation-data .team-goal[data-v-0b1970c7] {
  width: 160px;
  overflow: hidden;
}
.team-info.match-situation-data .team-goal .team-name[data-v-0b1970c7] {
  color: #fff;
  font-size: 16px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.team-info.match-situation-data .team-goal .badge-goals[data-v-0b1970c7] {
  padding: 30px 0 0;
  text-align: center;
  overflow: hidden;
}
.team-info.match-situation-data .team-goal .badge-goals .team-logo[data-v-0b1970c7] {
  float: left;
  width: 70px;
  height: 70px;
  position: relative;
}
.team-info.match-situation-data .team-goal .badge-goals .team-logo img[data-v-0b1970c7] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70px;
  height: auto;
}
.team-info.match-situation-data .team-goal .badge-goals span[data-v-0b1970c7] {
  float: left;
  font-size: 40px;
  color: #313131;
  width: 80px;
  line-height: 70px;
}
.team-info.match-situation-data .team-goal .badge-goals span.bold-font[data-v-0b1970c7] {
  color: #8e8e8e;
}
.team-info.match-situation-data .team-goal .badge-goals span.bold-font.winner[data-v-0b1970c7] {
  color: #313131;
}
.team-info.match-situation-data .team-goal.host[data-v-0b1970c7] {
  float: left;
}
.team-info.match-situation-data .team-goal.host .team-name[data-v-0b1970c7] {
  border-radius: 100px 0 0 100px;
  background-color: #CE3434;
}
.team-info.match-situation-data .team-goal.guest[data-v-0b1970c7] {
  float: right;
}
.team-info.match-situation-data .team-goal.guest .team-name[data-v-0b1970c7] {
  border-radius: 0 100px 100px 0;
  background-color: #3A84FF;
}
.team-info.match-situation-data .quarter-info[data-v-0b1970c7] {
  color: #CE3434;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  background-color: #f6f6f6;
  text-align: center;
  margin: 0 160px;
}
.team-info.match-situation-data .quarter-info.game-over[data-v-0b1970c7] {
  color: #8e8e8e;
}
.team-info.match-situation-data .to-team[data-v-0b1970c7] {
  cursor: pointer;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-d4868154] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-d4868154]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-d4868154]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-d4868154] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-d4868154]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-d4868154]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.team-stats.match-situation-data .content-wrapper[data-v-d4868154] {
  padding-bottom: 6px;
}
.team-stats.match-situation-data .stats-section[data-v-d4868154] {
  width: 100%;
  border-collapse: collapse;
}
.team-stats.match-situation-data .stats-section .stats-item[data-v-d4868154] {
  vertical-align: top;
}
.team-stats.match-situation-data span[data-v-d4868154] {
  display: inline-block;
  color: #313131;
  height: 14px;
  line-height: 14px;
}
.team-stats.match-situation-data td[class$=st-side][data-v-d4868154] {
  width: 44.3%;
  height: 47px;
}
.team-stats.match-situation-data td[class$=st-side] .stats-num[data-v-d4868154] {
  font-size: 20px;
  width: 25%;
  text-align: center;
}
.team-stats.match-situation-data td[class$=st-side] .stats-num.special-stats[data-v-d4868154] {
  position: relative;
  font-size: 14px;
  top: -9px;
}
.team-stats.match-situation-data td[class$=st-side] .stats-num .stats-ext[data-v-d4868154] {
  position: relative;
  color: #141414;
  font-size: 12px;
  font-weight: normal;
  top: 3px;
}
.team-stats.match-situation-data td[class$=st-side] .stats-container[data-v-d4868154] {
  width: 75%;
  background-color: #f6f6f6;
}
.team-stats.match-situation-data .host-side .stats-num[data-v-d4868154] {
  float: right;
}
.team-stats.match-situation-data .host-side .stats-container[data-v-d4868154] {
  text-align: right;
}
.team-stats.match-situation-data .host-side .stats-container .stats-bar[data-v-d4868154] {
  background-color: #CE3434;
}
.team-stats.match-situation-data .guest-side .stats-num[data-v-d4868154] {
  float: left;
}
.team-stats.match-situation-data .guest-side .stats-bar[data-v-d4868154] {
  background-color: #3A84FF;
}
.team-stats.match-situation-data .centre-side[data-v-d4868154] {
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-e50d056c] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-e50d056c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-e50d056c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-e50d056c] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-e50d056c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-e50d056c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.max-players .data-info[data-v-e50d056c] {
  list-style: none;
  padding: 0;
  margin: -18px auto 0;
}
.max-players .data-info > li[data-v-e50d056c] {
  border-top: 1px solid #EEF3F8;
  padding: 12px 0;
  overflow: hidden;
}
.max-players .data-info > li span[data-v-e50d056c] {
  display: inline-block;
  height: 23px;
  line-height: 23px;
}
.max-players .data-info > li span[class$=st-side][data-v-e50d056c] {
  float: left;
  width: 44.3%;
}
.max-players .data-info > li span[class$=st-side] .max-player[data-v-e50d056c] {
  color: #8e8e8e;
  font-size: 14px;
}
.max-players .data-info > li span[class$=st-side] .max-goals[data-v-e50d056c] {
  display: inline-block;
  width: 25%;
  font-size: 20px;
  color: #313131;
  text-align: center;
}
.max-players .data-info > li span[class$=st-side] .to-player[data-v-e50d056c] {
  position: relative;
  cursor: pointer;
  top: -2px;
}
.max-players .data-info > li span[class$=st-side] .to-player[data-v-e50d056c]:hover {
  color: #3A84FF;
}
.max-players .data-info > li .host-side[data-v-e50d056c] {
  text-align: right;
}
.max-players .data-info > li .item-title[data-v-e50d056c]:nth-child(1) {
  background-color: transparent;
}
.max-players .data-info > li .centre-side[data-v-e50d056c] {
  float: left;
  width: 11.4%;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.max-players .data-info > li .centre-side .item-title[data-v-e50d056c] {
  display: inline-block;
  width: 42px;
  height: 23px;
  line-height: 23px;
  background-color: #4a4a4a;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-6895a084] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-6895a084]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-6895a084]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-6895a084] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-6895a084]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-6895a084]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.related-news[data-v-6895a084] {
  width: 100%;
}
.related-news .related-news-title[data-v-6895a084] {
  overflow: hidden;
  height: 70px;
  line-height: 70px;
}
@media screen and (max-width: 1700px) {
.related-news .related-news-title[data-v-6895a084] {
    margin: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.related-news .related-news-title[data-v-6895a084] {
    margin: 0 150px;
}
}
.related-news .related-news-title .title[data-v-6895a084] {
  float: left;
  font-size: 20px;
  color: #313131;
}
.related-news .related-news-title .title span[data-v-6895a084] {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 18px;
  border-left: 4px solid #141414;
  margin-right: 8px;
}
.related-news .related-news-title .change[data-v-6895a084] {
  float: right;
  font-size: 14px;
  color: #313131;
}
.related-news .related-news-title .change .change-icon[data-v-6895a084] {
  position: relative;
  top: 1px;
}
.related-news .related-news-title .change[data-v-6895a084]:hover {
  color: #3A84FF;
}
@media screen and (max-width: 1700px) {
.related-news .related-news-list[data-v-6895a084] {
    margin: 0 24px;
}
}
@media screen and (min-width: 1700px) {
.related-news .related-news-list[data-v-6895a084] {
    margin: 0 130px;
}
}
.related-news .related-news-list[data-v-6895a084] {
  padding-bottom: 24px;
  overflow: hidden;
}
.related-news .related-news-list dl[data-v-6895a084] {
  float: left;
  width: 398px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 0;
  overflow: hidden;
}
.related-news .related-news-list dl dt[data-v-6895a084] {
  position: relative;
  float: left;
  padding-left: 20px;
}
.related-news .related-news-list dl dt .bg[data-v-6895a084] {
  position: absolute;
  left: 20px;
  top: 0;
  width: 118px;
  height: 67px;
  background: rgba(0, 0, 0, 0.1);
}
.related-news .related-news-list dl dt img[data-v-6895a084] {
  width: 118px;
  height: 66px;
  display: block;
}
.related-news .related-news-list dl dt .live-icon[data-v-6895a084] {
  position: absolute;
  left: 26px;
  bottom: 6px;
  color: #fff;
  font-size: 21px;
  border-radius: 50%;
  z-index: 101;
}
.related-news .related-news-list dl dd[data-v-6895a084] {
  float: left;
  width: 238px;
  padding-left: 10px;
}
.related-news .related-news-list dl dd .news-title[data-v-6895a084] {
  min-height: 49px;
  font-size: 14px;
  color: #313131;
}
.related-news .related-news-list dl dd .news-title .item[data-v-6895a084] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.related-news .related-news-list dl dd .news-date[data-v-6895a084] {
  font-size: 12px;
  color: #8e8e8e;
}
.related-news .related-news-list .rightNews[data-v-6895a084] {
  float: right;
}
.related-news .related-news-list dl[data-v-6895a084]:hover {
  background: #EEF3F8;
}
.related-news .related-news-list dl:active .news-title[data-v-6895a084] {
  color: #3A84FF;
}
.related-news .news-list-height[data-v-6895a084] {
  height: 270px;
}
.related-news .line[data-v-6895a084] {
  border-bottom: 4px solid #f6f6f6;
}
@media screen and (max-width: 1700px) {
.related-news .line[data-v-6895a084] {
    margin: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.related-news .line[data-v-6895a084] {
    margin: 0 150px;
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-d7d0ba4e] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-d7d0ba4e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-d7d0ba4e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-d7d0ba4e] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-d7d0ba4e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-d7d0ba4e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.event-babel[data-v-d7d0ba4e] {
  background-color: #e8e8e8;
  border-radius: 2px;
}
.event-babel[data-v-d7d0ba4e]:after {
  display: block;
  content: "";
  clear: both;
}
.event-babel em[data-v-d7d0ba4e] {
  position: absolute;
  border: 3.5px solid transparent;
}
.event-babel .left-triangle-icon[data-v-d7d0ba4e] {
  right: -10px;
  border-left: 7px solid #e8e8e8;
}
.event-babel .right-triangle-icon[data-v-d7d0ba4e] {
  left: -10px;
  border-right: 7px solid #e8e8e8;
}
.event-babel span[data-v-d7d0ba4e] {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 40px;
}
.event-babel span i[data-v-d7d0ba4e] {
  font-style: normal;
  font-family: "PingFangSC-Regular", "Microsoft YaHei", "Heiti", "Arial", "Helvetica", "sans-serif";
}
.event-babel .down[data-v-d7d0ba4e]:before {
  font-size: 24px;
  color: #F2504F;
}
.event-babel .up[data-v-d7d0ba4e]:before {
  font-size: 24px;
  color: #85CF3C;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.event-babel .red-card[data-v-d7d0ba4e]:before,
.event-babel .yellow-card[data-v-d7d0ba4e]:before {
  margin: 10.5px 8px;
  content: "";
  width: 14px;
  height: 19px;
}
.event-babel .red-card[data-v-d7d0ba4e]:before {
  background-color: #F2504F;
}
.event-babel .yellow-card[data-v-d7d0ba4e]:before {
  background-color: #F2BC00;
}
.event-babel .goal[data-v-d7d0ba4e]:before,
.event-babel .penalty[data-v-d7d0ba4e]:before,
.event-babel .oolong[data-v-d7d0ba4e]:before,
.event-babel .injured[data-v-d7d0ba4e]:before {
  margin-top: 5px;
  content: "";
  width: 30px;
  height: 30px;
}
.event-babel .goal[data-v-d7d0ba4e]:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAC9FBMVEVHcEyenp5/f39gYGBUVFQAAACEhISqqqoAAACTk5PR0dF3d3dAQEAlJSUAAACenp5TU1OBgYH///8GBgYAAAA+Pj58fHyPj49PT0/U1NR1dXWdnZ1wcHCdnZ2SkpKMjIySkpJHR0dtbW1KSkqpqamUlJR3d3fJycmDg4OLi4urq6udnZ15eXl8fHyzs7PIyMinp6fJycmvr696enqwsLB8fHyTk5NwcHAKCgqWlpZlZWWoqKhDQ0NjY2O8vLzV1dXBwcFlZWWsrKwRERFPT09FRUWHh4ejo6MODg5oaGitra0iIiJoaGi1tbXCwsK4uLiysrKMjIyKioqFhYWfn59ISEhlZWWSkpJGRkZnZ2eGhoaoqKh1dXVGRkZOTk5QUFDj4+O2trZNTU2Ojo6AgICYmJjR0dGurq6ioqI0NDQAAACEhIQ3NzdeXl4+Pj4+Pj5ISEjKysonJydSUlIzMzMAAAD////9/f34+PgHBwcBAQH8/Py0tLQDAwP09PT5+fnNzc3Hx8f7+/ugoKDz8/MgICAPDw/l5eXX19e1tbXS0tL+/v4eHh729vbf39/6+vq5ubl9fX2tra3CwsIvLy+jo6Pr6+vy8vLR0dHY2NhaWloXFxctLS1kZGRfX1/u7u6NjY07OzvIyMihoaExMTHw8PDAwMCenp7Z2dlUVFSqqqq3t7empqafn5/c3NyZmZl6enptbW2oqKjDw8PLy8tCQkLx8fEWFha4uLhLS0vh4eHV1dWioqJ1dXWxsbHq6uqGhoZxcXGlpaWwsLC6urrU1NTExMTn5+dQUFDj4+MYGBjf39/p6emurq7v7+8CAgKvr68JCQm9vb3t7e0RERHm5uaOjo4VFRUaGhqWlpaEhIRlZWWysrKpqalWVlbo6OhKSko9PT2zs7Nra2tOTk4TExNSUlJ8fHyHh4fb29v19fVHR0dpaWmYmJjGxsaCgoLOzs4cHBy8vLzQ0NAkJCS/v7/s7Ox0dHQNDQ2bm5snJycpKSlcKg2iAAAAdXRSTlMA06lKlQmq3wPB9Rfg8wSeN3sB/gfMzaI69M8NQuakFKEkslrvpKH1J3XvvqCeztv34O6r9injhP0ite9frOH09eGX/Ldcpvf7R/b3qeL1t/WXJdjl3LnGyS8V5K7HGiAJ7iHHy8TraNIxAZrQTM7yxv7tGej0ZTyWAAADNUlEQVRIx+3WZVAbQRQAYKAUCqVQpO7u7u7u7u6u+2INIQR3KEGLuxUrRQoUCsUGKJS6u7vLn27kLnczdyH9xR/eTDJ3k/fdbd7evj0trcZojAaJJoMMtDsNnbNhr8GBQ/v/S47SG30ZyKg8crilxrT5iJFZQI1LSHhwn2bWdDgHvEAkUECnopqq/LxfyFxXA2qs44ZJHA/x7SKDQ4s+lMsvUZqNUCuL+myH1pY41xMp4x059N+16PiJeu7bnosTYwiLglR/3OkPOtlMLe4egtPCeSQOppSt7i//qDo7xgEnvbElLQqgFv1q3TFTNXM0QZaTp7IojopFJbB7CyvWwRmCZDsKfkGb72KA2Wx2+WKAT0m+Vs9VOMyHNm4AQ7ZnbbWPwPGCrK6ZCsl/lu6ceJqCZcedWfACiZQrT/K/hSkvyEE+QxEiEovxR78po52HvDnKrLMu11IeKo+50ljFgXtxEv627MGIF6IU8h73bSijFTsC2MQH2KHAKHw2kBGvQlVk/ilalUNuZCuemwJ8YsCIWyA/FgwSZfE/OwNoM+IZ6CIbvkNMXTrASkaM0Hk2fJfAqQDzWbArmf2Ejh8RuIIDSxnxWGRNJNtE07E3+cilVS5iKRg5bP/XdBxIWP53qxWM2OhjvKUyOc2eZq2vELgMYAkjnsSBRLkWvRTahlOxPWF5eDKXMbf5HOAk45pZncFpwlccVQOKeazEEjyKicwLQx+v5ogoT6EiMeO6glrdPoenTnZB9BSfDmFeGFomsl7wlizsTfxIcxO85GsLOLm2KMwdH+ixLMm+ffCP0apOwE+958FVNaFCWRXbtWVrJV3xowvfVNqFVvME2Vcb1h7WpT/+uUCFH9CwB/707MbePvvhraY6k8ShNIybUKzaDWt6NUAuiUuo1scPuOPV7hhmu3wBMpRW6ErFeMLWGKvfrLbu9AVJobd8riOp9sfPmh2b69smzUy88B8X5Ijzpe/FJHWXumiwxeLYs41YmqVZit5S7lmBanU1ezVYv3EqccevX9wsPcqEyHzTdo3fSsb10ncjWjjum3PXrvu/V6mOvQcMHjbFcPI0o5mzLLQaozEaIv4B1vlvkPhNU6UAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.event-babel .penalty[data-v-d7d0ba4e]:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAADAFBMVEVHcExYvEldwU1Xu0lXvElYu0lWu0hWu0hXu0lXu0hZuklWu0iqqqoAAACTk5NfX1+3t7eSkpJ4eHienp6JiYl/f3+Ghoaenp53d3eGhoYlJSUAAACenp5TU1MLCwtYu0o+Pj58fHx1dXWdnZ1KSkptbW2UlJRwcHDJycmrq6uLi4t8fHynp6ednZ2CgoKvr696enqwsLDQ0NCTk5NwcHB8fHxjY2OoqKiWlpY/Pz+zs7Ourq7JycnBwcERERFXu0ijo6MiIiLCwsJlZWVISEhoaGhoaGi1zrGoqKh1dXVQUFDj4+O2traXsJOtra2YmJjR0dGioqKurq6AgIA0NDQ/Pz83NzdUVFSEhISAgIAnJyfKyspSUlIzMzNISEj///9WukgAAACm2p72+/Wf2Jf9/f3v+O76/fmo26G1tbX8/fzR7M6c1pTIyMj19fVjwFby8vLC5rxSskUQEBADAwPq9+h8ynEGBgb6+vrx8fGxsbHI6cRhvlSQ0ofZ2dlKnz709PR9fX3Ozs74+PhwxWQWFhahoaGjo6Pf39+Ghob7+/vT09OmpqYBAQHU1NTf8t3u7u6wsLCY1Y9rwl/7/fpXukmL0IK64rR5yG5pwVxbvE7W7tKpqakfHx/c3NxTU1NkZGRfX1/+/v5aWlpBizbY2NjAwMAsXyURJA695LeZmZl6enqfn5+qqqrDw8Pr6+v29vZCQkLo6Ojh4eFNTU11dXXExMS6urovLy+goKDq6uq9vb0oKChlwFia1ZHL6sfA5bvx+fCT04r4/Pd3x2yr3KSe15ZavEwaGhqd0JZGkDshISHl5eUTExM8PDwtLS0yMjK0tLRHR0dpaWmh1Jplr1qNjY1Vqkmenp7Hx8eurq5VVVW4uLiCgoIkJCTV1dVNokFgtVTj4+MFBQXH6MLf39+Jz39xcXGW1I1nwVv5/Pibm5v5/PkJCQm04K2N0IS04K6747Xi8+Da8Nfu+O19ynN/y3Xl9OP0+vPO68rT7dDG58FyxWaU04xsw2DB5by0qR6LAAAAX3RSTlMAVCHHgTHY89m+P+zfA8FKAaOh0xSpJuYXqPMInjf+/s3Nzw1asqRC9e91nve+eu6r9vXjhCms7yLgzpfg9fz69/f1udxHqfbkriAJ7vj+xOvSaMsx8tCVmnzt/hnoxnrQmAYAAAORSURBVEjH7ZZ1VFRBFMZJSbEDA7u7u7u7486Ia6wiK6CIggIrIAKCgIBYtA2CiWKC3S3Ycezu1nm5b9l5uPyN3znvvXnvfL+dmTtz746BwX8VYBWpZ1OiTP3OvYfYjC5SNF9kC9tmy0BU2ojKFfVGyzZucgukCsQuI4frxzZspICBoFZyYMDynJz5O+2w6yg90MKllhDkpisOcr4Qe2159gNu5Dswrlz+X2y1Kp7E64V5XRaH/uIVHjv+H/1WVRPjDYHFMZqJB2TgCYXzhGuEEJuDqwjHSsIWkhE0MS+2eSIxzVojsjheGvR9IePG5LFGrRjPTg2L10lh9S4Y3FcWLkUcyk3OcjDsBrCVY0t3BfDeovI+q4HPpWiNG6Cp3F7rlqKcfpeJqw9HBu1IjgtMlsBMu5gM3CXdT82aEk8Q1DUmkV0hX7UIZ5PLmr5VeuA9Ct61do3z5jQhTH4Luca83VvI3bM6Fe6JN4t9rFZJRps9HUC1Nd4Z+7iRt+JUuDvOEf0XpXEKvnL1upPTooT1G/zJmw0VLocDaPCCxUjUvUcAJahwR7xXF54zF2lp7pwyVBhjNx14lSPHhG7cyLccB8jA23LDq47zHc4GCOOblSxpsB1eKrCqJG7MjkgDh0/l9NjKiBowcdiJa9mHZr6zNQGMQMYUuM3trZ7CMp9h44yk8OtpnEjwDXXhlgoIZGm1l8tpB/JcrAWHad4KUcr8dlBsIjHzPk92tou/Ipg1HrBnREppJts4yH401aWtSTb7unm5cDmVepL1zdTKaJjBfjTRhSswteCSmMunBHjBZF5HBdiCUgxqEzpJhBcJ8DFhrisF2JwS72JxhL4jwE7ysBkFLlmHwP46sP0UXofzgg3qkr+aEJ/cw9YNmDl1f7cjRd+XhxNYX9YkLR2RCxhR0UGkhKRy8HrWdzTyJ/p9IAq5//oRjSK+H5JbKkb9hqkg/cmehwTewNj2Z8IX93D4gzwAQtE3UIbJbBKu7woDycSV27Pn+90ntrcAHugg2EdHf4Vg9BngHX17Chran09Nkhj7X8L7FegI8wuRAJ/QBwh/Rk0MzYr16QB8SoYCvEHIXflxMoo6fCgLRcBzD2pKStS6pvUSrhhERbK7g7mtYK6n7ohaDLRVq3iDtu17VUI66mSp78HI0io3a2Wp/4nMyFibNTbK14HOsJCkhBjm+yRpamJhbmZmbmFi+v9UXUD1F68oZKcjHfgvAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.event-babel .oolong[data-v-d7d0ba4e]:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAADAFBMVEVHcEznOj3oPj7kOjzlOjzlOT7lOT3lOjzkOjzlOj3lOT3nPT2qqqqTk5MAAABfX1+3t7d4eHienp6enp7kOz6Tk5OJiYl/f3+GhoZ3d3clJSXCwsIAAAALCwtwcHB1dXWdnZ2zs7PkOTzJycmdnZ3arq5KSkp8fHySkpJtbW27kJDJycmLi4urq6t8fHxSUlKnp6ednZ2vr6+CgoKwsLDQ0NBwcHB6enp8fHyEhISTk5OWlpZjY2OoqKg/Pz+urq4RERGjo6OHh4dlZWUiIiJoaGhISEhoaGioqKh1dXVQUFDj4+O2traurq7R0dGAgICenp6ioqKYmJg0NDQ+Pj4/Pz9UVFQ3NzeEhIRVVVWAgIA/Pz8nJyczMzNSUlJISEjkOTz///8AAAD+/v70tbbtfoD3x8fvjpD87e7uiIr+/f38/Pz19fUDAwP3vr/qZWe0tLQQEBD85ubaNzrnSEsGBgb6+vrT09PvjY/Z2dn09PTDMTR9fX3Ozs7IyMiqqqrDw8P4+PiGhobf39+hoaEWFhbpWFrKysr7+/sBAQHv7+/y8vKwsLD++/vtenzsc3UfHx9kZGRfX1/62dpaWlrw8PDAwMDY2Nh0HR8sCwyqKy1UVFSmpqb5z8+ZmZl6enrr6+ufn5+jo6P29va1tbVCQkLx8fHp6enh4eF1dXWlpaWxsbGtra26urrqZ2nlPUAvLy+goKCvr6+9vb0oKCju7u7nUVTnVFf++PjtgYP4z9D63+D629vrcHPlQkXxmpvtf4HmSkz74+TkP0L1ubrljpDc3NwaGhqvMDJSUlIyMjJOTk4hISHl5eUTExOzs7MtLS2pqanb29s8PDxHR0eNjY1paWnpkpTOT1HZSErGNTfOPD/Gxsaenp64uLjU1NSCgoIkJCTV1dXq6urS0tLj4+Pzra7zqar98vLf399xcXHyo6TtfX/o6OjuhIZMTEybm5sJCQnExMTpZGbmTU/2wcL88PD+/Pz4zM375ubqaWz87OzvjI7vi43rbXD51dVI55BgAAAAiHRSTlMAVCHH2DGB877Z7D/fwQNKAaHT5v6kFKkmF/P1CP5Czw3O+uC+9lrNobL49XXvnjj3n+569vWEqymq4yKs7+CX/Pemufep3EfkriAJ7mjry53SxDHO8pXQmjZ8zO3oGcb////////////////////////////////////////////////////+RL+mLwAAA4NJREFUSMftlnVcFEEUx49uKbEQu7u7u7vz3qCCh4AIGAjKESocaYCBoAiKig1IWWB3JzbGR8Xunk1mvV04/pbf53N3u3Pvu/Pem/dmRyYr1X8s8yZmVtbNuvcbbjbO3KJEZLv2He4Dry2jR43XGK3YttU9ILUNOY8dqRnbsoUCkkHpxID5IXuTt2+1Q55jNEDLlPfHyDpPFOR2evm1kLwn9CMK3iA0sXJxbLW6XtjWG7G6zrv+9h2aNKWYeasqseFdjkWRhYHPS0GTyxQJ10/FZos8eXg5kbbUlKCpRbFtorHRrAieRSvJpO9LXTqhiDXqTNlsLWTROhJWvochAyTh8tjCKdaNgE8J1nsHQA8ptoItgM9Glc/5QvjKBoHfAK2bSsA9NzglPKLqIpAhg8742sf4EjB1bSMB99oTr6SNok9g1DMyml6hACUP5+GPqXip9EW7FazV8Qi3uAIuTfELmIu5Ozbib686onBvFMfPcUlFeJuXAKBavNINBa7Cd5aicB+UzNvPJvO04sbNO+7uC9euXuOH78xE4UooXwx2WSLnddsFwEoU7oYeq8NzXOUCuc6xFoUR2qwGr/egkafPXn9kaY8GEvAmHr7Asrto4IgCQvdzc5c1EYPt0DKOVUUxPuN5MxwdHZ8DfHFkdEAuN9YWTRjvdvRl+oeKd6agumEnHtIRgbs8WOzFLfM5Os9yBnZxYJUJQKdeSx3upIAYmlZ6O59dBKwhhuez0R7MhlA6Cboi23wSKGJxznwu4sp29lOskBPw4R85WekAX5nH6KnTpribA1Z5OzM9lXiMhNPocLLYnOurw82pveAq38snSVgedjgj7HsuG4ChyGbQENNRPLyQg/9MI0UNGonku549ph9ysDsHC5RODRqIwOUa43/9hPCBGaQU8FkKljXCr5rgQIHbQtnDNym3ZbKuwQABLLwWW02zJ3U0FyBbImFYFiPwFpLIwKspWBDv0SMAmRJLRWngUBXsebGbeuGswVYfppNyDQf4JFEkzNzDknHgTkl52+NvkdGGzwwLd8gBeClenpwGD2Jb04WEDxFtpVXE665cf1vgW5LTb3ok9JBESxLqaGPqz24GnA7++ung8CpNLrEZCFXFslb1mrXLqi91DRNND0Ymxv+yxiaan8i0dYSsjnaJDnRauoWorlaJT5J6+oZGBgZGhvp6pafq/1R/AYQiZhkpIrRlAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.event-babel.left-babel[data-v-d7d0ba4e] {
  text-align: right;
}
.event-babel.left-babel span[data-v-d7d0ba4e] {
  padding-right: 35px;
}
.event-babel.left-babel .score[data-v-d7d0ba4e] {
  padding-left: 35px;
  text-align: left;
}
.event-babel.left-babel .two-player-name[data-v-d7d0ba4e] {
  padding-left: 20px;
}
.event-babel.left-babel span[data-v-d7d0ba4e]:before {
  float: right;
  margin-left: 10px;
}
.event-babel.left-babel .red-card[data-v-d7d0ba4e]:before,
.event-babel.left-babel .yellow-card[data-v-d7d0ba4e]:before {
  margin-left: 18px;
}
.event-babel.right-babel[data-v-d7d0ba4e] {
  text-align: left;
}
.event-babel.right-babel span[data-v-d7d0ba4e] {
  padding-left: 35px;
}
.event-babel.right-babel .score[data-v-d7d0ba4e] {
  padding-right: 35px;
  text-align: right;
}
.event-babel.right-babel .two-player-name[data-v-d7d0ba4e] {
  padding-right: 20px;
}
.event-babel.right-babel span[data-v-d7d0ba4e]:before {
  float: left;
  margin-right: 10px;
}
.event-babel.right-babel .red-card[data-v-d7d0ba4e]:before,
.event-babel.right-babel .yellow-card[data-v-d7d0ba4e]:before {
  margin-right: 18px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-73a303f4] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-73a303f4]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-73a303f4]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-73a303f4] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-73a303f4]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-73a303f4]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
tr td[data-v-73a303f4] {
  position: relative;
  height: 56px;
  line-height: 56px;
  font-size: 14px;
}
.align-left[data-v-73a303f4] {
  text-align: right;
}
.align-left span[data-v-73a303f4] {
  padding-right: 35px;
}
.align-left .score[data-v-73a303f4] {
  padding-left: 35px;
  text-align: left;
}
.align-left .two-player-name[data-v-73a303f4] {
  padding-left: 20px;
}
.align-right span[data-v-73a303f4] {
  padding-left: 35px;
}
.align-right .score[data-v-73a303f4] {
  padding-right: 35px;
  text-align: right;
}
.align-right .two-player-name[data-v-73a303f4] {
  padding-right: 20px;
}
.align-center[data-v-73a303f4] {
  position: relative;
  font-size: 12px;
}
.align-center .line[data-v-73a303f4] {
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #4a4a4a;
}
.align-center .time[data-v-73a303f4] {
  position: absolute;
  color: #fff;
  font-weight: bold;
  width: 30px;
  height: 30px;
  line-height: 30px;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
  text-align: center;
  border-radius: 50% 50%;
  background-color: #4a4a4a;
  text-indent: 3px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-1d58d682] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-1d58d682]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-1d58d682]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-1d58d682] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-1d58d682]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-1d58d682]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.football-events .football-content[data-v-1d58d682] {
  margin-top: -21px;
  width: 100%;
}
.football-events .football-content thead th[data-v-1d58d682] {
  height: 21px;
}
.football-events .football-content tbody td[data-v-1d58d682] {
  position: relative;
  height: 56px;
  line-height: 56px;
  font-size: 14px;
}
.football-events .football-content .end td[data-v-1d58d682] {
  height: 21px;
}
.football-events .football-content .align-center[data-v-1d58d682] {
  position: relative;
  font-size: 12px;
}
.football-events .football-content .align-center .line[data-v-1d58d682] {
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #4a4a4a;
}
.football-events .football-content .align-center .events-head[data-v-1d58d682], .football-events .football-content .align-center .events-end[data-v-1d58d682] {
  position: absolute;
  left: 50%;
  background-color: #4a4a4a;
  border-radius: 50% 50%;
}
.football-events .football-content .align-center .events-head[data-v-1d58d682], .football-events .football-content .align-center .events-end[data-v-1d58d682] {
  margin-left: -4px;
  width: 8px;
  height: 8px;
}
.football-events .football-content .align-center .events-head[data-v-1d58d682] {
  top: 0;
}
.football-events .football-content .align-center .events-end[data-v-1d58d682] {
  bottom: 0;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-6286cb32] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-6286cb32]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-6286cb32]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-6286cb32] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-6286cb32]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-6286cb32]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
table[data-v-6286cb32] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}
table tr > td[data-v-6286cb32]:last-child {
  width: 18px;
}
table .pts[data-v-6286cb32], table .set[data-v-6286cb32], table .set-won[data-v-6286cb32] {
  text-align: center;
}
@media screen and (max-width: 1700px) {
table .pts[data-v-6286cb32], table .set[data-v-6286cb32], table .set-won[data-v-6286cb32] {
    width: 73px;
}
}
@media screen and (min-width: 1700px) {
table .pts[data-v-6286cb32], table .set[data-v-6286cb32], table .set-won[data-v-6286cb32] {
    width: 86px;
}
}
table .player[data-v-6286cb32] {
  width: 248px;
}
table .score-title[data-v-6286cb32] {
  height: 28px;
  font-size: 14px;
  color: #8e8e8e;
  background-color: #e8e8e8;
  text-align: center;
  border-radius: 2px;
}
table .score-title .pts[data-v-6286cb32] {
  color: white;
  background-color: #3A84FF;
}
table .score-title .pts.post-hidden[data-v-6286cb32] {
  color: #e8e8e8;
  background-color: #e8e8e8;
}
table .score-info[data-v-6286cb32] {
  height: 55px;
}
table .score-info .player[data-v-6286cb32] {
  color: #313131;
  font-size: 16px;
}
table .score-info .player .player-info[data-v-6286cb32] {
  text-indent: 44px;
  width: 250px;
  height: 21px;
  overflow: hidden;
}
table .score-info .player .player-info > span[data-v-6286cb32] {
  float: left;
}
table .score-info .player .player-info > span[data-v-6286cb32]:first-child {
  width: 220px;
}
table .score-info .player .player-info .server[data-v-6286cb32] {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 5px;
  margin: 5.5px 0 0 5px;
}
table .score-info .player .player-info .server.on-server[data-v-6286cb32] {
  background-color: #3A84FF;
}
table .score-info .player.bold-letter[data-v-6286cb32] {
  color: #8e8e8e;
  font-weight: bold;
}
table .score-info .player.bold-letter.winner-name[data-v-6286cb32] {
  color: #313131;
}
table .score-info .pts[data-v-6286cb32] {
  color: white;
  font-size: 20px;
  background-color: #3A84FF;
}
table .score-info .pts.post-hidden[data-v-6286cb32] {
  color: transparent;
  background-color: transparent;
}
table .score-info .set[data-v-6286cb32] {
  font-size: 20px;
  color: #4a4a4a;
}
table .score-info .set .score-container[data-v-6286cb32] {
  height: 44px;
  line-height: 44px;
  border-radius: 2px;
}
table .score-info .set .score-container.current[data-v-6286cb32] {
  background-color: #e8e8e8;
}
table .score-info .set .empty-score[data-v-6286cb32] {
  font-size: 24px;
  font-weight: 100;
  color: #e8e8e8;
}
table .score-info .set.set-winner[data-v-6286cb32] {
  font-weight: bold;
}
table .score-info .set.set-winner .tb-score[data-v-6286cb32] {
  font-weight: normal;
}
table .score-info .set.set-winner .current[data-v-6286cb32] {
  font-weight: normal;
}
table .score-info .set .tb-score[data-v-6286cb32] {
  position: relative;
  font-size: 14px;
  bottom: 5px;
  right: 4px;
}
table .score-info .set.current .score-container[data-v-6286cb32] {
  color: #313131;
  background-color: #e8e8e8;
}
table .score-info .set-won[data-v-6286cb32] {
  font-size: 20px;
  color: #313131;
}
table .score-info .set-won.final-score[data-v-6286cb32] {
  font-weight: bold;
  color: #8e8e8e;
}
table .score-info .set-won.final-score.winner-score[data-v-6286cb32] {
  color: #313131;
}
.team[data-v-b71f86f8] {
  height: 0.5rem;
}
.team.double[data-v-b71f86f8] {
  height: 0.6rem;
}
.team .player[data-v-b71f86f8] {
  width: 1.16rem;
  color: #212121;
  font-size: 0.14rem;
  text-align: left;
}
.team .player.inactive[data-v-b71f86f8] {
  color: #969BA3;
}
.team .player .player-info[data-v-b71f86f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.16rem;
}
.team .player .player-info .player-name[data-v-b71f86f8] {
  line-height: 0.2rem;
  padding-left: 0.12rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.team .player .player-info .sets-won[data-v-b71f86f8] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 0.2rem;
}
.team .status[data-v-b71f86f8] {
  width: 0.3rem;
  border-right: 0.01rem solid #F5F5F5;
}
.team .server-img[data-v-b71f86f8] {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0.035rem 0 0 0.05rem;
}
.team .win-img[data-v-b71f86f8] {
  width: 0.16rem;
  height: 0.16rem;
  margin: 0.03rem 0 0 0.05rem;
}
.team .set-score[data-v-b71f86f8] {
  color: #969BA3;
  font-size: 0.14rem;
  text-align: center;
}
.team .set-score .tie-break[data-v-b71f86f8] {
  position: relative;
  bottom: 0.04rem;
  width: 0.11rem;
  height: 0.16rem;
  font-size: 0.11rem;
}
.team .game-score[data-v-b71f86f8] {
  color: #212121;
  font-size: 0.14rem;
}
.team td[data-v-b71f86f8]:last-child {
  padding-right: 0.12rem;
}
.team td[data-v-b71f86f8]:nth-child(3) {
  padding-left: 0.12rem;
}
.team .sm-not-set-score[data-v-b71f86f8] {
  width: 0.312rem;
}
.team .sm-set-score[data-v-b71f86f8] {
  width: 0.26rem;
}
.team .other-not-set-score[data-v-b71f86f8] {
  width: 0.52rem;
}
.team .other-set-score[data-v-b71f86f8] {
  width: 0.39rem;
}
.team .active[data-v-b71f86f8] {
  color: #212121;
}
.team .placeholder[data-v-b71f86f8] {
  color: #DCDFE6;
  text-align: center;
}
.score-table table[data-v-0028d3d3] {
  width: 100%;
  border-collapse: collapse;
}
.score-table table .set-nav[data-v-0028d3d3] {
  height: 0.3rem;
  background: rgba(0, 80, 60, 0.03);
}
.score-table table .set-nav .empty[data-v-0028d3d3] {
  width: 1.16rem;
}
.score-table table .set-nav .set-desc[data-v-0028d3d3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.3rem;
  line-height: 0.3rem;
  color: #969BA3;
  font-size: 0.12rem;
}
.score-table table .set-nav .set-count[data-v-0028d3d3] {
  color: #969BA3;
  font-size: 0.12rem;
  text-align: center;
}
.score-table table .set-nav .game-score[data-v-0028d3d3] {
  color: #969BA3;
  font-size: 0.12rem;
}
.score-table table .set-nav .cur-set[data-v-0028d3d3] {
  color: #0D804E;
}
.score-table table .set-nav td[data-v-0028d3d3]:last-child {
  padding-right: 0.12rem;
}
.score-table table .set-nav td[data-v-0028d3d3]:nth-child(3) {
  padding-left: 0.12rem;
}
.score-table table .set-nav .not-set-score[data-v-0028d3d3] {
  width: 0.52rem;
}
.score-table table .set-nav .set-score[data-v-0028d3d3] {
  width: 0.39rem;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-1382887e] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-1382887e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-1382887e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-1382887e] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-1382887e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-1382887e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.olympic-stats-container[data-v-1382887e] {
  color: #000;
  background: #fff;
  padding: 0 44px 30px;
}
.olympic-stats-container h2[data-v-1382887e] {
  font-size: 20px;
  color: #313131;
  padding: 25px 0;
}
.olympic-stats-container h2 span[data-v-1382887e] {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 18px;
  border-left: 4px solid #313131;
  margin-right: 8px;
}
.olympic-stats-container .table-container[data-v-1382887e] {
  width: 100%;
  overflow-x: scroll;
}
.olympic-stats-container .table-container table[data-v-1382887e] {
  min-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.olympic-stats-container .table-container table.striped td.darker[data-v-1382887e] {
  background-color: #f5f5f5;
}
.olympic-stats-container .table-container table.striped tr[data-v-1382887e] {
  border-bottom: none;
}
.olympic-stats-container .table-container table tr[data-v-1382887e] {
  height: 34px;
  border-bottom: 1px solid #f5f5f5;
}
.olympic-stats-container .table-container table td[data-v-1382887e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
  text-align: center;
  background-color: #fff;
  font-size: 12px;
}
.olympic-stats-container .table-container table td.header[data-v-1382887e] {
  background-color: #f5f5f5;
}
.olympic-stats-container .table-container table td.bordered[data-v-1382887e] {
  border-right: 1px solid #f5f5f5;
}
.olympic-stats-container .table-container table td .cell[data-v-1382887e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.olympic-stats-container .table-container table td .cell > span[data-v-1382887e] {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.olympic-stats-container .table-container table td .cell .cell-image[data-v-1382887e] {
  width: 0.28rem;
  margin-right: 0.04rem;
}
.olympic-stats-container .table-container table td .cell .advance[data-v-1382887e] {
  display: block;
  width: 0.18rem;
  min-width: 0.18rem;
  height: 0.14rem;
  background-color: #ffe6e6;
  border-radius: 0.02rem;
  font-size: 0.08rem;
  margin-right: 0.04rem;
  color: #e64646;
  letter-spacing: 0;
  text-align: center;
  line-height: 0.14rem;
  -webkit-text-size-adjust: 100%;
}
.olympic-stats-container .table-container table td .cell .advance + span[data-v-1382887e] {
  width: unset;
}
.olympic-stats-container .table-container table td .cell .medal[data-v-1382887e] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 0.26rem;
  height: 0.31rem;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
html {
  font-size: 100px;
}
@media screen and (max-width: 1700px) {
.match-situation-data {
    padding: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.match-situation-data {
    padding: 0 150px;
}
}
.match-situation-data .bold-font {
  font-weight: bold;
}
.match-situation-data .content-wrapper {
  padding-bottom: 24px;
  border-bottom: 4px solid #f6f6f6;
}
.match-situation-data .content-wrapper.wrapper-no-border {
  border-bottom: none;
}
.match-situation[data-v-3b10b1c3] {
  margin: 0 auto;
}
.goals-table[data-v-3b10b1c3] {
  margin-top: 15px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper .nav-item {
  display: inline-block;
  width: 80px;
  margin: 0 60px;
  font-weight: bold;
}
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper .nav-item span {
  width: 48px;
  margin-left: -24px;
}
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper > span:only-of-type.nav-item {
  display: block;
  width: auto;
  color: #313131;
  text-align: left;
  text-indent: 12px;
  cursor: default;
  font-weight: normal;
}
@media screen and (max-width: 1700px) {
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper > span:only-of-type.nav-item {
    margin: 0 44px;
}
}
@media screen and (min-width: 1700px) {
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper > span:only-of-type.nav-item {
    margin: 0 150px;
}
}
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper > span:only-of-type.nav-item span {
  width: 4px;
  height: 18px;
  bottom: 4px;
  margin-left: 0;
  left: 0;
  background-color: #313131;
}
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper > span:only-of-type.nav-item:hover {
  color: #313131;
}
.left-data-tabs .kbs-tabs-wrapper .tabs-nav-wrapper > span:only-of-type.nav-item:hover span {
  background-color: #313131;
}
.left-data-tabs.tabs-hidden .kbs-tabs-wrapper .tabs-nav-wrapper {
  display: none;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-3a03fd5a] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-3a03fd5a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-3a03fd5a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-3a03fd5a] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-3a03fd5a]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-3a03fd5a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.team-skill[data-v-3a03fd5a] {
  padding-bottom: 17px;
}
.team-skill[data-v-3a03fd5a]:first-child {
  padding-bottom: 48px;
}
@media screen and (max-width: 1700px) {
.team-skill .team-info[data-v-3a03fd5a] {
    padding: 0 24px;
}
}
@media screen and (min-width: 1700px) {
.team-skill .team-info[data-v-3a03fd5a] {
    padding: 0 130px;
}
}
.team-skill .team-info[data-v-3a03fd5a] {
  overflow: hidden;
  margin: 0 0 10px 0;
}
.team-skill .team-info .team-logo[data-v-3a03fd5a] {
  float: left;
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 6px;
}
.team-skill .team-info .team-name[data-v-3a03fd5a] {
  float: left;
  font-size: 16px;
  color: #313131;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.team-skill .team-info .hover[data-v-3a03fd5a] {
  cursor: pointer;
}
@media screen and (max-width: 1700px) {
.team-skill .skill-list .skill-title[data-v-3a03fd5a] {
    margin: 0 24px;
}
}
@media screen and (min-width: 1700px) {
.team-skill .skill-list .skill-title[data-v-3a03fd5a] {
    margin: 0 130px;
}
}
.team-skill .skill-list .skill-title[data-v-3a03fd5a] {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #8e8e8e;
  background: #f6f6f6;
  overflow: hidden;
}
.team-skill .skill-list .skill-title .title-item[data-v-3a03fd5a] {
  text-align: center;
  float: left;
  font-weight: bold;
}
.team-skill .skill-list .skill-title .title-item[data-v-3a03fd5a]:first-child {
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0.7%;
}
@media screen and (max-width: 1700px) {
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a] {
    margin: 0 24px;
}
}
@media screen and (min-width: 1700px) {
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a] {
    margin: 0 130px;
}
}
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a] {
  height: 51px;
  line-height: 50px;
  font-size: 14px;
  color: #313131;
  margin-top: -1px;
  overflow: hidden;
}
.team-skill .skill-list .skill-content .content-row .content-col[data-v-3a03fd5a] {
  text-align: center;
  float: left;
  border-bottom: 1px solid #EEF3F8;
  position: relative;
}
.team-skill .skill-list .skill-content .content-row .content-col .formation[data-v-3a03fd5a] {
  color: #8e8e8e;
}
.team-skill .skill-list .skill-content .content-row .content-col[data-v-3a03fd5a]:not(:first-child):not(:first-child):not(:nth-child(2)):hover {
  background: rgba(144, 165, 201, 0.3);
}
.team-skill .skill-list .skill-content .content-row .content-col[data-v-3a03fd5a]:first-child {
  text-align: left;
  padding-right: 0.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #8e8e8e;
  padding-left: 0.7%;
}
.team-skill .skill-list .skill-content .content-row .content-col[data-v-3a03fd5a]:nth-child(2) {
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.team-skill .skill-list .skill-content .content-row .content-col:nth-child(2) .hover[data-v-3a03fd5a]:hover {
  color: #3A84FF;
  cursor: pointer;
}
.team-skill .skill-list .skill-content .content-row .content-col[data-v-3a03fd5a]:last-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.team-skill .skill-list .skill-content .content-row .content-col[data-v-3a03fd5a]:last-child:hover {
  background: #90A5C9;
}
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a]:hover {
  margin: -1px 0 0;
  background: #EEF3F8;
}
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a]:last-child {
  font-weight: bold;
}
@media screen and (max-width: 1700px) {
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a]:hover {
    margin: -1px 24px 0;
}
}
@media screen and (min-width: 1700px) {
.team-skill .skill-list .skill-content .content-row[data-v-3a03fd5a]:hover {
    margin: -1px 130px 0;
}
}
.team-skill .skill-list .skill-content .onCurrent .content-col[data-v-3a03fd5a]:nth-child(2) {
  font-weight: bold;
}
.team-skill .skill-list .skill-content .first-start-line[data-v-3a03fd5a] {
  height: 5px;
  background: #EEF3F8;
}
@media screen and (max-width: 1700px) {
.team-skill .skill-list .skill-content .first-start-line[data-v-3a03fd5a] {
    margin: 0 24px;
}
}
@media screen and (min-width: 1700px) {
.team-skill .skill-list .skill-content .first-start-line[data-v-3a03fd5a] {
    margin: 0 130px;
}
}
.team-skill .current-row0 .row0[data-v-3a03fd5a],
.team-skill .current-row1 .row1[data-v-3a03fd5a],
.team-skill .current-row2 .row2[data-v-3a03fd5a],
.team-skill .current-row3 .row3[data-v-3a03fd5a],
.team-skill .current-row4 .row4[data-v-3a03fd5a],
.team-skill .current-row5 .row5[data-v-3a03fd5a],
.team-skill .current-row6 .row6[data-v-3a03fd5a],
.team-skill .current-row7 .row7[data-v-3a03fd5a],
.team-skill .current-row8 .row8[data-v-3a03fd5a],
.team-skill .current-row9 .row9[data-v-3a03fd5a],
.team-skill .current-row10 .row10[data-v-3a03fd5a],
.team-skill .current-row11 .row11[data-v-3a03fd5a],
.team-skill .current-row12 .row12[data-v-3a03fd5a],
.team-skill .current-row13 .row13[data-v-3a03fd5a],
.team-skill .current-row14 .row14[data-v-3a03fd5a],
.team-skill .current-row15 .row15[data-v-3a03fd5a] {
  background: #EEF3F8;
}
.team-skill .current-col2 .col2[data-v-3a03fd5a],
.team-skill .current-col3 .col3[data-v-3a03fd5a],
.team-skill .current-col4 .col4[data-v-3a03fd5a],
.team-skill .current-col5 .col5[data-v-3a03fd5a],
.team-skill .current-col6 .col6[data-v-3a03fd5a],
.team-skill .current-col7 .col7[data-v-3a03fd5a],
.team-skill .current-col8 .col8[data-v-3a03fd5a],
.team-skill .current-col9 .col9[data-v-3a03fd5a],
.team-skill .current-col10 .col10[data-v-3a03fd5a],
.team-skill .current-col11 .col11[data-v-3a03fd5a],
.team-skill .current-col12 .col12[data-v-3a03fd5a],
.team-skill .current-col13 .col13[data-v-3a03fd5a],
.team-skill .current-col14 .col14[data-v-3a03fd5a],
.team-skill .current-col15 .col15[data-v-3a03fd5a] {
  background: #EEF3F8;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-b277485e] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-b277485e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-b277485e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-b277485e] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-b277485e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-b277485e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.activity-notice[data-v-b277485e] {
  padding: 0 22px;
  position: relative;
  background: #fff;
  margin-bottom: 10px;
}
.activity-notice .outer-wrapper[data-v-b277485e] {
  padding-bottom: 26px;
}
.activity-notice .notice-wrapper[data-v-b277485e] {
  background: #fbfbfb;
}
.activity-notice .notice-wrapper tr a[data-v-b277485e] {
  width: 316px;
  display: block;
}
.activity-notice .notice-wrapper tr a.hasUrl[data-v-b277485e]:hover {
  color: #3A84FF;
}
.activity-notice .notice-wrapper tr a img[data-v-b277485e] {
  width: 100%;
  vertical-align: bottom;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-41811a19] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-41811a19]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-41811a19]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-41811a19] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-41811a19]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-41811a19]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.rank-list .rank-title[data-v-41811a19] {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  background: #f6f6f6;
  overflow: hidden;
  padding: 0 20px;
}
.rank-list .rank-title .rank-title-item[data-v-41811a19] {
  float: left;
  width: 15%;
  color: #8e8e8e;
}
.rank-list .rank-title .rank-title-item[data-v-41811a19]:first-child {
  width: 40%;
  text-align: left;
}
.rank-list .rank-content .rank-content-row[data-v-41811a19] {
  height: 54px;
  line-height: 54px;
  text-align: center;
  margin: 0 20px;
  border-bottom: 1px solid #EEF3F8;
}
.rank-list .rank-content .rank-content-row[data-v-41811a19]:hover {
  padding: 0 20px;
  background: #EEF3F8;
  margin: -1px 0 0;
  border-top: 1px solid #eef3f8;
}
.rank-list .rank-content .rank-content-row .rank-content-col[data-v-41811a19] {
  float: left;
  width: 15%;
  color: #313131;
  font-size: 14px;
}
.rank-list .rank-content .rank-content-row .rank-content-col .serial[data-v-41811a19] {
  float: left;
  display: inline-block;
  color: #313131;
  width: 16px;
  margin-right: 4px;
  text-align: left;
}
.rank-list .rank-content .rank-content-row .rank-content-col .badge[data-v-41811a19] {
  float: left;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  margin-top: 14px;
}
.rank-list .rank-content .rank-content-row .rank-content-col .default[data-v-41811a19] {
  float: left;
  width: 26px;
  height: 26px;
  margin-top: 20px;
}
.rank-list .rank-content .rank-content-row .rank-content-col .name[data-v-41811a19] {
  float: left;
  width: 60%;
  color: #313131;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.rank-list .rank-content .rank-content-row .rank-content-col .hasHover[data-v-41811a19]:hover {
  color: #3A84FF;
}
.rank-list .rank-content .rank-content-row .rank-content-col .hasHand[data-v-41811a19] {
  cursor: pointer;
}
.rank-list .rank-content .rank-content-row .rank-content-col .lt-eight[data-v-41811a19] {
  color: #CE3434;
  font-weight: bold;
}
.rank-list .rank-content .rank-content-row .rank-content-col[data-v-41811a19]:first-child {
  width: 40%;
  text-align: left;
}
.rank-list .rank-content .rank-content-row[data-v-41811a19]:last-child {
  border-bottom: 1px solid transparent;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-903546ce] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-903546ce]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-903546ce]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-903546ce] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-903546ce]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-903546ce]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-7200d0ce] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-7200d0ce]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-7200d0ce]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-7200d0ce] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-7200d0ce]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-7200d0ce]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-45012960] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-45012960]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-45012960]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-45012960] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-45012960]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-45012960]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.football-rank-list .football-rank-title[data-v-45012960] {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  background: #f6f6f6;
  overflow: hidden;
  padding: 0 20px;
}
.football-rank-list .football-rank-title .football-rank-title-item[data-v-45012960] {
  float: left;
  width: 10%;
  color: #8e8e8e;
  font-weight: bold;
}
.football-rank-list .football-rank-title .football-rank-title-item[data-v-45012960]:first-child {
  width: 40%;
  text-align: left;
}
.football-rank-list .football-rank-title .football-rank-title-item[data-v-45012960]:nth-child(3) {
  width: 24%;
}
.football-rank-list .football-rank-title .football-rank-title-item[data-v-45012960]:nth-child(4) {
  width: 16%;
}
.football-rank-list .football-rank-content .football-rank-content-row[data-v-45012960] {
  height: 54px;
  line-height: 54px;
  text-align: center;
  margin: 0 20px;
  border-bottom: 1px solid #EEF3F8;
}
.football-rank-list .football-rank-content .football-rank-content-row[data-v-45012960]:hover {
  padding: 0 20px;
  background: #EEF3F8;
  margin: -1px 0 0;
  border-top: 1px solid #eef3f8;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960] {
  float: left;
  width: 10%;
  color: #313131;
  font-size: 14px;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col .serial[data-v-45012960] {
  float: left;
  display: inline-block;
  color: #313131;
  width: 16px;
  margin-right: 4px;
  text-align: left;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col .badge[data-v-45012960] {
  float: left;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  margin-top: 14px;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col .default[data-v-45012960] {
  float: left;
  width: 26px;
  height: 26px;
  margin-top: 20px;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col .name[data-v-45012960] {
  float: left;
  width: 60%;
  color: #313131;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col .name[data-v-45012960]:hover {
  color: #3A84FF;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960]:first-child {
  width: 40%;
  text-align: left;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960]:nth-child(3) {
  width: 24%;
}
.football-rank-list .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960]:nth-child(4) {
  width: 16%;
}
.football-rank-list .football-rank-content .football-rank-content-row[data-v-45012960]:last-child {
  border-bottom: 1px solid transparent;
}
.goal-assist .football-rank-title .football-rank-title-item[data-v-45012960]:first-child {
  width: 50%;
}
.goal-assist .football-rank-title .football-rank-title-item[data-v-45012960]:nth-child(2) {
  width: 35%;
}
.goal-assist .football-rank-title .football-rank-title-item[data-v-45012960]:last-child {
  width: 15%;
}
.goal-assist .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960]:first-child {
  width: 50%;
}
.goal-assist .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960]:nth-child(2) {
  width: 35%;
}
.goal-assist .football-rank-content .football-rank-content-row .football-rank-content-col[data-v-45012960]:last-child {
  width: 15%;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-386e9289] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-386e9289]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-386e9289]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-386e9289] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-386e9289]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-386e9289]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-2b931776] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-2b931776]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-2b931776]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-2b931776] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-2b931776]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-2b931776]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.guess-rank ul[data-v-2b931776] {
  margin: 0 22px;
}
.guess-rank ul.collapse[data-v-2b931776] {
  height: 300px;
  overflow: hidden;
}
.guess-rank ul li[data-v-2b931776] {
  line-height: 60px;
  font-size: 0;
}
.guess-rank ul li .order[data-v-2b931776] {
  display: inline-block;
  width: 24px;
  height: 15px;
  line-height: 15px;
  border-radius: 8px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background-color: #313131;
  color: #fff;
}
.guess-rank ul li:nth-of-type(1) .order[data-v-2b931776] {
  background-color: #F2504F;
}
.guess-rank ul li:nth-of-type(2) .order[data-v-2b931776] {
  background-color: #EE7B01;
}
.guess-rank ul li:nth-of-type(3) .order[data-v-2b931776] {
  background-color: #F7BB23;
}
.guess-rank ul li .avatar[data-v-2b931776] {
  width: 36px;
  height: 36px;
  margin: 0 10px 0 7px;
  background-color: #eee;
  border-radius: 18px;
  vertical-align: middle;
}
.guess-rank ul li .nickname[data-v-2b931776] {
  display: inline-block;
  width: 120px;
  font-size: 14px;
  color: #313131;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.guess-rank ul li .kb[data-v-2b931776] {
  float: right;
  font-size: 14px;
  color: #EDA200;
}
.guess-rank .btn-expand[data-v-2b931776] {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #313131;
  font-size: 14px;
}
.guess-rank .btn-expand[data-v-2b931776]:hover {
  color: #3A84FF;
}
.guess-rank .guess-record[data-v-2b931776] {
  font-size: 14px;
  color: #313131;
  height: 34px;
  line-height: 34px;
  padding-bottom: 6px;
}
.guess-rank .guess-record[data-v-2b931776]:hover {
  color: #5090FD;
}
.guess-rank .guess-record .guess-record-click[data-v-2b931776] {
  position: relative;
  display: block;
  padding-left: 22px;
  background-color: #f6f6f6;
}
.guess-rank .guess-record .arrow[data-v-2b931776] {
  position: absolute;
  right: 22px;
  top: 10px;
  font-size: 14px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-03a6d34b] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-03a6d34b]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-03a6d34b]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-03a6d34b] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-03a6d34b]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-03a6d34b]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.lists-wrapper[data-v-03a6d34b] {
  background: #fff;
  margin-bottom: 10px;
  padding-bottom: 12px;
}
.list-props-guess[data-v-03a6d34b] {
  display: none;
  color: #313131;
}
.list-show[data-v-03a6d34b] {
  display: block;
}
.banner {
  display: block;
  width: 100%;
  height: auto;
}
.no-link {
  cursor: default;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-f8ab0d16] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-f8ab0d16]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-f8ab0d16]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-f8ab0d16] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-f8ab0d16]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-f8ab0d16]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
div[class$=t-placeholder][data-v-f8ab0d16] {
  padding: 117px 0;
  text-align: center;
}
div[class$=t-placeholder] div[data-v-f8ab0d16] {
  text-align: center;
  color: #8e8e8e;
}
.left-placeholder img[data-v-f8ab0d16] {
  width: 140px;
  height: 140px;
}
.left-placeholder div[data-v-f8ab0d16] {
  font-size: 16px;
}
@charset "UTF-8";
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-1609e232] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-1609e232]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-1609e232]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-1609e232] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-1609e232]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-1609e232]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.data-box[data-v-1609e232] {
  margin: 10px auto;
  width: 1244px;
}
.data-box[data-v-1609e232]:after {
  clear: both;
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
@media screen and (max-width: 1700px) {
.data-box[data-v-1609e232] {
    width: 1240px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.data-box[data-v-1609e232] {
    width: 1540px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.data-box .more-padding[data-v-1609e232] {
  padding-bottom: 24px;
}
.data-box .data-left-box[data-v-1609e232] {
  min-width: 870px;
  background-color: #fff;
  float: left;
}
@media screen and (max-width: 1700px) {
.data-box .data-left-box[data-v-1609e232] {
    width: 870px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.data-box .data-left-box[data-v-1609e232] {
    width: 1170px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.data-box .data-right-box[data-v-1609e232] {
  float: right;
  right: 0;
  width: 361px;
}
.data-box .data-right-box > div[data-v-1609e232] {
  background: #fff;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.error-container {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  height: 500px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.video-popup {
  position: fixed;
  z-index: 200;
}
.video-popup .bg-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.video-popup .video-container {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 870px;
  height: 490px;
  margin-top: -245px;
  margin-left: -435px;
}
.video-popup .close {
  position: fixed;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 50%;
  margin-top: -245px;
  margin-left: 450px;
  background-color: #e8e8e8;
  color: #000;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
  font-size: 24px;
  cursor: pointer;
}
.video-popup .close:hover {
  background-color: #fff;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  min-height: 490px;
}
.image-container.fallback {
  display: block;
}
.image-container.fallback > div {
  float: left;
}
.image-container.fallback .arrow {
  padding-top: 150px;
}
.image-container .images {
  width: 870px;
  overflow: hidden;
}
.image-container .images img {
  max-width: 870px;
  min-height: 490px;
}
.image-container .images .slide-item {
  text-align: center;
  width: 870px;
  vertical-align: middle;
  min-height: 490px;
  display: table-cell;
}
.image-container .images > div {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.image-container .arrow {
  width: 80px;
  height: 100%;
  font-size: 45px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.image-container .arrow:hover, .image-container .arrow:active {
  color: #3A84FF;
}
.image-container .arrow.disabled, .image-container .arrow.disabled:hover, .image-container .arrow.disabled:active {
  color: #4a4a4a;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.gallery-popup .bg-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.7);
}
.gallery-popup .container {
  z-index: 202;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -245px;
  width: 1030px;
  min-height: 490px;
  margin-left: -525px;
}
.gallery-popup .icon-close {
  position: absolute;
  right: 33px;
  top: 0px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  color: #000;
  border-radius: 16px;
  background-color: #c5c5c5;
}
.gallery-popup .icon-close:hover, .gallery-popup .icon-close:active {
  background-color: #fff;
}
.Bg[data-v-6a7409b6] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 188;
  background: #000;
  opacity: 0.7;
}
#dialogDiv[data-v-6a7409b6] {
  position: fixed;
  width: 400px;
  min-height: 100px;
  padding: 0px;
  top: 50%;
  left: 50%;
  margin: -191px 0px 0px -200px;
  z-index: 189;
  visibility: visible;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-139efe4c] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-139efe4c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-139efe4c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-139efe4c] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-139efe4c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-139efe4c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.context[data-v-139efe4c] {
  font-size: 18px;
  text-align: center;
  margin-top: 44px;
}
.t14[data-v-139efe4c] {
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
}
.tips-layer-options[data-v-139efe4c] {
  margin-top: 31px;
  font-size: 16px;
}
.tips-layer-options a[data-v-139efe4c] {
  display: inline-block;
  width: 142px;
  height: 43px;
  line-height: 43px;
}
.tips-layer-kb-confirm[data-v-139efe4c] {
  background-color: #3A84FF;
  color: #fff;
  border-radius: 2px;
  margin-right: 14px;
}
.tips-layer-kb-confirm[data-v-139efe4c]:hover {
  background-color: #5090FD;
}
.tips-layer-cancel[data-v-139efe4c] {
  border: solid 1px #e8e8e8;
  border-radius: 2px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-e353b8ce] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-e353b8ce]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-e353b8ce]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-e353b8ce] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-e353b8ce]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-e353b8ce]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.gift-box[data-v-e353b8ce] {
  font-size: 20px;
  text-align: center;
  margin-top: 44px;
}
.gift-box .gift[data-v-e353b8ce] {
  width: 70px;
  height: 70px;
}
.gift-box .win[data-v-e353b8ce] {
  margin-top: 30px;
}
.t16[data-v-e353b8ce] {
  font-size: 14px;
  margin-top: 8px;
}
.see-more[data-v-e353b8ce] {
  margin-top: 31px;
  font-size: 16px;
  text-align: center;
}
.see-more a[data-v-e353b8ce] {
  display: inline-block;
  width: 142px;
  height: 43px;
  line-height: 43px;
  cursor: pointer;
}
.go-see[data-v-e353b8ce] {
  background-color: #3A84FF;
  color: #fff;
  border-radius: 2px;
  margin-right: 14px;
}
.go-see[data-v-e353b8ce]:hover {
  background-color: #5090FD;
}
.close[data-v-e353b8ce] {
  border: solid 1px #e8e8e8;
  border-radius: 2px;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.fixed-menu {
  position: fixed;
  right: 50%;
  bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 1400px) {
.fixed-menu {
    margin-right: -620px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1400px) and (max-width: 1700px) {
.fixed-menu {
    margin-right: -700px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.fixed-menu {
    margin-right: -870px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.fixed-menu .fixed-item {
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(113, 109, 109, 0.2);
          box-shadow: 0 2px 10px 0 rgba(113, 109, 109, 0.2);
}
.fixed-menu a {
  display: block;
  width: 48px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  color: #a1a5b3;
  background: #fff;
  font-size: 14px;
  line-height: 17px;
}
.fixed-menu a:hover {
  cursor: pointer;
  background: #e3e8f2;
}
.fixed-menu a.download {
  position: relative;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.fixed-menu a.download::before {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 9px;
  width: 30px;
  height: 1px;
  content: "";
  background: #eeeeee;
}
.fixed-menu a.download .qr {
  position: absolute;
  top: -50px;
  left: -150px;
  display: none;
  width: 140px;
  padding: 20px 0 15px;
  text-align: center;
  color: #a1a5b3;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0px 10px 0 rgba(113, 109, 109, 0.2);
          box-shadow: 0 0px 10px 0 rgba(113, 109, 109, 0.2);
  line-height: 24px;
}
.fixed-menu a.download .qr img {
  width: 100px;
  height: 100px;
}
.fixed-menu a.download .qr::before {
  position: absolute;
  top: 73px;
  right: -16px;
  content: "";
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.fixed-menu a.download:hover .qr {
  display: block;
}
.fixed-menu #goFeedback {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.fixed-menu #goTop {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  margin-bottom: 10px;
  color: transparent;
  border-radius: 6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTI6TppmZmY2TpoyTpoyTpv///4CAgKqqqo2SpY6Spo2Tpo2TpoyUpo6Up42TpY2Spo2Tpo6Upo2TpoyUpo6Tp46Up42UpI2TpY2Tp4+TqI6Tpo2Tpo2Sp4ySpY6Spo2Tp4yTpo2TpoyTqI2Tpo2Tpo2TpscT1NYAAAAmdFJOUwDIBcvPxgECA8qBiYSKhYuN1H7WjJlRTM3ESYfQiHrRx3jBSfb04CWfvgAAAI1JREFUGNONjskOwjAMRCcBYncv0LLvi///E3HUVkkFSH0Ha/RmDgZ+slqbJMIsn0HOlE4e8AfysEXbwrKP1BeO0Yg0YBfG6mp5v6SOLaOS+yO5SKVxGKKQM8wVRynghl0mJXA7AaVk/ZaQ5rBYzPXkKSj8xV4SRa8ya++lT7Hv5JjpkrDfTV1uN19yxAdiTgdK/7E1fAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  -webkit-box-shadow: 0 0px 10px 0 rgba(113, 109, 109, 0.2);
          box-shadow: 0 0px 10px 0 rgba(113, 109, 109, 0.2);
}
.fixed-menu #goTop:hover {
  background-color: #e3e8f2;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-e7d16012] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-e7d16012]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-e7d16012]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-e7d16012] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-e7d16012]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-e7d16012]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.dialog-title[data-v-e7d16012] {
  line-height: 22px;
  position: relative;
  font-size: 16px;
  color: #000000;
  margin-top: 49px;
}
.dialog-title span[data-v-e7d16012] {
  color: #E8C06A;
}
.dialog-title.tip[data-v-e7d16012] {
  margin-bottom: 49px;
}
.dialog-content[data-v-e7d16012] {
  margin-bottom: 42px;
  margin-top: 15px;
  font-size: 16px;
  color: #313131;
  font-weight: bold;
}
.dialog-button[data-v-e7d16012] {
  border-top: 1px solid #E9EBEF;
  height: 50px;
}
.dialog-button button[data-v-e7d16012] {
  font-size: 16px;
  color: #313131;
  height: 50px;
  background: #ffffff;
}
.dialog-button button[data-v-e7d16012]:hover {
  background: #ffffff;
}
.dialog-button button[data-v-e7d16012]:focus {
  outline-color: #E9EBEF;
}
.dialog-button .think[data-v-e7d16012] {
  width: 174px;
  border-right: 1px solid #E9EBEF;
}
.dialog-button .confirm[data-v-e7d16012] {
  width: 175px;
  color: #1266EF;
}
.dialog-button .tip[data-v-e7d16012] {
  width: 350px;
}
#vipFrameMask {
  opacity: 0.7 !important;
}
#loginBg {
  background: #000;
  opacity: 0.7;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
/* 中屏－大屏分解 */
/* 头部宽度 */
/* 页面主体内容宽度 */
/* 页面主体内容扩大宽度 */
/* 页面主体内容 padding */
/* 页面主体内容 margin */
/*网球本场概况的表格的宽度计算*/
.game .kbs-header {
  background: #202020;
  color: #C5C5C5;
  height: 72px;
  border: 0;
}
.game .kbs-header li.logo a {
  background: url(https://mat1.gtimg.com/sports/kbs4//assets/db9ce40fbab40d8128c4.png) no-repeat 0 50%;
  background-size: 174px 48px;
}
.kbs-header {
  position: relative;
  z-index: 199;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.kbs-header .fl {
  float: left;
}
.kbs-header .fr {
  float: right;
}
.kbs-header .clearfix:before,
.kbs-header .clearfix:after {
  content: "";
  display: table;
}
.kbs-header .clearfix:after {
  clear: both;
}
.kbs-header .color-blue:hover {
  color: #306DFF;
}
.kbs-header .download {
  position: relative;
}
.kbs-header img {
  border: none;
}
.kbs-header .t12 {
  font-size: 12px;
}
.kbs-header > ul {
  position: relative;
  font-size: 16px;
  margin: 0 auto;
  width: 1240px;
  padding: 0 10px;
  height: 70px;
}
@media screen and (max-width: 1700px) {
.kbs-header > ul {
    width: 1240px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
@media screen and (min-width: 1700px) {
.kbs-header > ul {
    width: 1540px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
}
.kbs-header > ul > li {
  float: left;
  height: 70px;
  position: relative;
}
.kbs-header .header-tab-on {
  display: none;
  height: 3px;
  width: 26px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAADCAMAAAC6Te+vAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAC0UExURZdGitA2WCVl7ndPp1ZYw35Mn9k1UjVg37g9brA/dRRp+2ZTtD1e2I9IkS1i5tk0UeEyS4dLma8/dYdKmSRl7U1ZyVVXw6hCfH9NoKhBfE1aynZOphxn9E1Zyhxm9KBEg59Eg6hCfcg4X9E2WW5RrZ9Dg0Zc0UVc0R1n9UVb0ck5YMg5YMA6Zm9Rrm5RrhRp/D1d2ME7Z8A7Z15Vu2ZTteEySl5WvIdKmI9Ikl5VvCxi5uEzS79w9bgAAABYSURBVAjXY7BmY9Q24uBUVGDgFZaQ1jMxYxFV52HnY5LRZxDgV9Yy5BCSVGWwMGdlVuG2FJNS42G3EpHjYjBlY1TS4eAUl2fgFWRl1uU2ZpHVNADq0uACADciB2NvCUwCAAAAAElFTkSuQmCC);
  margin: 0 auto;
  position: relative;
  top: -10px;
}
.kbs-header .header-tab-on.on {
  display: block;
}
.kbs-header .vip-button {
  line-height: 70px;
  margin-right: 15px;
  float: right;
}
.kbs-header .vip-button a {
  display: inline-block;
  height: 36px;
  width: 110px;
  line-height: 36px;
  text-align: center;
  background-color: rgba(246, 244, 237, 0.1);
  color: #c38B3f;
  border-radius: 2px;
}
.kbs-header .vip-button a:hover {
  background: rgba(251, 250, 246, 0.2);
}
.kbs-header li a {
  display: inline-block;
}
.kbs-header li.logo a {
  background: url(https://mat1.gtimg.com/sports/kbs4//assets/176e7c5f3d7dffbd0d7d.png) no-repeat 0 50%;
  background-size: 174px 48px;
  width: 160px;
  height: 70px;
  margin-right: 50px;
}
@media (max-width: 1366px) {
.kbs-header li.logo a {
    margin-right: 20px;
}
}
.kbs-header li.user {
  float: right;
  position: relative;
  width: 68px;
}
.kbs-header .DLCode {
  padding: 36px 35px 25px;
  position: absolute;
  left: -45px;
  color: #000;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(206, 206, 206, 0.5);
          box-shadow: 0 2px 10px 0 rgba(206, 206, 206, 0.5);
  display: none;
}
.kbs-header .DLCode div {
  background: url(https://mat1.gtimg.com/sports/kbs4//assets/36036892f13d378faf30.png) no-repeat;
  width: 93px;
  padding-top: 110px;
  text-align: center;
  font-size: 14px;
}
.kbs-header .DLCode .arrow {
  position: absolute;
  top: -6px;
  right: 70px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-top-width: 0;
}
.kbs-header .DLCode .arrow.arrow-in {
  top: -10px;
  border-bottom-color: rgba(206, 206, 206, 0.1);
}
.kbs-header .DLCode .arrow.arrow-out {
  top: -8px;
  border-bottom-color: #fff;
}
.kbs-header .tabList.download:hover .DLCode {
  display: block;
}
.kbs-header .ad-before a {
  position: absolute;
  left: 165px;
}
.kbs-header .ad-before a img {
  width: 65px;
}
.kbs-header .watchgame-ad {
  display: block;
  padding-left: 20px;
}
.kbs-header .ad-after a {
  display: inline-block;
  height: 52px;
  width: 52px;
  margin-top: 10px;
  background-image: url("//mat1.gtimg.com/sports/kbsweb4/statistic/nAh8TAo2.png");
  background-size: 52px 52px;
}
.kbs-header .icon-vip-logo {
  position: relative;
  top: 2px;
  left: 3px;
}
.kbs-header [class*=Btn] {
  cursor: pointer;
}
.kbs-header li.tabList > a {
  padding: 0 20px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  line-height: 55px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kbs-header li.tabList > a.on {
  color: #306DFF;
}
.kbs-header li.tabList:hover .header-tab-on {
  display: block;
}
.kbs-header .new-vip-icon {
  width: 18px;
  margin-right: 4px;
}
.community .kbs-header .community-tab-on,
.download .kbs-header .download-tab-on a,
.quiz .kbs-header .guess-tab-on a,
.vip-intro .kbs-header .vip-tab-on,
.watchgame .kbs-header .kbs-tab-on,
.mall .kbs-header .mall-tab-on {
  background: #346aff;
  color: #ffffff;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-c56281a6] {
  overflow-y: auto;
  scrollbar-base-color: #222222;
  scrollbar-arrow-color: #141414;
  scrollbar-track-color: #222222;
  scrollbar-face-color: #313131;
  scrollbar-3dlight-color: #313131;
  scrollbar-highlight-color: #313131;
  scrollbar-shadow-color: #313131;
  scrollbar-darkshadow-color: #313131;
}
.scroll-wrap[data-v-c56281a6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-c56281a6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-c56281a6] {
  scrollbar-base-color: #c5c5c5;
  scrollbar-arrow-color: #8e8e8e;
  scrollbar-track-color: #c5c5c5;
  scrollbar-face-color: #e8e8e8;
  scrollbar-3dlight-color: #e8e8e8;
  scrollbar-highlight-color: #e8e8e8;
  scrollbar-shadow-color: #e8e8e8;
  scrollbar-darkshadow-color: #e8e8e8;
}
.scroll-wrap-light[data-v-c56281a6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-c56281a6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.kbs-header .user-login-list[data-v-c56281a6] {
  position: absolute;
  width: 303px;
  top: 65px;
  left: -265px;
  padding: 0 15px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(206, 206, 206, 0.5);
          box-shadow: 0 2px 10px 0 rgba(206, 206, 206, 0.5);
  background: #fff;
  z-index: 111;
  font-size: 14px;
}
.kbs-header .user-login-list .nick[data-v-c56281a6]:hover {
  background-color: inherit;
}
.kbs-header .user-login-list .nick span[data-v-c56281a6] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  left: 55px;
  top: 0;
  width: 80px;
}
.user-login-list .top-arrow[data-v-c56281a6] {
  position: absolute;
  top: -6px;
  right: 38px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-top-width: 0;
}
.user-login-list .top-arrow.arrow-in[data-v-c56281a6] {
  top: -10px;
  border-bottom-color: rgba(206, 206, 206, 0.1);
}
.user-login-list .top-arrow.arrow-out[data-v-c56281a6] {
  top: -8px;
  border-bottom-color: #fff;
}
.kbs-header .user-login-list .open-vip[data-v-c56281a6], .kbs-header .user-login-list .goto-vip-center[data-v-c56281a6] {
  padding: 0;
  text-align: center;
  position: relative;
}
.kbs-header .community-center:hover .icon-shequ[data-v-c56281a6] {
  color: #346aff;
}
.kbs-header .guess-center:hover .icon-guess[data-v-c56281a6] {
  color: #346aff;
}
.kbs-header .clock-panel-center:hover .icon-clock-panel[data-v-c56281a6] {
  color: #346aff;
}
.user-login-list .list-top[data-v-c56281a6],
.user-login-list .list-mid[data-v-c56281a6],
.user-login-list .list-bot[data-v-c56281a6] {
  overflow: hidden;
  border-bottom: 1px solid #EEF3F8;
}
.user-login-list .list-bot .vip-icon[data-v-c56281a6] {
  width: 30px;
  height: 28px;
}
.user-login-list .list-bot .icon-vip-logo-gray[data-v-c56281a6] {
  background: url("https://mat1.gtimg.com/sports/bk/static/dist/statics/icon-vip-logo-gray_b996f0.png") no-repeat;
  background-size: 100% 100%;
}
.user-login-list .list-bot .icon-vip-logo-blue[data-v-c56281a6] {
  background: url("https://mat1.gtimg.com/sports/bk/static/dist/statics/icon-vip-logo-gold_13bb92.png") no-repeat;
  background-size: 100% 100%;
}
.user-login-list .list-bot[data-v-c56281a6] {
  font-size: 0;
}
.user-login-list .list-bot a[data-v-c56281a6] {
  font-size: 14px;
}
.user-login-list .list-top .nick[data-v-c56281a6] {
  height: 70px;
  line-height: 70px;
  display: inline-block;
  margin-right: 3px;
  cursor: default;
  position: relative;
}
.user-login-list .list-top .nick span[data-v-c56281a6] {
  position: static;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  left: 55px;
  top: 0;
  width: auto;
  max-width: 180px;
  color: #313131;
  display: inline-block;
  margin-right: 8px;
}
.user-login-list .list-top .nick.not-vip[data-v-c56281a6] {
  top: 0;
}
.user-login-list .list-top .nick.not-vip span[data-v-c56281a6] {
  max-width: 70px;
}
.user-login-list .list-top .vip-icons[data-v-c56281a6] {
  position: absolute;
  left: 15px;
  top: 40px;
}
.user-login-list .list-top .vip-icons img[data-v-c56281a6] {
  height: 16px;
  border-radius: 0;
  width: auto;
  margin-right: 6px;
}
.user-login-list .list-top .sys-msg[data-v-c56281a6] {
  position: relative;
  top: 27px;
  margin-right: 16px;
}
.user-login-list .list-top .sys-msg .unread-msg[data-v-c56281a6] {
  position: absolute;
  top: -7px;
  left: 12px;
  font-size: 12px;
  border-top: none;
}
.kbs-header .user-login-list .list-top .open-vip[data-v-c56281a6] {
  width: 138px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 15px;
  text-align: center;
  background: #E9C16A;
  border-radius: 2px;
  position: absolute;
  top: 19px;
  left: 105px;
}
.kbs-header .user-login-list .list-top .open-vip[data-v-c56281a6]:hover {
  background-color: #E7C57B;
}
.user-login-list .list-mid a[data-v-c56281a6] {
  width: 100%;
  text-align: center;
  height: 70px;
  line-height: 70px;
  display: inline-block;
}
.user-login-list .list-mid a span[data-v-c56281a6] {
  display: inline-block;
}
.user-login-list .list-mid a .wallet-num[data-v-c56281a6] {
  display: inline-block;
  max-width: 65px;
  color: #333333;
  font-weight: normal;
  line-height: 15px;
  margin-left: 5px;
  vertical-align: middle;
}
.user-login-list .list-mid a .diamond-num[data-v-c56281a6] {
  vertical-align: middle;
  margin-top: -3px;
}
.user-login-list .list-mid .icon-diamond[data-v-c56281a6],
.user-login-list .list-mid .icon-kb[data-v-c56281a6],
.user-login-list .list-mid .icon-ticket[data-v-c56281a6] {
  vertical-align: middle;
}
.user-login-list .list-mid .icon-kb[data-v-c56281a6],
.user-login-list .list-mid .icon-ticket[data-v-c56281a6] {
  margin-bottom: 1px;
}
.user-login-list .list-mid .kb-num[data-v-c56281a6],
.user-login-list .list-mid .ticket-num[data-v-c56281a6] {
  margin-bottom: 2px;
}
.user-login-list .list-mid .wallet-myDiamonds[data-v-c56281a6] {
  border-bottom: none;
}
.user-login-list .list-mid .wallet-ticket[data-v-c56281a6] {
  margin-right: 13px;
}
.user-login-list .list-bot a[data-v-c56281a6] {
  display: inline-block;
  width: 25%;
  line-height: 20px;
  text-align: center;
  margin: 25px 0;
  position: relative;
}
.user-login-list .list-bot a .title[data-v-c56281a6] {
  color: #8E8E8E;
  font-weight: normal;
  font-size: 12px;
  margin: 0;
}
.kbs-header .user-login-list .t28[data-v-c56281a6] {
  font-size: 28px;
}
.kbs-header .user-login-list .t26[data-v-c56281a6] {
  font-size: 26px;
}
.kbs-header .user-login-list .t18[data-v-c56281a6] {
  font-size: 18px;
}
.kbs-header .user-login-list .t16[data-v-c56281a6] {
  font-size: 16px;
}
.kbs-header .user-login-list a[data-v-c56281a6] {
  padding: 0;
  display: inline-block;
  font-weight: normal;
}
.kbs-header .user-login-list a[data-v-c56281a6]:hover {
  background: transparent;
}
.kbs-header .user-login-list span[data-v-c56281a6] {
  display: inline-block;
}
.kbs-header .user-login-list .unread-msg[data-v-c56281a6] {
  float: right;
  position: absolute;
  top: 25px;
  left: 35px;
  border-radius: 10px;
  line-height: 16px;
  padding: 0 5px;
  margin-bottom: 8px;
  font-weight: normal;
}
.kbs-header .user-login-list .list-bot .unread-msg[data-v-c56281a6] {
  top: -8px;
}
.kbs-header .user-login-list .icon-email[data-v-c56281a6] {
  font-size: 16px;
}
.kbs-header .user-login-list .change-btn[data-v-c56281a6] {
  font-size: 0;
  color: #313131;
}
.kbs-header .user-login-list .change-btn a[data-v-c56281a6] {
  line-height: 45px;
  font-size: 14px;
  display: inline-block;
  width: 50%;
  text-align: center;
  font-weight: normal;
  cursor: default;
}
.kbs-header .user-login-list .change-btn a span[data-v-c56281a6] {
  cursor: pointer;
}
.kbs-header .user-login-list .quit span[data-v-c56281a6] {
  border-top: none;
  display: inline-block;
}
.user-login-list .icon-email[data-v-c56281a6],
.user-login-list .icon-shequ[data-v-c56281a6],
.user-login-list .icon-guess[data-v-c56281a6],
.user-login-list .icon-clock-panel[data-v-c56281a6] {
  color: #a2a2a2;
}
.user-login-list .tourists[data-v-c56281a6] {
  height: 60px;
  color: #333;
  line-height: 60px;
  padding-left: 20px;
}
.user-login-list .tourists .login-btn[data-v-c56281a6] {
  display: inline-block;
  width: 70px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 15px;
  margin-left: 32px;
  cursor: pointer;
  background: #e0ad14;
  color: #fff;
}
.kbs-header .user-login-list .quit span[data-v-c56281a6] {
  line-height: 40px;
}
.kbs-header .user-login-list .sys-msg > span[data-v-c56281a6],
.kbs-header .user-login-list .quit span[data-v-c56281a6] {
  /*border-top: 1px dashed #eee;*/
  display: block;
}
.kbs-header .fade-enter-active, .kbs-header .fade-leave-active {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.kbs-header .fade-enter, .kbs-header .fade-leave-to {
  opacity: 0;
}
.kbs-header .color-red1bg {
  background: #ff4340;
}
.kbs-header .color-white {
  color: #fff;
}
.kbs-header li.user .user-head {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 7px;
  position: relative;
}
.kbs-header li.user .user-account {
  position: absolute;
  left: 60px;
  top: 0px;
  height: 50px;
}
.kbs-header li.user a img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.kbs-header li.user .login-type {
  position: absolute;
  top: -5px;
  right: -5px;
}
.kbs-header li.user .icon-qq20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  border-radius: 20px;
  background: url("//mat1.gtimg.com/sports/kbsweb2/statics/qq20_4c733b.png");
}
.kbs-header li.user .icon-vip-logo-orange {
  position: absolute;
  bottom: 0;
  right: -4px;
}
.kbs-header li.user .type-qq .icon-qq20 {
  display: block;
}
.kbs-header li.user .type-wx .icon-wx-icon {
  display: block;
}
.kbs-header li.user .goto-vip-center .icon-vip-logo-orange {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 16px;
}
.kbs-header .unread-msg {
  border-radius: 10px;
  line-height: 16px;
  padding: 0 5px;
  margin-bottom: 8px;
  font-weight: normal;
}
#svipLogo, #svipLogo img {
  width: 20px;
  height: 20px;
  margin: 0;
}
#vipLogo, #svipLogo {
  display: block;
}