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

body {
  font-size: 0.16rem;
  color: #fff;
  font-family: microsoft yahei, Arial;
  background: #1a1919;
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  padding: 0;
  margin: 0;
}

abbr, acronym, img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-weight: 400;
  font-style: normal;
}

ol, ul {
  list-style: none;
}

button, input, optgroup, option, select, textarea, i {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: none;
}

video {
  outline: none;
}

body *, body ::after, body ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* a { color: inherit; text-decoration: none; } */
a {
  -webkit-transition: color linear 0.2s;
  transition: color linear 0.2s;
  color: inherit;
}

a:link, a:visited {
  text-decoration: none;
}

.unl, a.unl, a.unl:visited, a:hover {
  text-decoration: underline;
}

a:focus {
  outline: 0;
}

a:hover {
  text-decoration: none;
}

.clearfix, .floatG {
  *zoom: 1;
  zoom: 1;
}

.clearfix:after, .floatG:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

.clearb {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*头图*/
.wrap {
  width: 100%;
  margin: 0 auto;
  max-width: 19.2rem;
  overflow: hidden;
  position: relative;
}

.loginWrap {
  width: 100%;
  height: 0.6rem;
  background: #000000;
}

.loginPart {
  height: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.loginBox {
  color: #cfcfcf;
  font-size: 0.14rem;
}
.loginBox .loginBefore img, .loginBox .loginAfter img {
  width: 0.3rem;
  border-radius: 50%;
}
.loginBox .loginBefore img, .loginBox .loginBefore span, .loginBox .loginAfter img, .loginBox .loginAfter span {
  vertical-align: middle;
}
.loginBox .loginBefore span, .loginBox .loginAfter span {
  margin-left: 0.05rem;
  display: inline-block;
}
.loginBox .reg_btn, .loginBox .signOut {
  color: #faac15;
}

.public {
  width: 11.9rem;
  margin: 0 auto;
}

.bannerWrap {
  width: 100%;
  height: 5.4rem;
  position: relative;
  overflow: hidden;
}

.logo {
  position: absolute;
  left: 2.6rem;
  top: 0.25rem;
  width: 1.01rem;
}
.logo img {
  width: 100%;
}

.sponsorBox {
  position: absolute;
  right: 2.6rem;
  top: 0.3rem;
  font-size: 0.16rem;
  color: #fff;
}
.sponsorBox span {
  display: inline-block;
  vertical-align: middle;
}
.sponsorBox img {
  margin: 0 0.05rem;
  vertical-align: middle;
}
.sponsorBox .wglogo {
  width: 1.26rem;
}
.sponsorBox .logo360 {
  width: 0.99rem;
}

.arrowIcon {
  width: 1.12rem;
  height: 0.47rem;
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/arrow_icon.png) no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 6.4rem;
  right: 0;
  margin: auto;
  -webkit-animation: slide 1s linear infinite;
          animation: slide 1s linear infinite;
}

section {
  padding-top: 0.8rem;
}

.mainWrap {
  padding-bottom: 0.8rem;
}

.homeWrap .mainWrap {
  background: url(https://p2.ssl.qhimg.com/d/inn/c8af5b3fb76b/bg_1.jpg) no-repeat center top/100%, url(https://p1.ssl.qhimg.com/d/inn/c8af5b3fb76b/bg_2.jpg) no-repeat center bottom/100% #181818;
}

.headerBox {
  width: 100%;
  height: 0.6rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.headerBox .public {
  position: relative;
}
.headerBox .headerNav {
  font-size: 0.18rem;
  height: 100%;
  line-height: 0.6rem;
}
.headerBox .headerNav a {
  color: #fff;
  padding: 0 0.25rem;
}
.headerBox .headerNav a:hover, .headerBox .headerNav a.active {
  color: #d6b17b;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
  }
  100% {
    -webkit-transform: translate(0, 0px);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
  }
  100% {
    -webkit-transform: translate(0, 0px);
  }
}
.banner-container a {
  width: 100%;
  height: 100%;
}
.banner-container .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.1rem;
  background: #000;
  border-radius: 0.1rem;
  opacity: 1;
}
.banner-container .swiper-pagination-bullet-active {
  width: 0.4rem;
  background: #fff;
}
.banner-container .swiper-slide img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

.downloadBtn {
  position: absolute;
  right: 0;
  top: 0.15rem;
  width: 0.9rem;
  height: 0.3rem;
  text-align: center;
  line-height: 0.3rem;
  color: #000;
  font-size: 0.16rem;
  font-weight: bold;
  background: #d6b17b;
}

.downloadBtn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.partTit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.3rem;
  position: relative;
}

.partTit_text {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  margin-right: 0.5rem;
  font-size: 0.28rem;
}
.partTit_text span {
  background: -webkit-linear-gradient(#fff9ec, #bdb297);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titIcon {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
}

.scIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon0.png) no-repeat center/100%;
}

.liveIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon1.png) no-repeat center/100%;
}

.newsIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon2.png) no-repeat center/100%;
}

.playerIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon6.png) no-repeat center/100%;
}

.videoIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon5.png) no-repeat center/100%;
}

.focuseIcon {
  background: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/icon5.png) no-repeat center/100%;
}

.mvpIcon {
  background: url(https://p1.ssl.qhimg.com/d/inn/8f2e330a6ecb/theme/images/mvp_icon.png) no-repeat center/100%;
}

.zrIcon {
  background: url(https://p1.ssl.qhimg.com/d/inn/8f2e330a6ecb/theme/images/zr_icon.png) no-repeat center/100%;
}

.jfIcon {
  background: url(https://p1.ssl.qhimg.com/d/inn/d306780b5965/img/jf_icon.png) no-repeat center;
}

.jjIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon3.png) no-repeat center/100%;
}

.teamIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon4.png) no-repeat center/100%;
}

.mediaIcon {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/icon7.png) no-repeat center/100%;
}

