img {
  image-rendering: -webkit-optimize-contrast;
}

.typePage,
.x-typePage {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  left: auto;
  margin-left: auto;
}

.page_hgi .c_nav .list .item {
        color: #fff
      }

.page_hgi .c_nav .list .item:hover{
          color: #6cdcff;
        }

.page_hgi .c_nav.c_nav_fixed {
      color: #8a91e6;
      background: #25174c;
      border-bottom: 1px solid #423566
    }

.page_hgi .c_nav.c_nav_fixed .list .item {
          color: #8a91e6
        }

.page_hgi .c_nav.c_nav_fixed .list .item:not(.active):hover{
            color: #6cdcff;
          }

.page_hgi .kv {
    height: 800px;
    max-width: 100%;
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/kv1104.jpg)
      center center no-repeat;
  }

.page_hgi .big_bg {
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/bigbg.jpg)
      #22154d center top no-repeat;
    position: relative
  }

.page_hgi .big_bg:before {
      content: "";
      position: absolute;
      top: 38px;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%);
      pointer-events: none;
      width: 1920px;
      height: 114px;
      max-width: 100%;
      background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/bigbg_top.png)
        center top no-repeat;
    }

.page_hgi .big_bg .live_and_schedule {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 60px;
      height: 460px;
    }

.page_hgi .c_live .live_hd .stream_hd li {
          color: #8990e6
        }

.page_hgi .c_live .live_hd .stream_hd li:hover,
          .page_hgi .c_live .live_hd .stream_hd li.active {
            color: #6cdcff;
          }

.page_hgi .c_schedule .hd .swiper-container .swiper-slide a {
            background: rgba(23, 13, 51, 0.5);
            border: 2px solid rgba(23, 13, 51, 0.1);
            color: #8a91e6
          }

.page_hgi .c_schedule .hd .swiper-container .swiper-slide a.active,
            .page_hgi .c_schedule .hd .swiper-container .swiper-slide a:hover {
              border-color: #628fea;
              color: #6cdcff;
              background: rgba(23, 13, 51, 0.65);
            }

.page_hgi .c_schedule .hd .date_btns .button-next,
        .page_hgi .c_schedule .hd .date_btns .button-prev {
          background: rgba(23, 13, 51, 0.5);
          border: 2px solid rgba(23, 13, 51, 0.1)
        }

.page_hgi .c_schedule .hd .date_btns .button-next:hover, .page_hgi .c_schedule .hd .date_btns .button-prev:hover {
            border-color: #628fea;
            background: rgba(23, 13, 51, 0.65);
          }

.page_hgi .c_schedule .hd .date_btns .button-next.swiper-button-disabled,
          .page_hgi .c_schedule .hd .date_btns .button-next.swiper-button-disabled:hover,
          .page_hgi .c_schedule .hd .date_btns .button-prev.swiper-button-disabled,
          .page_hgi .c_schedule .hd .date_btns .button-prev.swiper-button-disabled:hover {
            background: rgb(72, 0, 175);
            border-color: rgb(72, 0, 175);
            opacity: 0.6;
          }

.page_hgi .c_schedule .bd .list .item {
          color: #8990e6;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none
        }

.page_hgi .c_schedule .bd .list .item .time {
            color: #ffffff;
          }

.page_hgi .c_news {
    padding-top: 20px;
    height: 336px
  }

.page_hgi .c_news .hd .more {
        color: #8a91e6
      }

.page_hgi .c_news .hd .more:hover {
          color: #6cdcff;
        }

.page_hgi .c_news .bd .c_bigeye {
        border-color: #6a35ff
      }

.page_hgi .c_news .bd .c_bigeye .swiper-pagination-bullets .swiper-pagination-bullet {
            background: #8a91e6;
            border-color: #6a35ff
          }

.page_hgi .c_news .bd .c_bigeye .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background: #6a35ff;
              border-color: #6a35ff;
            }

.page_hgi .c_news .bd .c_bigeye .link {
          color: #8a91e6
        }

.page_hgi .c_news .bd .c_bigeye .link .title {
            border-color: #6a35ff;
          }

.page_hgi .c_news .bd .c_bigeye .link:hover {
            color: #6cdcff;
          }

.page_hgi .c_news .bd .c_imgnews .link {
          color: #8a91e6
        }

.page_hgi .c_news .bd .c_imgnews .link .img {
            border-color: #6a35ff;
          }

.page_hgi .c_news .bd .c_imgnews .link:hover {
            color: #6cdcff
          }

.page_hgi .c_news .bd .c_imgnews .link:hover .img {
              border-color: #6cdcff;
            }

.page_hgi .c_news .bd .c_textnews {
        border-color: #6a35ff
      }

.page_hgi .c_news .bd .c_textnews .link {
          color: #8a91e6;
          border-color: #6a35ff
        }

.page_hgi .c_news .bd .c_textnews .link:hover {
            color: #6cdcff;
            border-color: #6cdcff;
          }

.page_hgi .c_brakcet {
    height: 825px;
    padding-top: 60px
  }

.page_hgi .c_brakcet .c_bracket_group .rank_title,
      .page_hgi .c_brakcet .c_bracket_group .fights_title {
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/group_title2.jpg)
          0 0 no-repeat;
      }

.page_hgi .c_brakcet .c_bracket_group .fights_title {
        background-position: -603px 0;
      }

.page_hgi .c_brakcet .c_bracket_bubble .fights_cont {
        border-top-color: #6a35ff;
        border-bottom-color: #6a35ff;
        background: #412695;
      }

.page_hgi .c_brakcet .c_bracket_bubble .fights_top {
        height: 58px;
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/bubble_f_t.png)
          0 0
      }

.page_hgi .c_brakcet .c_bracket_bubble .fights_top .t1 {
          font-size: 14px;
        }

.page_hgi .c_brakcet .c_bracket_bubble .bubble_photo_mask {
        display: none;
      }

.page_hgi .c_brakcet .c_bracket_bubble .player_name {
        color: #8990e6;
      }

.page_hgi .c_brakcet .c_bracket_bubble .source {
        color: #6cdcff;
      }

.page_hgi .c_brakcet .c_bracket_bubble .line_right,
      .page_hgi .c_brakcet .c_bracket_bubble .line_center {
        border-color: #6a35ff;
      }

.page_hgi .c_brakcet .c_bracket_bubble .line_height .line_right,
        .page_hgi .c_brakcet .c_bracket_bubble .line_height .line_center {
          border-color: #f07100;
        }

.page_hgi .c_teams .hd {
      height: 340px
    }

.page_hgi .c_teams .hd .item {
        width: 25%;
        text-indent: -99vw;
        position: relative
      }

.page_hgi .c_teams .hd .item:hover:before,
        .page_hgi .c_teams .hd .item.active:before {
          opacity: 1;
          -webkit-filter: grayscale(0);
                  filter: grayscale(0);
        }

.page_hgi .c_teams .hd .item:before {
          content: "";
          position: absolute;
          left: 50%;
          top: 0;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          opacity: 0.4;
          -webkit-filter: grayscale(0.9);
                  filter: grayscale(0.9);
        }

.page_hgi .c_teams .hd .item.am::before {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/team_am.png)
            0 0 no-repeat;
          width: 325px;
          height: 324px;
        }

.page_hgi .c_teams .hd .item.apac::before {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/team_apac.png)
            0 0 no-repeat;
          width: 319px;
          height: 303px;
        }

.page_hgi .c_teams .hd .item.cn::before {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/team_cn.png)
            0 0 no-repeat;
          width: 331px;
          height: 324px;
        }

.page_hgi .c_teams .hd .item.eu::before {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/team_eu.png)
            0 0 no-repeat;
          width: 319px;
          height: 303px;
        }

.page_hgi .c_teams .bd {
      position: relative;
      height: 451px;
      padding-top: 20px
    }

.page_hgi .c_teams .bd:before {
        content: "";
        pointer-events: none;
        width: 100vw;
        height: 100%;
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/players_bg.png)
          0 0 no-repeat;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        top: 50%;
        margin: 0 auto;
        max-width: 1900px;
      }

@media screen and (max-width: 1200px) {
        .page_hgi .c_teams .bd:before {
          width: 100%;
        }
      }

.page_hgi .c_teams .bd.apac::before {
        background-position: 0px -471px;
      }

.page_hgi .c_teams .bd.cn::before {
        background-position: 0px -942px;
      }

.page_hgi .c_teams .bd.eu::before {
        background-position: 0px -1413px;
      }

.page_hgi .c_teams .bd .item {
        margin-top: -20px;
        overflow: hidden;
      }

.page_hgi .c_teams .bd .img {
        position: relative;
        width: 134px;
        height: 194px
      }

