/* stylelint-disable property-no-vendor-prefix */

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
/*
     * Off Canvas
     * --------------------------------------------------
     */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
.correlation-encyclopedia-issue .correlation-content .content-title {
  width: 100% !important;
}
.correlation-encyclopedia-issue {
  margin-top: 0 !important;
}

/* 中间标签 */
.label-content {
  margin-top: 20px;
  background: var(--background-primary);
  border-radius: 10px;
  padding: 20px 20px 5px;
  padding-right: 0;
}

.label-content .rule-item {
  padding: 15px;
  margin-left: -15px;
  background: #FFFFFF;
  box-shadow: 0px 0px 9px 0px rgba(225,225,225,0.39);
  border-radius: 8px;
  margin-bottom: 15px;
}

.label-content[data-ballType] .rule-item {
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 82px 51px;
}

.label-content[data-ballType='1'] .rule-item {
  background-image: url(../images/rule/football.png);
}

.label-content[data-ballType='2'] .rule-item {
  background-image: url(../images/rule/basketball.png);
}

.label-content .rule-item .rule-name {
  margin-bottom: 10px;
}

.label-content .rule-item:hover {
  background: var(--color-primary);
  box-shadow: 0px 0px 9px 0px var(--color-primary);
}

.label-content .rule-item:hover * {
  color: white;
}

.recommend-wiki-list {
  counter-reset: section;
}

.recommend-wiki-list .recommend-wiki-link {
  margin-bottom: 12.2px;
}

.recommend-wiki-list .recommend-wiki-link::before {
  counter-increment: section;
  content: '';
  width: 26px;
  height: 32px;
  line-height: 28px;
  background-size: 26px 32px;
  background-repeat: no-repeat;
  padding-left: 32px;
  color: var(--color-text-secondary);
  font-size: var(--font-size-big);
  font-weight: bold;
}

.recommend-wiki-list .recommend-wiki-link:nth-child(1)::before {
  background-image: url(../images/index/sort_1.png);
}

.recommend-wiki-list .recommend-wiki-link:nth-child(2)::before {
  background-image: url(../images/index/sort_2.png);
}

.recommend-wiki-list .recommend-wiki-link:nth-child(3)::before {
  background-image: url(../images/index/sort_3.png);
}

.recommend-wiki-list .recommend-wiki-link:nth-child(n + 4)::before {
  content: counter(section);
  padding-right: 25px;
  margin-left: -25px;
}