.dropdownMenu {
  width: 2rem;
  height: 0.25rem;
  background: #e8e8e8;
  line-height: 0.25rem;
  position: relative;
  font-size: 0.16rem;
  cursor: pointer;
  color: #000;
}
.dropdownMenu i, .dropdownMenu em {
  position: absolute;
  right: 0;
  top: 0;
}
.dropdownMenu i {
  width: 100%;
  height: 0.25rem;
  line-height: 0.25rem;
  padding: 0 0.3rem 0 0.05rem;
  text-align: center;
  z-index: 1;
}
.dropdownMenu em {
  width: 0.25rem;
  height: 0.25rem;
  background: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/xl_icon.png) no-repeat center/0.11rem 0.1rem;
}
.dropdownMenu .slectOption {
  display: none;
  position: absolute;
  left: 0;
  top: 0.27rem;
  z-index: 10;
  background: #e8e8e8;
  width: 100%;
  max-height: 1.8rem;
  overflow-y: scroll;
}
.dropdownMenu .slectOption a {
  display: block;
  height: 0.3rem;
  line-height: 0.3rem;
  padding: 0 0.05rem;
  text-align: center;
  color: #000;
}
.dropdownMenu .slectOption a:hover, .dropdownMenu .slectOption a.selected {
  background-color: #d5d5d5;
}

.scheduleWrap {
  min-height: 2rem;
  position: relative;
}

.showSchedule {
  margin-top: 0.3rem;
}
.showSchedule img {
  display: block;
  margin: 0 auto;
}

.schedule_showEight {
  position: relative;
}

.checkMore {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #dadada;
  font-size: 0.14rem;
  padding-right: 0.2rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/check_icon.png) no-repeat right center/0.16rem 0.16rem;
}
.checkMore:hover {
  color: #faac15;
}

.teamItem {
  width: 2.91rem;
  height: 1.48rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/team_bj.png) no-repeat center top/100%;
  font-size: 0.14rem;
}

.eventTime {
  width: 1.9rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  font-size: 0.16rem;
  color: #1a1919;
  font-weight: bold;
  margin-left: 1rem;
}

.eventTeam {
  height: 1.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.eventTeam_text {
  width: 0.9rem;
  color: #ffffff;
  text-align: center;
}
.eventTeam_text .eventTeam_logo {
  text-align: center;
  height: 0.6rem;
  margin: 0 auto 0.03rem;
}
.eventTeam_text .eventTeam_logo img {
  height: 100%;
}
.eventTeam_text .eventTeam_name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 0.03rem;
  font-weight: bold;
}

.eventTeam_details {
  text-align: center;
}
.eventTeam_details .eventTeam_score {
  font-size: 0.46rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.04rem;
  color: #d6b17b;
  margin-bottom: 0.05rem;
}
.eventTeam_details .eventTeam_score b {
  margin: -0.06rem 0.05rem 0;
}
.eventTeam_details .not_started {
  color: #c4bebe;
}
.eventTeam_details .ongoing {
  color: #d20000;
  background: none;
}
.eventTeam_details .ended {
  color: #c4bebe;
  background: none;
}
.eventTeam_details .isVideo a {
  display: inline-block;
  padding: 0.01rem 0.2rem 0.02rem;
  border: 1px solid #d6b17b;
  color: #d6b17b;
}
.eventTeam_details .isVideo a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.eventName {
  height: 0.34rem;
  line-height: 0.34rem;
  color: #1a1919;
  font-weight: bold;
  text-align: center;
  width: 1rem;
  padding-right: 0.1rem;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.16rem;
}

.schedule-button-next, .schedule-button-prev {
  width: 0.17rem;
  height: 0.34rem;
}
.schedule-button-next::after, .schedule-button-prev::after {
  display: none;
}

.schedule-button-next {
  background: url(https://p2.ssl.qhimg.com/d/inn/f13c5e8dd663/right.png) no-repeat center/100%;
  right: -0.3rem;
}

.schedule-button-prev {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/left.png) no-repeat center/100%;
  left: -0.3rem;
}

.schedule_showPic img {
  max-width: 11rem;
  display: block;
  margin: 0.2rem auto;
}

/*赛事直播 */
.mod-section2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.eventLive {
  width: 6.95rem;
  margin-right: 0.15rem;
}

.videoBox {
  width: 100%;
  height: 3.8rem;
  position: relative;
  margin-bottom: 0.1rem;
  background: rgba(0, 0, 0, 0.4);
}

.videoImg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.videoImg img {
  width: 100%;
}

.video_part {
  width: 100%;
  height: 100%;
  padding: 0.13rem 0.15rem 0;
  position: absolute;
  left: 0;
  top: 0;
}
.video_part iframe {
  width: 100%;
}

.video_btn {
  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;
}
.video_btn a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0.01rem;
  height: 0.65rem;
  border: 1px solid #3a3a3a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video_btn a:hover, .video_btn a.active {
  border-color: #d6b17b;
}
.video_btn a img {
  max-width: 80%;
}

.eventNews {
  width: 4.9rem;
}

.eventNews_list {
  padding: 0.1rem 0;
  height: 4.55rem;
  background: #212122;
  overflow: hidden;
  font-size: 0.14rem;
}
.eventNews_list li {
  overflow: hidden;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.2rem 0 0.4rem;
  position: relative;
  margin-bottom: 0.08rem;
}
.eventNews_list li::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-width: 6px 0 6px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #727272;
}
.eventNews_list li b {
  float: right;
  font-weight: normal;
}
.eventNews_list li span {
  float: left;
  width: 3.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.1rem;
}
.eventNews_list li a {
  color: #a0a0a0;
}
.eventNews_list li:hover a {
  color: #ffffff;
}
.eventNews_list .news_top a {
  color: #d6b17b;
}
.eventNews_list .news_top:hover a {
  color: #f09440;
}

.news_more {
  width: 100%;
  height: 65px;
  line-height: 65px;
  background: #1d1d20;
  text-align: center;
  font-size: 16px;
  color: #a0a0a0;
  display: block;
}
.news_more:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  color: #f7da93;
}

/*战队积分*/
.teamStandings {
  width: 4.8rem;
}