.page_hgi .c_teams .bd .img:before,
        .page_hgi .c_teams .bd .img:after {
          content: "";
          position: absolute;
          width: 121px;
          height: 100%;
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/player_bg.png)
            0 0 no-repeat;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
        }

.page_hgi .c_teams .bd .img::before {
          margin-left: 4px;
        }

.page_hgi .c_teams .bd .img:after {
          width: 100%;
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/player_bd.png)
            0 0 no-repeat;
        }

.page_hgi .c_teams .bd .img .photo {
          position: relative;
          width: 124px;
          left: 2px;
          top: 25px;
        }

.page_hgi .c_teams .bd .name {
        position: absolute;
        width: 100%;
        bottom: 30px;
      }

.page_hgi .c_teams .bd .typeIcon {
        position: absolute;
        z-index: 9;
        width: 95px;
        height: 54px;
        top: 8px;
        right: 0;
        -webkit-transform: scale(0.7);
                transform: scale(0.7);
        -webkit-transform-origin: top right;
                transform-origin: top right
      }

.page_hgi .c_teams .bd .typeIcon.bz {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/typeIconBz.png)
            0 0 no-repeat;
        }

.page_hgi .c_teams .bd .typeIcon.yb {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/typeIconYb.png)
            0 0 no-repeat;
        }

.page_hgi .c_teams .bd .typeIcon.zq {
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/typeIconZq.png)
            0 0 no-repeat;
        }

.page_hgi .c_presenter {
    padding-top: 40px;
    display: none
  }

.page_hgi .c_presenter .item {
      overflow: hidden;
    }

.page_hgi .c_presenter .img {
      position: relative;
      width: 125px;
      height: 200px;
      overflow: hidden
    }

.page_hgi .c_presenter .img:before,
      .page_hgi .c_presenter .img:after {
        content: "";
        position: absolute;
        width: 121px;
        height: 194px;
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/presenter_bg.png)
          0 0 no-repeat;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }

.page_hgi .c_presenter .img:after {
        width: 100%;
        height: 100%;
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/presenter_bd.png)
          0 0 no-repeat;
      }

.page_hgi .c_presenter .img .photo {
        position: relative;
        width: 116px;
        left: 0;
        top: 25px;
      }

.page_hgi .c_presenter .name {
      position: absolute;
      width: 100%;
      bottom: 30px;
    }

.page_hgi .p_rewards {
    text-align: center;
    position: relative;
    height: 392px;
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/rewards.png)
      center top no-repeat;
  }

.page_hgi .c_videoTrap {
    padding-top: 40px;
  }

.page_hgi .c_brakcet .hd, .page_hgi .c_videoTrap .hd {
      border-color: #7238e1
    }

.page_hgi .c_brakcet .hd .item, .page_hgi .c_videoTrap .hd .item {
        color: #8a91e6
      }

.page_hgi .c_brakcet .hd .item.active,
        .page_hgi .c_brakcet .hd .item:hover,
        .page_hgi .c_videoTrap .hd .item.active,
        .page_hgi .c_videoTrap .hd .item:hover {
          color: #fff;
        }

.page_hgi .c_brakcet .hd .item.active::after, .page_hgi .c_videoTrap .hd .item.active::after {
          pointer-events: none;
          content: "";
          position: absolute;
          width: 100%;
          height: 50px;
          bottom: -2px;
          left: 0;
          background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/bracket_active.png)
            left bottom repeat-x;
        }

.page_hgi .c_matchInfo {
    color: #8a91e6;
    border-color: #381183
  }

.page_hgi .c_matchInfo .matchInfoDesc {
      border-color: #7237ec;
    }

.page_hgi .live_title,
  .page_hgi .schedule_title,
  .page_hgi .news_title,
  .page_hgi .c_bracket_title,
  .page_hgi .teams_title,
  .page_hgi .presenter_title,
  .page_hgi .videoTrap_title {
    text-indent: -100vw;
    position: relative
  }

.page_hgi .live_title::before, .page_hgi .schedule_title::before, .page_hgi .news_title::before, .page_hgi .c_bracket_title::before, .page_hgi .teams_title::before, .page_hgi .presenter_title::before, .page_hgi .videoTrap_title::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/sprit_title.png)
        0 0 no-repeat;
    }

.page_hgi .live_title {
    width: 180px;
  }

.page_hgi .c_bracket_title:before {
    background-position: -194px -57px;
    width: 135px;
    height: 36px;
  }

.page_hgi .c_cooperaction {
    color: #8a91e6;
  }

.page_hgi .live_title:before {
    background-position: 0px -171px;
    width: 174px;
    height: 36px;
  }

.page_hgi .news_title:before {
    background-position: 0px -57px;
    width: 174px;
    height: 37px;
  }

.page_hgi .teams_title:before {
    background-position: 0px -114px;
    width: 174px;
    height: 37px;
  }

.page_hgi .presenter_title:before {
    background-position: -194px 0px;
    width: 173px;
    height: 37px;
  }

.page_hgi .schedule_title:before {
    background-position: 0px -227px;
    width: 174px;
    height: 36px;
  }

.page_hgi .videoTrap_title:before {
    background-position: 0px -283px;
    width: 174px;
    height: 36px;
  }

.page_hgi .c_vs .status .points .dot {
    color: #777dc7;
  }

.page_hgi .xcx_pop {
    position: fixed;
    z-index: 9;
    left: 0;
    top: 50vh;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: left 0.4s;
    transition: left 0.4s
  }

.page_hgi .xcx_pop .btn {
      width: 34px;
      height: 61px;
      position: absolute;
      bottom: 14px;
      right: -10px;
      background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/xcx_btn.png)
        0 0 no-repeat
    }

.page_hgi .xcx_pop .btn:hover {
        background-position: -53px 0;
      }

.page_hgi .xcx_pop.t2 {
      left: -238px
    }

.page_hgi .xcx_pop.t2 .btn {
        -webkit-transform: scale(-1) skew(178deg);
                transform: scale(-1) skew(178deg);
      }

.page_hgi .c_schedule .bd .info1 .status.live span::after {
    background: #f07100;
  }

.page_hgi .dell-item {
    background-image: -webkit-gradient(
      linear,
      left top, right top,
      from(transparent),
      color-stop(rgba(106,55,255, 0.3)),
      to(transparent)
    );
    background-image: linear-gradient(
      to right,
      transparent,
      rgba(106,55,255, 0.3),
      transparent
    );
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0;
    color: #d5d7d9;
    position: relative
  }

.page_hgi .dell-item img {
      margin: 0 10px;
    }

.page_hgi .dell-item::before,
    .page_hgi .dell-item::after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0;
      background-image: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(rgba(255, 255, 255, 0.3)),
        to(transparent)
      );
      background-image: linear-gradient(
        to right,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
    }

.page_hgi .dell-item:before {
      top: -1px;
    }

.page_hgi .dell-item:after {
      bottom: -1px;
    }

#a_live,
#a_news,
#a_bracket,
#a_videoTrap,
#a_players,
#a_bonus {
  position: absolute;
  top: -80px;
}

.c_pop-box .c_pop-box-player-pop,
  .c_pop-box .c_pop-box-presenter-pop {
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/player_pop_bg.jpg)
      center center
  }

.c_pop-box .c_pop-box-player-pop .typeIcon, .c_pop-box .c_pop-box-presenter-pop .typeIcon {
      position: absolute;
      width: 95px;
      height: 54px;
      top: 20px;
      left: -15px
    }

.c_pop-box .c_pop-box-player-pop .typeIcon.bz, .c_pop-box .c_pop-box-presenter-pop .typeIcon.bz {
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/typeIconBz.png)
          0 0 no-repeat;
      }

.c_pop-box .c_pop-box-player-pop .typeIcon.yb, .c_pop-box .c_pop-box-presenter-pop .typeIcon.yb {
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/typeIconYb.png)
          0 0 no-repeat;
      }

.c_pop-box .c_pop-box-player-pop .typeIcon.zq, .c_pop-box .c_pop-box-presenter-pop .typeIcon.zq {
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/typeIconZq.png)
          0 0 no-repeat;
      }

.c_live {
  width: 590px;
  margin: 0 auto;
  position: relative
}

.c_live * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_live .live_title{
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding-right: 20px;
  }

.c_live .live_hd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end;
    padding-bottom:20px
  }

.c_live .live_hd .stream_hd{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }

.c_live .live_hd .stream_hd li{
        font-size: 16px;
        color: #666;
        padding-left: 10px;
        cursor: pointer
      }

.c_live .live_hd .stream_hd li:hover,.c_live .live_hd .stream_hd li.active{
          color: #444;
        }

.c_live .live_hd .stream_hd li.active{
          font-weight: 700;
        }

