* {
  box-sizing: border-box !important;
  padding: 0;
  margin: 0;
}

body {
  font: 14px/1.4286 'microsoft yahei', arial, Helvetica, STHeiTi, sans-serif;
  min-width: 1200px;
  color: #fff;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #F5F5F5;
}
 ::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}

 ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #000;
}
ul {
  list-style: none;
}
.container {
  width: 1400px;
  height: 1360px;
  margin: 0 auto;
  background: #131211
    url(https://img.dota2.com.cn/dota2static/file/37479a4b-9304-4754-8fe5-84339ecd3870.png)
    no-repeat center;
  background-size: 100% 100%;
}
.navbar {
  padding-left: 40px;
  /* background: #161918; */
}
.navbar a {
  display: inline-block;
  width: 120px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #36837f;
  text-decoration: none;
  font-size: 22px;
  letter-spacing: 1px;
}
.navbar a:nth-child(2) {
  position: relative;
  margin: 0 18px;
}

.navbar a:nth-child(2)::after,
.navbar a:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 18px;
  width: 1px;
  height: 38px;
  opacity: 0.14;
  border: 1px solid #979797;
}
.navbar a:nth-child(2)::before {
  left: -15px;
}
.navbar a:nth-child(2)::after {
  right: -15px;
}

.navbar a:hover,
.navbar a.cur {
  font-weight: 400;
  color: #67EFE8;
  text-shadow: 0px -2px 32px rgba(103, 239, 232, 0.32),
    0px 0px 32px rgba(103, 239, 232, 0.32), 0px 2px 32px rgba(103, 239, 232, 0.32);
}
.navbar a.cur {
 /*  pointer-events: none; */
}

.navbar span {
  float: right;
  margin-right: 40px;
  font-size: 16px;
  color: #ffe6c0;
  margin-top: 20px;
}
.navbar span strong {
  color: #ffedc4;
  font-size: 20px;
  padding: 0 6px;
  text-shadow: 0px 0px 10px #f79f1a;
}

.main {
  padding: 24px 40px 0;
}
.main > div {
  display: none;
}

.main > div.active {
  display: block;
}

/* 赛程表 */
.schedule-box .times {
  margin-bottom: 20px;
  padding-top: 20px;
}
.schedule-box .times li {
  display: inline-block;
  height: 64px;
  width: 70px;
  font-size: 16px;
  text-align: center;
  padding-left: 2px;
  text-shadow: 1px 1px 2px #000000;
  line-height: 22px;
}