.teamstandings_title {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  background: #212122;
  font-weight: bold;
  margin-bottom: 0.02rem;
}
.teamstandings_title span {
  position: relative;
}
.teamstandings_title span::before, .teamstandings_title span::after {
  content: "";
  width: 0.26rem;
  height: 0.02rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.teamstandings_title span::before {
  left: -0.5rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/title-icon1.png) no-repeat center/100%;
}
.teamstandings_title span::after {
  right: -0.5rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/title-icon2.png) no-repeat center/100%;
}

.teamJf_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.02rem;
  background: rgba(79, 79, 79, 0.5);
}
.teamJf_top span {
  height: 0.53rem;
  line-height: 0.53rem;
  color: #fefefe;
  font-size: 0.16rem;
  text-align: center;
}

.teamJf_top span:nth-child(1), .teamJf_list li span:nth-child(1) {
  width: 0.9rem;
}
.teamJf_top span:nth-child(2), .teamJf_list li span:nth-child(2) {
  width: 1.7rem;
}
.teamJf_top span:nth-child(3), .teamJf_list li span:nth-child(3) {
  width: 0.8rem;
}
.teamJf_top span:nth-child(4), .teamJf_list li span:nth-child(4) {
  width: 1.1rem;
}

.teamJf_box {
  font-size: 0.16rem;
  width: 4.9rem;
  height: 4rem;
  overflow-y: auto;
}
.teamJf_box .mCSB_container {
  margin-right: 0.15rem;
}
.teamJf_box .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}

.teamJf_list {
  color: #ffffff;
}
.teamJf_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.48rem;
  line-height: 0.48rem;
  margin-bottom: 0.02rem;
  text-align: center;
}
.teamJf_list li:nth-child(-n+4) {
  background-color: #811910;
}
.teamJf_list li:nth-child(1) .teamRank {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/rank_icon1.png) no-repeat center 0.1rem/0.26rem;
  color: #000000;
}
.teamJf_list li:nth-child(2) .teamRank {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/rank_icon2.png) no-repeat center 0.1rem/0.26rem;
  color: #000000;
}
.teamJf_list li:nth-child(3) .teamRank {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/rank_icon3.png) no-repeat center 0.1rem/0.26rem;
  color: #000000;
}
.teamJf_list li:nth-child(5), .teamJf_list li:nth-child(6) {
  background-color: #61150e;
}
.teamJf_list li:nth-child(7), .teamJf_list li:nth-child(8) {
  background-color: #3f1410;
}