.c_live .live_box {
    width: 100%;
    height: 344px;
    background-color: #000
  }

.c_schedule * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_schedule {
  width: 595px;
  margin: 0 auto;
  position: relative
}

.c_schedule .schedule_title {
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding: 0 20px 20px 0;
  }

.c_schedule .hd {
    position: relative;
    margin-bottom: 3px
  }

.c_schedule .hd .date_btns {
      position: absolute;
      width: 15%;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
    }

.c_schedule .hd .date_btns .button-next,
      .c_schedule .hd .date_btns .button-prev {
        height: 35px;
        width: 23px;
        background: #4f4f4f;
        cursor: pointer;
        margin-left: 2px;
        position: relative
      }

.c_schedule .hd .date_btns .button-next:before,
        .c_schedule .hd .date_btns .button-next:after,
        .c_schedule .hd .date_btns .button-prev:before,
        .c_schedule .hd .date_btns .button-prev:after {
          content: "";
          display: block;
          width: 8px;
          height: 2px;
          background: #fff;
          position: absolute;
          left: 50%;
          top: 50%;
          margin-top: -1px;
          margin-left: -4px;
        }

.c_schedule .hd .date_btns .button-next::before, .c_schedule .hd .date_btns .button-prev::before {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
        }

.c_schedule .hd .date_btns .button-next::after, .c_schedule .hd .date_btns .button-prev::after {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
        }

.c_schedule .hd .date_btns .button-next:hover, .c_schedule .hd .date_btns .button-prev:hover {
          background: #333;
        }

.c_schedule .hd .date_btns .button-next.swiper-button-disabled,
        .c_schedule .hd .date_btns .button-next.swiper-button-disabled:hover,
        .c_schedule .hd .date_btns .button-prev.swiper-button-disabled,
        .c_schedule .hd .date_btns .button-prev.swiper-button-disabled:hover {
          background: #c7c7c7;
          cursor: default;
        }

.c_schedule .hd .date_btns .button-prev:before,
        .c_schedule .hd .date_btns .button-prev:after {
          -webkit-transform-origin: 0 50%;
                  transform-origin: 0 50%;
        }

.c_schedule .hd .date_btns .button-next:before,
        .c_schedule .hd .date_btns .button-next:after {
          -webkit-transform-origin: 100% 50%;
                  transform-origin: 100% 50%;
        }

.c_schedule .hd .swiper-container {
      width: 90%;
      margin-left: 0
    }

.c_schedule .hd .swiper-container .swiper-slide a {
          font-size: 16px;
          background: #cdcdcd;
          display: block;
          height: 35px;
          line-height: 32px;
          text-align: center;
          color: #4c483d
        }

.c_schedule .hd .swiper-container .swiper-slide a:hover,
          .c_schedule .hd .swiper-container .swiper-slide a.active {
            background: #bf9f5f;
            color: #fff;
          }

.c_schedule .bd {
    height: 306px;
    overflow: hidden;
    position: relative
  }

.c_schedule .bd .swiper-container {
      height: 100%;
    }

.c_schedule .bd .swiper-slide {
      height: auto;
    }

.c_schedule .bd .list .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #4c483d;
        height: 102px;
      }

.c_schedule .bd .info1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 25%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      text-align: center
    }

.c_schedule .bd .info1 .title,
      .c_schedule .bd .info1 .time,
      .c_schedule .bd .info1 .status {
        width: 100%;
        line-height: 24px;
      }

.c_schedule .bd .info1 .time {
        font-size: 28px;
        font-weight: 700;
        line-height: 30px;
      }

.c_schedule .bd .info1 .status.live span {
          position: relative
        }

.c_schedule .bd .info1 .status.live span::after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #e0b053;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            left: -10px;
          }

.c_schedule .bd .info2 {
      width: 75%;
    }

.c_news * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_news .news_title{
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding-right: 20px;
  }

.c_news .hd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    padding-bottom:20px;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end
  }

.c_news .hd .more{
      color: #666
    }

.c_news .hd .more:hover{
        color: #444;
      }

.c_news .bd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.c_videoTrap {
  padding-bottom: 20px
}

.c_videoTrap * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.c_videoTrap .hd{
    position: relative;
    border-bottom: 2px solid rgba(57,61,64,0.4);
    margin-bottom: 38px
  }

.c_videoTrap .hd .item{
      color: #d9c898;
      font-size: 16px;
      font-weight: bold;
      height: 36px;
      line-height: 36px;
      display:inline-block;
      padding:0 28px;
      position:relative
    }

.c_videoTrap .hd .item:hover, .c_videoTrap .hd .item.active{
        color: #f8b700;
      }

.c_videoTrap .videoTrap_title {
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding: 0 20px 20px 0;
  }

.c_videoTrap .videoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }

.c_videoTrap .videoList .item {
      width: 25%;
      height: 216px
    }

.c_videoTrap .videoList .item .link {
        display: block;
        font-size:14px;
        color:#8a91e6;
        display: block
      }

.c_videoTrap .videoList .item .link .img {
          height: 170px;
          margin: 0 7px;
          border: 2px solid #6a35ff;
          position: relative
        }

.c_videoTrap .videoList .item .link .img::after{
            content:'';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            display: none;
          }

