@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff; }

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

/* 去掉 table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 去除默认边框 */
fieldset, img {
  border: none; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block; }

/* 去掉列表前的标识，li 会继承 */
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

ins, a {
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* 去除 ie6 & ie7 焦点点状线 */
a:focus, *:focus {
  outline: none; }

a:link {
  text-decoration: none;
  /* 指正常的未被访问过的链接*/ }

a:visited {
  text-decoration: none;
  /*指已经访问过的链接*/ }

a:hover {
  text-decoration: none;
  /*指鼠标在链接*/ }

a:active {
  text-decoration: none;
  /* 指正在点的链接*/ }

iframe {
  display: block;
  border: none; }

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

textarea {
  overflow: auto; }

.clearfix:before {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both;
  display: table;
  content: " "; }

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-fullscreen {
  height: 100%; }

.spin-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px; }

.ant-menu-submenu {
  z-index: 100 !important; }

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

body {
  height: auto;
  background: #ffffff !important; }

.ant-spin {
  color: #c91c28; }
  .ant-spin .ant-spin-dot i {
    background-color: #c91c28; }

.ranking-container {
  min-height: 400px;
  margin: 0 auto; }
  .ranking-container .data-container {
    position: relative;
    min-height: 396px;
    padding-bottom: 50px; }
    .ranking-container .data-container.hideFooter {
      padding-bottom: 0; }
      .ranking-container .data-container.hideFooter > .footer {
        display: none; }
    .ranking-container .data-container.hideTabsBar .ant-tabs-bar {
      display: none !important; }
    .ranking-container .data-container .tournament {
      padding: 0 15px;
      height: 50px;
      line-height: 50px;
      font-size: 18px;
      font-weight: bold; }
    .ranking-container .data-container > .ant-tabs .ant-tabs-bar {
      margin: 0;
      padding: 0 15px;
      border-bottom: none; }
      .ranking-container .data-container > .ant-tabs .ant-tabs-bar .ant-tabs-nav-container-scrolling {
        margin: 0 -15px; }
      .ranking-container .data-container > .ant-tabs .ant-tabs-bar .ant-tabs-tab {
        padding: 8px 0;
        font-weight: 500; }
        .ranking-container .data-container > .ant-tabs .ant-tabs-bar .ant-tabs-tab:hover, .ranking-container .data-container > .ant-tabs .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active {
          color: #bc0000; }
      .ranking-container .data-container > .ant-tabs .ant-tabs-bar .ant-tabs-ink-bar {
        background-color: #bc0000; }
    .ranking-container .data-container table {
      width: 100%;
      table-layout: fixed; }
      .ranking-container .data-container table td {
        font-size: 18px;
        line-height: 1;
        text-align: center; }
        .ranking-container .data-container table td.left {
          text-align: left;
          padding-left: 30px; }
        .ranking-container .data-container table td a {
          color: #333333;
          text-decoration: none; }
        .ranking-container .data-container table td .index {
          width: 30px;
          height: 30px;
          line-height: 30px;
          margin: auto;
          color: #ffffff;
          background-color: #666666;
          font-weight: 500;
          border-radius: 50%;
          text-align: center; }
        .ranking-container .data-container table td .teamLogo {
          display: none;
          width: 65px;
          height: 65px;
          margin-bottom: 8px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center; }
      .ranking-container .data-container table thead tr td {
        padding: 16px 0; }
      .ranking-container .data-container table tbody tr td {
        padding: 20px 0; }
      .ranking-container .data-container table tbody tr.hover {
        background: #f9f9f9; }
        .ranking-container .data-container table tbody tr.hover td {
          padding-top: 15px;
          padding-bottom: 15px; }
          .ranking-container .data-container table tbody tr.hover td .teamLogo {
            display: block; }
      .ranking-container .data-container table tbody tr:nth-child(1) .index {
        background-color: #bc0000; }
      .ranking-container .data-container table tbody tr:nth-child(2) .index {
        background-color: #ff8547; }
      .ranking-container .data-container table tbody tr:nth-child(3) .index {
        background-color: #ffac38; }
    .ranking-container .data-container > .footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 20px; }
      .ranking-container .data-container > .footer .more {
        display: block;
        border-top: 1px solid #f9f9f9;
        height: 50px;
        line-height: 50px;
        text-align: center;
        text-decoration: none; }
        .ranking-container .data-container > .footer .more:hover span {
          color: #c72631;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEMzQTkxQThBMTYxMTFFQThGMTRDQUQ4NzlBRDZBODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEMzQTkxQTlBMTYxMTFFQThGMTRDQUQ4NzlBRDZBODMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QzNBOTFBNkExNjExMUVBOEYxNENBRDg3OUFENkE4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzNBOTFBN0ExNjExMUVBOEYxNENBRDg3OUFENkE4MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqy3BjEAAAB7SURBVHjaYtzPJvKfAQE2AnEAAwnA4edrrOJMDDQCowbDAQuR6kKAmAfKfgfEm6hlcA8Qy0PZF4kxeDTyRg0mP7kRBAfYRecAKROqGwwEKkCsPxp5o8kNBVygicHASrVgNPJGDaZOOk4DYi4o+yM1Dd41GnmDz2CAAAMAJTUQ/ZZi//QAAAAASUVORK5CYII=); }
        .ranking-container .data-container > .footer .more span {
          padding-left: 20px;
          color: #333333;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEMzQTkxQTRBMTYxMTFFQThGMTRDQUQ4NzlBRDZBODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEMzQTkxQTVBMTYxMTFFQThGMTRDQUQ4NzlBRDZBODMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QkMyMEFGRkExNjExMUVBOEYxNENBRDg3OUFENkE4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkMyMEIwMEExNjExMUVBOEYxNENBRDg3OUFENkE4MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkGjYxUAAAIjSURBVHjajJaxUS0xDEUtzQ4B83sgISehEAJq+PHPaIISaIIXUgXUQM4MDVjYu/ZaV5L9CXa8az8fy1fy9aOrp09JJKk9r+V5ON5zotYmbm395tGSHuP21Hmlj09oag9ApU2UX0Jlh9Y+BiAbaI/yhHSoILT9nlrEtY+VDB7Ktu3QjNDaD30aXCaH0DNypbnbAULr2Jam24ZkPRbt/rTJX2X8MnbQNdYB5gZmLYGvgLLN59J30yZ/lPcLyAFSnRpHugLU6azLasxT0VeNcRDhIZSwrPpCZDTmWbLolENcYmwFYIUcGjNmPih+O8lCWUmCGuOJclH+p6ygBNXD82TlODFmyxC5+t40BJMlQWL8lhX0pbT3O4ekgRcVQMuF9Lfclt/cDY37loIK2JMSLpSNd4gb47gCOtT2ZfAKAh/J4Cm88tQQ2g8PGSn0Ds46nngqQtWWOYKOHRwHZOGp4AcucnU61Q5637YsfpfMbDSFHbz3vsM2F546hSrjolEt//SlwCtP9RnHxBLcLKrkyh3KK09FQxIvBdur64BSgoi9p7rid/qqpLXbvkLrO6881Y/p/xsZoXvbF1ARR546kuVv6Qo5IhT4TiPiuafqw+GP71yGCt9WnkpDx7/l+7pBvz0UZajtFkMF//FQfjMLGaioqKVJEZWVtUml7ykDQLOTgleeOrS00LyE7hGvPDUyFw1NDjqTwniqPbJQYiZivUB9fgQYAKm19wS/n92GAAAAAElFTkSuQmCC) left no-repeat;
          background-size: contain; }