.teamName {
  text-align: left;
  padding-left: 0.05rem;
}
.teamName .teamImg, .teamName i {
  display: inline-block;
  vertical-align: middle;
}
.teamName .teamImg {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #353535;
  overflow: hidden;
  position: relative;
}
.teamName .teamImg img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.teamName i {
  padding-left: 0.05rem;
  width: 78%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.teamNation {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.team-part {
  width: 100%;
}

.team-tab {
  width: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.team-tab a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #060402;
  font-size: 0.16rem;
  text-align: center;
  font-weight: bold;
}
.team-tab a:not(:last-child) {
  margin-bottom: 0.02rem;
}
.team-tab a:nth-child(1) {
  height: 1.98rem;
  background-color: #d6b17b;
}
.team-tab a:nth-child(2) {
  height: 0.98rem;
  background: #b09267;
}
.team-tab a:nth-child(3) {
  height: 0.98rem;
  background: #746148;
}

/*赛事奖金*/
.eventAward {
  width: 11.9rem;
  margin: 0 auto;
}

.mod-eventAward .bonus-pic {
  width: 100%;
  display: block;
}

.bonus-con {
  width: 100%;
  height: 2.54rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/bonus_bg.jpg) no-repeat center/100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.24rem;
}
.bonus-con .bonus-num {
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.bonus-con .bonus-num strong {
  font-size: 0.52rem;
  color: #faac15;
}
.bonus-con .bonus-explain {
  font-size: 0.16rem;
}
.bonus-con .bonus-explain span {
  color: #fcdd8d;
  font-weight: bold;
}

/*赛事视频*/
.videoTabBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9rem;
}

.videoTab, .dataTab, .videoPageTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.videoTab a, .dataTab a, .videoPageTab a {
  padding: 0.1rem 0.05rem;
  margin: 0 0.08rem;
  position: relative;
  cursor: pointer;
  color: #a0a0a0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 0.16rem;
}
.videoTab a:not(:last-child)::after, .dataTab a:not(:last-child)::after, .videoPageTab a:not(:last-child)::after {
  content: " ";
  width: 1px;
  height: 0.16rem;
  background-color: #626262;
  position: absolute;
  right: -0.08rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.videoTab a:hover, .videoTab a.active, .dataTab a:hover, .dataTab a.active, .videoPageTab a:hover, .videoPageTab a.active {
  color: #ffffff;
}

.eventVideoPart .tabUnit {
  display: none;
  min-height: 3.7rem;
  margin-top: 0.4rem;
}

.eventVideoPart .tabUnit.show {
  display: block;
}

.eventVideo_List {
  overflow: hidden;
}
.eventVideo_List li {
  float: left;
  width: 2.8rem;
  min-height: 1.8rem;
  margin: 0 0.22rem 0.1rem 0;
}
.eventVideo_List li:nth-child(4n) {
  margin-right: 0;
}
.eventVideo_List li a {
  color: #a0a0a0;
}
.eventVideo_List li .eventVideo_img {
  width: 100%;
  height: 1.4rem;
  position: relative;
  overflow: hidden;
}
.eventVideo_List li .eventVideo_img img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.eventVideo_List li .eventVideo_img::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.eventVideo_List li .start {
  width: 0.43rem;
  height: 0.43rem;
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/start.png) no-repeat center/100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0.7;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.eventVideo_List li .video_title {
  width: 100%;
  padding: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eventVideo_List li:hover .eventVideo_img::before {
  opacity: 1;
}
.eventVideo_List li:hover .start {
  opacity: 1;
}
.eventVideo_List li:hover a {
  color: #f2cf8a;
}

.videoListBox .paginationBox a, .videoListBox .paginationBox .layui-laypage-curr em {
  font-size: 0.14rem;
}

.newsList {
  width: 100%;
  overflow: hidden;
}
.newsList li {
  font-size: 0.14rem;
  float: left;
  width: 3.6rem;
  height: 1.1rem;
  margin-left: 0.3rem;
  margin-bottom: 0.4rem;
}
.newsList li a {
  color: #a0a0a0;
}
.newsList li .newsImg, .newsList li .newsCon {
  float: left;
}
.newsList li .newsImg {
  width: 1.9rem;
  height: 1.07rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.newsList li .newsImg img {
  width: 100%;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.newsList li .newsImg::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  opacity: 1;
  background-color: rgba(14, 14, 15, 0.5);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.newsList li .newsCon {
  padding-left: 0.14rem;
  width: 1.6rem;
}
.newsList li .newsCon .news_tit {
  color: #cfcfcf;
  font-weight: bold;
  font-size: 0.18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newsList li .newsCon .news_des {
  margin: 0.05rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.newsList li .newsCon .news_date {
  font-size: 0.12rem;
}
.newsList li:hover .newsImg img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.newsList li:hover .newsImg:before {
  opacity: 0.8;
  z-index: 1;
}
.newsList li:hover a, .newsList li:hover .news_tit {
  color: #fff;
}
.newsList .news_top {
  width: 4.16rem;
  height: 4.1rem;
  background: #1d1d1f;
  margin-left: 0;
}
.newsList .news_top .newsImg {
  width: 100%;
  height: 2.34rem;
}
.newsList .news_top .newsImg:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(#201f21));
  background-image: -webkit-linear-gradient(top, transparent 50%, #201f21 100%);
  background-image: linear-gradient(to bottom, transparent 50%, #201f21 100%);
}
.newsList .news_top .newsCon {
  width: 100%;
  padding: 0 0.25rem;
}
.newsList .news_top .newsCon .news_tit {
  font-size: 0.28rem;
}
.newsList .news_top .newsCon .news_des {
  margin: 0.1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mod-teamsPartIn {
  width: 100%;
  padding: 0 0.15rem 0.15rem;
  border: 0.02rem solid #d0b282;
  position: relative;
}

.teamsListBox {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding-top: 0.15rem;
}
.teamsListBox a {
  color: #fff;
}
.teamsListBox .swiper-slide-active .partIn_teamNation {
  background: url(https://p2.ssl.qhimg.com/d/inn/7b08917140be/theme/images/nation_bj1.png) no-repeat center/100%;
  color: #483f33;
}
.teamsListBox-item {
  width: 1.8rem;
  margin: 0 auto;
  background: url(https://p3.ssl.qhimg.com/d/inn/02a29d70bd70/cs_bj-1.png) no-repeat center top/100%;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.teamsListBox-item:hover {
  -webkit-transform: translateY(-2%);
      -ms-transform: translateY(-2%);
          transform: translateY(-2%);
}
.teamsListBox .partIn_teamLogo {
  width: 100%;
  height: 1.65rem;
  position: relative;
  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;
}
.teamsListBox .partIn_teamLogo img {
  width: 1.4rem;
}
.teamsListBox .partIn_teamName {
  width: 1.5rem;
  min-height: 0.4rem;
  line-height: 1;
  word-break: break-all;
  margin: 0 auto;
}
.teamsListBox .partIn_teamNation {
  width: 1.8rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0 auto;
  background: url(https://p2.ssl.qhimg.com/d/inn/7b08917140be/theme/images/nation_bj.png) no-repeat center/100%;
  color: #d0b282;
  font-size: 0.16rem;
  font-weight: bold;
}

.teamsPartIn-intro {
  min-height: 3.4rem;
  padding: 0.2rem 0.6rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/teamintro_bj.png) no-repeat 1.4rem center/2.41rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.teamsPartIn-intro_logo {
  width: 4rem;
  height: 3.4rem;
  position: relative;
  margin-right: 0.5rem;
}
.teamsPartIn-intro_logo img {
  max-width: 3rem;
  max-height: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 2.5rem;
}
.teamsPartIn-intro_text {
  width: 5.8rem;
  font-size: 0.16rem;
  color: #fff;
}
.teamsPartIn-intro_text h2 {
  font-size: 0.5rem;
  color: #ceb895;
}
.teamsPartIn-intro_text p {
  line-height: 1.5;
}

.teamsList-prev, .teamsList-next {
  width: 0.17rem;
  height: 0.34rem;
  top: 1rem;
}
.teamsList-prev::after, .teamsList-next::after {
  display: none;
}

.teamsList-prev {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/left.png) no-repeat center/100%;
  left: -0.3rem;
}

.teamsList-next {
  background: url(https://p2.ssl.qhimg.com/d/inn/f13c5e8dd663/right.png) no-repeat center/100%;
  right: -0.3rem;
}

/*官方解说*/
.eventPlayerList {
  text-align: center;
  overflow: hidden;
}
.eventPlayerList li {
  width: 1.27rem;
  margin: 0.1rem;
  position: relative;
  float: left;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.eventPlayerList li:hover {
  -webkit-transform: translateY(-2%);
      -ms-transform: translateY(-2%);
          transform: translateY(-2%);
}
.eventPlayerList li:hover .playerName {
  color: #ead5b3;
}
.eventPlayerList li .playerImg {
  display: block;
  width: 100%;
  height: 1.26rem;
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/player_bj.png) no-repeat center/100%;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 0.2rem;
}
.eventPlayerList li .playerImg img {
  width: 100%;
}
.eventPlayerList li .playerName {
  font-size: 0.14rem;
  font-weight: bold;
  color: #dadada;
  text-align: center;
}

.eventAbout {
  background: #191919;
  overflow: hidden;
}
.eventAbout .eventAbout_con {
  padding: 0.3rem 0.5rem;
  line-height: 0.3rem;
  color: #dadada;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-indent: 2em;
}
.eventAbout .eventLogo {
  margin-right: 0.3rem;
}
.eventAbout .eventLogo img {
  width: 1rem;
  display: block;
}

/*合作伙伴*/
.partnerBox {
  padding-top: 0.8rem;
}

.partnerList {
  text-align: center;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.partnerList a {
  width: 2.3rem;
  height: 0.9rem;
  margin: 0 0.04rem 0.1rem;
  background: #191818;
  overflow: hidden;
  position: relative;
}
.partnerList a img {
  width: 1.5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.partnerList a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/*侧边导航*/
.slideContainer {
  width: 1.62rem;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
  display: none;
}

.slide_wrap {
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slideLogo {
  width: 1.62rem;
  margin: 0 auto 0.1rem;
}

.slide_box {
  width: 1.5rem;
  position: relative;
}
.slide_box > a.cur, .slide_box > a:hover {
  font-size: 0.18rem;
  color: #fff;
}
.slide_box > a.cur:after, .slide_box > a:hover:after {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/slide_cur.png) no-repeat center/100%;
  width: 0.22rem;
  height: 0.22rem;
  left: 0.05rem;
}
.slide_box a {
  width: 100%;
  height: 0.4rem;
  padding-left: 0.4rem;
  display: block;
  font-size: 0.16rem;
  color: #dadada;
  position: relative;
  cursor: pointer;
}
.slide_box a::before {
  content: "";
  width: 2px;
  height: 100%;
  background: #32302c;
  position: absolute;
  left: 0.15rem;
  top: 0.05rem;
}
.slide_box a::after {
  content: "";
  width: 0.13rem;
  height: 0.13rem;
  background: #45423d;
  border: 2px solid #45423d;
  border-radius: 50%;
  position: absolute;
  left: 0.1rem;
  top: 0.05rem;
}
.slide_box a:last-child::before {
  display: none;
}

.slide_box1 > a:after {
  background: #45423d;
  border: none;
}

.QRcode-item {
  width: 1.48rem;
  padding: 0.1rem 0;
  margin: 0 auto 0.1rem;
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
  background-color: #181818;
  border: 0.01rem solid #343434;
}
.QRcode-item img {
  width: 1.2rem;
}
.QRcode-item p {
  padding: 0 0.03rem;
}
.QRcode-item .codeSpe {
  position: relative;
  padding: 0 0.3rem;
}
.QRcode-item .codeSpe::before {
  content: "";
  width: 0.13rem;
  height: 0.09rem;
  position: absolute;
  left: 0.15rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://p1.ssl.qhimg.com/d/inn/d306780b5965/img/fixed_icon1.png) no-repeat center;
}
.QRcode-item .codeSpe::after {
  content: "";
  width: 0.13rem;
  height: 0.09rem;
  position: absolute;
  right: 0.15rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(https://p1.ssl.qhimg.com/d/inn/d306780b5965/img/fixed_icon2.png) no-repeat center;
}

.slide_fold {
  width: 1.48rem;
  height: 0.35rem;
  border: 0.01rem solid #b4966a;
  text-align: center;
  line-height: 0.35rem;
  color: #b4966a;
  display: block;
  margin: 0 auto;
  font-size: 0.16rem;
  color: #d6b17b;
  position: relative;
  padding-right: 0.2rem;
}
.slide_fold::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.1rem solid #d6b17b;
  border-bottom: 0.08rem solid transparent;
  border-top: 0.08rem solid transparent;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slide_unfold {
  width: 0.66rem;
  height: 2.8rem;
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/slide_ico.png) no-repeat center/100%;
  position: fixed;
  right: -0.89rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 1680px) {
  .slide_unfold {
    right: 0;
  }
  .slide_wrap {
    right: -100%;
  }
}
.sedPage {
  background: url(https://p0.ssl.qhimg.com/d/inn/9df389103b14/img/bg_03.jpg) no-repeat center top/100%, url(https://p5.ssl.qhimg.com/d/inn/c407b4d865e9/bg_2.jpg) no-repeat center bottom/100% #181818;
}

.newList_sed li {
  width: 2.8rem;
  height: 2.25rem;
  margin: 0 0.22rem 0.1rem 0;
}
.newList_sed li:nth-child(4n) {
  margin-right: 0;
}
.newList_sed li .newsImg {
  width: 100%;
  height: 1.6rem;
}
.newList_sed li .newsCon {
  width: 100%;
  padding: 0 0.03rem;
}
.newList_sed li .newsCon .news_des {
  color: #cfcfcf;
}
.newList_sed li:hover .news_des {
  color: #fff;
}

/* 分页 */
.pagination {
  text-align: center;
  font-size: 0;
  margin: 0.3rem 0 0;
}

.pagination a {
  display: inline-block;
  padding: 0 0.2rem;
  font-size: 0.14rem;
  color: #cdcdcd;
}

.pagination a:hover, .pagination a.active {
  color: #c78c22;
}

.dataMain {
  width: 12rem;
  margin: 0 auto;
  padding-top: 0.8rem;
  position: relative;
}

.dataIcon {
  background: url(https://p2.ssl.qhimg.com/d/inn/7a74090ea537/data_icon.png) no-repeat center;
}

.dataContainer .part {
  display: none;
  position: relative;
}
.dataContainer .part.show {
  display: block;
}

.dataContainer {
  margin-top: 0.55rem;
  position: relative;
}

.dataTab a {
  min-width: 1.2rem;
  text-align: center;
}

.dropDownList {
  width: 2rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border: 1px solid #4f4848;
  font-size: 0.16rem;
  cursor: pointer;
  color: #fff;
  position: absolute;
  left: 0;
}
.dropDownList i, .dropDownList em {
  position: absolute;
  right: 0;
  top: 0;
}
.dropDownList i {
  width: 100%;
  height: 0.3rem;
  padding: 0 0.2rem 0 0.05rem;
  text-align: center;
  z-index: 1;
  overflow-y: auto;
}
.dropDownList em {
  width: 0.2rem;
  height: 0.3rem;
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/xl_icon1.png) no-repeat center/0.14rem 0.12rem;
}
.dropDownList .menuOption {
  display: none;
  width: 100%;
  position: absolute;
  left: -1px;
  top: 0.28rem;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.1rem 0;
  overflow-y: scroll;
  border: 1px solid #f1722f;
}
.dropDownList .menuOption span {
  display: block;
  min-height: 0.3rem;
  padding: 0 0.05rem;
  text-align: center;
  color: #ff986f;
}
.dropDownList .menuOption span:hover, .dropDownList .menuOption span.selected {
  background-color: #3b1604;
}

.tableTit {
  font-size: 0.24rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #383838;
}

.choice {
  height: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.choice li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.choice li a {
  color: #dadada;
  padding-top: 0.15rem;
  height: 100%;
  display: block;
  text-align: center;
}
.choice li.active a, .choice li:hover a {
  color: #fff;
  font-weight: bold;
}
.choice li.active span, .choice li:hover span {
  text-shadow: 0 0 0.3rem #7c664f, 0 0 0.3rem #7c664f, 0 -0.3rem 0.3rem #7c664f, 0 0 0.5rem #FFF;
}
.choice li.active .icon-sl, .choice li:hover .icon-sl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgsl1.png) no-repeat center/100%;
}
.choice li.active .icon-jjjh, .choice li:hover .icon-jjjh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjjh1.png) no-repeat center/100%;
}
.choice li.active .icon-zgjh, .choice li:hover .icon-zgjh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgjh1.png) no-repeat center/100%;
}
.choice li.active .icon-jjsh, .choice li:hover .icon-jjsh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjsh1.png) no-repeat center/100%;
}
.choice li.active .icon-zgsh, .choice li:hover .icon-zgsh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgsh1.png) no-repeat center/100%;
}
.choice li.active .icon-jjlc, .choice li:hover .icon-jjlc {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjlc1.png) no-repeat center/100%;
}
.choice li.active .icon-chl, .choice li:hover .icon-chl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-chl1.png) no-repeat center/100%;
}
.choice li.active .icon-mzl, .choice li:hover .icon-mzl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-mzl1.png) no-repeat center/100%;
}
.choice li.active .icon-jcl, .choice li:hover .icon-jcl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jcl1.png) no-repeat center/100%;
}
.choice li.active .icon-jsb, .choice li:hover .icon-jsb {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jsb1.png) no-repeat center/100%;
}
.choice li.active .icon-jjdl, .choice li:hover .icon-jjdl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjdl1.png) no-repeat center/100%;
}
.choice li.active .icon-zgdl, .choice li:hover .icon-zgdl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgdl1.png) no-repeat center/100%;
}
.choice li.active .icon-js, .choice li:hover .icon-js {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-js1.png) no-repeat center/100%;
}