.c_videoTrap .videoList .item .link .img .play_icon{
            display: none;
            width: 64px;
            height: 64px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNmM0OThiNy1kMDkzLTIyNDItYTEyNC04NmYwNDE4YmJiZjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REUyNDBGNTY3QjlGMTFFOTg5MzNDRTU5RjE1N0Q3MEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REUyNDBGNTU3QjlGMTFFOTg5MzNDRTU5RjE1N0Q3MEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjZjN2Y5ZDgtNDM5MC02NTQ4LTk4YzYtOGQ3MzliNDQ0ZDc5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDM5Y2ZkMDQtMjBlMy1lMDRhLWE5YjYtOTQ5NGQ4ZTY3NWY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7xnqdQAADB9JREFUeNrUW0mMHVcVrXpVf+jB3aFtx7ETp23Ljge5bawAARQJjI0EQhkUgSLEBrbADsSORSRYIAYjVgxCQUZkg5AMisQOyCYidhy3lbYTy85kpxO7226723/+v+pxb/V75Vu33qvhd3vBk6rrV3X9+u+cO7x7b91yp6amHMNwDXu6Cbb3yLGg/x8MBiP9fn8yDMMJKeUYbKNwvg57/I6v7j9wXTeAfQf2LdiaQoiVSqWy7Pt+G86HsEm1D8lxQM7TPd0cwz4efknwgoH3CAEx+G63OwmgHwaQm2AbJ9+P7qdGah5IDmyfwM9BEEi4h4TrGrDdBDLma7XaMiPBJUToY/0/h4B22f4eWKYBJvAmaQtCQPQZJFxrt9vbYY/AN+jrFVKXkZA3Ygni0NKFW90FzZgfGRm5BvsuARuwzyatMGoCJSALvMekroF7IKlap9PZCftpOK4pEVPSHAN4NwM4J8HRIGBoyXY9z/ugXq+/B/suISAgn00mkiJBE8DBC4NNU/DR1mq1toON70WbVtIWBLQgKi8sZpZFgKMAUxKiPTnfAR9xaXR09BoBHzCNCJk2JEhAAvLAexw82OYESH0GJoLsCQI8VnUC2qT6hQigWkBAxyahzqFpLIE2vAl+YsVAQpBFggf25BrUnkvc1xvY+cPg5D4FnzfAD3u4UZIQOCMkRY5hNXEs/6eEUn9CnakLRIyAJm4D/9MGEpoF/Y2rCRA54GMSms3mAfih/fiZAPcIcC8DtMgDaXGWnAjBHas6Rkf8EMyvUq1Wlwo6W5dqAHV4CeDAcBXAH4YfmIbfouCF0gJhWC2GAc0JsDlPl62l8THM8QEw0THQhJtsqeXLokM1wDXYO6q8h+AbjcbjsN9qkrop+Ckj0YLXOZbPrkEb0F+MY/AFmnADLYT5l0QsgATwYCZh8yh5Bl4wx8cl7hQAk2ebtu87Jo1gUZUmYRTMYRRIWLAsrZISICzg9yu1N6m8myF1J2MFKDOKEOEawstYE4AED0i4ZSEhIsDnNq+8/Tb48gG0eQo+x7OvF/AyRCSOOQkgQMxDmuATGiZ/YIrtcZ3fANuMIRBySwIvYutliXAy7m8M4ADLQcTEotjoOtMXPAhyDmFYqyRObT7PaZWx92FJySWZ+ieFoaYweVygqTUfw1uM8OjSRjytKOixEx7JNApKuKg2pLSAzhmxICbExsxd+PSLmNio2J4zKHLAp0BbEix6jUyG/VKya2VBEqThN4T6DUfdNnJ8iA0wXocESqfObiK7w6wOExvLEufkqD0F72YkVEa/QiK8so40a5VwmQnXFcYYdzwBzOdVSusWzOVtkufq6BlyCo/sPaZxIsfmSzlHLhDEiFipD4gmgMUM5fhMSUzWRLJsMRFcqTAat4oh5PYI8cLgJ4ZxkgkcCltNYRVcA7YbpO+wCK+o9BOriu+LiooncKsoMvBcVZHhG4goaxb8vGCxQYxNYRU6GRoHu9gEqrHLsOwJS0zuGMLRVE6hokb/1InnvlmvesHspYWVDKDCVo80LBx52ujaKkyr2bPEBO8WFlw1AbvI0ufleH4bARx8bOvff/7Ik0c//eihY5+Z3vb+xytLHy02+5ocZv82v0N/Qw6zbBICdYGlDyHyYvTDWL21qLqTA97JsH/qAKOxd8fUo3/48Vee/82Pjh19cGp0Ak6hCdTUhqZQRRNR5mFykm4Bs8jzWdF9FGbhQYz8IISJe4dUf8ewWtAqUWTr33lm5ki96ldXL3bcHdsmN3/9+N5946MV+cbbCytBKF0WbZpWIYebRUFtsJoBVpg9+LMDS9kadIb6u3btiidKkyZfSdMHAg5rAvSo+MI/sm/LI099YffOpeVO8/LV222DGeAxVV/X4Hhl0YhS3SfOBrGWCEGRtw/Y2KiBs5hfFFB/l9i/9iG+XvYQ67efnjk0UksSoMeG0Wrt+BPTu56Y2brx8tU7y4u3W33DKsSd4L2qbto5mo6lYcNiahMJOIgPMnSqa0l68ggQLOrylPSjPWjAjI0APbZuGp949ku790w/NFE7+9aNpU4vkNz7EwnmVZOtD1pomR3u10MTOAwHIxpEgawvzwS0BnjKsSEBB/MIcBRzj01PbX7u+GN7alU/OHdp4TaJ5R3b8z5LbuVmEKC3gVDRX9lUNpONVCwuZan7TY7V6t/9xic/949fP/s0Lp0kcuQmOkyESJfUqlBPae/HWDOZ27dMbDrxw6NPvfjCV7+8b+fGSVbMGIYEhz15igoi/jrk5mUSldLff3z/lt0v/fRr3/rJ95787MRYtWLQgmHn4Avn/2RUKl7lmS/u+fwvf3D0WIFMsPBA6Q8sWiDXubC5prG03F7+46m5V06+PPd2geeJRVeJga86M+7nkGv5cqc76J36z5Wzv/rz6+fa3X6HPCaXa703PkhCyXfxIQKLktZD+nItk4TVT756fv6dn/3p9Gvvf7S8DHPsOcln/6YlsfB8kEWMA1AD2vD5gQJfdotNPLpxIuJykvW/3HHl2p3FX5w88xoQcB0O+3DLgX7EbZA+rSeWCo4QOxLQWA9VtQQcvF8nc9xe6bRe/PvcuZMvX3gnXJU4gu8rPzVw0o0Pci1midgxI1oJgsCxqKss6FltEtANCpmjPwiDU/++fPHEX87ONVq9tgasJD8gx7zZIc/EbJiic4jdh7EM6XCoAozIwbAsyy1oBlzyAQZZ6GiwOm2xc+fMhY8/ADt/A7LBZQW0r75LpR4Q8IGTbqJKJUmmeTHzCRG7X6lUWp1OpwH/nFwHR8hNIFAgUmN+obH085On//uv01dvOPdaWrTU9fcCJvWE9C22X9QB4vPClq+yoptwbkLdXGSYgZEUdUN6iPfUWiBcIpG7rV7rpX++9fpv/zp7KQhjiWigsZ1Tx8elbgFv6gIzERQqB7gYaQEegCpc7/V6OxT4cBWP65bwASkTQEDqHv0o4gjD8JUz186/8PtXT9+52x0opgLmKwKL1IsAz5yTbqjSx4g52uPJer2+BH6giVqQYQYySwuY49OkRQ7wzcuLl3/3t/Ozs5cW7hiKFCFZ4sqoe9bSJ3PUv4GYI+2fmpra6Kw2Q+yG1eAAbYMh/QC8OuRYKrbG5kpSZjOqI5GOSeJhiVWHC0LfI6FdnuddHBsbu6LrARHr2H6qokLemJxnUzGz7LqASBadW1/t9ef4mHp7phFhgWUta+lL4FD36yqskdkJfRH23mL7KWWP9OnKEklHajmkXp6AHbBjSlhoWN5kiTjE2GuMe8B4lfQZS0F/HHtvMf9gKikztIC3tpqiQE5CYJG4HAK4zd5TPkZh6gDGd+mcBL0QG4+x9zbDMUkLCZKSwAMOAyGJ1lUFPBwii5QZgVjKqSI21Vwdz09wCWHjMdbL6bLB1aiISWgiDA4uBmyQeFGp54FPzFnFJUuGpupQmNQVG4+VQwwsWVjhNzIIGfEoEbcXuU4agiSuwV2FKRVfCKaiETPYdQ3bnGNvObeRYCMoz1mWCWnznG7K3BAL6ySPr6PN0olqLnZdY+Mx9t6q4MjYlZlRj1vPclpW2Gta80Oy5r8Hqv+uY36fQPJu8QQJ2HWNjcfYcUlJMNT/5XoWKksAtwVTEXh8+Dk+Pj5nAk4JcLMkiF3X2HhMymYue1SVVTnKa6kpU1ug0aPD8g7JwcPcFgD8LOz7NvCcABrnJ0Bi1zU2HhNNoGUltyAIdw3St/kXyZc6InkT+FRmmaUBtHoqsesaSPCx99b0PI5ohxzCsxcpqibUnklde/vI5lHtGXibBkTN0oWlg13X2HgM2yaV5JjqbGWkmPe/zCWOLdE9MNfzFodnqyWmTMBGhrz3hKbSABVbgMxxA/xwnYGOJ2p4lJ0bReaoujGCVAWdJcBxtlar3XTyX5pKvS/Awcs8EkDNevBj80BCR5mEx8wiIUFDjSETrKWIQYFrUPja3EVQ+Qswp7YzxGtzmgATCY6hEJI4j8EFTOBDIAEnO6YrSkz6ssQWGpIpScpk2oF11fo+C4K4xZKroV6cdCxmMMyrs4+o94Xvx6uzaH4f3q9XZ7NIGPbl6c1KM1Lv+9lyBoP5NLGAaXl5OmDFF5mRuRrzFXedX5/3+P8Nr88jITVsU1PXayDYPDlQgLNen5cM+Jpen/+fAAMA5sd0a7L/Gi8AAAAASUVORK5CYII=) 0 0 no-repeat;
            position: absolute;
            z-index: 2;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
          }

.c_videoTrap .videoList .item .link .img img {
            width: 100%;
            height: 100%;
          }

.c_videoTrap .videoList .item .link .title{
          padding-left: 17px;
          padding-top: 5px;
          position: relative
        }

.c_videoTrap .videoList .item .link .title:before{
            content:'';
            position:absolute;
            width:4px;
            height:14px;
            background:#6A35FF;
            left:7px;
            top:7px;
          }

.c_videoTrap .videoList .item .link:hover{
          color: #6cdcff
        }

.c_videoTrap .videoList .item .link:hover .img{
            border-color: #6CDCFF
          }

.c_videoTrap .videoList .item .link:hover .img::after{
              display:block;
            }

.c_videoTrap .videoList .item .link:hover .play_icon{
            display: block;
          }

.c_videoTrap .videoList .item .link:hover .title::before{
            background: #6cdcff;
          }

.c_videoTrap .video_page{
    position: relative;
    text-align: right;
    margin:20px 10px
  }

.c_videoTrap .video_page .item{
      display: inline-block;
      padding: 0 10px;
      height: 27px;
      line-height: 25px;
      color: #777dc7;
      font-size: 14px;
      border: 2px solid #6C42C5;
      margin-right: -2px;
      position: relative;
      cursor:pointer
    }

.c_videoTrap .video_page .item.active{
        border-color: #6A35FF;
        background: #6A35FF;
        color: #fff;
        font-weight: 700;
      }

.c_videoTrap .no_data{
    text-align: center;
    padding: 200px 0;
    font-size: 30px;
    font-weight: 700;
    background: rgba(0,0,0,0.4);
  }

.c_matchInfo{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  line-height: 1.4;
  border-bottom: 1px solid #9E8056;
  color: #9e8056;
  font-size:14px
}

