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";
}

@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-f4a35984] {
  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-f4a35984]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-f4a35984]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-f4a35984] {
  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-f4a35984]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-f4a35984]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.items-stable[data-v-f4a35984] {
  padding-top: 10px;
  /*适配小屏*/
}
.items-stable .nav-item[data-v-f4a35984] {
  display: block;
  position: relative;
  font-size: 16px;
  color: #313131;
  height: 48px;
  line-height: 48px;
}
.items-stable .nav-item span[data-v-f4a35984] {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}
.items-stable .nav-item .match-name[data-v-f4a35984] {
  max-width: 96px;
  overflow: hidden;
}
.items-stable .nav-item .match-num[data-v-f4a35984] {
  font-size: 14px;
}
@media (max-width: 1366px) {
.items-stable .nav-item .match-name[data-v-f4a35984] {
    max-width: 64px;
}
}
.items-stable .stable-nav[data-v-f4a35984] {
  padding-left: 66px;
}
.items-stable .nav-item[data-v-f4a35984]:hover, .items-stable .nav-item.checked[data-v-f4a35984] {
  color: #fff;
  background: #3A84FF;
}
@media (max-width: 1336px) {
.items-stable .stable-nav[data-v-f4a35984] {
    padding-left: 68px;
}
}
@charset "UTF-8";
.animate-wrapper[data-v-3b90bd1a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.animate-wrapper .animate-text[data-v-3b90bd1a] {
  white-space: nowrap;
}
.animate-wrapper.scrolling .animate-text[data-v-3b90bd1a] {
  -webkit-animation: run-data-v-3b90bd1a linear infinite normal;
          animation: run-data-v-3b90bd1a linear infinite normal;
  font-size: 0;
}
.animate-wrapper .shadow-text[data-v-3b90bd1a] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
@-webkit-keyframes run-data-v-3b90bd1a {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
  /* 为了让动画更顺畅，节点后面增加了1个，所以这里的偏移量到1/2，即50% */
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@keyframes run-data-v-3b90bd1a {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
  /* 为了让动画更顺畅，节点后面增加了1个，所以这里的偏移量到1/2，即50% */
to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-868b5454] {
  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-868b5454]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-868b5454]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-868b5454] {
  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-868b5454]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-868b5454]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.nav-item[data-v-868b5454] {
  display: block;
  position: relative;
  font-size: 16px;
  color: #313131;
  height: 48px;
  padding-left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-item img[data-v-868b5454] {
  width: 26px;
  height: 26px;
  margin-right: 12px;
  vertical-align: middle;
}
.nav-item .animate-text[data-v-868b5454] {
  width: 116px;
}
.nav-item span[data-v-868b5454] {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}
.nav-item .match-name[data-v-868b5454] {
  font-size: 16px;
}
.nav-item .match-num[data-v-868b5454] {
  font-size: 14px;
}
@media (max-width: 1366px) {
.nav-item .animate-text[data-v-868b5454] {
    width: 86px;
}
}
.nav-item[data-v-868b5454]:hover,
.nav-item.checked[data-v-868b5454] {
  color: #fff;
  background: #3A84FF;
}
.nav-item.event-games[data-v-868b5454]:hover,
.nav-item.event-games.checked[data-v-868b5454] {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.nav-item.event-games:hover .animate-text[data-v-868b5454],
.nav-item.event-games.checked .animate-text[data-v-868b5454] {
  display: none;
}
.nav-item.event-games:hover img[data-v-868b5454],
.nav-item.event-games.checked img[data-v-868b5454] {
  border-radius: 50%;
  background-color: #fff;
}
.nav-item.asian-games-2023[data-v-868b5454]:hover,
.nav-item.asian-games-2023.checked[data-v-868b5454] {
  background-image: -webkit-gradient(linear, left top, right top, from(#6235f0), to(#dc3e9e));
  background-image: linear-gradient(90deg, #6235f0 0%, #dc3e9e 100%);
}
.nav-item.asian-games-2023:hover .asian-games-name[data-v-868b5454],
.nav-item.asian-games-2023.checked .asian-games-name[data-v-868b5454] {
  display: inline-block;
  width: 80px;
  height: 16px;
  background-size: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAAwCAMAAAAYYwcUAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAALlUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////4M8h4cAAAD2dFJOUwCwmfNDN6XhRSDVyp/O+xgUyGqbXryy6eu2dvHbHgRw3b4rgQL+/bpJ141Ll6H6hymjKAEM79Q9j3j8Axe0URItDaw1xKkIHxsLubGe5jn5B5Zv4NkVEM/N59DfvZMc5PgFV2DyiMttiW50EVhrxp1W9HxGLva3cuVOHTZPrtJbPEqcSIpAlHkmPyp+FhpnOHuY7pHTq+itLGQZaQp/ZZreR8InjlVaO8GDIbs6powvND6q7XGA7FmFU3dCx9EwUjJhuJUikiXczGigyQ/w2otNVLWzY1+kIwmEqDGip8BEBr9d42IkbDPD1mav9w4TekyCxdh9dTBgyLkAAAdJSURBVGje7Zp3XBRHFMeHFkD0EAREkIvA3amgx8GhSLGg0iF0gSAINlRQEBFE7L333hN77733mhhbeu+9Z//ObZnd2TLLchyGj+b317yZt7Pz3dudefPmAFCiSPBS6Na4R0//Cdr6JDdP117zgrFdWuhPau57SN3vBKLefP+qm9ak0s9L9vbaHLo1jDY1h+0U6SPBU9XELzIL5igN439yEt7nPsN1DKkbJQMcw1R3l+xtD9PqQpuHCIXqQfurD1RkjAj+Ypue0DkDsNAFowsl0izTI9gOR2OB2zMe7gqB2zHV9rQ5LakjqWtbaLMV09qCNq2UAlvxOzepHzCqsO4TJFH6eHMeqjfMBdZGywJ/yJinLAJsjwJr8O6eUiTzu6EuqacbADySvSzCfhiQBYZINv81cOgIPd9H23KRYmDHpMSY5cPOuc2PU4v8mynw4EFir24lkfUC+9hKa1pxcwZO2PWmtN+Uu4IZSK1WQ+CBarUGlOpxt1hpFrC1UuA2IuA4YByLdc9HGGJnvstz9MxHLX3SzlDWNXobv5uIoD7YW3iYBZz9tSujAtjR366uXrBcAFvXR9H+Y6iP73jO5IBA8jVtg9HW6bR762+77M/U8QdatNvQTTD2lD0zRsVRUYKQ6nVLA3NygB05msYJyw5CL+fAMMMiteI4o43EQKcCYCvxnn7aPIEbKA/RMH8uI+ttV4gaOr+YwHl1dMO8t18KYG1yNjs9BagUAWfrcMDLnwewXUEXRtfHgdose7xahImBx9ihfS1IFANXCanGgDo3aVUMaCrgqkBS31FOA7mhbANdZdexWQJgG+srwluG9FghADaGlydr2bm7vNw6TMFrZA5wp1UhOOAQpkjF+k5oaBEsCxxA+idz9tC2EnqLa/+eGcpEtsZd2WcT5cIC19xeXXLJgwWu7ZBYObu7BLDGX0t0wgFPYopDzAEuzHDdNX23g3xM83TpzLIlNQb47EXAvVK8hZoAt9MzZ2Sx/vagI9qtDeiBmgjwr9dMNhb4GVM8aw4wLR95YFveD7aXrV9RuYGquSdxTTLt3A+tUwi8yesUIQfszxTHPSfgVkiLKoYM8KTmipbMj99g4LSSPNrGAj9miodFwCtlMZaZB2zQ8toOWRhYMwXaOGBnGAUmkP5BWgR4w0gvr1nQbOvF1+je5gHfE4NZEpibEjHA6mp+ziZtUzBvA3gWeq6VmUfVmXK83lGI6zvaxgCv5QP/IQb2qQ/4ISythkNqyQNmH6IXZT7YGE5qSYIgd+4sozTEcdMaojHAffp6osCLyzMbDNwfltZLAw+H7bMpcyNjjTAzFH1GyAAPDw4OvsMHriIicub8gAYehh9vo4FHfEUKBnipPHBRlCRwAgyIVfQmvgx+0WrzgF3lgEeayq/ygcGG0IZFWixwllEe2BpIAttyMS8dLEIbZhaP2StUx89FwO2tUomCeoAbGlpC4O4+QBY4f7E08Gbo+AHzsY6HFR9TdjyhWEdEwO6g9+lCU+VBJHVvIeDkB0AW+KsbQBqY3UxMDiJ113ifHe43ChYkVHYSwLR6IsGtRYAHnsfvlijgvHlAGji2SDDqfpVs0c9iwDDhubMe4HwFwKH6odcXyG0PexLaP0e3BhhgW+GoHRJSGg2cmycAhgntThhgF/5xmfz2cHG0/H7Y4OoomEhR4CARMFjfKOAtBFH9i+DkIQp6rMMAD+KHCpZO8UxGQi8nMXDkcBRYPUgprzeVwJiYbCs6anFjTF0sCqy+msEErwtgFzuaBvgi0/QXAAMixMAgOgkBBsWOJq2zYZdVR5xicUctRvgEMwEKHEgQv9Hu6bDzE00DDA8RckyBr+Q+QHMGAaZUA5t1t5COSm/2pRQUKXu2tANefJAHvBmGc1PZmz9qEuBJbP9JE9fldODLl54R/JY5afVsjg2kpUjuMGphbYYc8An2fl/ygBMJwt9kx8VwT3t7EwDHzh2KROeb67ARZHw8V97In5hEm8bxl2WAn7DJgGwUmAxw5prsFtxwEoECYHWuCorN/0aoVOy3qWObcym2TwSv8Ng7ThhdGALHX8xuWVI9ENUALhf/UzEWGEYdRFeAAsM3Azml+kwemP4HiEH5smEAUtMyXhfh+IdIt0fEpnPG0nqBdQYRsBsPOAcoAfZTDuDXQODOMCWahXEIvcElacPqBT4DRMCBPOCy5gI8GOcQCiqUA/tGioELUWD2eLxpgPVtlQIbp+CBwRylwDHvAxHwKsAB6wKM7OUnmfb+FgTOulK6Va8MuJaQAQaD10gAw5m3HWmQYUyHq0ZxhiCVyrEcp3B9j6DXx4WQ2s68E7no8wH7lAPv44BnkCmruC6psv5O9P0CcO1rqP/2lVpT69wBdMBT9/uSqqYy4b3cHwYii19hDNXmaxVA7+BmdU5cviRKLolSOZ5aZYr20mb4KwoVTrkv8/QddhkusQOmbQmwxin9KHMsOh/zLxx4cKquO1f9OA38r5dB/wLV/2XpLLYK8gAAAABJRU5ErkJggg==);
}
.nav-item.paris-olympics[data-v-868b5454]:hover,
.nav-item.paris-olympics.checked[data-v-868b5454] {
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/34d3c69eff4edb226ad4.png);
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-5489bb8c] {
  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-5489bb8c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-5489bb8c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-5489bb8c] {
  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-5489bb8c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-5489bb8c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.category-name[data-v-5489bb8c] {
  font-size: 14px;
  color: #90A5C9;
  height: 48px;
  line-height: 48px;
  padding-left: 32px;
}
.nav-item[data-v-5489bb8c] {
  display: block;
  position: relative;
  font-size: 16px;
  color: #313131;
  height: 48px;
  line-height: 48px;
  padding-left: 32px;
}
.nav-item img[data-v-5489bb8c] {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  vertical-align: middle;
}
.nav-item[data-v-5489bb8c]:hover, .nav-item.checked[data-v-5489bb8c] {
  color: #fff;
  background: #3A84FF;
}
.more-fewer[data-v-5489bb8c] {
  font-size: 16px;
  color: #8d8d8d;
  height: 48px;
  line-height: 48px;
  padding-left: 66px;
  cursor: pointer;
}
.more-fewer.more[data-v-5489bb8c] {
  color: #3A84FF;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto;
}
.mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.loadinghack .section .mCSB_container{ /* contains the original content */
    height: 100%;
}
.mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0;
}



/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0;
}



/* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px;
}



/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px;
}



/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    height: 100%;
    margin: 0 auto; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 101;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto; border-radius: 16px;
    text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0;
}



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0;
}



/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px;
}



/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 2px;
    margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0;
}



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px;
}



/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0;
}



/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0;
}



/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px;
}



/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
    padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
    padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}



/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0;
}



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/



/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/



/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}
.mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}
.mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}
.mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}



/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px;
}



/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px;
}



/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px;
}



/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 6px;
    margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px;
}



/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px;
}



/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 2px;
    margin: 7px auto;
}



/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px;
}



/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px;
}



/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px;
}



/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    background-color: transparent;
    background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px;
}



/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px;
}



/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}



/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 8px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
            box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 8px;
    margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px;
}



/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
            box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px;
}



/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
            box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 12px;
    width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #000; background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
            box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px;
}



/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #fff; background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
            box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px;
}



/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: 0;
    margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: 0;
    margin: 0 12px;
}



/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    left: 0;
    right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}



/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #a5a5a5; background-color: rgba(165,165,165,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #a5a5a5; background-color: rgba(165,165,165,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}



/* ---------------------------------------- */



/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 6px;
    margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 12px;
    margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px;
}



/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px;
}



/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 12px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 12px;
    margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px;
}