.data-icon {
  display: block;
  width: 0.5rem;
  height: 0.4rem;
  margin: 0 auto 0.02rem;
}

.icon-sl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgsl.png) no-repeat center/100%;
}

.icon-jjjh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjjh.png) no-repeat center/100%;
}

.icon-zgjh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgjh.png) no-repeat center/100%;
}

.icon-jjsh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjsh.png) no-repeat center/100%;
}

.icon-zgsh {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgsh.png) no-repeat center/100%;
}

.icon-jjlc {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjlc.png) no-repeat center/100%;
}

.icon-chl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-chl.png) no-repeat center/100%;
}

.icon-mzl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-mzl.png) no-repeat center/100%;
}

.icon-jcl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jcl.png) no-repeat center/100%;
}

.icon-jsb {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jsb.png) no-repeat center/100%;
}

.icon-jjdl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-jjdl.png) no-repeat center/100%;
}

.icon-zgdl {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-zgdl.png) no-repeat center/100%;
}

.icon-js {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/icon-js.png) no-repeat center/100%;
}

.dataTableBox {
  min-height: 6.5rem;
}

.dataTable {
  width: 100%;
  padding: 0 0.1rem;
}
.dataTable thead tr {
  height: 0.5rem;
  background: #3f3e3b;
}
.dataTable thead tr th {
  border-left: 1px solid #1b1a1a;
}
.dataTable thead tr:nth-child(1) th {
  position: relative;
  font-size: 0.14rem;
  font-weight: bold;
}
.dataTable thead tr:nth-child(1) th.active {
  color: #beb79b;
}
.dataTable thead tr:nth-child(1) th.active a {
  opacity: 1;
  width: 0.15rem;
}
.dataTable tbody tr {
  font-size: 0.14rem;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #302f2d;
}
.dataTable tbody tr td {
  height: 0.67rem;
  font-weight: bold;
}
.dataTable tbody tr:hover {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/data_hover.png) no-repeat center/100%;
}
.dataTable tbody tr:last-child {
  border-bottom: none;
}