.c_matchInfo .matchInfoLogo{
    max-width: 330px;
  }

.c_matchInfo .matchInfoDesc{
    padding:20px 0 20px 20px;
    border-left: 2px solid #9E8056;
  }

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

.c_cooperaction .title {
    width: 100px;
    text-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

.c_cooperaction .c_cooperaction_item_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item {
      width: 180px;
      height: 90px;
      position: relative;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
    }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon {
        display: block;
        background: url(https://blz.nosdn.127.net/1/gold/images/minisite/common/cooperation211021.png)
          0 0 no-repeat
      }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_douyu {
          background-position: -45px -251px;
          width: 87px;
          height: 35px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_aiwan {
          background-position: -32px -29px;
          width: 108px;
          height: 35px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_cc {
          background-position: -251px -25px;
          width: 86px;
          height: 37px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_wangyixinwen {
          background-position: -440px -33px;
          width: 134px;
          height: 19px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_17173 {
          background-position: -657px -28px;
          width: 95px;
          height: 32px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_duowan {
          background-position: -852px -29px;
          width: 102px;
          height: 39px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_nga {
          background-position: -1061px -24px;
          width: 103px;
          height: 38px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_lvfashi {
          background-position: -26px -137px;
          width: 114px;
          height: 32px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_huya {
          background-position: -32px -362px;
          width: 111px;
          height: 35px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_bilibili {
          background-position: -659px -250px;
          width: 95px;
          height: 31px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_youkulive {
          background-position: -1043px -651px;
          width: 138px;
          height: 19px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_look {
          background-position: -1049px -561px;
          width: 132px;
          height: 27px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_wasu {
          background-position: -647px -641px;
          width: 124px;
          height: 48px
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_wasu.reverse{
            background-position: -31px -735px;
            width: 122px;
            height: 47px;
          }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_youkuyouxi {
          background-position: -427px -564px;
          width: 146px;
          height: 20px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_dashen {
          background-position: -47px -642px;
          width: 70px;
          height: 47px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_zhangyoubao {
          background-position: -854px -132px;
          width: 97px;
          height: 40px;
        }

.c_cooperaction .c_cooperaction_item_wrap .c_cooperaction_item .c_cooperaction_item_icon.c_cooperaction_item_icon_xinlangyouxi {
          background-position: -1057px -139px;
          width: 116px;
          height: 36px;
        }

.c_brakcet{
  color:#8a91e6
}

.c_brakcet * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_brakcet .c_bracket_title{
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding:0 20px 20px 0;
  }

.c_brakcet .hd{
    position: relative;
    border-bottom: 2px solid rgba(57,61,64,0.4);
    margin-bottom: 38px
  }

.c_brakcet .hd .item{
      color: #d9c898;
      font-size: 16px;
      font-weight: bold;
      height: 36px;
      line-height: 36px;
      display:inline-block;
      padding:0 28px;
      position:relative
    }

.c_brakcet .hd .item:hover, .c_brakcet .hd .item.active{
        color: #f8b700;
      }

.c_brakcet .bd .rule{
      padding: 25px;
      text-align:center;
      font-size:14px;
    }

.c_teams * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_teams .teams_title {
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding: 0 20px 20px 0;
  }

.c_teams .hd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

.c_teams .hd .item{
      position: relative;
    }

.c_teams .bd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack:center;
        align-content:center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
  }

.c_teams .bd .item{
      margin: 5px 40px;
      text-align:center;
      font-size:16px;
      color:#8a91e6;
      font-weight:700;
      cursor: pointer;
      position: relative
    }

.c_teams .bd .item:hover{
        color: #6CDCFF;
      }

.c_pop-box-player-pop{
  width: 699px;
  height: 250px;
  background: #5300CE;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.c_pop-box-player-pop .img{
    border: 2px solid #6D4DFF;
    width:140px;
    background:#1E123D
  }

.c_pop-box-player-pop .img img{
      width: 100%;
      display: block;
    }

.c_pop-box-player-pop .info{
    width: 400px;
    padding-left:24px;
    font-size:16px
  }

.c_pop-box-player-pop .info .name{
      font-size: 28px;
      font-weight: 700;
      color: #6cdcff;
    }

.c_nav{
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center
}

.c_nav *{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.c_nav .list{
    padding-top: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

.c_nav .list .item{
      padding: 0 20px;
      height: 39px;
      line-height: 39px;
      color: #666666;
      font-size: 18px;
      font-weight: 800
    }

.c_nav .list .item:hover{
        color: #fff;
      }

.c_nav .list .item span{
        position: relative;
      }

.c_nav.c_nav_fixed{
    height: 57px;
    background-color: #C0974E;
    border-bottom: 1px solid #977B4F;
    padding-top: 0;
    position: fixed;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 999;
    top: 0;
    text-align: left
  }

.c_nav.c_nav_fixed .list{
      padding: 0
    }

.c_nav.c_nav_fixed .list .item{
        height: 57px;
        line-height: 57px
      }

.c_nav.c_nav_fixed .list .item:hover{
        }

.c_nav.c_nav_fixed .list .item.active{
          position: relative;
          color: #fff
        }

.c_nav.c_nav_fixed .list .item.active:before{
            content: '';
            position: absolute;
            width:100%;
            height:100%;
            left:0;
            bottom:0;
            border-bottom:2px solid #FFF06B;
            background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#4B3C51));
            background:linear-gradient(to bottom, transparent, #4B3C51)
          }

.c_presenter{
  padding-bottom: 40px
}

.c_presenter * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_presenter .presenter_title {
    font-weight: 700;
    color: #444;
    font-size: 28px;
    padding: 0 20px 20px 0;
  }

.c_presenter .presenter_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
  }

.c_presenter .presenter_list .item{
      margin: 5px 15px;
      text-align:center;
      font-size:16px;
      color:#8a91e6;
      font-weight:700;
      cursor: pointer;
      position: relative
    }

.c_presenter .presenter_list .item:hover{
        color: #6CDCFF;
      }

.c_pop-box-presenter-pop{
  width: 699px;
  height: 250px;
  background: #5300CE;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.c_pop-box-presenter-pop .img{
    border: 2px solid #6D4DFF;
    width:140px;
    background:#1E123D
  }

.c_pop-box-presenter-pop .img img{
      width: 100%;
      display: block;
    }

.c_pop-box-presenter-pop .info{
    width: 400px;
    padding-left:24px;
    font-size:16px
  }

.c_pop-box-presenter-pop .info .name{
      font-size: 28px;
      font-weight: 700;
      color: #6cdcff;
    }

/* 卡组开始 */

.section_card {
  position: fixed;
  top: 40px;
  right: -216px;
  color: #8990e6;
  z-index: 99;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.section_card_fixed {
  top: 58px;
}

.section_card_show {
  right: 0;
}

.section_card .show_btn_wrap {
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -55px;
}

.section_card .btn_name {
  width: 46px;
  height: 117px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 15px;
  background: url(https://blz.nosdn.127.net/1/gold/images/minisite/hgi/card_show_icon.png) 0 0 no-repeat;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff3e1;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.2;
  font-size: 18px;
}

.section_card .card_wrap {
  background-color: #1f143f;
  width: 212px;
  border-left: 4px solid #6a37ff;
  height: 100%;
}

.card_wrap .card_section_top{
  padding-top: 20px;
}

.card_wrap .select_wrap{
  width: 165px;
  margin: 0 auto 8px auto;
  background-color: #6A37FF;
  border-radius: 3px;
  position: relative;
  border: 2px solid #6A37FF;
  height: 30px;
}

.card_wrap .select_wrap .key{
  float: left;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  width: 25%;
  text-align: center;
  cursor: pointer;
}

.card_wrap .select_wrap .val{
  position: relative;
  float: left;
  width: 75%;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  cursor: pointer;
  text-indent: 5px;
  background-color: #1F143F;
  color: #8990e6;
}

.card_wrap .select_wrap .val:after{
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  right: 5px;
  top: 12px;
  border: 5px dashed transparent;
  border-top: 5px solid #628FEA;
}

.select_wrap.show .card_select_pop{
  display: block;
}

.card_select_pop{
  display: none;
  position: absolute;
  top: 34px;
  right: 0px;
  background-color: #1F143F;
  border: 2px solid #6A37FF;
  width: 352px;
  z-index: 9;
  padding: 15px;
}

.card_select_pop .hd{
  border-bottom: 1px solid #6A37FF;
}

.card_select_pop .hd li{
  display: inline-block;
  padding:6px 3px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.card_select_pop .hd li.active:before{
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #6A37FF;
}

.card_select_pop .hd .triangle{
  position: relative;
  top: 3px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 3px;
  border: 5px dashed transparent;
  border-top: 5px solid #628FEA;
}

.card_select_pop .bd {
  font-size: 0;
}

.card_select_pop .bd li {
  margin-top: 10px;
  font-size: 14px;
  width: 168px;
  height: 36px;
  line-height: 38px;
  display: inline-block;
  background-color: #1F143F;
  color: #8990e6;
  text-indent: 10px;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  margin-right: 12px;
  cursor: pointer;
  border: 1px solid #6A37FF;
}

.card_select_pop .bd li.odd{
  margin-right: 0;
}

.card_select_pop .bd li:hover,
.card_select_pop .bd li.active{
  color: #fff;
  background-color: #6A37FF;
  border: 1px solid #6A37FF;
}

.card_wrap .mod-dropdownlist .dropdown-select{
  height: 28px;
  line-height: 28px;
}

.card_wrap .mod-dropdownlist .dropdown-select,
.card_wrap .mod-dropdownlist .dropdown-select:visited,
.card_wrap .mod-dropdownlist .dropdown-select:hover,
.card_wrap .mod-dropdownlist .dropdown-select:active{
  border: 2px solid #553B21;
  color: #fbc275;
}

.card_wrap .mod-dropdownlist .dropdown-select .dropdown-input{
  line-height: 28px;
  background-color: transparent;
  height: 28px;
  border-right:none;
}

.card_wrap .mod-dropdownlist .dropdown-select .dropdown-icon{
  width: 18px;
}

.card_wrap .mod-dropdownlist .dropdown-select .dropdown-icon:before{
  border-top-color: #fbc275;
}

.card_wrap .mod-dropdownlist .dropdown-options li a{
  background: #CBAD8A;
  border-bottom-color: #553B21;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

.card_wrap .mod-dropdownlist .dropdown-options li.dropdown-options-focus a,
.card_wrap .mod-dropdownlist .dropdown-options li a:hover{
  background-color: #B49876;
  color: #fbc275;
}

.card_wrap .mod-dropdownlist .dropdown-list{
  border-color: #553B21;
}

.card_wrap .mod-dropdownlist .dropdown-list .dropdown-custombox{
  border-color: #553B21;
}

.occupation_hd.x-title{
  padding: 0 14px 13px;
  margin-bottom: 0;
}

.occupation_hd .tit_hd{
  display: block;
  position: relative;
}

.occupation_hd .tit_hd .line{
  bottom: -1px;
  background-color: #fbc275;
  position: absolute;
  height: 3px;
}

.occupation_hd.x-title .tit_hd a{
  font-size: 12px;
  width:84px;
  height:28px;
  text-align:center;
  line-height:28px;
  color: #aaa;
  border-radius:2px;
  margin:1px;
  background:#2C1764;
  float:left;
  padding:0;
}

.occupation_hd.x-title .tit_hd a.active{
  color: #fff;
  background:#6A37FF;
}

.card_wrap  .card_item_list_cont{
  padding: 10px 0 10px 5px;
}

.card_wrap .card_list .item{
  display: none;
}

.card_wrap .card_list .cut{
  height: 700px;
  overflow-y: auto;
}

.card_list .card_item{
  height: 30px;
  width: 187px;
  position: relative;
}

.card_list li .img_card{
  position: absolute;
  height: 25px;
  width: 100%;
  top: 1px;
  right: 1px;
  background-position: 84px -25px;
  background-repeat: no-repeat;
  background-size: 70%;
}

.card_list li .img_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: url(https://blz.nosdn.127.net/1/gold/images/minisite/module/card/card_sprit.png) 1px -35px no-repeat;
}

.card_list li .cost{
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 6px;
  top: 6px;
  background: url(https://blz.nosdn.127.net/1/gold/images/minisite/module/card/card_sprit.png) -410px 0 no-repeat;
}

.card_list li .cost_0{
  background-position: 3px 0;
}

.card_list li .cost_1{
  background-position:-35px 0;
}

.card_list li .cost_2{
  background-position:-74px 0;
}

.card_list li .cost_3{
  background-position:-111px 0;
}

.card_list li .cost_4{
  background-position: -151px 0;
}

.card_list li .cost_5{
  background-position: -190px 0;
}

.card_list li .cost_6{
  background-position: -230px 0;
}

.card_list li .cost_7{
  background-position: -270px 0;
}

.card_list li .cost_8{
  background-position: -309px 0;
}

.card_list li .cost_9{
  background-position: -345px 0;
}

.card_list li .cost_10{
  background-position: -382px 0;
}

.card_list li .name{
  position: absolute;
  line-height: 30px;
  padding-left: 35px;
  left: 0;
  top: 0;
  color: #E8E9E9;
}

.card_list li .two{
  position: absolute;
  top: 4px;
  right: 0;
  width: 23px;
  height: 22px;
  background: url(https://blz.nosdn.127.net/1/gold/images/minisite/module/card/card_sprit.png) -196px -39px;
}

.card_bottom_wrap{
  text-align: center;
  padding: 15px 0 0;
  border-bottom: 1px solid #4A4947;
}

.card_bottom_wrap .card_infoData{
  display: inline-block;
  width: 165px;
  position: relative;
}

.card_bottom_wrap .l{
  text-align: left;
}

.card_bottom_wrap li{
  height: 22px;
  line-height: 22px;
  text-align: left;
  color: #fff;
  display: inline-block;
  width: 50%;
}

.card_bottom_wrap li .num{
  color: #fdc334;
  font-weight: 700;
  padding-left: 5px;
}

.card_bottom_wrap .r{
  top: 22px;
  left: 70px;
  position: absolute;
}

.card_bottom_wrap .r li{
  display: inline;
}

.card_bottom_wrap .r i{
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url(https://blz.nosdn.127.net/1/gold/images/minisite/module/card/card_sprit.png) 0 -68px no-repeat;
  vertical-align: middle;
}

.card_bottom_wrap .r  .num{
  padding: 0 5px 0 2px;
}

.card_bottom_wrap .r .legendary i{
  background-position: 0 -80px;
}

.card_bottom_wrap .r .epic i{
  background-position: 0 -98px;
}

.card_bottom_wrap .r .rare i{
  background-position: 0 -115px;
}

.card_bottom_wrap .r .num{
  vertical-align: middle;
}

.card_wrap .copyWrap{
  text-align: center;
  padding-bottom: 24px;
}

.card_wrap  .deckCode,
.card_wrap .CopyCodeBtn{
  width: 140px;
  height: 12px;
  border: 2px solid #6A37FF;
  padding:  10px;
  margin: 15px 0;
  color: #8990e6;
}

.card_wrap .CopyCodeBtn{
  display: inline-block;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  background-color: #6A37FF;
  border-color: #6A37FF;
  font-weight: 700;
  border-radius: 2px;
  color:#fff;
}

.card_wrap .CopyCodeBtn:hover{
  background-color: #865DFF;
  border-color: #865DFF;
}

.card_wrap .copyTips{
  color: #FBC275;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  height: 14px;
}

.card_wrap .mCSB_scrollTools .mCSB_draggerRail{
  background-color:#7C6A56;
}

.card_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color: #493F35;
}

.section_card:hover {
  -webkit-transform: translateX(-4px);
          transform: translateX(-4px);
}

.section_card_show:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.section_card:hover .btn_name,
.section_card_show .btn_name {
  color: #fff3e1;
  background-position: 0 0;
}

/* 卡组结束 */

.c_pop-box * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_pop-box{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.c_pop-box .c_pop-box-cont{
    position: relative;
  }

.c_pop-box .c_pop-box-close-btn{
    font-size: 0;
    text-indent: -999vw;
    position: absolute;
    width: 78px;
    height: 78px;
    right: 0;
    top: 0;
    cursor: pointer
  }

.c_pop-box .c_pop-box-close-btn:before,
        .c_pop-box .c_pop-box-close-btn:after{
      content: "";
      position: absolute;
      width: 40px;
      height: 5px;
      background-color: #01A7DB;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

.c_pop-box .c_pop-box-close-btn:after{
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg);
    }

.c_pop-box .c_pop-box-close-btn:hover:before{
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
      }

.c_pop-box .c_pop-box-close-btn:hover::after{
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
      }

.c_vs{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}

.c_vs .players {
    width: 40%;
    text-align: center
  }

.c_vs .players .photo {
      max-width: 56px;
      max-height: 56px;
      display: inline-block
    }

.c_vs .players .photo img{
        width: 100%;
      }

.c_vs .players .name {
    }

.c_vs .players.hsbg2v2_rank {
      position: relative;
      width: 25%
    }

.c_vs .players.hsbg2v2_rank:before {
        content: "";
        position: absolute;
        left: -5px;
        top: 0;
        display: block;
        width: 20px;
        height: 13px;
      }

.c_vs .players.hsbg2v2_rank.rank_0::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAABKUlEQVQ4jWPcPz/ek4GBYS4DA4MkA2XgOQMDQzITumF8YpoMNlEzGKS1vEk1HWTGXBZkw+QNwhgUDbwocaYkE7LLJFUtKfQ1AwMLjPHp1XWGx1f3MKiahWIounTnA8OGQ88ZPn37y8DHxQym0UFPjg6qgfgAyDBlKS4GXRV+hj2nXzPoKvEySItyMqza/5zBUIWXgYuDGa6biRgDeThZGM7f+cywaMcTBkVJToZABxkGDnaEISA+SQb6WkuAXQICR698AAcBLkDQwEcvvzHM3PQQzC6LVgHT7z/9Is5ARQNfOFtW2wVMC/CwMqjJcIG93LX0DoO1jgCDvZEYw4kr78Dyd599Y/j09TdcHyin/CfG28QCkAtBWYZa4AXIwBQQgwomPmVgYEgGAK3XUIMapr6vAAAAAElFTkSuQmCC)
              no-repeat 0 0;
      }

.c_vs .players.hsbg2v2_rank.rank_1::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAABeUlEQVQ4jaVTPWsCQRSchCBaKH6AuJUiXCFYCiJiIQiS7kp786cs/A9yna0igoiVhSiIFvHkChUUDmwM82QXIkY4MnDse/sxb+bd7lun0/kE0AWg8D+4ANofmiwej6PRaCCZTArrfr+H4zhBKlBQ951BOByGbds4n8+YzWaymslk0Gw2g0pWJESxWEQoFML1esV0OsXhcJDVVCoVuAe0jGg0KollWaKSxMTlcoHneej1epLTxWQywfF4lNz3fUQiEYlLpRIKhQJE4Xq9lkkSzedz08fFYoF0Om2qDwYDyZVS8hHVahWJRALD4VCKi8Ltdot+v49YLIZKpSL2V6sVlsvlLztsBVVpMg0W2e122Gw2d4WaVNtmPB6PUa/XzaFyuWxsvoIh5GGqk1+lFFqtlumtnsvn80+paJXI5XJ3y0Q2mzUbaPlxM+2woOu6kutxNBrJWKvVxDpfyu0vB7zsp9PppcVH0PK91BMEJeMDI+EXg6Ann+AbQPsHDSmOA0UJsTQAAAAASUVORK5CYII=)
              no-repeat 0 0;
      }

.c_vs .players.hsbg2v2_rank.rank_2::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAABoklEQVQ4jWPc35zgycDAMJdPVkPy9/cvDN/fPGEgEzxnYGBIZgEZxsDAIKnmFcvAIyqFYtS5hZ0Mnx7fINZ4SZBZTCAGn6wG2LA/P3+AMQj8+PSe4fvbZ6S6VRJkIFjj9c0LGc7Ob4XLXFzWx/D72yeSPQ8Kw/8wjkVeHwMHnyDchWfnNDDcffKcYdKhe2AxPnYWBh52ZoYQA2mGBScfMXz6+QcsBgIeGmIMZorCDEwww4TUTBhY2DnhXgYZrOwWzSAnxA23PdJIhuHZp58May48ZVAW5gKLBehKMkjwsjGsuviM4dG7rwgD3906w3CkOxOMPzy+CzGUXxjFO+ysTAzYgJwgxPBrzz8hDNQIyGRQ8YgHsx8d3wGmv7x8jKJ9x7UXYNpXWxJnGIIDQNrCm0FCxwwiwMEFdhnI6w8PrUdR/OXXXzDNz8WKIv7o/TcwrSXJB3Hhq0uHGd7cuQIWBBnMwS8EjnFQLIPCBQbEedjBrCWnHzHcfQsxZMPl5wwvPv9iCNOXAoc3SixTA4BcCMoy1AIvQAamgBhUMPEpAwNDMgBKwZBuAva3jAAAAABJRU5ErkJggg==)
              no-repeat 0 0;
      }

.c_vs .players.hsbg2v2_rank.rank_3::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAABP0lEQVQ4jWNMqN/vycDAMJeBgUGSgTLwnIGBIZkJm2E1SQYM8xscGEw0hEixAWTGXCZ0w7ytpBmU5QTIdaokEzJPRpSTwcdekSJ/syBzEnzVMRQ8v76D4c3dPaia2PkY/vz8BKYFZMzA8iC2pmsdA9yFoU7yDEICHAyXbr1B0czJL8WgYJYO50vphjFIageA2VyCygx8ElpgNjMbD5hmgnnVy06RYdaaaxguFJDSY+AVU4XzheXN4OxPL84zPDqzAEU92EB9VUhslicZMZjpSsAlo7zUcIYVCPBJGDLImSSgBgeI2HrsKRiDQGawBtzQZdtu4TUQG0CJZQ05PgY9NRE438NKDky/unMQLvbh2SWGL2/ugtnf3t9l+PQCEkx/f30B06Cc8p9kZxBwISjLUAu8ABmYAmJQwcSnDAwMyQAyuEsa0UdwDQAAAABJRU5ErkJggg==)
              no-repeat 0 0;
      }

.c_vs .status {
    width: 65px
  }

.c_vs .status .points {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center
    }

.c_vs .status .points .points_item {
        font-size: 20px;
        text-align: center;
        color: #fff;
        width: 20px;
        height: 30px;
        line-height: 30px;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #444b50), color-stop(50%, #393d40));
        background-image: linear-gradient(#444b50 50%, #393d40 50%);
      }

.c_vs .status .points .dot {
        width: 10px;
        margin: 0 4px;
        position: relative;
        color: #000;
        font-size: 32px;
        height: 30px;
        line-height: 24px;
        text-align: center;
      }

.c_bracket_group * {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }

.c_bracket_group .group_hd .item{
      display: inline-block;
      margin: 0 10px;
      min-width: 40px;
      color: #d9c898;
      position: relative;
      text-align: center;
      font-weight: 700
    }

.c_bracket_group .group_hd .item::before{
        position: absolute;
        content: '';
        top: 50%;
        margin-top: -6px;
        right: -10px;
        height: 12px;
        width: 1px;
        background: #d9c898;
      }

.c_bracket_group .group_hd .item:last-child:before{
        display: none;
      }

.c_bracket_group .group_bd{
    border: 2px solid #6A35FF;
    background: #27194E;
    padding: 2px;
  }

.c_bracket_group .rank_and_fights{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
  }

.c_bracket_group .rank_and_fights .fights,
        .c_bracket_group .rank_and_fights .rank{
      width: 49%;
      position: relative
    }

.c_bracket_group .rank_and_fights .fights::after,.c_bracket_group .rank_and_fights .rank::after{
        content:'';
        position:absolute;
        width:100%;
        height:4px;
        left:0;
        bottom:0;
        background:-webkit-gradient(linear, left top, right top, from(#3C3EE4), to(#7D41D3));
        background:linear-gradient(left, #3C3EE4, #7D41D3);
        z-index: 9;
      }

.c_bracket_group .rank_and_fights .rank:after{
        background:-webkit-gradient(linear, left top, right top, from(#8041D3), to(#BE57C2));
        background:linear-gradient(left, #8041D3, #BE57C2);
      }

.c_bracket_group .rank_and_fights .rank .playerName{
        text-align: left;
        padding-left: 56px;
      }

.c_bracket_group .rank_and_fights .rank_title,
        .c_bracket_group .rank_and_fights .fights_title{
      line-height: 56px;
      height:56px;
      text-align:center;
      color:#fff;
      font-weight:700;
      text-align: center;
      font-size: 20px;
    }

.c_bracket_group .rank_and_fights .rank_cont .rank_key{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height:40px;
        line-height:40px;
        background:#412695
      }

.c_bracket_group .rank_and_fights .rank_cont .rank_key .item{
          text-align: center;
        }

.c_bracket_group .rank_and_fights .rank_cont .rank_key .playerName{
          text-align: center;
          padding: 0;
        }

.c_bracket_group .rank_and_fights .rank_cont .rank_val .item{
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height:104px;
          -webkit-box-align:center;
              -ms-flex-align:center;
                  align-items:center;
          text-align:center;
          border-bottom:2px solid #4A2AAB;
          background:#321F67;
          font-size:20px;
          font-weight:700
        }

.c_bracket_group .rank_and_fights .rank_cont .rank_val .item .rankIndex,
                    .c_bracket_group .rank_and_fights .rank_cont .rank_val .item .firstScoreWin,
                    .c_bracket_group .rank_and_fights .rank_cont .rank_val .item .firstScoreDraw,
                    .c_bracket_group .rank_and_fights .rank_cont .rank_val .item .firstScoreLose{
            background: #1F143F;
            height: 102px;
            line-height: 102px;
          }

.c_bracket_group .rank_and_fights .rank_cont .rank_val .item .firstScoreWin,
                    .c_bracket_group .rank_and_fights .rank_cont .rank_val .item .firstScoreDraw,
                    .c_bracket_group .rank_and_fights .rank_cont .rank_val .item .firstScoreLose{
            font-size: 18px;
          }

.c_bracket_group .rank_and_fights .rank_cont .rank_val .item .rankIndex,
                    .c_bracket_group .rank_and_fights .rank_cont .rank_val .item .totalScore{
            color:#6CDCFF;
          }

.c_bracket_group .rank_and_fights .rank_cont .rank_val .item .playerAvatar{
            max-width: 60px;
            vertical-align: middle;
            margin-right: 10px;
          }

.c_bracket_group .rank_and_fights .fights_cont{
      height: 456px;
      overflow: hidden
    }

.c_bracket_group .rank_and_fights .fights_cont .swiper-container{
        height: 100%;
      }

.c_bracket_group .rank_and_fights .fights_cont .item{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom:2px solid #4A2AAB;
        height:114px;
        background:#321F67
      }

.c_bracket_group .rank_and_fights .fights_cont .item.odd{
          background: #1F143F;
        }

.c_bracket_group .rank_and_fights .fights_cont .item .time{
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient:vertical;
          -webkit-box-direction:normal;
              -ms-flex-direction:column;
                  flex-direction:column;
          -webkit-box-pack:center;
              -ms-flex-pack:center;
                  justify-content:center;
          text-align: center;
          width: 18%;
          font-size: 16px
        }

.c_bracket_group .rank_and_fights .fights_cont .item .time .t_h{
            font-weight: 700;
          }

.c_bracket_group .rank_and_fights .fights_cont .item .info2{
          width: 82%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack:center;
              -ms-flex-pack:center;
                  justify-content:center;
        }

.c_bracket_bubble{
  border: 2px solid #6A35FF;
  background: rgba(39,25,77, 0.9);
  padding: 2px;
  color: #99aaff;
  padding-top: 40px;
  font-size: 14px
}

.c_bracket_bubble .bubble_cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.c_bracket_bubble .fights_item{
    width: 130px;
    margin-right: 48px;
    position: relative;
    font-size: 14px;
  }

.c_bracket_bubble .fights_title{
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 1;
    font-weight: 700;
  }

.c_bracket_bubble .fights_cont{
    background-color: #2A267B;
    border-top: 3px solid #7386E8;
    border-bottom: 2px solid #4957C7;
  }

.c_bracket_bubble .fights_top{
    background-color: #2D2A84;
    height: 60px;
    font-size: 12px;
    text-align: center;
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/heroes-tournament/2018s2/bubble_item_top_bg.jpg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
  }

.c_bracket_bubble .fights_top .t1{
      color:#fff;
    }

.c_bracket_bubble .fights_top .t2{
      font-size: 20px;
      font-weight:700;
      color:#fff;
    }

.c_bracket_bubble .has_video .status_text{
    display: none;
  }

.c_bracket_bubble .status_text{
    font-size: 14px;
    font-weight: 700;
    position: relative;
  }

.c_bracket_bubble .u-live{
    position: relative;
    display: inline-block;
    top: 0;
  }

.c_bracket_bubble .live_text{
    color: #fff;
  }

.c_bracket_bubble .end_text{
    color: #6277e3;
  }

.c_bracket_bubble .fights_time{
    height: 26px; line-height: 23px;
  }

.c_bracket_bubble .video_btn{
    display: inline-block;
    width: 57px;
    height: 21px;
    line-height: 21px;
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/heroes-tournament/2018spring/bubble_sprit.png) 0 -207px  no-repeat;
  }

.c_bracket_bubble .video_btn img{
    vertical-align: middle;
    display: inline-block;
    margin-left: -5px;
    margin-top: -2px;
  }

.c_bracket_bubble .video_btn:hover{
    color: #FFF;
  }

.c_bracket_bubble .fights_player_wrap{
    height: 245px;
    text-align: center;
    padding: 10px 0;
  }

.c_bracket_bubble .player_item{
    height: 50%;
    position: relative;
    -webkit-transition:.3s;
    transition:.3s;
  }

.c_bracket_bubble .player_photo{
    position: relative;
    height: 85px;
    -webkit-transition:0.3s;
    transition:0.3s;
  }

.c_bracket_bubble .player_photo .photo{
    width: 60px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -30px;
    z-index: 2;
  }

.c_bracket_bubble .bubble_photo_mask{
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -33px;
    width: 66px;
    height: 76px;
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/heroes-tournament/2018s2/bubble_logo_bg.png) 0 0 no-repeat;
  }

.c_bracket_bubble .high_light .bubble_photo_mask{
    background-position: -111px 0;
  }

.c_bracket_bubble .player_name{
    position: relative;
    left: 0;
    top: 0;
  }

.c_bracket_bubble .source{
    position: absolute;
    top: 37px;
    left: 105px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: 'arial';
  }

.c_bracket_bubble .line_wrap{
    width: 48px;
    position: absolute;
    top: 48px;
    left: 100%;
  }

.c_bracket_bubble .line_right{
    position: absolute;
    left: 0;
    top: 4px;
    width: 50%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    height: 55px;
    border-top: 2px solid #3B35BD;
    border-right: 2px solid #3B35BD;
    -webkit-transition:0.5s;
    transition:0.5s;
  }

.c_bracket_bubble .line_center{
    position: absolute;
    right: 0;
    top: 57px;
    height: 0;
    width: 50%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    border-top: 2px solid #3B35BD;
    -webkit-transition:0.5s;
    transition:0.5s;
  }

.c_bracket_bubble .player_item_bottom .line_right{
    border-top: none;
    border-bottom: 2px solid #3B35BD;
    top: -56px;
  }

.c_bracket_bubble .player_item_bottom .line_center{
    top: -56px;
  }

.c_bracket_bubble .line_height .line_wrap{
    z-index: 2;
  }

.c_bracket_bubble .line_height .line_right,
.c_bracket_bubble .line_height .line_center{
    border-color: #C39312;
  }

.c_bracket_bubble  .fights_item_last {
    margin-right: 0;
  }

.c_bracket_bubble  .fights_item_last .line_wrap{
    display: none;
  }

.c_bracket_bubble .fights_item_last .win .winner_icon{
    position: absolute;
    top: 35px;
    right: -13px;
    width: 26px;
    height: 20px;
    background: url(https://blz.nosdn.127.net/1/gold/images/minisite/module/bracket/h-bracket-sprite.png) 0 -30px no-repeat;
  }

.c_bigeye{
  display: inline-block;
  margin-right: 17px;
  width: 398px;
  height: 240px;
  border: 1px solid #875B2B
}

.c_bigeye .swiper-pagination-bullets{
    z-index: 2;
    position:absolute;
    display:inline;
    width:auto;
    bottom:45px;
    text-align:right;
    left:auto;
    right:0
  }

.c_bigeye .swiper-pagination-bullets .swiper-pagination-bullet{
      margin-left: 5px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1px solid #D1AA70;
      cursor: pointer;
      background: #3D3120
    }

.c_bigeye .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #dc9b3a;
        border-color: #dc9b3a;
      }

.c_bigeye .link{
    color: #444;
    font-weight: 700
  }

.c_bigeye .link .img{
      width: 398px;
      height:200px;
      display:block;
    }

.c_bigeye .link .title{
      height: 41px;
      line-height: 41px;
      text-align: center;
      border-top: 1px solid #875B2B;
    }

.c_bigeye .link:hover{
      color: #442E19;
    }

.c_imgnews {
  width: 392px;
  height: 252px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.c_imgnews .link {
    width: 180px;
    margin-right: 16px;
    display: block;
    color: #444
  }

.c_imgnews .link .img {
      width: 182px;
      height: 91px;
      display: block;
      border: 1px solid #8b6030;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }

.c_imgnews .link .title {
      height: 25px;
      line-height: 28px;
      margin-bottom: 13px;
      font-size: 14px;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
    }

.c_imgnews .link:hover {
      color: #666;
    }

.c_textnews{
  width: 385px;
  height: 252px;
  border-top: 1px solid #666
}

.c_textnews .link{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid #666;
    position: relative
  }

.c_textnews .link .title{
      width: 335px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 39px;
      line-height: 39px;
    }

.c_textnews .link .time{
      position: absolute;
      top: 11px;
      right: 0;
    }

.c_textnews .link:hover{
      color: #666;
    }

.a-3k2a{
  color: red;
}