.schedule-box .times li.disabled a {
  color: #545454;
  cursor: no-drop;
}
.schedule-box .times li.cur a,
.schedule-box .times li:hover a {
  color: #67EFE8;
}
.schedule-box .times li:nth-child(2),
.schedule-box .times li:nth-child(6) {
  margin-right: 30px;
}
.schedule-box .times li a {
  color: #36837f;
  font-size: 16px;
  text-decoration: none;
  display: block;
}
.schedule-box .times li a strong {
  font-size: 24px;
  font-weight: normal;
  line-height: 35px;
  text-align: center;
}
.schedule-layout {
  overflow: hidden;
  margin-top: 40px;
}
.schedule-layout .layout-left {
  width: 216px;
  overflow: hidden;
  height: 1100px;
  float: left;
}
.schedule-layout .layout-left .group-team {
  width: 200px;
  margin-bottom: 10px;
}
.schedule-layout .layout-left .group-team h4 {
  height: 40px;
  line-height: 40px;
  color: #a29e94;
  font-size: 14px;
  padding-left: 5px;
}
.schedule-layout .layout-left .group-team ul {
  overflow: hidden;
}
.schedule-layout .layout-left .group-team ul li {
  height: 46px;
  background: #202524;
  margin-bottom: 2px;
  cursor: pointer;
}
.schedule-layout .layout-left .group-team ul li.cur,
.schedule-layout .layout-left .group-team ul li:hover {
  background-color: #3E4645;
}
.schedule-layout .layout-left .group-team ul li.cur span,
.schedule-layout .layout-left .group-team ul li:hover span {
  color: #fff !important;
}
.schedule-layout .layout-left .group-team ul li strong {
  font-weight: normal;
}
.schedule-layout .layout-left .group-team ul li span {
  float: left;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(1),
.schedule-layout .layout-left .group-team ul li span:nth-child(3) {
  position: relative;
  width: 54px;
  height: 46px;
  text-align: center;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(1) img,
.schedule-layout .layout-left .group-team ul li span:nth-child(3) img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  transform: translate(-50%, -50%);
}
.schedule-layout .layout-left .group-team ul li span:nth-child(2) {
  height: 46px;
  line-height: 46px;
  color: #b2ac9d;
  font-size: 16px;
  width: 20px;
  text-align: center;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(2) i {
  font-style: normal;
  position: relative;
}
.schedule-layout
  .layout-left
  .group-team
  ul
  li
  span:nth-child(2)
  i:nth-of-type(1) {
  left: -6px;
}
.schedule-layout
  .layout-left
  .group-team
  ul
  li
  span:nth-child(2)
  i:nth-of-type(2) {
  right: -6px;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(4) {
  width: 70px;
  color: #7e7c77;
  font-size: 18px;
  text-align: right;
  padding-right: 10px;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(4) strong {
  display: block;
  line-height: 46px;
  height: 46px;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(4) i {
  display: none;
  color: #67EFE8;
  font-size: 14px;
  font-style: normal;
  position: relative;
  top: -5px;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(4) i::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 2px;
  width: 8px;
  height: 6px;
  background-image: url(https://img.dota2.com.cn/dota2static/file/778470f1-3441-4071-b288-9bdf451de096.png);
}
.schedule-layout
  .layout-left
  .group-team
  ul
  li
  span:nth-child(4).conduct
  strong {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
.schedule-layout .layout-left .group-team ul li span:nth-child(4).conduct i {
  display: inline-block;
}

.schedule-layout .layout-right {
  float: right;
  width: 1100px;
  height: 1100px;
  /* background: #161918; */
}
.schedule-layout .layout-right .iframe-info {
  background-color: #161918;
  text-align: center;
  font-size: 18px;
}
.schedule-layout .layout-right .iframe-info iframe {
  border: none;
  width: 1100px;
  height: 1100px;
}

/* 小组积分/淘汰赛 */
.pw-down {
  height: 100px;
}
.pw-down .left {
  float: left;
}
.pw-down .right {
  float: right;
  position: relative;
  width: 262px;
  padding: 3px;
  background: linear-gradient(180deg, #f89e13 0%, #ff5f4a 60.42%);
  border-radius: 2px;
}
.pw-down .right a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.pw-down .right a img {
  width: 78px;
  height: 78px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  border: none;
}
.pw-down .right a span {
  display: inline-block;
  vertical-align: middle;
  color: #edebeb;
  letter-spacing: 1px;
  font-size: 18px;
}
.pw-down .right a span strong {
  font-weight: normal;
  line-height: 100%;
  display: inline-block;
  position: relative;
  color: #fff;
}
.pw-down .right a span strong:nth-child(1) {
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0px 0px 10px #f79f1a;
  display: block;
  margin-bottom: 16px;
}
.pw-down .right a span strong:nth-of-type(2) {
  font-size: 12px;
  top: -3px;
  text-shadow: 0px 0px 10px #f79f1a;
  line-height: 17px;
}
.pw-down .right a:hover + .tip {
  display: block;
}
.pw-down .right .tip {
  display: none;
  position: absolute;
  right: 0px;
  top: 100px;
  width: 614px;
  height: 422px;
  z-index: 210;
  padding-top: 50px;
  font-size: 20px;
  color: #fff1cb;
  line-height: 28px;
  text-align: center;
  background: #242423
    url(https://img.csgo.com.cn/csgostatic/csgo/e65b6107-c05c-4345-ae09-0309cf220512.png)
    no-repeat center;
}
.pw-down .right .tip .tip-body img {
  width: 220px;
  display: inline-block;
  vertical-align: middle;
}
.pw-down .right .tip .tip-body span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 260px;
  height: 218px;
  background-size: 100% auto;
  background-image: url(https://img.csgo.com.cn/csgostatic/csgo/b4b98024-04e4-4b76-993f-feef731eac60.png);
}
.pw-down .right .tip .tip-body span img {
  position: absolute;
  left: 71px;
  top: 73px;
  width: 118px;
  height: 118px;
}

.pw-down .right .tip .tip-body img:nth-child(2) {
  position: relative;
  left: -22px;
  top: 30px;
}
.pw-down .right .tip .tip-footer {
  color: #fff1cb;
  font-size: 18px;
}
.pw-down .right .tip .tip-footer img {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  height: 64px;
  margin-right: 20px;
}
.pw-down .right .tip .tip-body {
  height: 326px;
}
.pw-down .right .tip .tip-footer span {
  display: inline-block;
  vertical-align: middle;
  width: 363px;
  text-align: left;
}
.panel-2 .left {
  color: #fff1cb;
  font-size: 18px;
  padding-top: 10px;
  padding-left: 28px;
}
.g-rank {
  width: 1320px;
  margin: 0 auto;
  padding-top: 40px;
}

.g-rank .m-desc {
  display: none;
}

.g-rank ul,
.g-rank li {
  list-style: none;
}
.g-rank * {
  margin: 0;
  padding: 0;
}

.g-rank .m-tabtt {
  text-align: center;
  margin-bottom: 50px;
}
.g-rank .m-tabtt li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 32px;
  letter-spacing: 5px;
  color: #ecddff;
  cursor: pointer;
  margin: 0 45px;
}
.g-rank .m-tabtt li:hover:before,
.g-rank .m-tabtt li.active:before {
  content: '';
  position: absolute;
  margin: -52px 0 0 -16px;
  width: 152px;
  height: 154px;
  z-index: -1;
  background: url(../images/img-blur-highlight.png);
}
.g-rank .m-tabtt li.disable {
  opacity: 0.5;
  cursor: no-drop;
}
.g-rank .m-tabtt li.disable:hover {
  color: #ecddff;
}
.g-rank .m-grank {
  text-align: center;
}
.g-rank .m-grank .m-desc {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 26px;
  margin-top: 60px;
  font-weight: 400;
  color: #fff1cb;
}
.g-rank .m-grank .m-grouplist {
  display: inline-block;
  width: 560px;
  background: #23413F;
  box-shadow: 0px 0px 18px 0px rgba(242, 202, 97, 0.2);
  border: 2px solid #41CBC4;
  margin: 0 30px;
  overflow: hidden;
}
.g-rank .m-grank .m-grouplist dt {
  font-size: 26px;
  color: #67EFE8;
  text-align: center;
  padding: 20px 0 30px;
}
.g-rank .m-grank .m-grouplist dd {
  font-size: 0;
  text-align: center;
}
.g-rank .m-grank .m-grouplist dd span {
  display: inline-block;
  font-size: 20px;
  margin-right: 3px;
  margin-bottom: 3px;
  background: #08231F;
  line-height: 80px;
  height: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.g-rank .m-grank .m-grouplist dd span.lose {
  background: #08231F;
}
.g-rank .m-grank .m-grouplist dd .team {
  width: 314px;
  text-align: left;
  color: #fff;
}
.g-rank .m-grank .m-grouplist dd .team img {
  width: 34px;
  vertical-align: middle;
  margin: 0 15px 0 35px;
}
.g-rank .m-grank .m-grouplist dd .num {
  width: 94px;
}
.g-rank .m-grank .m-grouplist dd .num.win {
  color: #67EFE8;
}
.g-rank .m-grank .m-grouplist dd .num.lose {
  color: #9d9d9d;
}
.g-rank .m-grank .m-grouplist .titi span {
  line-height: 52px;
  height: 52px;
  font-size: 26px;
  color: #67EFE8;
}
.g-rank .m-grank .m-grouplist .titi .team {
  text-align: center;
}
.g-rank .m-grank .m-grouplist .top4 .team {
  background-color: #dfb954;
  background: linear-gradient(90deg, #67EFE8 0%, #0C1F1E 74%, #0C1F1E 100%);
}
.g-rank .m-grank .m-grouplist .top4 .win {
  background: #0C1F1E;
}
.g-rank .m-grank .m-grouplist .top4 .lose {
  background: #0C1F1E;
}
/* .g-rank .m-grank .m-grouplist .last .team {
  background-color: #000;
  background-image: linear-gradient(to right, #000, #130824);
} */

.panel-2 .g-rank {
  background: #161918;
  height: 1100px;
  margin-top: 40px;
  padding-top: 68px;
}

.panel-3 .g-rank {
  background: #161918;
  height: 1100px;
  margin-top: 40px;
  padding-top: 0;
  padding-top: 26px;
}
.panel-3 .legend {
  padding-top: 18px;
  font-size: 18px;
  color: #edebeb;
  position: relative;
  z-index: 200;
}
.panel-3 .legend .date {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 10px;
}
.panel-3 .legend .i-color {
  vertical-align: middle;
  display: inline-block;
  width: 73px;
  height: 25px;
  background-color: #ccc;
  margin-right: 2px;
  margin-bottom: 10px;
}
.panel-3 .legend .i-color.i-color01 {
  background-color: #644820;
  margin-right: 25px;
}
.panel-3 .legend .i-color.i-color02 {
  background-color: #336564;
  margin-right: 25px;
}
.panel-3 .legend .i-color.i-color03 {
  background-color: #5e1d77;
  margin-right: 25px;
}
.panel-3 .legend .i-color.i-color04 {
  background-color: #2f59af;
  margin-right: 25px;
}
.panel-3 .legend .i-color.i-color05 {
  background-color: #928537;
  margin-right: 25px;
}
.panel-3 .legend .i-color.i-color06 {
  background-color: #8f7544;
}

.schedule-maps-box {
  width: 1320px;
  height: 837px;
  position: relative;
  top: -26px;
  right: -20px;
}
.schedule-maps-box .row {
  font-size: 12px;
  color: #666;
  position: relative;
}
.schedule-maps-box .row:nth-of-type(1) {
  margin-bottom: 2px;
  color: #74675a;
}
.schedule-maps-box .row .name {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 24px;
}
.schedule-maps-box .row .num {
  display: inline-block;
  vertical-align: middle;
}
.schedule-maps-box .row img {
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 1px;
}
.schedule-maps-box [class^='col_0'] {
  position: absolute;
  width: 120px;
  height: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
}
.schedule-maps-box [class^='col_01'] {
  left: 4px;
}
.schedule-maps-box .col_01_01 {
  top: 410px;
}
.schedule-maps-box .col_01_02 {
  top: 500px;
}
.schedule-maps-box .col_01_03 {
  top: 590px;
}
.schedule-maps-box .col_01_04 {
  top: 680px;
}
.schedule-maps-box [class^='col_02'] {
  left: 154px;
}
.schedule-maps-box .col_02_01 {
  top: 50px;
}
.schedule-maps-box .col_02_02 {
  top: 140px;
}
.schedule-maps-box .col_02_03 {
  top: 230px;
}
.schedule-maps-box .col_02_04 {
  top: 320px;
}
.schedule-maps-box .col_02_05 {
  top: 410px;
}
.schedule-maps-box .col_02_06 {
  top: 500px;
}
.schedule-maps-box .col_02_07 {
  top: 590px;
}
.schedule-maps-box .col_02_08 {
  top: 680px;
}
.schedule-maps-box .col_02_09 {
  top: 770px;
}
.schedule-maps-box [class^='col_03'] {
  left: 304px;
}
.schedule-maps-box .col_03_01 {
  top: 454px;
}
.schedule-maps-box .col_03_02 {
  top: 634px;
}
.schedule-maps-box [class^='col_04'] {
  left: 453px;
}
.schedule-maps-box .col_04_01 {
  top: 94px;
}
.schedule-maps-box .col_04_02 {
  top: 274px;
}
.schedule-maps-box .col_04_03 {
  top: 454px;
}
.schedule-maps-box .col_04_04 {
  top: 634px;
}
.schedule-maps-box .col_04_05 {
  top: 814px;
}
.schedule-maps-box .col_04_06 {
  top: 994px;
}
.schedule-maps-box .col_04_07 {
  top: 1174px;
}
.schedule-maps-box .col_04_08 {
  top: 1354px;
}
.schedule-maps-box .col_04_09 {
  top: 1534px;
}
.schedule-maps-box [class^='col_05'] {
  left: 605px;
  top: 544px;
}
.schedule-maps-box [class^='col_06'] {
  left: 754px;
}
.schedule-maps-box .col_06_01 {
  top: 184px;
}
.schedule-maps-box .col_06_02 {
  top: 544px;
}
.schedule-maps-box [class^='col_07'] {
  left: 904px;
  top: 364px;
}

.rank-list-tip {
  display: none;
  height: 42px;
  width: 998px;
  background-color: rgba(24, 29, 27, 0.44);
  margin: 0 auto -40px;
  line-height: 42px;
  text-align: center;
  color: transparent;
  font-size: 16px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
}

.rank-list .list-wrap {
  width: 1000px;
  margin: 0 auto;
}

.rank-list .list-col {
  width: 474px;
  min-height: 100px;
  padding-bottom: 15px;
  background: url(/international/2018/image/bg_03.jpg) repeat;
}
.rank-list .list-col .tit {
  width: 436px;
  height: 41px;
  background: url(/international/2018/image/bg_04.jpg) no-repeat;
  margin: 0 auto 4px;
  font-size: 0;
}
.rank-list .list-col .item {
  width: 436px;
  height: 60px;
  background: url(/international/2018/image/bg_05.jpg) no-repeat;
  margin: 0 auto 4px;
  white-space: nowrap;
}
.rank-list .list-col .icon {
  width: 40px;
  margin-left: 30px;
  margin-top: 12px;
}
.rank-list .list-col .name {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #959595;
  font-size: 16px;
  padding-top: 15px;
}
.rank-list .list-col .win {
  color: #6b6f31;
}
.rank-list .list-col .lost {
  color: #3c735a;
}
.rank-list .list-col .nostart {
  color: #333;
  font-size: 14px;
}

.rank-list .title {
  text-align: center;
  height: 76px;
  line-height: 76px;
  color: #959595;
  font-size: 24px;
}

.rank-list .list-col .win,
.rank-list .list-col .lost,
.rank-list .list-col .nostart {
  display: inline-block;
  vertical-align: middle;
  width: 78px;
  font-size: 16px;
  padding-top: 15px;
  text-align: center;
}

#cboxOverlay {
  display: none !important;
}

.video {
  width: 800px;
  height: 600px;
}

.none {
  display: none !important;
}

.icon-support {
  width: 182px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 35px;
  background: url(/international/2018/image/bg_support.png?v=20170804) no-repeat;
}

.toggle-btn {
  position: absolute;
  right: 0;
  top: -50px;
  width: 180px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  font-size: 14px;
  color: #4ead95;
  border: 1px solid currentColor;
  cursor: pointer;
}
.toggle-btn.showresult {
  color: #276a59;
}

.schedule-list-ul .col_3 .views,
.schedule-list-ul .col_3 .score,
.schedule-list-ul .col_3 .btn {
  display: inline-block\0;
  vertical-align: middle\0;
}

.schedule-list-ul .col_2 {
  width: 540px\0;
}

.schedule-list-ul .col_3 {
  display: table-cell\0;
}
.schedule-list-ul .col_3 .views {
  margin-left: 18px\0;
}
.schedule-list-ul .col_3 .btn {
  margin-top: 10px\0;
}

.schedule-list-ul .col {
  display: inline-block\0;
  float: none\0;
  vertical-align: middle\0;
}

.mul-row span {
  margin-top: 14px\0;
  display: inline-block\0;
}

.PrizePoolBracketText {
  color: #414141;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 900;
}

.PrizePoolHover {
  position: absolute;
  color: #938173;
  left: -14px;
  min-width: 135px;
  line-height: normal;
  font-size: 12px;
  text-align: center;
  z-index: 899;
  background: #1c1f25;
  border-color: #564b44;
  border-width: 1px;
  border-style: solid;
  padding: 8px;
  white-space: nowrap;
  display: none;
  left: -8px\9;
  left: -8px\9\0;
}
.PrizePoolHover img {
  vertical-align: middle;
}

.PrizePoolTeamText {
  font-weight: bolder;
  line-height: normal;
  font-size: 12px;
}

.loserpositionbutton {
  position: absolute;
  z-index: 4;
  top: 41px;
  padding: 0px;
  left: 131px;
  height: 20px;
}

.loserposition {
  background-color: lightblue;
  margin-left: 2px;
  border: 1px solid black;
}

.matchloserposition {
  position: absolute;
  background-color: lightpink;
  border: 1px solid black;
  top: 41px;
  width: 140px;
  left: -10px;
  display: none;
}

.matchstage {
  position: absolute;
  background-color: lightblue;
  border: 1px black solid;
  top: -19px;
  width: 120px;
  left: 0px;
  text-align: center;
}

#tabs {
  width: 1300px;
}

.removeFromGroup {
  padding: 0;
  position: absolute;
  left: 85px;
  top: -1px;
  height: 20px;
}

.gslbo {
  display: none;
}

.placers {
  position: absolute;
  top: 580px;
  left: 1400px;
  width: 300px;
}

.gslstage {
  display: none;
}

.ui-widget,
.ui-widget button {
  font-family: inherit;
  font-size: inherit;
}

.stages {
  width: 200px;
  position: absolute;
  min-height: 100px;
  list-style-type: none;
  z-index: 50;
  border: 1px solid black;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.teampool {
  width: 200px;
  position: absolute;
  min-height: 100px;
  list-style-type: none;
  z-index: 50;
  border: 1px solid black;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.teampoolfull {
  width: 100px;
  position: absolute;
  list-style-type: none;
  z-index: 50;
  border: 1px solid black;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
}

div.line {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  height: 1px;
  background-color: #28241d;
  z-index: 10;
  box-sizing: content-box;
  z-index: 9;
}

.deleteTeamButton,
.deleteConnectionButton {
  padding: 0;
  position: absolute;
  left: 94px;
  height: 20px;
}

.deleteMatchButton {
  position: absolute;
  width: 20px;
  padding: 0;
}

.bochoice {
  border: 1px solid black;
  background-color: lightsalmon;
  cursor: default;
}
.bochoice:hover {
  background-color: lightgreen;
}

.arrowimage {
  position: absolute;
  height: 40px;
  top: 2px;
  left: 108px;
  user-drag: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  cursor: pointer;
}

.botable {
  display: table-row;
  position: absolute;
}

.liststage {
  margin-top: 5px;
  border: 1px solid black;
  background-color: lightblue;
  cursor: move;
  width: 100px;
}

.competingteam {
  margin-top: 5px;
  border: 1px solid black;
  background-color: lightblue;
  cursor: move;
  width: 100px;
}

.competingteamfull {
  margin-top: 5px;
  border: 1px solid black;
  background-color: lightblue;
  cursor: move;
}

.hoveredover {
  background-color: lightgoldenrodyellow;
}

.hoveredactive {
  background-color: lightcoral;
}

.match {
  background: #1c1f25;
  width: 128px;
  height: 64px;
  z-index: 11;
  cursor: default;
  background: linear-gradient(0deg, #111d20 0%, #192b2f 100%);
  color: #74675a;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  overflow: hidden;
  box-sizing: content-box;
}

.s-name {
  font-size: 14px;
  display: inline-block;
  width: 80px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.matchhover {
  background: #392f26;
}

.matchcontainer {
  position: absolute;
  z-index: 10;
}

.linehover {
  z-index: 10 !important;
}

.matchid {
  background-color: lightpink;
  border: 1px black solid;
  border-right: 0;
  top: 10px;
  left: -20px;
  width: 20px;
  height: 19px;
  position: absolute;
}

.matchbo {
  background-color: lightpink;
  border: 1px black solid;
  border-bottom: 0;
  top: -38px;
  left: 40px;
  width: 30px;
  position: absolute;
  cursor: default;
}
.matchbo:hover {
  background-color: lightgoldenrodyellow;
}

.matchloser {
  background-color: lightpink;
  border: 1px black solid;
  border-top: 0;
  top: 40px;
  left: 45px;
  width: 20px;
  position: absolute;
  text-align: center;
  cursor: pointer;
  cursor: pointer;
}
.matchloser:hover {
  background-color: lightgoldenrodyellow;
}

.matchteam {
  color: #a1b5d8;
  display: table-row;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.topteam {
  display: table-cell;
  width: 85%;
  text-align: left;
  text-transform: none;
  padding-left: 4px;
  font-weight: 400;
  white-space: nowrap;
}
.topteam img {
  vertical-align: middle;
  padding-right: 3px;
  width: 18px;
  box-sizing: content-box;
}
.topteam .s-name {
  margin-top: -2px;
  font-family: 'Microsoft YaHei', 'arial', sans-serif !important;
}

.winner {
  font-weight: bold;
  color: #ffffff !important;
}
.winner .topteam {
  font-weight: 700;
}

.bottomteam {
  display: table-cell;
  width: 85%;
  text-align: left;
  text-transform: none;
  padding-top: 2px;
  padding-left: 4px;
  font-weight: bold;
}
.bottomteam img {
  vertical-align: middle;
  padding-right: 3px;
  margin-top: -2px;
}

.topscore {
  display: table-cell;
  text-align: left;
  padding-left: 3px;
  width: 20px;
}

.bottomscore {
  display: table-cell;
  text-align: center;
  width: 15px;
}

.group {
  width: 400px;
  border: solid 3px black;
  position: absolute;
}

.grouptable {
  width: 400px;
  display: table;
}

.groupheader {
  display: table-row;
  background-color: lightblue;
  border-bottom: solid 1px black;
}
.groupheader div {
  display: table-cell;
  text-align: center;
}

.grouprank,
.groupscore,
.grouppoints {
  display: table-cell;
  width: 10%;
  border: 1px solid black;
}

.groupname {
  display: table-cell;
  width: 70%;
  border: 1px solid black;
}

.teamrow {
  display: table-row;
  border: 1px solid black;
}

.schedule {
  width: 800px;
}

.scheduleday {
  display: table;
  width: 800px;
  background-color: lightsalmon;
}

.scheduledayrow {
  display: table-row;
}

.scheduledaycell {
  display: table-cell;
  text-align: center;
}
.scheduledaycell:hover {
  background-color: lightcyan;
}

.schedulematch {
  display: table;
  width: 800px;
}

.schedulematchline {
  display: table-row;
  background-color: lightskyblue;
}

.schedulematchtime {
  display: table-cell;
  border-right: 1px solid black;
  width: 15%;
}

.schedulematchteamA {
  display: table-cell;
  border-right: 1px solid black;
  width: 35%;
  text-align: center;
}

.schedulematchteamB {
  display: table-cell;
  width: 35%;
  text-align: center;
}

.schedulematchscoreline {
  display: table-cell;
  border-right: 1px solid white;
  width: 9%;
  text-align: center;
}

.schedulegame {
  display: table-row;
  background-color: lightskyblue;
}

.schedulegamenumber {
  display: table-cell;
  border-right: 1px solid black;
  width: 15%;
}

.schedulegameteamA {
  display: table-cell;
  border-right: 1px solid black;
  width: 35%;
  text-align: center;
}

.schedulegamescore {
  display: table-cell;
  border-right: 1px solid black;
  text-align: center;
}

.schedulegameteamB {
  display: table-cell;
  width: 35%;
  text-align: center;
}

.OptimizeTextRadiance {
  font-size: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility;
  font-family: 'Radiance', 'microsoft yahei', sans-serif !important;
}

.ReplaysWildCardAreaUpperBracketArea {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index: 4;
  height: 887px;
}

.ReplaysWildCardArea {
  color: #666d70;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}

.ReplaysWildCardAreaUpperBracket {
  color: #705f34;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 25px;
  text-align: center;
  font-family: 'Microsoft YaHei';
}

.BracketWrapperBot {
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #28241d;
}

.BracketWrapperTop {
  width: 865px !important;
  left: 30px !important;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #28241d;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.line {
  position: absolute;
  transform: rotate(0deg);
}
.line.none {
  display: none;
}
.team-match-hover .PrizePoolHover {
  display: block;
}

.linematch .line {
  background-color: #8c784b !important;
  z-index: 10 !important;
}

.team-match-hover .team,
.team-match-hover .score {
  background: rgba(120, 141, 30, 0.3)  !important;
  
}

#match1 {
  top: 120px;
  left: 30px;
}

#match2 {
  top: 210px;
  left: 30px;
}

#match3 {
  top: 300px;
  left: 30px;
}

#match4 {
  top: 390px;
  left: 30px;
}

#match5 {
  top: 165px;
  left: 390px;
}

#match6 {
  top: 345px;
  left: 390px;
}

#match7 {
  top: 255px;
  left: 750px;
}


#match8 {
  top: 480px;
  left: 30px;
}

#match9 {
  top: 570px;
  left: 30px;
}

#match10 {
  top: 660px;
  left: 30px;
}

#match11 {
  top: 750px;
  left: 30px;
}

#match12 {
  top: 525px;
  left: 210px;
}

#match13 {
  top: 705px;
  left: 210px;
}

#match14 {
  top: 525px;
  left: 390px;
}

#match15 {
  top: 705px;
  left: 390px;
}

#match16 {
  top: 615px;
  left: 570px;
}

#match17 {
  top: 615px;
  left: 750px;
}

#match18 {
  top: 435px;
  left: 930px;
}

.bottomstate {
  color: #a7a7a7;
  position: relative;
}

.match-liner01 {
  background: #644820;;
}

.match-liner02 {
  background: #336564;
}

.match-liner03 {
  background: #5e1d77;
}

.match-liner04 {
  background: #2f59af;
}

.match-liner05 {
  background: #928537;
}

.match-liner06 {
  background: #8f7544;
}

.letter {
  font-size: 14px;
  display: none;
  color: #959595;
  position: absolute;
  left: -30px;
  top: 15px;
  text-align: center;
  padding: 0 5px;
  z-index: 30;
}
.play2d {
  position: absolute;
  right: -30px;
  top: 0px;
  z-index: -1;
  height: 64px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #898988;
  width: 30px;
  padding-top: 6px;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  letter-spacing: 0;
}
.play2d img {
  width: 16px;
}
.play2d span {
  line-height: 100%;
  white-space: nowrap;
}

#colorbox {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.mCSB_inside > .mCSB_container {
  margin-right: 10px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #535353 !important;
  border-radius: 4px;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #535353;
}
/* bilibili live*/
@media (max-width: 1366px) {
  .bd-bilibili .container{
    height: 1200px;
  }
  .bd-bilibili .schedule-layout .layout-left {
    height: 950px;
  }
  .bd-bilibili .main{
    padding: 24px 40px 0;
  }
  .bd-bilibili .g-rank {
    width: 100%;
  }
  .bd-bilibili .iframe-info{
    max-height: 892px;
    max-width: 100%;
    width: 100%;
    overflow: auto;
  }
  .bd-bilibili .iframe-info iframe{
   /*  max-height: 892px;
    max-width: 100%;
    width: 100%;
    overflow: auto; */
  }
  .bd-bilibili .schedule-maps-box{
    width: 100%;
  }
  .bd-bilibili .container {
    width: 1200px;
  }
  .bd-bilibili .g-rank .m-grank .m-grouplist{
    margin:0 13px
  }
  .bd-bilibili .schedule-layout .layout-right {
    max-width: 900px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  
  .g-rank .m-grank .m-grouplist{
    width: 530px;
  }
}

.schedule-layout .layout-right ul {
  padding: 10px;
}
.schedule-layout .layout-right ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 18px;
  color: #897c7c;
  letter-spacing: 1px;
  text-shadow: 0px -2px 6px rgba(103, 239, 232, 0.32),  0px 2px 16px rgba(103, 239, 232, 0.32);
}
.schedule-layout .layout-right ul li.cur {
  color: #67EFE8;
}
/* 
#match9 .match-liner02,
#match10 .match-liner02,
#match11 .match-liner02 {
  background: #4e3611;
}

#match13 .match-liner03 {
  background: #14504d;
}
#match6 .match-liner04 {
  background: #251655;
}
#match19 .match-liner05 {
  background: #451453;
}
 */
 
.xm {

}