.sort_icon {
  height: 0.15rem;
  margin-left: 0.05rem;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
}

.btn-sort-desc {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/desc_icon.png) no-repeat center/100%;
}

.btn-sort-asc {
  background: url(https://p3.ssl.qhimg.com/d/inn/e0b7d896a6b7/theme/images/asc_icon.png) no-repeat center/100%;
}

.dataName {
  width: 1.3rem;
  display: block;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.zcDownList {
  width: 1.2rem;
  font-size: 0.14rem;
  position: inherit;
  top: 0;
  margin: 0 auto;
}
.zcDownList i {
  padding-left: 0.25rem;
}
.zcDownList::before {
  display: none;
}
.zcDownList .menuOption {
  overflow-y: hidden;
}
.zcDownList .menuOption span {
  position: relative;
  padding: 0 0.05rem 0 0.25rem;
}

.tank_type {
  position: absolute;
  left: 0.08rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.15rem;
  height: 0.18rem;
}

.light_icon {
  background: url(https://p2.ssl.qhimg.com/d/inn/7dc9334f904f/light_icon.png) no-repeat center/0.11rem;
}

.medium_icon {
  background: url(https://p2.ssl.qhimg.com/d/inn/7dc9334f904f/medium_icon.png) no-repeat center/0.13rem;
}

.heavy_icon {
  background: url(https://p2.ssl.qhimg.com/d/inn/7dc9334f904f/heavy_icon.png) no-repeat center/0.13rem;
}

.self_tank_icon {
  background: url(https://p2.ssl.qhimg.com/d/inn/7dc9334f904f/self_tank_icon.png) no-repeat center/0.15rem;
}

.self_guns_icon {
  background: url(https://p2.ssl.qhimg.com/d/inn/7dc9334f904f/self_guns_icon.png) no-repeat center/0.11rem;
}

.tankTypeBox {
  position: relative;
}
.tankTypeBox .tank_type {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.tankInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tankInfo img {
  width: 0.46rem;
}
.tankInfo span {
  width: 1rem;
  display: block;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.myPageBox {
  text-align: center;
  margin: 0.3rem 0;
}

.paginationBox {
  text-align: center;
  font-size: 0;
}

.paginationBox a, .paginationBox .layui-laypage-curr em, .paginationBox .layui-laypage-spr {
  display: inline-block;
  margin: 0 0.1rem;
  padding: 0 0.1rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.18rem;
  text-align: center;
  color: #cdcdcd;
}

.paginationBox .layui-laypage-prev, .paginationBox .layui-laypage-next {
  margin: 0 0.2rem;
}

.paginationBox a.layui-disabled {
  cursor: not-allowed;
  outline: none;
  display: none;
}

.paginationBox .layui-laypage-curr em {
  font-size: 0.18rem;
  font-style: normal;
  color: #f5c754;
}

.paginationBox .layui-laypage-curr .layui-laypage-em {
  display: none;
}

.newsConWrap {
  width: 100%;
  position: relative;
  min-height: 9.2rem;
  background: url(https://p5.ssl.qhimg.com/d/inn/c407b4d865e9/bg_2.jpg) no-repeat center bottom/100%;
}
.newsConWrap .loginBox {
  bottom: auto;
  top: 0.3rem;
}

.articleHearder {
  position: relative;
  padding-top: 5.4rem;
  padding-bottom: 0.1rem;
  z-index: 1;
}
.articleHearder:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(35%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.6)));
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.6) 100%);
}

.articleBg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.header_background {
  background-repeat: no-repeat;
  background-position: 50% 45%;
  background-size: cover;
  z-index: -2;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  will-change: transform;
}

.article_top {
  width: 10.7rem;
  margin: 0 auto;
  padding-top: 0.6rem;
  position: relative;
}
.article_top .time {
  font-size: 0.14rem;
  color: #a0a0a0;
}

.article_tit {
  font-size: 0.36rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.articleCon {
  width: 10.7rem;
  margin: 0 auto;
  font-size: 0.14rem;
  color: #a0a0a0;
  padding: 0.6rem 0;
  line-height: 0.25rem;
}
.articleCon img {
  max-width: 10rem;
  margin: 0.3rem auto;
  display: block;
}

.scheduleTeam .scheduleTit {
  font-size: 0.36rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 0.3rem;
}

.scheduleTips {
  text-align: center;
  font-size: 0.18rem;
  color: #dadada;
  margin-bottom: 0.3rem;
}
.scheduleTips .scheduleTime {
  margin-bottom: 0.2rem;
}
.scheduleTips .scheduleTime span {
  display: inline-block;
  padding: 0.06rem 0.25rem;
  background: #c06d0c;
  font-size: 0.16rem;
  color: #000;
  font-weight: bold;
  border-radius: 0.2rem;
}

.schedule_tabBtn {
  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;
  margin-bottom: 0.3rem;
}
.schedule_tabBtn a {
  width: 2.1rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.2rem;
  font-weight: bold;
  color: #fff;
  background: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/sc_tab1.png) no-repeat center/100%;
}
.schedule_tabBtn a:hover, .schedule_tabBtn a.active {
  background-image: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/sc_tab1_1.png);
  color: #000;
}

.schedule_tabPart {
  display: none;
}

.schedule_tabPart.show {
  display: block;
}

.scheduleImg {
  padding-top: 0.4rem;
}
.scheduleImg img {
  max-width: 12rem;
  margin: 0 auto;
  display: block;
}

.eventGroupTab {
  height: 60px;
  background: rgba(34, 34, 37, 0.4);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  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;
}
.eventGroupTab a {
  width: 93px;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/sc_tab2.png) no-repeat center;
}
.eventGroupTab a:hover, .eventGroupTab a.active {
  background-image: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/sc_tab2_1.png);
  color: #000;
}

.eventGroupPart {
  display: none;
  position: relative;
}

.eventGroupPart.show {
  display: block;
  max-width: 1300px;
  overflow: auto;
}

.eventGroupContainer {
  margin-top: 80px;
}

.columnBox {
  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;
  min-width: 1300px;
}

.groupColumn {
  margin: 0 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.eventGroup {
  position: relative;
}
.eventGroup + .eventGroup {
  margin-top: 40px;
}
.eventGroup .eventGroup_time {
  text-align: right;
  font-size: 14px;
  color: #d4d4d4;
  margin-bottom: 5px;
}
.eventGroup i {
  position: absolute;
}

.eventGroup_teamBox {
  position: relative;
}
.eventGroup_teamBox .eventGroup_team {
  width: 2.8rem;
  height: 0.35rem;
  background: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/sc_bj1.png) no-repeat center/100%;
  font-size: 0.18rem;
  color: #020202;
  font-weight: bold;
}
.eventGroup_teamBox .eventGroup_team.active {
  background-image: url(https://p1.ssl.qhimg.com/d/inn/a1bcd081b16e/theme/images/sc_bj2.png);
}
.eventGroup_teamBox .eventGroup_team span {
  display: inline-block;
  vertical-align: middle;
  height: 0.35rem;
  line-height: 0.35rem;
}
.eventGroup_teamBox .eventGroup_team .eventTeam_logo {
  width: 0.3rem;
  margin-left: 0.05rem;
  position: relative;
}
.eventGroup_teamBox .eventGroup_team .eventTeam_logo img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.eventGroup_teamBox .eventGroup_team .eventTeam_name {
  width: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.05rem;
}
.eventGroup_teamBox .eventGroup_team + .eventGroup_team {
  margin-top: 1px;
}

.columnBox .eventGroup:nth-child(odd) .eventGroup_teamBox:before {
  content: "";
  width: 0.4rem;
  height: 1.35rem;
  position: absolute;
  left: 2.8rem;
  top: 0.35rem;
  border-top: 1px solid #383839;
  border-right: 1px solid #383839;
  border-bottom: 1px solid #383839;
}
.columnBox .eventGroup:nth-child(odd) .eventGroup_teamBox:after {
  content: "";
  width: 0.5rem;
  height: 1px;
  position: absolute;
  right: -0.9rem;
  top: 1.02rem;
  background-color: #383839;
}
.columnBox .groupColumn:last-child .eventGroup .eventGroup_teamBox::before, .columnBox .groupColumn:last-child .eventGroup .eventGroup_teamBox::after {
  display: none;
}
.columnBox .column2 .eventGroup:nth-child(odd) .eventGroup_teamBox:before {
  height: 2.7rem;
}
.columnBox .column2 .eventGroup:nth-child(odd) .eventGroup_teamBox:after {
  top: 1.7rem;
}
.columnBox .column3 .eventGroup:nth-child(odd) .eventGroup_teamBox:before {
  height: 5.4rem;
}
.columnBox .column3 .eventGroup:nth-child(odd) .eventGroup_teamBox:after {
  top: 3.05rem;
}
.columnBox .column4 .eventGroup:nth-child(odd) .eventGroup_teamBox:before {
  height: 10.8rem;
}
.columnBox .column4 .eventGroup:nth-child(odd) .eventGroup_teamBox:after {
  top: 5.75rem;
}
.columnBox .column5 .eventGroup:nth-child(odd) .eventGroup_teamBox:before {
  height: 21.6rem;
}
.columnBox .column5 .eventGroup:nth-child(odd) .eventGroup_teamBox:after {
  top: 11.15rem;
}

.groupEvent {
  width: 11.9rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.groupwDay {
  width: 6.9rem;
}

.groupwDay_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.1rem;
}
.groupwDay_tab a {
  width: 0.8rem;
  height: 0.36rem;
  line-height: 0.36rem;
  background: #3a3a3a;
  text-align: center;
  font-size: 0.16rem;
  color: #d5d5d5;
  font-weight: bold;
  margin-bottom: 0.05rem;
  margin-right: 0.1rem;
}
.groupwDay_tab a:hover, .groupwDay_tab a.active {
  background: url(https://p1.ssl.qhimg.com/d/inn/d306780b5965/img/group_tabbj.png) no-repeat center/100% 100%;
  color: #000;
}

.matchBox {
  width: 100%;
  height: 4.55rem;
  overflow: auto;
}
.matchBox .mCSB_container {
  margin-right: 0.15rem;
}

.matchList {
  width: 100%;
}
.matchList li {
  height: 1.18rem;
  padding: 0.1rem 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.matchList li:nth-child(even) {
  background: #212122;
}
.matchList li:nth-child(odd) {
  background: #100f10;
}

.event_state {
  width: 1.2rem;
}
.event_state i, .event_state span {
  display: inline-block;
}
.event_state .event_date {
  font-size: 0.14rem;
  color: #cba357;
}
.event_state .event_time {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
}
.event_state span {
  padding: 0.02rem 0.1rem;
  color: #000;
  font-size: 0.12rem;
  border-radius: 0.1rem;
}

.ended {
  background: #6f6f6f;
}

.ongoing {
  background: #ffa91a;
}

.notOpen {
  background: #9d7e4b;
}

.gorupName {
  width: 1.4rem;
}

.event_score {
  width: 1.15rem;
  font-size: 0.3rem;
  font-weight: bold;
}
.event_score b {
  padding: 0 0.03rem;
}

.checkBtn {
  padding: 0.04rem 0.08rem;
  margin: 0 0.04rem;
  color: #aaa;
  font-size: 0.14rem;
  border: 1px solid #aaa;
  cursor: pointer;
}
.checkBtn:hover {
  color: #ddb25e;
  border: 1px solid #ddb25e;
}

.winTeam {
  color: #fff;
}

.finalMatchPart {
  background-color: #000;
  padding: 0.8rem 0;
  max-width: 11.9rem;
  overflow: auto;
  margin: 0 auto;
  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;
}

.finalMatch {
  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: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.finalMatch .eventGroup + .eventGroup {
  margin-top: 0.5rem;
}

.matchColumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0.4rem;
}

.matchGroup_tips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.08rem;
}
.matchGroup_tips .checkBtn {
  padding: 0.02rem 0.04rem;
  margin: 0 0 0 0.05rem;
}

.matchGroup_status {
  padding: 0.03rem 0.08rem;
  font-size: 0.12rem;
  color: #000;
  border-radius: 0.1rem;
}

.matchGroup_time {
  width: 1.4rem;
  padding-left: 0.05rem;
  font-size: 0.14rem;
  color: #d4d4d4;
}

.eventRuleContainer {
  width: 100%;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.eventRuleContainer h2 {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.28rem;
  font-weight: bold;
  background-color: #c06d0c;
}
.eventRuleContainer .eventRuleCon {
  padding: 0.3rem 0;
  line-height: 0.3rem;
}
.eventRuleContainer .eventRuleCon p {
  padding: 0 0.7rem;
}
.eventRuleContainer .eventRuleCon p strong {
  font-weight: bold;
  color: #dadada;
}
.eventRuleContainer .eventRuleCon p img {
  display: block;
  margin: 0.2rem auto;
  max-width: 10rem;
}
.eventRuleContainer .eventRuleCon hr {
  border: 1px solid #333336;
  margin: 0.3rem 0;
}
.eventRuleContainer table td {
  text-align: center;
  padding: 0.1rem 0.05rem;
}

.hot-pic {
  width: 11.9rem;
  margin: 0 auto;
  position: relative;
}
.hot-pic img {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .modal_content .picBox img {
    max-width: 8.5rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .news_tit, .news_des {
    white-space: nowrap;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 3. */
  .video_btn > * {
    display: block;
  } /* IE10+ */
}
@media only screen and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.3541666666666667), only screen and (max-width: 1920px) and (min-resolution: 130dpi) {
  .eventAward-rank_table {
    zoom: 0.9;
  }
  .dataTableBox, .choice {
    zoom: 0.8;
  }
}
/*弹窗*/
#maskLayer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
}

.modal-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 42px;
  height: 41px;
  text-align: center;
  z-index: 1;
}

.modal-close:hover {
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-close img {
  vertical-align: middle;
}

.modal_content {
  padding: 50px;
  background: #0e0e12;
}

.picBox {
  text-align: center;
}
.picBox img {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}/*# sourceMappingURL=index.css.map */