@charset "gb2312";
/* stylelint-disable */
body,
html {
  position: relative;
  min-width: 12rem;
  min-height: 8rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-family: "Microsoft Yahei", "Helvetica Neue", "HelveticaNeue", "HelveticasimSun", "Helvetica";
}
body.overhide,
html.overhide {
  overflow-x: hidden;
}
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.center {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.textIndent {
  text-indent: -99.99rem;
  overflow: hidden;
}
.hide {
  display: none;
}
.audio {
  display: none;
}
.opacity0 {
  -webkit-opacity: 0 !important;
  -moz-opacity: 0 !important;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
.opacity1 {
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
img {
  width: 100%;
  height: auto;
}
.top-bar {
  position: relative;
  background: #fff;
  z-index: 999;
}
.top-bar .NIE-topBar-bottom {
  border: none !important;
}
.entry-wrap {
  position: absolute;
  width: 100%;
  min-width: 14rem;
  overflow: visible;
  top: 0;
  left: 0;
  z-index: 2;
}
.entry-wrap .box {
  position: absolute;
  right: 7%;
  top: 1.3rem;
  width: 3.64rem;
  height: 0.34rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/share_box_6e2a6b02.png) center no-repeat;
  background-size: 100% 100%;
  padding: 0 0.2rem 0 0.2rem;
  box-sizing: border-box;
}
.entry-wrap .box.game {
  padding: 0 55px 0 77px;
}
.entry-wrap .box a {
  position: relative;
  line-height: 0.34rem;
  font-size: 0.14rem;
  color: #fff;
}
.entry-wrap .box a:hover {
  color: #fce7a4;
}
.entry-wrap .box .dl:hover .qrcode {
  display: block;
}
.entry-wrap .box .qrcode {
  position: absolute;
  display: none;
  width: 1.3rem;
  height: 1.3rem;
  left: -0.41rem;
}
.entry-wrap .box .qrcode img {
  width: 1.3rem;
  height: 1.3rem;
}
.entry-wrap .logo {
  position: absolute;
  left: 0.44rem;
  top: 0.18rem;
  z-index: 999;
  width: 3.16rem;
  display: flex;
  align-items: center;
}
.entry-wrap .logo-1 {
  width: 1.78rem;
  height: 0.53rem;
}
.entry-wrap .logo-2 {
  width: 0.8rem;
  height: 0.8rem;
  background-size: cover;
}
.entry-wrap .active-time {
  width: 6.3rem;
  height: 3.64rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-4%);
  transform-origin: top left;
  display: none;
}
.entry-wrap .active-time.show {
  display: block;
}
@media screen and (max-width: 15rem) {
  .entry-wrap .active-time {
    top: 0.43rem;
    transform: translate(-0.15rem) scale(0.85);
  }
}
.entry-wrap .desc {
  position: absolute;
  top: 9.8rem;
  left: 0;
  width: 19.2rem;
  height: 1.04rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/bg1-desc_441c7417.png) center / cover no-repeat;
}
.entry-wrap .previous-wrap {
  position: absolute;
  left: 1%;
  top: 0;
  width: 0.92rem;
  height: 0.7rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/btn_before_d2b86227.png) center / 100% 100% no-repeat;
  cursor: pointer;
}
.entry-wrap .previous-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.08rem;
  transform: translateX(-50%);
  color: #fff;
  font-weight: bold;
  font-size: 0.17rem;
  width: 100%;
  text-align: center;
  word-wrap: normal;
}
.entry-wrap .previous-wrap a {
  width: 100%;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  color: #9a6c40;
  text-align: center;
  display: none;
  user-select: none;
}
.entry-wrap .previous-wrap a:hover {
  font-weight: bold;
}
.entry-wrap .previous-wrap span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -110%);
  color: #fff;
  font-weight: 700;
  font-size: 0.17rem;
  width: 100%;
  text-align: center;
  word-wrap: normal;
}
.entry-wrap .previous-wrap.active {
  padding-top: 0.32rem;
  box-sizing: border-box;
  height: 2.7rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/btn_before_h_90ba6a8b.png) center / 100% 100% no-repeat;
}
.entry-wrap .previous-wrap.active a {
  display: block;
}
.entry-wrap .previous-wrap.active span {
  top: 0.1rem;
  transform: translate(-50%, 0);
}
#NIE-share {
  display: block;
  float: right;
  text-align: center;
  color: #fff;
}
#NIE-share .NIE-share-txt {
  margin-left: 0.04rem;
  margin-right: 0.12rem;
  height: 0.34rem;
  line-height: 0.34rem;
  font-family: 'Microsoft YaHei';
  font-size: 0.14rem;
}
#NIE-share .NIE-share-iconBtn a {
  width: auto;
  margin-right: 0.07rem;
  line-height: 0.34rem;
  font-size: 0.23rem;
  color: #fff;
}
#NIE-share .NIE-share-iconBtn a:hover {
  color: #fce7a4;
}
#NIE-share .NIE-share-iconBtn a span {
  margin-right: 0.05rem;
}
.download {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -2.33rem;
  z-index: 100;
  height: 4.66rem;
  width: 1.66rem;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.download.in {
  right: -1.66rem;
}
.download #nie-download {
  padding: 0;
  margin: 0.36rem 0.15rem 0rem;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.NIE-qrcode {
  margin: 0 auto;
  width: 1.27rem;
  height: 1.27rem;
}
.NIE-qrcode img {
  width: 1.27rem;
  height: 1.27rem;
  border-radius: 0.03rem;
}
.buttons {
  margin: 0 auto;
}
.buttons a {
  display: block;
  width: 1.19rem;
  height: 0.37rem;
  margin: 0 auto;
  background-repeat: no-repeat;
}
.buttons a.link-apple {
  margin-bottom: 0.07rem;
}
.buttons a.link-android {
  margin-bottom: 0.1rem;
}
.main2 .entry-wrap .logo-2 {
  background-size: cover;
}
.main2 .entry-wrap .active-time {
  display: block;
}
.main2 .footer {
  margin-top: 1rem;
}
.main2 .footer #NIE-copyRight {
  /*版权字体*/
}
.main2 .footer #NIE-copyRight span a {
  color: #4a4a4b;
}
.main2 .footer #NIE-copyRight span a.nie-cn-guardianship {
  background: transparent;
  border: 0.01rem solid #610000;
}
.main2 .box {
  right: 9%;
}
.main2 .previous-wrap {
  right: 1%;
}
.footer {
  width: 100%;
  padding: 0.16rem 0 0.16rem 0;
  margin-top: 0;
  position: relative;
  bottom: 0rem;
  z-index: 99;
  text-align: center;
  color: #191919;
  background-color: transparent;
}
.footer #NIE-copyRight {
  /*版权字体*/
}
.footer #NIE-copyRight span a {
  color: #4a4a4b;
}
.footer #NIE-copyRight span a.nie-cn-guardianship {
  background: transparent;
  border: 0.01rem solid #610000;
}
.footer #NIE-copyRight .nie-cn-nav-i2 {
  color: #4a4a4b;
}
.footer #NIE-copyRight #NIE-copyRight-corp {
  padding: 0rem 0 0 0 !important;
}
.footer #NIE-copyRight #NIE-copyRight-corp #ncp-l3 {
  display: none !important;
}
.footer .nie-cn-part2 {
  display: none;
}
.pop-cover {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 10000;
}
.pop {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pop.show {
  display: flex;
}
.pop .video-wrap video {
  width: 8rem;
  height: 4.5rem;
}
.pop .video-wrap .pop-close {
  cursor: pointer;
  position: absolute;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/pop-close_998e98e1.png) top center no-repeat;
  background-size: 100% 100%;
  width: 0.58rem;
  height: 0.58rem;
  left: 50%;
  margin-left: -0.32rem;
  transition: all 0.6s;
}
.pop .video-wrap .pop-close:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/pop-close-h_9c89c5b4.png) top center no-repeat;
  background-size: 100% 100%;
}
.pop-jqqd .jqqd {
  position: relative;
  width: 9.62rem;
  height: 5.14rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/pop-jqqd_e06c97fe.png) top center no-repeat;
  background-size: 100% 100%;
}
.pop-jqqd .pop-close {
  cursor: pointer;
  position: absolute;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/pop-close_998e98e1.png);
  background-size: 100%;
  width: 0.6rem;
  height: 0.6rem;
  right: -0.6rem;
  top: 0;
  transition: all 0.6s;
}
.pop-jqqd .pop-close:hover {
  transform: rotate(180deg);
}
.pop-ssgz .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /* width: 14rem; */
  /* height: auto; */
  /* max-height: 9rem; */
  background-size: 100% 100%;
  /* max-height: 8rem; */
  /* overflow-x: hidden; */
}
.pop-ssgz .image img {
  width: auto;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 18rem;
  max-height: 7rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
}
.pop-ssgz .image .pop-close {
  cursor: pointer;
  position: absolute;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/pop-close_998e98e1.png);
  background-size: 100%;
  width: 0.6rem;
  height: 0.6rem;
  top: 0;
  right: -1rem;
  transform: translate(-50%);
  transition: all 0.6s;
}
.pop-ssgz .image .pop-close:hover {
  transform: rotate(180deg);
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
  background: #fff;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: bold;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
p,
div {
  font-size: 0.15rem;
}
html,
body {
  width: 100%;
  height: auto;
  overflow-x: hidden;
}
.hide {
  display: none;
}
/* stylelint-disable */
/************* 首页内页通用 *************/
.main {
  margin: 0 auto;
  min-width: 14rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/bg_5dacae2c.jpg) no-repeat top center;
  background-size: cover;
  background-position-y: 0.5rem;
}
.wrap {
  position: relative;
  width: 100%;
  height: 73.7rem;
  margin-top: 0.5rem;
  overflow: hidden;
  z-index: 100;
}
.main2 {
  height: 100%;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/bg1_326e2f85.jpg) repeat top center;
}
.main2 .wrap {
  height: auto;
  min-height: 80.21rem;
  position: relative;
}
.main2 .wrap::before {
  width: 100%;
  height: 14.62rem;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.main2 .wrap .match-rule {
  position: relative;
  z-index: 2;
}
.main2 .top-video .dec {
  filter: brightness(1.1);
}
.main2 .top-KV {
  width: 100%;
  height: 10.8rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/kv_e8b24cc1.jpg) no-repeat center;
  position: absolute;
  top: 0.5rem;
  z-index: 99;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  .main2 .top-KV {
    top: 0.65rem;
  }
}
@media screen and (min-width: 1930px) {
  .main2 .top-KV {
    top: 0.35rem;
  }
}
.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
}
.popup-video {
  height: 5rem;
}
.loading {
  width: 100%;
}
.top-video {
  position: relative;
  width: 100%;
  height: 10rem;
  margin: 0rem auto;
  z-index: 10;
}
.top-video.hide {
  opacity: 0;
  height: 0;
  border: none;
}
.top-video video {
  width: 100%;
}
.top-video #video_entry {
  margin-top: -1.56rem;
}
@media screen and (max-width: 15rem) {
  .top-video #video_entry {
    margin-top: -1.14rem;
  }
}
.top-video .dec {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.9rem;
  width: 100%;
  height: 1.52rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/bg1-desc_441c7417.png) center / cover no-repeat;
}
@media screen and (max-width: 1500px) {
  .top-video .dec {
    bottom: -0.96rem;
  }
}
.top-KV {
  width: 100%;
  height: 10.8rem;
  position: absolute;
  top: 0.5rem;
  z-index: 99;
  background-size: 100% 10.8rem;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  .top-KV {
    top: 0.65rem;
  }
}
@media screen and (min-width: 1930px) {
  .top-KV {
    top: 0.35rem;
  }
}
.top-KV.hide {
  opacity: 0;
  height: 0;
  border: none;
  z-index: 1;
  display: block;
}
.rule-btn {
  width: 3.66rem;
  height: 1.04rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/btn_rule_83bafc15.png) no-repeat;
  background-size: cover;
  margin: 0.65rem auto 0;
  text-align: center;
  line-height: 1.03rem;
  cursor: pointer;
  display: block;
}
.rule-btn:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/btn_rule_83bafc15.png) no-repeat center / cover;
}
.prize-container {
  width: 14.26rem;
  height: 8.5rem;
  margin: 1.4rem auto 0;
}
.prize-container .match-prize {
  width: 100%;
  position: relative;
}
.prize-container .match-prize .match-container {
  position: absolute;
  left: 0;
  top: 0.91rem;
  width: 3.4rem;
  height: 7.52rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/match_bg_5be69470.png) no-repeat center / cover;
  overflow: hidden;
  z-index: 3;
}
.prize-container .game-prize {
  position: absolute;
  right: 0;
  top: 1rem;
  width: 10.94rem;
  padding-top: 0.75rem;
  box-sizing: border-box;
  height: 7.36rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/game_prize_wrap_dfbe0d6d.png) center / cover no-repeat;
  overflow: hidden;
}
.prize-container .game-prize .swiper-wrapper {
  width: 100%;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide {
  width: 3.55rem;
  position: relative;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide::after {
  content: "";
  position: absolute;
  width: 0.01rem;
  height: 3.27rem;
  background: #d7d6cf;
  right: 0;
  top: 1.15rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide:last-child:after {
  display: none;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-title {
  width: 1.88rem;
  height: 0.46rem;
  margin: 0 auto;
  display: block;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con {
  width: 1.07rem;
  height: 1.35rem;
  text-align: center;
  margin-top: 0.2rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg {
  width: 1.07rem;
  height: 1.06rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/game_prize_bg_ba06551f.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img1 {
  width: 0.72rem;
  height: 0.72rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img2 {
  width: 0.75rem;
  height: 0.78rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img3 {
  width: 0.71rem;
  height: 0.63rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img4 {
  width: 0.79rem;
  height: 0.53rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img5 {
  width: 0.78rem;
  height: 0.68rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img6 {
  width: 0.8rem;
  height: 0.8rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con .prize-con-bg .prize-img7 {
  width: 0.9rem;
  height: 0.9rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con p {
  font-size: 0.14rem;
  color: #888d94;
  margin-top: 0.07rem;
}
.prize-container .game-prize .swiper-wrapper .swiper-slide-prize .item-prize-con:nth-child(2n+2) {
  margin: 0.2rem 0.08rem 0;
}
.prize-container .game-prize .swiper-scrollbar {
  background: transparent;
  border-bottom: 0.01rem solid #cdcbcb;
  border-radius: 0;
}
.prize-container .game-prize .swiper-scrollbar .swiper-scrollbar-drag {
  background: #c2411c;
  border-radius: 0;
}
.prize-container .game-prize .drag-tip {
  width: 0.71rem;
  height: 0.17rem;
  right: 0.1rem;
  bottom: 0.1rem;
  position: absolute;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/prize_swiper_icon_8e3e8e88.png) no-repeat center / cover;
}
.match-rule {
  margin: 0 auto 0;
  width: 13.64rem;
  color: #888d94;
}
.match-rule #NIE-art .artInfo,
.match-rule #NIE-art .artTips,
.match-rule #NIE-art .artTitle {
  display: none;
}
.match-rule #NIE-art .artText {
  text-align: center;
}
.match-rule #NIE-art .artText h2 {
  background-size: 100% 100%;
  display: inline-block;
  color: #ef5c29;
  font-size: 0.32rem;
  height: 0.66rem;
  line-height: 0.66rem;
  position: relative;
  margin: 0.5rem auto;
  font-weight: 500;
}
.match-rule #NIE-art .artText h2::after {
  content: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/rule_title_bg3_51a3e761.png);
  position: absolute;
  top: 0rem;
  right: -1.3rem;
  height: 0.68rem;
  width: 1.54rem;
}
.match-rule #NIE-art .artText h2::before {
  content: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/rule_title_bg1_a533a270.png);
  position: absolute;
  top: 0;
  left: -1rem;
  height: 0.58rem;
  width: 0.94rem;
}
.match-rule #NIE-art .artText h3 {
  height: 0.53rem;
  line-height: 0.53rem;
  font-size: 0.24rem;
  position: relative;
  display: table;
  margin: 0.2rem 0 0.15rem 0.5rem;
  color: #e4401a;
  font-weight: 500;
}
.match-rule #NIE-art .artText h3::after {
  position: absolute;
  content: "";
  width: 0.24rem;
  height: 0.38rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/rule_title_89512e14.png) no-repeat center / cover;
  top: 50%;
  left: -0.3rem;
  transform: translateY(-0.25rem);
}
.match-rule #NIE-art .artText p,
.match-rule #NIE-art .artText h3 {
  text-align: left;
}
.match-rule #NIE-art .artText img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 3rem !important;
  cursor: pointer;
}
.match-rule #NIE-art .artText img:nth-child(1) {
  max-height: 6rem !important;
}
.match-rule #NIE-art .artText p {
  width: 11.63rem;
  margin: 0 auto;
  color: #888d94;
  font-size: 0.2rem;
  line-height: 0.36rem;
  text-indent: -2em;
}
.match-rule #NIE-art .artText table,
.match-rule #NIE-art .artText tbody {
  margin: 0 auto;
  width: 11.63rem;
  border: 0.01rem solid #c5ab7f;
  border-collapse: collapse;
  text-align: center;
}
.match-rule #NIE-art .artText table th,
.match-rule #NIE-art .artText tbody th,
.match-rule #NIE-art .artText table td,
.match-rule #NIE-art .artText tbody td {
  font-size: 0.18rem;
  text-align: center;
  border: 0.01rem solid #c5ab7f;
  line-height: 0.4rem;
  min-width: 0.7rem;
  padding: 0.1rem;
}
.match-rule #NIE-art .artText table p,
.match-rule #NIE-art .artText tbody p {
  color: #888d94;
  width: auto;
  text-indent: 0;
  text-align: center;
}
.nav {
  position: fixed;
  width: 1.42rem;
  height: 5.04rem;
  top: 50%;
  margin-right: -49%;
  margin-top: -2.6rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_bg1_f3105816.png) bottom no-repeat;
  background-size: cover;
  display: none;
  z-index: 999;
  transition: all 0.5s linear;
}
.nav-ul {
  width: 1.05rem;
  margin: 1.35rem auto 0;
}
.nav-ul li {
  width: 100%;
  height: 0.54rem;
  font-size: 0.16rem;
  padding: 0 0.15rem;
  box-sizing: border-box;
  color: #ffe2a4;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-ul li::after {
  content: "";
  position: absolute;
  width: 0.72rem;
  height: 0.01rem;
  background: #f5d596;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.nav-ul a {
  color: #ffe2a4;
}
.nav-ul .active,
.nav-ul li:hover {
  width: 1.05rem;
  height: 0.54rem;
  margin: 0 auto;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_btn_h2_418897c5.png) no-repeat;
  background-size: 100% 100%;
  color: #a9792c;
}
.nav-ul .active a,
.nav-ul li:hover a {
  color: #a9792c;
}
.nav-top {
  width: 0.32rem;
  height: 0.27rem;
  display: block;
  cursor: pointer;
  margin: 0 auto;
}
.nav .nav-open-btn {
  width: 0.32rem;
  height: 0.74rem;
  position: absolute;
  left: -0.12rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.16rem;
  cursor: pointer;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_close_0b191a2f.png) no-repeat center / cover;
  transition: all 0.5s linear;
}
.nav.show .nav-open-btn {
  display: block;
}
.nav.navBtn-active {
  right: -1.54rem !important;
  margin-right: 0 !important;
}
.nav.navBtn-active .nav-open-btn {
  left: -0.45rem !important;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_show_786b1c36.png) no-repeat center / cover;
}
.nav2 {
  width: 1.42rem;
  height: 6.5rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_bg_edf622bd.png) no-repeat;
  background-size: 100% 100%;
}
.nav2 li {
  height: 0.39rem;
  font-size: 0.16rem;
  line-height: 0.39rem;
  white-space: nowrap;
  color: #ffe2a4;
}
.nav2 .active,
.nav2 li:hover {
  width: 1.06rem;
  height: 0.4rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_btn_h_deb31c95.png) no-repeat;
  background-size: 100% 100%;
  color: #a9792c;
}
.nav2 .active a,
.nav2 li:hover a {
  color: #a9792c;
}
.nav2 a {
  color: #ffe2a4;
}
.come-back {
  display: none;
  width: 1.06rem;
  height: 0.82rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/top2_026299b5.png) no-repeat;
  background-size: cover;
  position: fixed;
  bottom: 0.5rem;
  right: 0.2rem;
  z-index: 9999;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.come-back:hover {
  bottom: 0.6rem;
}
.swiper {
  height: 2.33rem;
  position: relative;
  width: 14rem;
  margin: 0 auto 0;
  color: #675e4f;
}
.swiper .cooperation-tip {
  margin: 1rem auto 0;
}
.swiper-p {
  text-align: center;
  margin-top: 0.2rem;
  color: #564231;
}
.swiper-container {
  width: 13.38rem;
  height: 2.67rem;
  margin: 0 auto;
  padding-top: 0.2rem;
  box-sizing: border-box;
}
.swiper-container .swiper-slide {
  width: 3.18rem;
  height: 1.88rem;
  overflow: visible;
  transition: all 0.3s ease-in-out;
  user-select: none;
}
.swiper-container .swiper-slide.swiper-slide-active .team-line-item {
  background: #fff !important;
}
.swiper-container .swiper-slide .slide-cont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.18rem;
  height: 1.88rem;
  margin-top: 0.26rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_bg_920e60bc.png) top center no-repeat;
  background-size: 100% 100%;
}
.swiper-container .swiper-slide .slide-cont.jqqd p {
  font-size: 0.23rem;
  color: #373737;
  margin-top: 0.89rem;
  text-align: center;
  font-weight: bold;
}
.swiper-container .swiper-slide .slide-cont.ending {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_ending_bg_cbe9d6b1.png) top center no-repeat;
  background-size: 100% 100%;
}
.swiper-container .swiper-slide .slide-cont.ending .match-team .team-score .score-txt {
  color: #9a9a9a;
}
.swiper-container .swiper-slide .slide-cont.ending .match-team .team-score .team-line-item {
  background: #fff;
}
.swiper-container .swiper-slide .slide-cont.ending .match-time2 p {
  color: #515151;
}
.swiper-container .swiper-slide .slide-cont.ending .match-time2 .server {
  color: #515151;
}
.swiper-container .swiper-slide .slide-cont.ending .team-1 img,
.swiper-container .swiper-slide .slide-cont.ending .team-2 img {
  filter: grayscale(100%);
}
.swiper-container .swiper-slide .slide-cont.ending .team-1 p,
.swiper-container .swiper-slide .slide-cont.ending .team-2 p {
  color: #515151;
}
.swiper-container .swiper-slide .slide-cont.ending .team-1 .server,
.swiper-container .swiper-slide .slide-cont.ending .team-2 .server {
  color: #515151;
}
.swiper-container .swiper-slide .slide-cont.ending .match-type {
  color: #e63b19;
}
.swiper-container .swiper-slide .slide-cont .match-type {
  display: none;
}
.swiper-container .swiper-slide .slide-cont .match-title {
  display: none;
}
.swiper-container .swiper-slide .slide-cont:hover .match-team .team-score .team-line-item {
  background: #ffffff;
}
.swiper-container .swiper-slide.on,
.swiper-container .swiper-slide:hover {
  margin-top: 0rem;
  height: 100%;
  height: 2.45rem;
  width: 3.24rem;
}
.swiper-container .swiper-slide.on .slide-cont,
.swiper-container .swiper-slide:hover .slide-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2.4rem;
  width: 3.24rem;
  margin-top: 0;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_bg_on_dc7d8866.png) top center no-repeat;
  background-size: 100% 100%;
}
.swiper-container .swiper-slide.on .slide-cont.jqqd p,
.swiper-container .swiper-slide:hover .slide-cont.jqqd p {
  font-size: 0.23rem;
  color: #ffffff;
  margin-top: 1.2rem;
  text-align: center;
  font-weight: bold;
}
.swiper-container .swiper-slide.on .slide-cont .match-time2 p,
.swiper-container .swiper-slide:hover .slide-cont .match-time2 p {
  color: #703333;
}
.swiper-container .swiper-slide.on .slide-cont .match-time2 p.status,
.swiper-container .swiper-slide:hover .slide-cont .match-time2 p.status {
  font-size: 0.17rem;
}
.swiper-container .swiper-slide.on .slide-cont .match-type,
.swiper-container .swiper-slide:hover .slide-cont .match-type {
  display: block;
}
.swiper-container .swiper-slide.on .slide-cont .match-title,
.swiper-container .swiper-slide:hover .slide-cont .match-title {
  display: block;
}
.swiper-container .swiper-slide.on .slide-cont .match-team .team-score .score-txt,
.swiper-container .swiper-slide:hover .slide-cont .match-team .team-score .score-txt {
  color: #fffce9;
}
.swiper-container .swiper-slide.on .slide-cont .match-team .team-score .score-txt.active,
.swiper-container .swiper-slide:hover .slide-cont .match-team .team-score .score-txt.active {
  color: #eeccb0;
}
.swiper-container .swiper-slide.on .slide-cont .team-1 p,
.swiper-container .swiper-slide:hover .slide-cont .team-1 p,
.swiper-container .swiper-slide.on .slide-cont .team-2 p,
.swiper-container .swiper-slide:hover .slide-cont .team-2 p {
  color: #fff;
}
.swiper-container .swiper-slide .match-time {
  width: 90%;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #565f68;
  background-size: cover;
  font-size: 0.2rem;
  position: relative;
  margin: 0 auto;
}
.swiper-container .swiper-slide .match-time::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.06rem;
  top: 0;
  left: 0;
}
.swiper-container .swiper-slide .match-time p {
  margin: 0 0.1rem;
  font-weight: bold;
}
.swiper-container .swiper-slide .match-time p:nth-child(2) {
  margin-top: 0.03rem;
  font-weight: inherit;
  font-size: 0.16rem;
}
.swiper-container .swiper-slide .match-time.match-time1 p {
  color: #324d85;
}
.swiper-container .swiper-slide .match-time.match-time2 p {
  color: #703333;
}
.swiper-container .swiper-slide .match-time.match-time2::after {
  background: transparent;
}
.swiper-container .swiper-slide .match-team {
  width: 100%;
  height: 1rem;
  margin: -0.02rem auto 0;
  display: flex;
  justify-content: center;
}
.swiper-container .swiper-slide .match-team .team-1,
.swiper-container .swiper-slide .match-team .team-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.swiper-container .swiper-slide .match-team .team-1 img,
.swiper-container .swiper-slide .match-team .team-2 img {
  width: 0.6rem;
  height: 0.6rem;
}
.swiper-container .swiper-slide .match-team .team-1 p,
.swiper-container .swiper-slide .match-team .team-2 p {
  color: #703333;
  font-size: 0.14rem;
}
.swiper-container .swiper-slide .match-team .team-1 p.server,
.swiper-container .swiper-slide .match-team .team-2 p.server {
  color: #c2a677;
  min-width: 0.9rem;
  text-align: center;
}
.swiper-container .swiper-slide .match-team .team-score {
  width: 0.85rem;
  height: 0.42rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.13rem;
  font-size: 0.42rem;
}
.swiper-container .swiper-slide .match-team .team-score.hide00 {
  margin-top: 0.3rem;
  width: 0.58rem;
  height: 0.3rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/vs_45518dfa.png) no-repeat;
  background-size: 100% 100%;
}
.swiper-container .swiper-slide .match-team .team-score.hide00 div,
.swiper-container .swiper-slide .match-team .team-score.hide00 p {
  opacity: 0;
  visibility: hidden;
}
.swiper-container .swiper-slide .match-team .team-score .team-line {
  width: 0.06rem;
  height: 0.21rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 0;
}
.swiper-container .swiper-slide .match-team .team-score .team-line-item {
  background: #5f6978;
  width: 0.06rem;
  height: 0.06rem;
}
.swiper-container .swiper-slide .match-team .team-score .score-txt {
  color: #a29393;
  display: flex;
  align-items: center;
  font-size: 0.4rem;
}
.swiper-container .swiper-slide .match-team .team-score .score-txt.active {
  color: #727171;
}
.swiper-container .swiper-slide .match-type,
.swiper-container .swiper-slide .match-type-a {
  width: 1.41rem;
  height: 0.32rem;
  margin: 0.08rem auto;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_type_74b55009.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  text-align: center;
  line-height: 0.32rem;
  color: #a9792c;
  font-size: 0.175rem;
}
.swiper-container .swiper-slide .match-title {
  text-align: center;
  font-size: 0.14rem;
  font-weight: bold;
  margin-top: 0.03rem;
  color: #fff;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  margin-top: -0.14rem;
  width: 0.35rem;
  height: 0.69rem;
  background-image: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png);
  background-size: cover;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_h_4424d0cf.png) no-repeat center / cover;
}
.swiper-button-prev {
  left: -0.05rem !important;
}
.swiper-button-next {
  right: -0.05rem !important;
  transform: scaleX(-1);
}
.match-information {
  width: 14rem;
  margin: 1rem auto 0;
  color: #675e4f;
}
.match-information .match-details {
  width: 100%;
  margin: 0.68rem auto 0;
  display: flex;
  justify-content: space-between;
}
.match-information .match-details .match-live {
  width: 8.36rem;
  user-select: none;
}
.match-information .match-details .live-con {
  width: 100%;
  height: 4.45rem;
  margin: 0.24rem auto 0;
  position: relative;
  border: 0.02rem solid #c8ad7e;
}
.match-information .match-details .live-con .live-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.match-information .match-details .match-new {
  width: 5.07rem;
}
.match-information .match-details .match-new .new-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.match-information .match-details .match-new .new-title .new-more {
  width: 0.76rem;
  height: 0.16rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/more_icon_14a59643.png) no-repeat center / cover;
  transition: all 0.3s ease-in-out;
}
.match-information .match-details .match-new .new-title .new-more:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/more_icon_h_ccd6299a.png) no-repeat center / cover;
}
.match-information .match-details .match-new .new-list {
  width: 100%;
  height: 4.6rem;
  margin: 0.1rem auto 0;
  overflow: hidden;
  font-size: 0.14rem;
}
.match-information .match-details .match-new .new-list-txt {
  max-width: 3.13rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-information .match-details .match-new .new-list li {
  width: 100%;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.01rem solid #cbc9c4;
}
.match-information .match-details .match-new .new-list li:hover {
  color: #c33d17;
}
.match-information .match-details .match-new .new-list a {
  color: #808080;
}
.match-information .match-details .match-new .new-list a:nth-child(1) .new-list-txt {
  max-width: 4.37rem;
}
.match-information .match-details .match-new .new-list .active {
  color: #c33d17;
  border: none;
  height: 0.5rem;
  font-size: 0.22rem;
}
.match-information .match-details .match-new .new-list .active p {
  font-size: 0.22rem;
}
.match-information .match-schedule {
  width: 14.5rem;
  height: 9.2rem;
  margin: 1.05rem auto 0;
}
.match-information .match-schedule .cooperation-tip {
  margin: 2.8rem auto 0;
}
.match-information .match-schedule .schedule-title {
  width: 99%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.match-information .match-schedule .schedule-more {
  width: 4.4rem;
  margin-top: 0.2rem;
  position: relative;
  color: #324d85;
}
.match-information .match-schedule .schedule-more p {
  margin-left: 0.25rem;
  font-size: 0.158rem;
  font-weight: bold;
}
.match-information .match-schedule .schedule-more-btn {
  width: 0.33rem;
  height: 0.37rem;
  margin-right: 0.15rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.match-information .match-schedule .schedule-more-btn img {
  width: 0.12rem;
  height: 0.06rem;
}
.match-information .match-schedule .schedule-more-btn-active {
  transform: rotate(180deg);
}
.match-information .match-schedule .schedule-more .schedule-menu {
  width: 6.6rem;
  display: flex;
  justify-content: space-between;
}
.match-information .match-schedule .schedule-more .schedule-menu li {
  width: 100%;
  height: 0.37rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  font-size: 0.16rem;
  color: #9fa8b9;
  transition: all 0.3s ease-in-out;
}
.match-information .match-schedule .schedule-more .schedule-menu li:hover,
.match-information .match-schedule .schedule-more .schedule-menu li.on {
  color: #aa1c00;
  font-weight: 600;
}
.match-information .match-schedule .schedule-more .schedule-menu-bar {
  width: 6.6rem;
  height: 0.02rem;
  background: #c3c7c9;
  position: relative;
}
.match-information .match-schedule .schedule-more .schedule-menu-bar .bar {
  width: 33.3%;
  height: 100%;
  background: #aa1c00;
  top: -0.01rem;
  left: 0;
  transition: all 0.3s ease-in-out;
  position: absolute;
}
.match-information .match-schedule .schedule-more .schedule-menu-bar.active1 .bar {
  left: 33.3%;
}
.match-information .match-schedule .schedule-more .schedule-menu-bar.active2 .bar {
  left: 66.6%;
}
.match-information .match-schedule .schedule-more .schedule-menu-bar.active3 .bar {
  left: 66.9%;
}
.match-information .match-schedule .schedule-container {
  width: 100%;
  height: 6.97rem;
  margin: 0.3rem auto 0;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  display: none;
}
.match-information .match-schedule .schedule-container .container-lt {
  width: 8.88rem;
  height: 7.08rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_bg2_29a422f6.png) no-repeat center / 100%;
  /*无数据*/
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top {
  width: 8.94rem;
  display: flex;
  justify-content: space-between;
  height: 0.64rem;
  position: relative;
  margin: 0.07rem auto 0;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .swiper-container2 {
  width: 7.8rem;
  height: 0.62rem;
  overflow: hidden;
  position: relative;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .swiper-container2 .swiper-wrapper .swiper-slide {
  cursor: pointer;
  text-align: center;
  color: #888d94;
  font-size: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .swiper-container2 .swiper-wrapper .active,
.match-information .match-schedule .schedule-container .container-lt .schedule-top .swiper-container2 .swiper-wrapper .swiper-slide:hover {
  color: #f9e1b2;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_btn_h_3744b9f7.png) no-repeat;
  background-size: cover;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-prev2,
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-next2 {
  width: 0.36rem;
  height: 0.64rem;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_cf6dc54d.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0.02rem;
  cursor: pointer;
  font-weight: bolder;
  color: #fff;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-prev2:hover,
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-next2:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_h_4424d0cf.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-prev2 {
  right: 0.55rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-prev2.swiper-button-disabled {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_cf6dc54d.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.3;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-prev2.swiper-button-disabled:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_cf6dc54d.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-next2 {
  right: 0.05rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_d496764b.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-next2:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_h_c7eec143.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-next2.swiper-button-disabled {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_d496764b.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.3;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-top .btn-next2.swiper-button-disabled:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_d496764b.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.3;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team {
  width: 9rem;
  max-height: 7.09rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li {
  width: 100%;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li.ending .schedule-team-time p {
  color: #7d7576;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li.ending .macth-type-txt {
  color: #7d7576;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li.on .schedule-team-time p {
  color: #c53e18;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li.on .macth-type-txt {
  color: #c53e18;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li.ready .schedule-team-time p {
  color: #c5745d;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li.ready .macth-type-txt {
  color: #c5745d;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team li::after {
  position: absolute;
  content: "";
  width: 6.8rem;
  height: 0.07rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_team_bg_70687880.png) no-repeat center / cover;
  bottom: 0;
  left: 1.83rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team .macth-type-txt {
  color: #e2c99f;
  font-size: 0.16rem;
  padding: 0 0.3rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team .macth-type-txt.on {
  color: #908f8f;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team .macth-type-txt.on2 {
  color: #c5aa7c;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-time {
  width: 1.65rem;
  height: 0.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-time.active p {
  color: #8f7d44;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-time p {
  color: #727171;
  font-size: 0.135rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-time p:nth-child(2) {
  font-size: 0.38rem;
  font-weight: bold;
  color: #727171;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail {
  width: 5rem;
  margin-left: 0.05rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .detail-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .detail-name {
  flex-shrink: 0;
  width: 0.96rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .detail-name p {
  text-align: center;
  font-size: 0.16rem;
  color: #888d94;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .detail-name p.server {
  color: #c8baa1;
  min-width: 1rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .detail-txt {
  display: block;
  width: 0.34rem;
  height: 0.35rem;
  display: flex;
  font-size: 0.42rem;
  align-items: center;
  justify-content: center;
  color: #7f7676;
  margin: 0 0.08rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .detail-txt.active {
  color: #c53e18;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .team-line {
  width: 0.06rem;
  height: 0.21rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 0;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail .team-line-item {
  background: #727171;
  width: 0.06rem;
  height: 0.06rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-detail p {
  font-size: 0.25rem;
}
.match-information .match-schedule .schedule-container .container-lt .schedule-team-btn {
  width: 0.9rem;
  height: 0.39rem;
  background: #b2a185;
  color: #564231;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.15rem;
  font-weight: bold;
  cursor: pointer;
}
.match-information .match-schedule .schedule-container .container-lr {
  width: 5.54rem;
  height: 7.16rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_bg_63bbcc46.png) no-repeat center / 100% 100%;
}
.match-information .match-schedule .schedule-container .container-lr-title {
  width: 100%;
  height: 0.6rem;
  background: cornflowerblue;
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-information .match-schedule .schedule-container .container-lr-table {
  width: 100%;
  height: 0.7rem;
  margin: 0.72rem auto 0;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
}
.match-information .match-schedule .schedule-container .container-lr-table-th {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2f5f6e;
  font-weight: bold;
}
.match-information .match-schedule .schedule-container .container-lr-table-th:nth-child(1) {
  margin-right: 1.6rem;
  margin-left: 0.4rem;
}
.match-information .match-schedule .schedule-container .container-lr-table-th:nth-child(2) {
  margin-right: 1.15rem;
}
.match-information .match-schedule .schedule-container .container-lr-table-th:nth-child(3) {
  margin-right: 0.26rem;
}
.match-information .match-schedule .schedule-container .container-lr .table-con {
  width: 4.9rem;
  height: 5.59rem;
  margin: 0 auto;
  overflow-y: auto;
}
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_2_scrollbar_vertical,
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_3_scrollbar_vertical,
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_4_scrollbar_vertical,
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_5_scrollbar_vertical {
  margin-right: 0.05rem;
}
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-schedule .schedule-container .container-lr .table-con #mCSB_5_scrollbar_vertical .mCSB_dragger_bar {
  background: #fff;
}
.match-information .match-schedule .schedule-container .container-lr .table-con .mCSB_scrollTools .mCSB_draggerRail {
  background: #dddddd;
}
.match-information .match-schedule .schedule-container .container-lr table {
  width: 4.65rem;
  max-height: 5.69rem;
  overflow: hidden;
  text-align: center;
  border: none;
}
.match-information .match-schedule .schedule-container .container-lr table tr {
  height: 0.8rem;
  font-size: 0.16rem;
  color: #ffe1ae;
  position: relative;
}
.match-information .match-schedule .schedule-container .container-lr table tr::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 5.1rem;
  height: 0.06rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_integral_line1_e03dadd9.png) no-repeat center / 100% 100%;
}
.match-information .match-schedule .schedule-container .container-lr table tr td:nth-child(1) {
  width: 1rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr td:nth-child(2) {
  width: 2.5rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr td:nth-child(3) {
  width: 0.5rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr td:nth-child(4) {
  width: 0.67rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr:nth-last-child(1):after {
  display: none;
}
.match-information .match-schedule .schedule-container .container-lr table tr th,
.match-information .match-schedule .schedule-container .container-lr table tr td {
  border: none;
}
.match-information .match-schedule .schedule-container .container-lr table tr .rank-num {
  width: 0.45rem;
  height: 0.45rem;
  color: #ffffff;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/rank_num_bg2_5bcfd0cb.png) no-repeat center / 100% 100%;
  line-height: 0.45rem;
  margin-left: 0.1rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr .team {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-information .match-schedule .schedule-container .container-lr table tr .team .text {
  width: 1.1rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr .team .text p {
  text-align: center;
  color: #ffffff;
}
.match-information .match-schedule .schedule-container .container-lr table tr .team .text p.server {
  color: #ffe1ae;
  min-width: 1rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr:nth-child(1) .rank-num {
  color: #ffffff;
}
.match-information .match-schedule .schedule-container .container-lr table tr:nth-child(2) .rank-num {
  color: #ffffff;
}
.match-information .match-schedule .schedule-container .container-lr table tr:nth-child(3) .rank-num {
  color: #ffffff;
}
.match-information .match-schedule .schedule-container .container-lr table tr .medal {
  width: 0.22rem;
  height: 0.25rem;
}
.match-information .match-schedule .schedule-container .container-lr table tr .team-logo {
  height: 0.6rem;
  width: 0.6rem;
  margin-right: 0.06rem;
}
.match-information .match-schedule .schedule-con3 {
  width: 100%;
  height: 6.97rem;
  margin: 0.3rem auto 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
.match-information .match-schedule .schedule-con3 .container-lt1 {
  width: 8.93rem;
  height: 7.09rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_bg2_29a422f6.png) no-repeat center / 100%;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top {
  width: 8.94rem;
  display: flex;
  justify-content: space-between;
  height: 0.64rem;
  position: relative;
  margin: 0.07rem auto 0;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .swiper-container5 {
  width: 7.8rem;
  height: 0.62rem;
  overflow: hidden;
  position: relative;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .swiper-container5 .swiper-wrapper .swiper-slide {
  cursor: pointer;
  text-align: center;
  color: #888d94;
  font-size: 0.18rem;
  width: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .swiper-container5 .swiper-wrapper .active,
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .swiper-container5 .swiper-wrapper .swiper-slide:hover {
  color: #f9e1b2;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_btn_h_3744b9f7.png) no-repeat;
  background-size: cover;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-prev5,
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5 {
  width: 0.36rem;
  height: 0.64rem;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_cf6dc54d.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0.02rem;
  cursor: pointer;
  font-weight: bolder;
  color: #fff;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-prev5:hover,
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_h_4424d0cf.png) no-repeat;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-prev5.swiper-button-disabled,
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5.swiper-button-disabled {
  opacity: 0.3;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-prev5.swiper-button-disabled:hover,
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5.swiper-button-disabled:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn_cf6dc54d.png) no-repeat;
  background-size: cover;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-prev5 {
  right: 0.5rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5 {
  right: 0rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_d496764b.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_h_c7eec143.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5.swiper-button-disabled {
  opacity: 0.3;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-top .btn-next5.swiper-button-disabled:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper2_btn2_d496764b.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team {
  width: 9rem;
  max-height: 7.09rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team li {
  width: 100%;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team li::after {
  position: absolute;
  content: "";
  width: 6.8rem;
  height: 0.07rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_team_bg_70687880.png) no-repeat center / cover;
  bottom: 0;
  left: 1.89rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team .macth-type-txt {
  color: #908f8f;
  font-size: 0.16rem;
  padding: 0 0.3rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team .macth-type-txt.on {
  font-weight: bold;
  color: #c5aa7c;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team .macth-type-txt.on2 {
  color: #e2c99f;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-time {
  width: 1.65rem;
  height: 0.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-time.active p {
  color: #8f7d44;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-time p {
  color: #727171;
  font-size: 0.135rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-time p:nth-child(2) {
  font-size: 0.38rem;
  font-weight: bold;
  color: #727171;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail {
  width: 5rem;
  margin-left: -0.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .detail-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .detail-name {
  flex-shrink: 0;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .detail-name p {
  text-align: center;
  font-size: 0.16rem;
  color: #888d94;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .detail-name p.server {
  color: #c8baa1;
  min-width: 1rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .detail-txt {
  display: block;
  width: 0.34rem;
  height: 0.35rem;
  display: flex;
  font-size: 0.42rem;
  align-items: center;
  justify-content: center;
  color: #727171;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .detail-txt.active {
  color: #c2a677;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .team-line {
  width: 0.06rem;
  height: 0.21rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 0;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail .team-line-item {
  background: #727171;
  width: 0.06rem;
  height: 0.06rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-detail p {
  font-size: 0.25rem;
}
.match-information .match-schedule .schedule-con3 .container-lt1 .schedule-team-btn {
  width: 0.9rem;
  height: 0.39rem;
  background: #b2a185;
  color: #564231;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.15rem;
  font-weight: bold;
  cursor: pointer;
}
.match-information .match-schedule .schedule-con3 .container-lr1 {
  width: 5.24rem;
  height: 7.12rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/schedule_bg_63bbcc46.png) no-repeat center / 100% 100%;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .container-lr-title {
  width: 100%;
  height: 0.6rem;
  background: cornflowerblue;
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .container-lr-table {
  width: 100%;
  height: 0.55rem;
  margin: 0.8rem auto 0;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .container-lr-table .container-lr-table-th {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #2f5f6e;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .container-lr-table .container-lr-table-th:nth-child(1) {
  margin-right: 1.6rem;
  margin-left: 0.4rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .container-lr-table .container-lr-table-th:nth-child(2) {
  margin-right: 1.15rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .container-lr-table .container-lr-table-th:nth-child(3) {
  margin-right: 0.26rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con {
  width: 4.9rem;
  height: 5.69rem;
  overflow-y: auto;
  margin-left: 0.22rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_2_scrollbar_vertical,
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_3_scrollbar_vertical,
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_4_scrollbar_vertical,
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_5_scrollbar_vertical {
  margin-right: 0.05rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con #mCSB_5_scrollbar_vertical .mCSB_dragger_bar {
  background: #fff;
}
.match-information .match-schedule .schedule-con3 .container-lr1 .table-con .mCSB_scrollTools .mCSB_draggerRail {
  background: #dddddd;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table {
  width: 4.65rem;
  max-height: 5.69rem;
  overflow: hidden;
  text-align: center;
  border: none;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr {
  height: 0.8rem;
  font-size: 0.16rem;
  color: #ffe1ae;
  position: relative;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 5.1rem;
  height: 0.06rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_integral_line1_e03dadd9.png) no-repeat center / 100% 100%;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr td:nth-child(1) {
  width: 1rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr td:nth-child(2) {
  width: 2.5rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr td:nth-child(3) {
  width: 0.5rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr td:nth-child(4) {
  width: 0.67rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr:nth-last-child(1):after {
  display: none;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr th,
.match-information .match-schedule .schedule-con3 .container-lr1 table tr td {
  border: none;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr .rank-num {
  width: 0.45rem;
  height: 0.45rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/rank_num_bg2_5bcfd0cb.png) no-repeat center / 100% 100%;
  line-height: 0.45rem;
  margin-left: 0.1rem;
  color: #dcb369;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr .team {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr .team .text p {
  text-align: center;
  color: #fff;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr .team .text p.server {
  color: #ffe1ae;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr .medal {
  width: 0.22rem;
  height: 0.25rem;
}
.match-information .match-schedule .schedule-con3 .container-lr1 table tr .team-logo {
  height: 0.6rem;
  width: 0.6rem;
  margin-right: 0.06rem;
}
.match-information .match-schedule .schedule-con2 {
  position: relative;
  margin: 0.3rem auto 0;
  width: 14.06rem;
  height: 8.28rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/match_bg2-final_911cd268.png) center / 100% 100% no-repeat;
  display: block;
}
.match-information .match-schedule .schedule-con2 .time {
  position: relative;
  width: 100%;
  height: 100%;
}
.match-information .match-schedule .schedule-con2 .time p {
  color: #9d9e9d;
  font-weight: 700;
  position: absolute;
}
.match-information .match-schedule .schedule-con2 .time .t1 {
  top: 2rem;
}
.match-information .match-schedule .schedule-con2 .time .t2 {
  top: 3.2rem;
  left: 2.1rem;
}
.match-information .match-schedule .schedule-con2 .time .t3 {
  top: 2.1rem;
  left: 4.2rem;
}
.match-information .match-schedule .schedule-con2 .time .t4 {
  top: 2.1rem;
  left: 8.7rem;
}
.match-information .match-schedule .schedule-con2 .time .t5 {
  top: 3.2rem;
  left: 10.7rem;
}
.match-information .match-schedule .schedule-con2 .time .t6 {
  top: 2rem;
  left: 12.7rem;
}
.match-information .match-schedule .schedule-con2 .time .t7 {
  top: 7.2rem;
  left: 2.3rem;
}
.match-information .match-schedule .schedule-con2 .time .t8 {
  top: 7.2rem;
  left: 10.5rem;
}
.match-information .match-schedule .schedule-con2 .cooperation-tip {
  position: absolute;
  margin: 0;
  top: 4.5rem;
  left: 50%;
  margin-left: -2rem;
}
.match-information .match-schedule .schedule-con2 .item {
  position: absolute;
  width: 1rem;
  height: 1.5rem;
}
.match-information .match-schedule .schedule-con2 .item img {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.08rem;
}
.match-information .match-schedule .schedule-con2 .item p {
  width: 1rem;
  height: 0.2rem;
  line-height: 0.2rem;
  text-align: center;
  font-size: 0.16rem;
  color: #727171;
}
.match-information .match-schedule .schedule-con2 .item.win p {
  color: #a37225;
}
.match-information .match-schedule .schedule-con2 .item1 {
  top: 0.1rem;
  left: 0.05rem;
}
.match-information .match-schedule .schedule-con2 .item2 {
  top: 2.48rem;
  left: 0.05rem;
}
.match-information .match-schedule .schedule-con2 .item3 {
  top: 1.3rem;
  left: 2.15rem;
}
.match-information .match-schedule .schedule-con2 .item4 {
  top: 3.7rem;
  left: 2.15rem;
}
.match-information .match-schedule .schedule-con2 .item5 {
  top: 2.54rem;
  left: 4.2rem;
}
.match-information .match-schedule .schedule-con2 .item6 {
  top: 2.53rem;
  right: 4.24rem;
}
.match-information .match-schedule .schedule-con2 .item7 {
  top: 1.4rem;
  right: 2.18rem;
}
.match-information .match-schedule .schedule-con2 .item8 {
  top: 3.65rem;
  right: 2.18rem;
}
.match-information .match-schedule .schedule-con2 .item9 {
  top: 0.1rem;
  right: 0.09rem;
}
.match-information .match-schedule .schedule-con2 .item10 {
  top: 2.48rem;
  right: 0.09rem;
}
.match-information .match-schedule .schedule-con2 .item11 {
  top: 6.44rem;
  left: 0.15rem;
}
.match-information .match-schedule .schedule-con2 .item12 {
  top: 6.44rem;
  left: 4.87rem;
}
.match-information .match-schedule .schedule-con2 .item13 {
  top: 6.44rem;
  right: 4.81rem;
}
.match-information .match-schedule .schedule-con2 .item14 {
  top: 6.44rem;
  right: 0.1rem;
}
.match-information .match-schedule .schedule-con2 .champion {
  top: 2.4rem;
  left: 6.53rem;
}
.match-information .match-schedule .schedule-con2 .champion p {
  color: #a37225;
  font-size: 0.24rem;
  text-align: center;
}
.match-information .match-schedule .schedule-con2 .champion p.server {
  width: 1.47rem;
  color: #c1bbb0;
  margin-top: 0.05rem;
  margin-left: -0.2rem;
}
.match-information .match-ranking {
  width: 14rem;
  margin: 1.4rem auto 0;
  font-size: 0.16rem;
  color: #727171;
  position: relative;
  user-select: none;
}
.match-information .match-ranking .cooperation-tip {
  margin: 1.5rem 0 0 0.9rem;
}
.match-information .match-ranking::before {
  position: absolute;
  content: "";
  width: 14.86rem;
  height: 6.96rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/ranking_bg_b3d7f20d.png) no-repeat center / cover;
  bottom: -1.35rem;
  left: 0rem;
}
.match-information .match-ranking .ranking-container {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 4.16rem;
  display: flex;
  margin-top: 0.34rem;
}
.match-information .match-ranking .ranking-container .ranking-lt,
.match-information .match-ranking .ranking-container .ranking-lr {
  width: 5.19rem;
  height: 100%;
}
.match-information .match-ranking .ranking-container .ranking-lt-title,
.match-information .match-ranking .ranking-container .ranking-lr-title {
  width: 100%;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-information .match-ranking .ranking-container .ranking-lt-title img,
.match-information .match-ranking .ranking-container .ranking-lr-title img {
  width: 1.55rem;
  height: 0.28rem;
}
.match-information .match-ranking .ranking-container .ranking-lt-title .lt-title,
.match-information .match-ranking .ranking-container .ranking-lr-title .lt-title {
  width: 3.11rem;
  height: 0.28rem;
}
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container {
  width: 5.07rem;
  height: 3.66rem;
  overflow-y: auto;
  margin: 0 auto;
}
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_2_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_2_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_2_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_2_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_3_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_3_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_3_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_3_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_4_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_4_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_4_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_4_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_5_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_5_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_5_scrollbar_vertical,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_5_scrollbar_vertical {
  margin-right: 0.05rem;
}
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container #mCSB_5_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container #mCSB_5_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container #mCSB_5_scrollbar_vertical .mCSB_dragger_bar,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container #mCSB_5_scrollbar_vertical .mCSB_dragger_bar {
  background: #d9c69e;
}
.match-information .match-ranking .ranking-container .ranking-lt .lt-table-container .mCSB_scrollTools .mCSB_draggerRail,
.match-information .match-ranking .ranking-container .ranking-lr .lt-table-container .mCSB_scrollTools .mCSB_draggerRail,
.match-information .match-ranking .ranking-container .ranking-lt .lr-table-container .mCSB_scrollTools .mCSB_draggerRail,
.match-information .match-ranking .ranking-container .ranking-lr .lr-table-container .mCSB_scrollTools .mCSB_draggerRail {
  background: #c6ccd7;
}
.match-information .match-ranking .ranking-container .ranking-lt-table,
.match-information .match-ranking .ranking-container .ranking-lr-table {
  width: 3.98rem;
  height: 0.71rem;
  margin-left: 0.85rem;
  display: flex;
  justify-content: space-between;
  background-size: cover;
  position: relative;
}
.match-information .match-ranking .ranking-container .ranking-lt-table::after,
.match-information .match-ranking .ranking-container .ranking-lr-table::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.05rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_integral_line2_713f2979.png) no-repeat center / cover;
  bottom: 0;
  left: 0;
}
.match-information .match-ranking .ranking-container .ranking-lt-table span,
.match-information .match-ranking .ranking-container .ranking-lr-table span {
  display: inline-block;
  color: #d3b47c;
  width: 0.45rem;
  height: 0.45rem;
  line-height: 0.45rem;
  text-align: center;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/rank_num_bg2_5bcfd0cb.png) no-repeat center / cover;
}
.match-information .match-ranking .ranking-container .ranking-lt-table:nth-last-child(1):after,
.match-information .match-ranking .ranking-container .ranking-lr-table:nth-last-child(1):after {
  display: none;
}
.match-information .match-ranking .ranking-container .ranking-lt-table .lt-table-item,
.match-information .match-ranking .ranking-container .ranking-lr-table .lt-table-item {
  width: 100%;
  height: 100%;
  color: #c53e18;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.match-information .match-ranking .ranking-container .ranking-lt-table .lt-table-item img,
.match-information .match-ranking .ranking-container .ranking-lr-table .lt-table-item img {
  width: 0.5rem;
}
.match-information .match-ranking .ranking-container .ranking-lt-table .lt-table-item .text,
.match-information .match-ranking .ranking-container .ranking-lr-table .lt-table-item .text {
  width: 0.7rem;
}
.match-information .match-ranking .ranking-container .ranking-lt-table .lt-table-item .text p,
.match-information .match-ranking .ranking-container .ranking-lr-table .lt-table-item .text p {
  text-align: center;
  color: #888d94;
  font-size: 0.15rem;
  min-width: 0.9rem;
}
.match-information .match-ranking .ranking-container .ranking-lt-table .lt-table-item .text p.server,
.match-information .match-ranking .ranking-container .ranking-lr-table .lt-table-item .text p.server {
  color: #c5a55d;
  text-align: center;
}
.match-information .match-ranking .ranking-container .ranking-lt-table:nth-child(1) .lt-table-item:nth-child(3),
.match-information .match-ranking .ranking-container .ranking-lr-table:nth-child(1) .lt-table-item:nth-child(3) {
  color: #c53e18;
}
.match-information .match-ranking .ranking-container .ranking-lt-table:nth-child(2) .lt-table-item:nth-child(1),
.match-information .match-ranking .ranking-container .ranking-lr-table:nth-child(2) .lt-table-item:nth-child(1) {
  color: #2c5884;
}
.match-information .match-ranking .ranking-container .ranking-lt-table:nth-child(3) .lt-table-item:nth-child(1),
.match-information .match-ranking .ranking-container .ranking-lr-table:nth-child(3) .lt-table-item:nth-child(1) {
  color: #86521a;
}
.match-information .match-ranking .ranking-container .ranking-lt .ranking-lt-table-title,
.match-information .match-ranking .ranking-container .ranking-lr .ranking-lt-table-title {
  width: 3.98rem;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  background-size: cover;
  margin-left: 0.9rem;
  position: relative;
}
.match-information .match-ranking .ranking-container .ranking-lt .ranking-lt-table-title::after,
.match-information .match-ranking .ranking-container .ranking-lr .ranking-lt-table-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.05rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_integral_line2_713f2979.png) no-repeat center / cover;
  bottom: 0;
  left: 0;
}
.match-information .match-ranking .ranking-container .ranking-lt .ranking-lt-table-title .lt-table-item,
.match-information .match-ranking .ranking-container .ranking-lr .ranking-lt-table-title .lt-table-item {
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #c53e18;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.match-information .introduce {
  position: relative;
  width: 100%;
  height: 9rem;
  margin: 1.4rem auto 0;
}
.match-information .introduce .cooperation-tip {
  margin: 3.7rem auto;
}
.match-information .introduce .introduce-team {
  position: relative;
  width: 11.5rem;
  height: 1.7rem;
  margin: 0.3rem auto;
  overflow: hidden;
}
.match-information .introduce .introduce-team .introduce-team-item {
  width: 1.33rem;
  height: 1.7rem;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.match-information .introduce .introduce-team .introduce-team-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.48rem;
  height: 1.34rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/introduce-team-bg_c7fbd0cd.png) top center no-repeat;
  background-size: 100% 100%;
}
.match-information .introduce .introduce-team .introduce-team-item img {
  width: auto;
  height: 1.15rem;
  z-index: 7;
  display: block;
  margin: 0.05rem auto 0;
  margin-left: 0.18rem;
}
.match-information .introduce .introduce-team .introduce-team-item span {
  display: inline-block;
  font-size: 0.2rem;
  color: #888d94;
  margin-top: 0.08rem;
  position: absolute;
  bottom: 0.05rem;
  left: 0.34rem;
}
.match-information .introduce .introduce-team .introduce-team-item.short span {
  left: 0.45rem;
}
.match-information .introduce .introduce-team .introduce-team-item.short:hover span,
.match-information .introduce .introduce-team .introduce-team-item.short.active span {
  left: 0.45rem;
}
.match-information .introduce .introduce-team .introduce-team-item:hover::before,
.match-information .introduce .introduce-team .introduce-team-item.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.48rem;
  height: 1.34rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/introduce-team-bg-h_c49760fa.png) top center no-repeat;
  background-size: 100% 100%;
}
.match-information .introduce .introduce-team .introduce-team-item:hover span,
.match-information .introduce .introduce-team .introduce-team-item.active span {
  position: absolute;
  bottom: 0.1rem;
  color: #c4a26c;
  margin-top: 0.05rem;
  bottom: 0.05rem;
  left: 0.34rem;
}
.match-information .introduce .introduce-team .introduce-team-item .introduce-team-img {
  width: 1.02rem;
  height: 1.02rem;
  border-radius: 50%;
  margin-top: 0.4rem;
}
.match-information .introduce .introduce-team .introduce-team-item .introduce-team-img img {
  width: 100%;
  height: 100%;
}
.match-information .introduce .introduce-team .introduce-team-item p {
  font-size: 0.168rem;
  color: #fff;
  text-align: center;
  margin-top: 0.1rem;
  font-weight: bold;
  text-shadow: 0.01rem 0.01rem 0.01rem #3b3a3a;
}
.match-information .introduce .swiper4-btn-prev,
.match-information .introduce .swiper4-btn-next {
  width: 0.35rem;
  height: 0.63rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png) no-repeat center / cover;
  position: absolute;
  top: 1.5rem;
  cursor: pointer;
}
.match-information .introduce .swiper4-btn-prev:hover,
.match-information .introduce .swiper4-btn-next:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_h_4424d0cf.png) no-repeat center / cover;
}
.match-information .introduce .swiper4-btn-prev {
  left: 0.8rem;
}
.match-information .introduce .swiper4-btn-next {
  transform: scaleX(-1);
  right: 0.8rem;
}
.match-information .introduce .swiper-button-disabled {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png) no-repeat center / cover;
  opacity: 0.3;
}
.match-information .introduce .swiper-button-disabled:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png) no-repeat center / cover;
}
.match-information .introduce-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 6.13rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_con_bg1_89e58e1d.png) no-repeat center / cover;
}
.match-information .introduce-container.hide {
  display: none;
}
.match-information .introduce-member {
  width: 8.5rem;
  height: 6.13rem;
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
}
.match-information .introduce-member .cooperation-tip {
  margin: 2.85rem auto 0;
}
.match-information .introduce-member .team-logo {
  width: 1.78rem;
  height: 1.66rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_logo_bg_b1b3c94b.png) no-repeat center / cover;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0rem 0.19rem 0 0.15rem;
  font-size: 0.5rem;
  font-weight: bold;
}
.match-information .introduce-member .team-logo img {
  width: 1.5rem;
}
.match-information .introduce-member-title {
  width: 8.14rem;
  font-size: 0.173rem;
  color: #565f68;
}
.match-information .introduce-member-title .cooperation-tip {
  margin: 0.3rem auto 0;
}
.match-information .introduce-member-title .member-manager,
.match-information .introduce-member-title .member-command {
  background-size: cover;
  margin-top: 0.2rem;
}
.match-information .introduce-member-title .member-command {
  margin-top: 0.15rem;
  padding-left: 2.2rem;
}
.match-information .introduce-member-title .member-name {
  height: 100%;
  background-size: cover;
  padding-left: 2.2rem;
  font-weight: bold;
  font-size: 0.24rem;
  margin-top: 0.2rem;
  position: relative;
}
.match-information .introduce-member-title .member-name::after {
  position: absolute;
  content: "";
  width: 0.14rem;
  height: 0.07rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_name_icon_71c578b4.png) no-repeat center / cover;
  left: 2rem;
  top: 0.13rem;
}
.match-information .introduce-member .member-img {
  width: 8.1rem;
  height: 4.05rem;
  position: absolute;
  top: 1.84rem;
  left: 0.15rem;
  display: flex;
  justify-content: space-between;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/hover_119cfd28.png) no-repeat;
  background-size: 0 100%;
  transition: all 0.5s ease-in-out;
}
.match-information .introduce-member .member-img-item {
  width: 1.52rem;
  height: 100%;
  position: relative;
}
.match-information .introduce-member .member-img-item .member-role {
  width: 100%;
  height: 100%;
}
.match-information .introduce-member .member-img-item .member-role-name {
  width: 1.46rem;
  height: 0.5rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/member_name_bg_f364dee9.png) no-repeat;
  background-size: cover;
  bottom: 0.22rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  font-size: 0.16rem;
  color: #fffdda;
  text-align: center;
  line-height: 0.5rem;
  font-weight: bold;
}
.match-information .introduce-member .active {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/hover_119cfd28.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .introduce .team-history {
  width: 5.9rem;
  height: 6.13rem;
}
.match-information .introduce .team-history .history-container {
  width: 5.5rem;
  height: 6.13rem;
  background-size: cover;
  overflow: hidden;
}
.match-information .introduce .team-history .history-title {
  width: 5.25rem;
  height: 0.52rem;
  margin: 0.78rem auto 0;
  display: flex;
  align-items: center;
  position: relative;
}
.match-information .introduce .team-history .history-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.06rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_integral_line1_e03dadd9.png) no-repeat center / cover;
  bottom: 0;
  left: 0;
}
.match-information .introduce .team-history .history-title p {
  font-size: 0.16rem;
  color: #864846;
  font-weight: bold;
}
.match-information .introduce .team-history .history-title p:nth-of-type(2) {
  margin-left: 2.35rem;
}
.match-information .introduce .team-history .history-list {
  width: 100%;
  height: 4.5rem;
  color: #ad8951;
}
.match-information .introduce .team-history .history-list p {
  color: #ffe1ae;
}
.match-information .introduce .team-history .history-list-item {
  width: 100%;
  height: 0.94rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-left: 0.1rem;
}
.match-information .introduce .team-history .history-list-item.hide00 .team-score {
  width: 0.44rem !important;
  height: 0.24rem !important;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/vs1_5538e0c7.png) no-repeat;
  background-size: 100% 100%;
}
.match-information .introduce .team-history .history-list-item.hide00 .team-score p,
.match-information .introduce .team-history .history-list-item.hide00 .team-score div {
  opacity: 0;
  visibility: hidden;
}
.match-information .introduce .team-history .history-list-item::after {
  position: absolute;
  content: "";
  width: 5.1rem;
  height: 0.06rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/team_integral_line1_e03dadd9.png) no-repeat center / 100% 100%;
  bottom: 0;
  left: 0;
}
.match-information .introduce .team-history .history-list-item .list-item-team {
  width: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.match-information .introduce .team-history .history-list-item .list-item-team p {
  color: #f5d596;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-1,
.match-information .introduce .team-history .history-list-item .list-item-team .team-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-1 img,
.match-information .introduce .team-history .history-list-item .list-item-team .team-2 img {
  width: 0.6rem;
  height: 0.6rem;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-1 .text,
.match-information .introduce .team-history .history-list-item .list-item-team .team-2 .text {
  width: 1.1rem;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-1 .text p,
.match-information .introduce .team-history .history-list-item .list-item-team .team-2 .text p {
  text-align: center;
  color: #ffffff;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-1 .text p.server,
.match-information .introduce .team-history .history-list-item .list-item-team .team-2 .text p.server {
  color: #fcd6a4;
  min-width: 0.9rem;
  text-align: center;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-score {
  width: 0.8rem;
  height: 0.47rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.38rem;
  color: #727171;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-score .score-txt {
  display: flex;
  width: 0.3rem;
  height: 0.37rem;
  align-items: center;
  justify-content: center;
  padding-top: 0.05rem;
  color: #eeccb0;
  font-size: 0.3rem;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-score .score-txt.active {
  color: #ffffff;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-score .team-line {
  width: 0.06rem;
  height: 0.21rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 0;
  margin-top: 0.05rem;
}
.match-information .introduce .team-history .history-list-item .list-item-team .team-score .team-line-item {
  background: #fefeff;
  width: 0.06rem;
  height: 0.06rem;
}
.match-information .introduce .team-history .history-list .mCSB_draggerRail {
  background: #dddddd;
}
.match-information .introduce .team-history .history-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #d9c69e;
}
.match-information .introduce .team-history .history-list .cooperation-tip {
  margin: 1.5rem auto 0;
  padding: 0;
}
.match-information .btn-rule {
  display: block;
  margin: 0.5rem auto;
  width: 3.66rem;
  height: 1.04rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/btn_rule_83bafc15.png) center no-repeat;
  background-size: 100% 100%;
}
.match-information .btn-rule:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/btn_rule_h_fc414ee3.png) center no-repeat;
  background-size: 100% 100%;
}
.match-information .video {
  width: 100%;
  margin: 0.8rem auto 0;
}
.match-information .video .cooperation-tip {
  margin: 0;
}
.match-information .video-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.match-information .video-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: 0.3rem;
}
.match-information .video-nav-item {
  width: 2.79rem;
  height: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.2rem;
  color: #cba569;
  position: relative;
  cursor: pointer;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/video_nav_2200ef31.png) no-repeat center / 100% 100%;
}
.match-information .video-nav .active.video-nav-item,
.match-information .video-nav-item:hover.video-nav-item {
  color: #fff;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/video_nav_h_3a927326.png) no-repeat center / 100% 100%;
}
.match-information .video-bar {
  width: 100%;
  height: 3.5rem;
  margin-top: 0.15rem;
  overflow: hidden;
}
.match-information .video-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.match-information .video-container .video-item {
  width: 2.7rem;
  height: 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
  margin: 0.05rem;
}
.match-information .video-container .video-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.match-information .video-container .video-item .video-img {
  width: 2.7rem;
  height: 1.5rem;
  overflow: hidden;
}
.match-information .video-container .video-item .video-img img {
  width: 100%;
  height: 100%;
  transition: all 0.2s linear;
}
.match-information .video-container .video-item .video-txt {
  width: 100%;
  height: 0.26rem;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 0.06rem;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  bottom: 0;
}
.match-information .video-container .video-item .video-txt p {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.15rem;
  line-height: 0.26rem;
  color: #fff;
}
.match-information .video-container .video-item:hover::after {
  opacity: 0;
}
.match-information .video-container .video-item:hover .video-img img {
  transform: scale(1.1);
}
.match-information .video #pager {
  margin-top: 0.2rem;
  text-align: center;
  height: 0.29rem;
}
.match-information .video #pager a {
  display: inline-block;
  font-size: 0.14rem;
  cursor: pointer;
  width: 0.32rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background-color: transparent;
  margin: 0 0.05rem;
  color: #999ca2;
  text-decoration: none;
  border: 0.01rem solid #d8b473;
}
.match-information .video #pager a.cur,
.match-information .video #pager a:hover {
  background-color: #ec5224;
  color: #ffffff;
}
.match-information .video #pager a.front-page,
.match-information .video #pager a.end-page {
  width: 0.8rem;
}
.match-information .video #pager a.disabled {
  color: #d8b473;
}
.match-information .video #pager span {
  margin: 0 0.05rem;
}
.match-information .video-pages {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  user-select: none;
}
.match-information .video-pages .pages-prev,
.match-information .video-pages .pages-next {
  height: 0.3rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.01rem solid #000;
  cursor: pointer;
}
.match-information .video-pages .pages-btn-con {
  display: flex;
}
.match-information .video-pages .pages-btn-con .pages-btn-item {
  cursor: pointer;
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.01rem solid #000;
  margin: 0 0.03rem;
}
.match-information .video-pages .pages-btn-con .pages-btn-item.active {
  border-color: #ee6150;
}
.match-information .video-pages .pages-btn-con .pages-btn-more1,
.match-information .video-pages .pages-btn-con .pages-btn-more2 {
  width: 0.3rem;
  height: 0.3rem;
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0 0.03rem;
}
.match-information .video-pages .pages-btn-con .pages-btn-more1.show,
.match-information .video-pages .pages-btn-con .pages-btn-more2.show {
  display: flex;
}
.match-information .commentary {
  width: 100%;
  margin: 0.1rem auto 0;
  clear: both;
  user-select: none;
}
.match-information .commentary-container {
  width: 100%;
  margin: 0.45rem auto 0;
  position: relative;
}
.match-information .commentary-container .swiper-container3 {
  width: 12.25rem;
  height: 2.65rem;
  margin: 0 auto;
  overflow: hidden;
}
.match-information .commentary-container .swiper-container3 .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.match-information .commentary-container .swiper-container3 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center;
}
.match-information .commentary-container .swiper-container3 .swiper-wrapper .swiper-slide img {
  width: 2.09rem;
  height: 212;
}
.match-information .commentary-container .swiper-container3 .swiper-wrapper .swiper-slide p {
  color: #888d94;
  font-size: 0.22rem;
  margin-top: 0.2rem;
}
.match-information .commentary-container .swiper3-btn-prev,
.match-information .commentary-container .swiper3-btn-next {
  width: 0.35rem;
  height: 0.63rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png) no-repeat center / cover;
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.match-information .commentary-container .swiper3-btn-prev:hover,
.match-information .commentary-container .swiper3-btn-next:hover {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_h_4424d0cf.png) no-repeat center / cover;
}
.match-information .commentary-container .swiper3-btn-prev {
  left: 0rem;
  margin-top: -0.55rem;
}
.match-information .commentary-container .swiper3-btn-next {
  transform: scaleX(-1);
  margin-top: -0.55rem;
  right: 0rem;
}
.match-information .commentary-container .swiper-button-disabled {
  opacity: 0.3;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png) no-repeat center / cover;
}
.match-information .commentary-container .swiper-button-disabled:hover {
  opacity: 0.3;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/swiper_btn_cf6dc54d.png) no-repeat center / cover;
}
.match-information .commentary-container .commentary-item {
  width: 1.61rem;
  height: 1.74rem;
  margin: 0.3rem 0.06rem;
}
.match-information .commentary-container .commentary-item-bg {
  width: 1.61rem;
  height: 1.44rem;
  background-size: cover;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.match-information .commentary-container .commentary-item-img {
  width: 1.13rem;
  height: 1.13rem;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0.11rem;
}
.match-information .commentary-container .commentary-item-img img {
  width: 100%;
  height: 100%;
}
.match-information .commentary-container .commentary-item p {
  text-align: center;
  font-size: 0.18rem;
  margin-top: 0.1rem;
  display: block;
}
.match-information .cooperation {
  width: 14rem;
  margin: 1rem auto 0;
  overflow: hidden;
  user-select: none;
  min-height: 3.2rem;
}
.match-information .cooperation-container {
  width: 13.9rem;
  margin: 0.1rem auto 0;
  display: flex;
  flex-wrap: wrap;
}
.match-information .cooperation-container .cooperation-item {
  width: 2.7rem;
  height: 1rem;
  margin-top: 0.2rem;
  margin-right: 0.1rem;
}
.match-information .cooperation-container .cooperation-item:nth-child(5n) {
  margin-right: 0;
}
.match-information .honor {
  margin-top: 2.1rem;
  height: 8.67rem;
}
.match-information .contact {
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  margin: 0.59rem auto;
}
.title.title2 {
  margin-top: -0.2rem;
  margin-left: -0.4rem;
}
.title img {
  user-select: none;
  width: 3.92rem;
  height: 0.68rem;
  margin-left: -0.5rem;
}
#mCSB_1_container,
#mCSB_4_container {
  margin-right: 0.1rem;
}
#mCSB_1_scrollbar_vertical {
  width: 0.04rem;
  background: #d5d5d5;
}
#mCSB_1_scrollbar_vertical .mCSB_draggerRail {
  width: 0.04rem;
  background: #d5d5d5;
}
#mCSB_1_scrollbar_vertical .mCSB_dragger_bar {
  background: #dbc89f;
}
#mCSB_2_container,
#mCSB_3_container {
  margin-right: 0rem;
}
#mCSB_2_scrollbar_vertical,
#mCSB_3_scrollbar_vertical,
#mCSB_4_scrollbar_vertical {
  width: 0.04rem;
  background: #dddddd;
}
#mCSB_2_scrollbar_vertical .mCSB_draggerRail,
#mCSB_3_scrollbar_vertical .mCSB_draggerRail,
#mCSB_4_scrollbar_vertical .mCSB_draggerRail {
  width: 0.04rem;
  background: #dddddd;
}
#mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
#mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
#mCSB_4_scrollbar_vertical .mCSB_dragger_bar {
  background: #b2a185;
}
.cooperation-tip {
  margin: 1.5rem auto 0;
  width: 3.99rem;
  height: 0.52rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/tips_jqqd_a76e5abc.png) no-repeat;
  background-size: 100% 100%;
}
.lt-nav {
  width: 2rem;
  height: 4.92rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/lt_pop_bg_a4876f2c.png) no-repeat center / 100% 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -2.46rem;
  margin-left: -49%;
  z-index: 99;
  transition: all 0.5s linear;
}
.lt-nav-btn {
  width: 0.32rem;
  height: 0.74rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_close2_5852c2eb.png) no-repeat center / cover;
  position: absolute;
  right: -0.26rem;
  top: 0.06rem;
  cursor: pointer;
  display: none;
}
.lt-nav.show .lt-nav-btn {
  display: block;
}
.lt-nav.lt-nav-close {
  left: -1.96rem !important;
  margin-left: 0 !important;
}
.lt-nav.lt-nav-close .lt-nav-btn {
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/nav_show2_c04d46e7.png) no-repeat center / cover;
}
.lt-nav .lt-nav-con {
  width: 1.7rem;
  height: 4.1rem;
  margin: 0.7rem auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.lt-nav .lt-nav-con #NIE-art .artTitle,
.lt-nav .lt-nav-con #NIE-art .artTips,
.lt-nav .lt-nav-con #NIE-art .artInfo {
  display: none;
}
.lt-nav .lt-nav-con #NIE-art .artText p,
.lt-nav .lt-nav-con #NIE-art .artText h2,
.lt-nav .lt-nav-con #NIE-art .artText h3 {
  font-size: 0.16rem;
  color: #727171;
  line-height: 0.3rem;
}
.lt-nav .lt-nav-con #NIE-art .artText h2 {
  color: #626d99;
  position: relative;
}
.lt-nav .lt-nav-con #NIE-art .artText h2::after {
  position: absolute;
  content: "";
  width: 1.59rem;
  height: 0.05rem;
  background: url(https://dhxy.res.netease.com/pc/zt/20250614225350/img/lt_pop_line_86a45ce8.png) no-repeat center / cover;
  bottom: -0.025rem;
  left: 50%;
  transform: translateX(-50%);
}
.lt-nav .lt-nav-con #mCSB_1_container,
.lt-nav .lt-nav-con #mCSB_4_container {
  margin-right: 0.05rem;
}
.lt-nav .lt-nav-con #mCSB_2_scrollbar_vertical,
.lt-nav .lt-nav-con #mCSB_3_scrollbar_vertical,
.lt-nav .lt-nav-con #mCSB_4_scrollbar_vertical,
.lt-nav .lt-nav-con #mCSB_5_scrollbar_vertical {
  width: 0.02rem;
  color: #ebe8e8;
}
.lt-nav .lt-nav-con #mCSB_2_scrollbar_vertical .mCSB_dragger_bar,
.lt-nav .lt-nav-con #mCSB_3_scrollbar_vertical .mCSB_dragger_bar,
.lt-nav .lt-nav-con #mCSB_4_scrollbar_vertical .mCSB_dragger_bar,
.lt-nav .lt-nav-con #mCSB_5_scrollbar_vertical .mCSB_dragger_bar {
  background: #e5c89f;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

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

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		/* background-image: url(mCSB_buttons.png); css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */