* {
  box-sizing: border-box;
}

.hide {
  display: none;
}
@font-face {
  font-family: Radiance-Bold;
  src: url('https://www.dota2.com.cn/cover/190429/Radiance-SemiBold.otf');
}
@font-face {
  font-family: Radiance-SemiBold;
  src: url('https://www.dota2.com.cn/cover/190429/Radiance-SemiBold.otf');
}
@font-face {
  font-family: 'Reaver';
  src: url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Regular.woff')
      format('woff'),
    url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Regular.ttf')
      format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Light.woff')
      format('woff'),
    url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Regular.ttf')
      format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-SemiBold.woff')
      format('woff'),
    url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Regular.ttf')
      format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Bold.woff')
      format('woff'),
    url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Regular.ttf')
      format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Reaver';
  src: url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Black.woff')
      format('woff'),
    url('https://static.pwesports.cn/esportsadmin/DOTA2/fonts/reaver/Reaver-Regular.ttf')
      format('truetype');
  font-weight: 800;
  font-style: normal;
}

body {
  max-width: 1200px;
}

.mainReset div,
.mainReset dl,
.mainReset dt,
.mainReset dd,
.mainReset ul,
.mainReset ol,
.mainReset li,
.mainReset h1,
.mainReset h2,
.mainReset h3,
.mainReset h4,
.mainReset h5,
.mainReset h6,
.mainReset pre,
.mainReset code,
.mainReset form,
.mainReset fieldset,
.mainReset legend,
.mainReset input,
.mainReset textarea,
.mainReset p,
.mainReset blockquote,
.mainReset th,
.mainReset td,
.mainReset header,
.mainReset hgroup,
.mainReset nav,
.mainReset section,
.mainReset article,
.mainReset aside,
.mainReset footer,
.mainReset figure,
.mainReset figcaption,
.mainReset menu,
.mainReset button {
  margin: 0;
  padding: 0;
}

.BoxMainText,
.PrizePoolText,
.RadianceFont,
.PrizePoolText-Lg {
  font-family: 'Radiance-Bold', 'Radiance', 'arial', sans-serif;
}

.BoxMainText-date {
  font-family: 'Microsoft YaHei';
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.com-loading {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0;
  bottom: 0;
  user-select: none;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
}
.com-loading:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  margin: -11px -11px 0 0;
  display: block;
  width: 22px;
  height: 22px;
  background: url('https://ps1.games.wanmei.com/static/img/common/loading.png');
  animation: spinAround 1000ms infinite linear;
}
.com-loading.com-loading-text {
  font-size: 32px;
  color: rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}
.com-loading.com-loading-text:after {
  display: none;
}
.com-loading.com-loading-text a {
  color: rgba(255, 255, 255, 0.1);
  text-decoration: underline;
}

@font-face {
  font-family: Radiance-Bold;
  src: url('https://www.dota2.com.cn/cover/190429/Radiance-SemiBold.otf');
}

@font-face {
  font-family: Radiance-SemiBold;
  src: url('https://www.dota2.com.cn/cover/190429/Radiance-SemiBold.otf');
}

* {
  box-sizing: border-box;
}

/* pop-mask */
.pop-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  display: none;
  z-index: 99999;
}
.pop-mask:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.pop-close {
  position: absolute;
  width: 35px;
  height: 34px;
  right: -52px;
  top: 0px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAiCAMAAADiW5DOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURUxpcf///////////////0Wl2ZkAAAAEdFJOUwBAAZ1UrDXiAAAAj0lEQVQ4y4XSSRIAIQgDQFD+/+YZd0USPXihqxSIiGgSfJLWyzJGKVtBahj9pBqCJsFoIwgdJEaOROgiNwqIRyE5ESA7gmQhQgaipCNOKrIHaehBykMsT6Mjjtp3KRodEbSahmifC0Dn6ELkpxugewEXinbkULzGA6FNbwiHYSKWl454pBpSnpdWVh6pv/wBGywDYFfQOwEAAAAASUVORK5CYII=);
}

.pop-container {
  display: inline-block;
  vertical-align: middle;
  /* @include size(800px,460px); */
  width: 800px;
  min-height: 460px;
  position: relative;
}
.pop-container video {
  width: 100%;
  height: 100%;
}

#J_video_pop .pop-container {
  background-color: #000;
}

.pop-main-player {
  width: 800px !important;
  height: 460px !important;
}

.FullPage {
  background-color: #000;
  font-family: 'Microsoft YaHei';
}

.dota2_nav_container {
  z-index: 10000;
  position: relative;
}

.nav_main .dota2nav .link_div span {
  font-family: 'Microsoft YaHei';
}

.nav_main .dota2nav .link_div .link_pop {
  line-height: 30px;
}

.FullPage {
  line-height: 1.5;
  margin: 0 auto;
  color: #fff;
}

#MobileNav {
  box-sizing: border-box;
}

.NavBarSpacer {
  padding-right: 6px;
  padding-left: 6px;
}

.TeamName {
  font-size: 20px !important;
  letter-spacing: 1px !important;
}

#HowToWatchSection a:hover {
  text-decoration: underline;
}

#HowToWatchContainer {
  padding-bottom: 0;
}

.bg-footer {
  background: url(https://www.dota2.com.cn/international2021/assets/images/bg-footer.jpg?v=80859238200940704) 50% 0% no-repeat;
  height: 908px;
  position: relative;
  z-index: 2;
}

.moduleContainer {
  background-image: url('http://cdn.dota2.com.cn/apps/dota2/images/international2019/overview/bg_overview_main_how_to_watch.jpg');
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #050912;
  z-index: 2;
  padding-bottom: 80px;
  transform: translateY(0px);
  width: 100%;
  padding-top: 60px;
  margin-top: 500px;
  /* margin-bottom: -240px; */
}

#moduleContent {
  width: 100%;
}

.section-desc {
  color: var(--main-text-color);
  text-align: center;
  font-size: 16px;
}

.section-title.margin-clear {
  margin-bottom: 0;
}

.section-title li {
  display: inline-block;
}
.section-title li a {
  display: inline-block;
  height: 140px;
  line-height: 140px;
  padding: 0 25px;
}
.section-title li a.active {
  color: #fff;
  background: url(https://www.dota2.com.cn/international2021/assets/images/img-blur-highlight.png?v=80859238200940704) 50% 50%
    no-repeat;
}

#moduleContent .row {
  margin-top: 24px;
}

@media only screen and (max-width: 900px) {
  body > .bottom {
    padding: 5px 15px;
  }
  .NavBarSpacer {
    padding: 0 3px;
  }
  .dota2_nav_container,
  .bottom .rel1100 .certificate {
    display: none !important;
  }
  .foot_dl dd,
  .foot_dl dd a,
  .foot_dl dt,
  .foot_dl dt a {
    float: none !important;
  }
  .foot_dl {
    position: relative !important;
    top: inherit !important;
  }
  .rel1100 {
    margin: 0 auto !important;
    width: inherit !important;
    position: relative !important;
    text-align: center;
  }
  .bottom .rel1100 .certificate,
  .foot_dl,
  .bottom .rel1100 .remark {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
  }
}