/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px;
}



/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2);
}



/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9);
}



/* ---------------------------------------- */
.ps {
  -ms-touch-action: auto;
      touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps {
    overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
    overflow: auto !important;
}
}
.ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}
.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 15px;
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 11px;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}
.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999;
}
.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999;
}
.ps > .ps__scrollbar-y-rail {
  width: 6px !important;
}
.ps > .ps__scrollbar-y-rail:hover {
  background-color: transparent !important;
}
.ps > .ps__scrollbar-y-rail:hover .ps__scrollbar-y {
  width: 6px !important;
  background-color: #aaa !important;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: transparent !important;
  background-color: transparent !important;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail .ps__scrollbar-y {
  width: 6px !important;
  background-color: #aaa !important;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-37f6b5a3] {
  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-37f6b5a3]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-37f6b5a3]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-37f6b5a3] {
  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-37f6b5a3]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-37f6b5a3]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.nav[data-v-37f6b5a3] {
  width: 205px;
  float: left;
  margin-right: 10px;
  height: 100%;
  min-height: 90px;
  background: #fff;
  position: relative;
  overflow-x: hidden;
}
.nav .scroll-area[data-v-37f6b5a3] {
  position: relative;
  height: 100%;
}
.nav .game-items[data-v-37f6b5a3]:last-child {
  padding-bottom: 20px;
}
/*适配小屏*/
@media (max-width: 1366px) {
.nav[data-v-37f6b5a3] {
    width: 174px;
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-0323aea6] {
  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-0323aea6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-0323aea6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-0323aea6] {
  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-0323aea6]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-0323aea6]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.team-logo[data-v-0323aea6] {
  font-size: 24px;
  vertical-align: middle;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-16964d45] {
  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-16964d45]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-16964d45]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-16964d45] {
  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-16964d45]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-16964d45]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.fade-enter-active[data-v-16964d45], .fade-leave-active[data-v-16964d45] {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.fade-enter[data-v-16964d45], .fade-leave-to[data-v-16964d45] {
  opacity: 0;
}
.source[data-v-16964d45] {
  width: 163px;
}
.source .source-btn[data-v-16964d45] {
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  margin-top: 17.5px;
  position: relative;
  width: 119px;
  line-height: 32px;
  border-radius: 2px;
}
.source .source-btn > span[data-v-16964d45] {
  vertical-align: middle;
}
.source .source-btn .live-type-icon[data-v-16964d45] {
  font-size: 18px;
}
.source .gap[data-v-16964d45] {
  position: absolute;
  top: 33px;
  width: 100%;
  padding-top: 3px;
  right: 0;
}
.source .source-select[data-v-16964d45] {
  display: none;
  z-index: 101;
  -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);
  border-radius: 2px;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  right: 50%;
  margin-right: -83.5px;
  top: 36px;
  position: absolute;
  width: 167px;
}
.source .source-select.list-show[data-v-16964d45] {
  display: block;
}
.source .source-select .option[data-v-16964d45] {
  display: block;
  line-height: 40px;
}
.source .source-select .option[class^=option][data-v-16964d45]:hover {
  background-color: #3A84FF;
  color: #fff;
  cursor: pointer;
}
.source .source-select .option[class^=option][data-v-16964d45]:last-child:hover {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.source .source-select .tips[data-v-16964d45] {
  color: #8e8e8e;
}
.source .source-select .arrow[data-v-16964d45] {
  width: 36px;
  height: 19px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAmCAMAAABQzS1fAAABSlBMVEX///+qqqr////Gxsb////MzMzV1dVHcEyAgIC/v7/MzMzR0dHIyMjb29vMzMy/v7+2trbPz8+/v7/MzMzJycnR0dHPz8/KysrOzs7Q0NDf39/MzMzY2NjOzs7V1dXR0dHMzMzPz8/MzMzGxsbOzs7Ozs7Nzc3MzMzDw8PV1dXS0tLT09PS0tLExMT6+vrNzc3Ly8vFxcXKysrT09POzs7Nzc3Q0NDJycnMzMzR0dHIyMjR0dH8/Pz8/PzLy8vLy8vIyMj8/Pz6+vr8/Pzp6en9/f3f39/////9/f3v7+/9/f3u7u75+fn39/fU1NT8/Pz+/v7+/v7z8/Pg4ODS0tLR0dHJycnh4eH+/v7////h4eH7+/vKysr////09PT////4+Pj8/Pz7+/v+/v79/f38/Pz9/f3X19f8/Pzi4uL9/f39/f39/f3////7Fr7IAAAAbXRSTlMBAwMJAgUGAAIECgsOBw8IBxAMFBMWIBgVGwgZDRoMHCglHhIfKiQjERIRHSINoS4sFisXLykmJi0nHCGgniInF52gn1vgP/bQbtpJo5w1s+jtgzItLCFMyPw8ux3zWftvnIm9mJubE5oapJlq5xue0AAAA5FJREFUSMeN1Vd3m0AQBWCcOM02oC4hrI4akmJLslzk3nvvvffs/3/N7CxgFlCc+yKf48N37gwLCD/cEcz8dMT6h9dFHRh2ZTcXu/Y5ZCr0yi6aLxj809S8JKETw4hftjCuEyV4OZRhyDdbGGZQLklwO8gYyHdbDMygnJLAO3YGrvX5RFHGiKLPhxhHeUOmYzI+UY5/hfRA6G9cFn0W5ZIELwcYpvT09Pb2BiDwQzW0KOWWBN6hY9E2ogwKGMlafx+mv5YEDSxZxFZ0PE4SuDWbdZAJACJJfiOSBFgAKauUfeWCy4Gp4sAkQfGX9Fw5hCnn9JIfrCRQcTqfUxLcjkzbUEYvh4KxWD0MqcdiwVBZpxRtJbslwdNJApMDJTwTjaqYaHQmDFYOqKSnJPB7Zk6tTyqVgWmqCUVppyBtRUmoTaDKJamvZkr2jQtGIbzvsGeR9dFDwTplUpWshslWUpSqB0M66ySyewengFUSrEI4GOyZObFwVFVSWS1yNFWFTB1FtGxKUaPhGJNg4/bheIgNFuiXStRJtCtaZKpYyGAKxamIVmknqFSS+gPWcB8QXwgWJPnLQXBS2ch4sTAyPZaGjE2PFIrjkWwKpGDZL8GaHJUERyEYzJ8L1tGpApNu5RuQfCsNVBWlejDnp8PxlRjU3c0KmYM1E23qDKdbjcHRgY2NgdHBRis9TKV2omkOxyqxdSPkKASDqUoFnTwwW+eEnG8BlUepoqh0OGcl22FkG8JCMJg2XhgBZ2BoaYVAVpaGBkAaKYxrMBxWMrZkHUrHZHRDUCgbKWbGqHO8SDCLx1QayxQjWVoJtuSYjUHcZLAhWmi41RgdWtglRnYXhkYbrWGs1Iw5ZjM/YQaE9x4nu9CqWGh1mVhZXsVKVe2CzUZPgI+bjV+RDvceVl3MpPOHe6fEltO9w3waZqsocAJ0jyVRyFqRZK0ond8kjmwixJYkWUvyhj52fbBNXNk+8Nj2B2TcNNmEcLT9E+KRk30czYRk7rZxkJRjOzpbI55ZO2M7YqN5Q+wB0fE8ru+QDtlZxxOpux4SDmIHe0a9uiQdc3mlzhhH2w11We8QfNRursk/cn2DD5v1JumyIOtA4snWQ3fkk9yFdDzZHQ6k8Xp8fiOf5u3Z/ZK0IOPF/3pP/iP3r/YPAAex2XoCfx7eXx6fbmdnJyfn5yYmfluZmJibn5ycnb19enx5f/gDheL2j9tf5rYd5AwaxtsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 36px auto;
  position: absolute;
  left: 66px;
  top: -19px;
}
.source .show-up[data-v-16964d45] {
  top: auto;
  bottom: 40px;
}
.source .show-up .arrow[data-v-16964d45] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAmCAMAAABQzS1fAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEvUExURf///9XV1f///8bGxv///8zMzKqqqkdwTICAgL+/v8zMzNvb28zMzNHR0b+/v9DQ0MjIyM/Pz8zMzN/f387OzsrKyra2ttjY2L+/v8zMzMnJyczMzMbGxs/Pz8TExMzMzNLS0s/Pz87OztPT087OzsPDw9XV1c7OzszMzNHR0cXFxdPT08nJyc3NzdHR0cvLy8rKytXV1cjIyMzMzM3NzdHR0c3NzdHR0cnJycvLy9LS0srKys7OztDQ0NHR0cvLy8jIyP///+3t7ff39+7u7v7+/tLS0vn5+c/Pz9DQ0Pv7+9fX1/X19f39/ejo6P7+/vr6+v////z8/O/v7/7+/vT09O3t7f39/f////7+/v////z8/OHh4f///+bm5v////j4+P///9zc3PT09P///783Nm0AAABkdFJOUwEGAwkCBQMAAgQKBw8LDBsOEBQIFRgHDQgjExkSJQ0eESAfHRoRDCooFhYXISkhJx0SFy0uJyQsJiIiKy8rHCwc+1OYaPQzsTAmxjp+2CzmXfG7X+BIOHf5z/6kQ/1Q7Yv3JHOAONOmAAADyklEQVRIx43VaX+aQBAHYA0qpioiIgYU8dZ4n9E0adImPZLe93033/8zdGbYlRVI2nmjvvD5zfx3FiKRSDIZS+zs7sajqbyUUT58u/qP+vZByUj5VDS+u7uTiCWTESwXikeje9KtTEV9+evfzq+XaiVzS9qLghSEDICUYrr17se/nB/vWumiApCxDcViCT5ZW82Vtfdvb3bevtfKObXNZ0vEYn4IJku3ptrs+aebnE/PZ/q0lYbZgpCbNU1WtfR+8/fr653Xv5t93arSbG7aYZAKUK/QnIy+XOd8GU2ahR5A6s0QRLRfyDZqt39+DmM+/7xda2QL+xhSGJTYgkpZp2bafz4GnY9/bLPmZEtbkJdRMhTqvnnld1696YZCvj1iYeNoBHW+v9h2XnzvuBCM5oUdXEg8/iKFjRkBtPr6THSefV0BRBlh2EV2/B4U4ZsNCwl7ZOlwavXDg/HwdPHksec8frI4HY4PDutwarqFeyTl+WZHRCiOdw02GxaydNcZmOtuZ754+Ig7jx4u5p3u2hw4d0uwkLDZeNfiPshLG0Nis42Hd+bHF+euc35xPL8zHLPJhIi8QxNuLZ+tTy3ZS5AWx0/vXV3de3q8AGdpU0N9/2QEyRuIZqMFwN2uj8z1cni0mi/uP3hwfzFfHQ2Xa3OECfXY4W8mSyIjB6+tpc9K2QZI9rjbOTpdnZ2tTo863bENTiMLCVnBK8sg1hI9kVS6t0xaL7vDDtSwu1wzh24sNWR4DSEktmRgSzicKw0OTdu+HENd2rZ5OHAdHAwbMsSGOMRTgoODpcSYQDpxkDIPoExknBNwMCBcRjwyoSEP2nrcwjJBTs3sxKnXaoPRaFCr1Z1Jtgn5aNPc1mNWgLyW+JsEe7L0/QJQJ5OGA9WYnABT2Nct7Kftf4PIIsSHg5jaIFUtDSi0qEABRrOq5NCJbTVEEG/JzRtjUopqrlUGqjfrF6j6sx4w5VZOLSoYkJu015AL+XuSsCkVuppamqZTaZo1hW5UbEcK9sOhbQkS51SuVS2Xp9NyudrKcYZy9jscEiR856bg8GDASlFV06xUtViBoeC4UlGWs+hsIDkinB0mRV1lFKVdoWorSoa6SVE7wl31Q6LEqDxYUBko/JSkPGeCjgBtJLcpGBCsvTxoWPn8HirAUDsBR4SEoFhXUIaRojIM/OV2448nCLnShsK+SHMNUjjjd3zQRsIByWIc+7qDQ4U6fogFxSzAdlyPviS44osnFJIjnEKLNFb0M8mZ4P9kOZRiGOM4wd+EYf+S5WspgfOIcEaW/wKKlhCkL6J3JAAAAABJRU5ErkJggg==);
  position: absolute;
  left: 68px;
  top: auto;
  bottom: -19px;
}
.source.game-pre .source-btn[data-v-16964d45] {
  width: auto;
}
.source.game-pre .source-btn.normal:hover .default[data-v-16964d45],
.source.game-pre .source-btn.normal:hover .icon-arrows-down-solid[data-v-16964d45] {
  color: #3A84FF;
}
.source.game-pre .source-btn.normal:hover .icon-video-new .path1[data-v-16964d45]:before,
.source.game-pre .source-btn.normal:hover .icon-data-new .path1[data-v-16964d45]:before,
.source.game-pre .source-btn.normal:hover .icon-image-new .path1[data-v-16964d45]:before {
  color: rgb(16, 106, 255);
}
.source.game-pre .icon-video-new .path1[data-v-16964d45]:before,
.source.game-pre .icon-data-new .path1[data-v-16964d45]:before,
.source.game-pre .icon-image-new .path1[data-v-16964d45]:before {
  color: rgb(142, 142, 142);
}
.source.game-pre .icon-video-new .path2[data-v-16964d45]:before,
.source.game-pre .icon-data-new .path2[data-v-16964d45]:before,
.source.game-pre .icon-image-new .path2[data-v-16964d45]:before {
  color: rgb(255, 255, 255);
}
.source.game-in .source-btn[data-v-16964d45] {
  background-color: #CE3434;
  border: none;
  text-align: center;
}
.source.game-in .source-btn[data-v-16964d45]:hover {
  background-color: #E4393C;
}
.source.game-in .source-btn .default[data-v-16964d45],
.source.game-in .source-btn .icon-arrows-down-solid[data-v-16964d45] {
  color: #fff;
}
.source.game-post .source-btn[data-v-16964d45] {
  border: 1px solid #313131;
  text-align: center;
}
.source.game-post .source-btn[data-v-16964d45]:hover {
  border-color: #3A84FF;
  color: #3A84FF;
}
@media (max-width: 1366px) {
.source[data-v-16964d45] {
    width: 134px;
}
}
@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";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-4be3d468] {
  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-4be3d468]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-4be3d468]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-4be3d468] {
  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-4be3d468]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-4be3d468]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.schedule-item[data-v-4be3d468] {
  display: block;
  border-bottom: 1px solid #EEF3F8;
  margin: 0 60px;
  line-height: 70px;
}
.schedule-item[data-v-4be3d468]:hover {
  background-color: #EEF3F8;
  padding: 0 60px;
  margin: -1px 0 0;
  border-top: 1px solid #EEF3F8;
}
.schedule-item .t-left[data-v-4be3d468] {
  text-align: left;
}
.schedule-item .t-right[data-v-4be3d468] {
  text-align: right;
}
.schedule-item .t-center[data-v-4be3d468] {
  text-align: center;
}
.schedule-item > div[data-v-4be3d468] {
  float: left;
  font-size: 16px;
  display: inline-block;
}
.schedule-item .date[data-v-4be3d468] {
  position: relative;
  top: 1px;
  width: 114px;
}
.schedule-item .date .icon-vip-logo[data-v-4be3d468] {
  display: inline-block;
}
.schedule-item .team[data-v-4be3d468] {
  font-size: 16px;
  width: 199px;
}
.schedule-item .team.team-l[data-v-4be3d468] {
  text-align: right;
}
.schedule-item .team span.has-team-page[data-v-4be3d468]:hover {
  cursor: pointer;
  color: #3A84FF;
}
.schedule-item .team .team-name[data-v-4be3d468] {
  vertical-align: middle;
  display: inline-block;
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.schedule-item .team .icon-star[data-v-4be3d468] {
  vertical-align: text-bottom;
}
.schedule-item .team .team-score[data-v-4be3d468] {
  vertical-align: middle;
  font-size: 14px;
}
.schedule-item .team-logo[data-v-4be3d468] {
  font-size: 34px;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}
.schedule-item .team-logo.isCircle[data-v-4be3d468] {
  border-radius: 50%;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.schedule-item .score[data-v-4be3d468] {
  position: relative;
  top: 2px;
  color: #8e8e8e;
  font-size: 24px;
  width: 60px;
}
.schedule-item .status[data-v-4be3d468],
.schedule-item .not-against[data-v-4be3d468] {
  line-height: 20px;
  color: #8e8e8e;
  font-size: 12px;
  width: 110px;
}
.schedule-item .status .status-content[data-v-4be3d468],
.schedule-item .not-against .status-content[data-v-4be3d468] {
  width: 120px;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
}
.schedule-item .not-against[data-v-4be3d468] {
  line-height: 10px;
  padding-top: 20px;
  width: 628px;
}
.schedule-item .not-against .game-name[data-v-4be3d468] {
  color: #313131;
  font-size: 16px;
  line-height: 33px;
}
.schedule-item .not-against .team-logo[data-v-4be3d468] {
  width: 24px;
  height: 24px;
  margin: 6px 0;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.schedule-item .extra-info[data-v-4be3d468] {
  width: 841px;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 8px;
}
.schedule-item .extra-info .key[data-v-4be3d468] {
  color: #3A84FF;
}
.schedule-item[data-v-4be3d468]:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.schedule-item.game-cancel[data-v-4be3d468] {
  opacity: 0.6;
}
.schedule-item.game-in .score[data-v-4be3d468] {
  color: #CE3434;
}
.schedule-item.game-in .status .game-stage[data-v-4be3d468] {
  color: #E4393C;
}
.schedule-item.game-post .score[data-v-4be3d468] {
  color: #313131;
}
@media (max-width: 1366px) {
.schedule-item[data-v-4be3d468] {
    margin: 0 40px;
}
.schedule-item[data-v-4be3d468]:hover {
    padding: 0 40px;
}
.schedule-item .date[data-v-4be3d468] {
    width: 132px;
}
.schedule-item .team[data-v-4be3d468] {
    width: 170px;
}
.schedule-item .team.has-score.is-followed .team-name[data-v-4be3d468] {
    max-width: 85px;
}
.schedule-item .not-against[data-v-4be3d468] {
    width: 570px;
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-3251eff0] {
  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-3251eff0]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-3251eff0]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-3251eff0] {
  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-3251eff0]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-3251eff0]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.schedule-block[data-v-3251eff0] {
  padding-top: 15px;
  line-height: 30px;
  font-size: 14px;
}
.schedule-block .date[data-v-3251eff0] {
  color: #8e8e8e;
  padding-left: 43px;
}
.schedule-block .date span[data-v-3251eff0] {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #3A84FF;
}
@media (max-width: 1366px) {
.schedule-block .date[data-v-3251eff0] {
    padding-left: 23px;
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-e17614e4] {
  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-e17614e4]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-e17614e4]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-e17614e4] {
  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-e17614e4]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-e17614e4]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.game-list[data-v-e17614e4] {
  position: relative;
}
.game-list .scroll-area[data-v-e17614e4] {
  position: relative;
  height: 100%;
}
.game-list .no-games[data-v-e17614e4] {
  top: 50%;
  margin-top: -120px;
  padding-top: 180px;
  font-size: 16px;
  color: #8e8e8e;
  text-align: center;
  position: absolute;
  width: 100%;
  background: url(https://mat1.gtimg.com/sports/kbs4//assets/25c7e68c258bbcf8ad0b.png) no-repeat 50% 50%;
  background-size: 180px;
}
footer[data-v-e17614e4] {
  background: #f3f3f3;
  overflow: hidden;
  height: 87px;
  padding: 53px 0 52px;
  text-align: center;
  font-size: 14px;
  line-height: 29px;
  color: #8e8e8e;
}
footer a[data-v-e17614e4]:hover {
  color: #313131;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-f995ed8e] {
  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-f995ed8e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-f995ed8e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-f995ed8e] {
  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-f995ed8e]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-f995ed8e]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.fade-enter-active[data-v-f995ed8e], .fade-leave-active[data-v-f995ed8e] {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter[data-v-f995ed8e], .fade-leave-to[data-v-f995ed8e] {
  opacity: 0;
}
.team-box[data-v-f995ed8e] {
  display: block;
  position: relative;
  width: 384px;
  font-size: 16px;
  padding: 20px 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -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);
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  cursor: default;
}
.team-box .arrow[data-v-f995ed8e] {
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  border-top-width: 0;
  right: 60px;
}
.team-box .arrow.arrow-in[data-v-f995ed8e] {
  top: -10px;
  border-bottom-color: rgba(206, 206, 206, 0.1);
}
.team-box .arrow.arrow-out[data-v-f995ed8e] {
  top: -8px;
  border-bottom-color: #fff;
}
.team-box.show[data-v-f995ed8e] {
  display: block;
}
@charset "UTF-8";
/* nba team list style*/
#nbaTeamList {
  font-size: 16px;
  color: #313131;
  letter-spacing: 0;
  overflow: hidden;
}
#nbaTeamList .part {
  display: block;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #90a5c9;
}
#nbaTeamList .part:after, #nbaTeamList .part:before {
  content: "";
  display: inline-block;
  width: 40%;
  height: 1px;
  background-color: #eef3f8;
  position: relative;
  top: -4px;
}
#nbaTeamList .part:after {
  margin-left: 2%;
}
#nbaTeamList .part:before {
  margin-right: 2%;
}
#nbaTeamList ul {
  display: block;
  overflow: hidden;
  position: relative;
  left: 12px;
}
#nbaTeamList ul li {
  display: inline-block;
  float: left;
  position: relative;
  width: 33.3%;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}
#nbaTeamList ul li a:hover {
  color: #3a84ff;
}
#nbaTeamList ul li img {
  height: 24px;
  width: 24px;
}
#nbaTeamList ul li .item {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
#nbaTeamList ul li .team-name {
  float: none;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 当屏幕高度过小时，横排列球队 */
@media (max-height: 660px) {
.wrapper {
    display: inline-block !important;
    position: relative;
    width: 46%;
}
.wrapper + .wrapper {
    margin-left: 8%;
}
.team-box {
    width: 700px !important;
    padding-bottom: 0 !important;
}
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-24a4b63c] {
  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-24a4b63c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-24a4b63c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-24a4b63c] {
  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-24a4b63c]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-24a4b63c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.cal-wrapper[data-v-24a4b63c] {
  position: relative;
  height: 60px;
  white-space: nowrap;
  margin: 10px 45px 0;
}
.cal-wrapper .team[data-v-24a4b63c] {
  display: inline-block;
  position: absolute;
  width: 10%;
  height: 60px;
  top: 0;
  margin-left: 3%;
  padding-left: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  color: #313131;
  line-height: 60px;
  text-align: right;
  cursor: pointer;
}
.cal-wrapper .team .list-pot[data-v-24a4b63c] {
  position: absolute;
  right: -30px;
  z-index: 101;
}
.cal-wrapper .team.hid[data-v-24a4b63c] {
  display: none;
}
.cal-wrapper .team .btn.active[data-v-24a4b63c] {
  color: #3a84ff;
}
.cal-wrapper .team .btn .arrow-bottom[data-v-24a4b63c] {
  font-size: 16px;
}
.calendar[data-v-24a4b63c] {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: width 0.33s;
  transition: width 0.33s;
}
.calendar.small[data-v-24a4b63c] {
  width: 87%;
}
.calendar.hid[data-v-24a4b63c] {
  display: none;
}
.calendar.hid + .team[data-v-24a4b63c] {
  display: none;
}
.team.hid[data-v-24a4b63c] {
  display: none;
}
.calendar .left[data-v-24a4b63c] {
  left: -1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.calendar .right[data-v-24a4b63c] {
  right: -1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.calendar .arrow[data-v-24a4b63c] {
  position: absolute;
  width: 6%;
  height: 100%;
  top: 0;
  color: #8e8e8e;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.calendar .arrow[data-v-24a4b63c]:hover {
  color: #3a84ff;
}
.calendar .arrow .pot[data-v-24a4b63c] {
  position: relative;
  top: 20px;
}
.calendar .arrow.end[data-v-24a4b63c] {
  color: #ddd;
  cursor: default;
}
.calendar .info[data-v-24a4b63c] {
  height: 100%;
  margin: 0 7%;
  overflow: hidden;
}
.calendar .info ul[data-v-24a4b63c] {
  position: relative;
  left: 0;
  height: 100%;
  white-space: nowrap;
  font-size: 0;
}
.calendar .info ul li[data-v-24a4b63c] {
  display: inline-block;
  float: left;
  width: 14.28%;
  height: 100%;
  font-size: 16px;
  color: #8e8e8e;
  letter-spacing: 0;
  text-align: center;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.calendar .info ul li span[data-v-24a4b63c] {
  display: block;
}
.calendar .info ul li .weekday[data-v-24a4b63c] {
  font-size: 14px;
}
.calendar .info ul li[data-v-24a4b63c]:hover,
.calendar .info ul .active[data-v-24a4b63c] {
  color: #3a84ff;
  border-radius: 2px;
  background-color: #eef3f8;
}
@charset "UTF-8";
/******************* 字号 *************************/
/******************* 色值 *************************/
.scroll-wrap[data-v-01153f41] {
  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-01153f41]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap[data-v-01153f41]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #222222;
}
/* 浅色版 */
.scroll-wrap-light[data-v-01153f41] {
  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-01153f41]::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.scroll-wrap-light[data-v-01153f41]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}
.code-back[data-v-01153f41] {
  position: fixed;
  right: 50%;
  bottom: 45px;
  width: 48px;
  margin-right: -688px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  color: #a1a5b3;
  border-radius: 4px;
  background: #fff;
  -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);
  line-height: 17px;
}
.code-back[data-v-01153f41]::after {
  position: absolute;
  z-index: 1;
  top: 54px;
  left: 9px;
  width: 30px;
  height: 1px;
  content: "";
  background: #eeeeee;
}
.code-back .code-app[data-v-01153f41] {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  border-radius: 2px;
  font-size: 14px;
}
.code-back .code-app .code-hover[data-v-01153f41] {
  position: absolute;
  z-index: 102;
  top: -50px;
  left: -150px;
  display: none;
  width: 140px;
  padding: 20px 0 15px;
  color: #a1a5b3;
  border-radius: 4px;
  -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);
}
.code-back .code-app .code-hover img[data-v-01153f41] {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 8px;
}
.code-back .code-app .code-hover span[data-v-01153f41] {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
}
.code-back .code-app .code-hover .arrow-icon[data-v-01153f41] {
  position: absolute;
  top: 73px;
  right: -15px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.code-back .code-app[data-v-01153f41]:hover {
  background-color: #e3e8f2;
}
.code-back .code-app:hover .code-hover[data-v-01153f41] {
  display: block;
  background: #fff;
}
.code-back .feed-back[data-v-01153f41] {
  display: block;
  padding: 10px 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
}
.code-back .feed-back[data-v-01153f41]:hover {
  background-color: #e3e8f2;
}
@media (max-width: 1366px) {
.code-back[data-v-01153f41] {
    margin-right: -618px;
}
}
.main-container[data-v-e99c1678] {
  width: 100%;
}
.content[data-v-e99c1678] {
  position: relative;
  width: 1240px;
  margin: 124px auto 0;
}
.section[data-v-e99c1678] {
  position: relative;
  width: 1025px;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.loading[data-v-e99c1678] {
  z-index: 101;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(https://mat1.gtimg.com/sports/kbs4//assets/e563ee7dc1cb141b285e.gif);
  background-repeat: no-repeat;
  background-position: center 45%;
}
.ad-banner[data-v-e99c1678] {
  width: 905px;
  height: 66px;
  margin: 20px auto;
  display: block;
  border-radius: 6px;
}
@media (max-width: 1366px) {
.content[data-v-e99c1678] {
    width: 1100px;
}
.section[data-v-e99c1678] {
    width: 916px;
}
}