/* mobile */

.foot {
  border-top: 1px solid #ccc;

  padding-top: 0.5rem;

  margin-top: 1.5rem;
}

.fix-bottom {
  border-top: 1px solid #ccc;

  background-color: #fff;

  padding-top: 10px;
  text-transform: uppercase;
}

.fix-bottom i {
  font-size: 22px;

  display: block;

  line-height: 1;
}

.zhanwei {
  height: 66px;
}

.mobile_title {
  padding-left: 15px;

  padding-right: 15px;

  margin-bottom: 1rem;

  padding-top: 10px;

  margin-bottom: 0;
}

.mobile-logo a img {
  max-width: 150px;

  margin-right: 10px;
}

.mobile-logo h2 {
  font-size: 22px;

  color: #333;
}

.mobile_title .right i {
  font-size: 30px;

  color: var(--color);

  border-radius: 4px;
}

.mobile_wrapper {
  position: fixed;

  z-index: 999;

  display: flex;

  min-width: 60%;
  right: -150%;

  top: 0;

  bottom: 0;

  background-color: #fff;

  padding: 10px 20px;

  transition: all 0.8s;
}

.mobile_wrapper.on {
  right: 0;
}

.mobile_wrapper > i {
  align-self: flex-end;
}

.mobile_menu {
  padding-left: 10px;
}

.mobile_wrapper li {
  position: relative;

  font-size: 16px;

  font-weight: bold;

  line-height: 3;
  text-transform: uppercase;
}

.mobile_wrapper li:not(:nth-last-of-type(1)) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile_wrapper li i {
  font-size: 14px;

  color: #777;
}

.mobile_wrapper li .mobile_menu {
  display: none;
}

.mobile_wrapper li .mobile_menu li {
  font-size: 14px;

  font-weight: normal;
}

.side li a,
.plrow li a {
  display: block;

  border: 1px solid #ccc;
}

.side li.on a,
.plrow li a.on {
  border-color: var(--color);

  background-color: var(--color);

  color: #fff;
}

.page-link,
.page-num.page-num-current {
  color: var(--color);
}

.pages h2.text-center {
  font-size: 18px;
}

.page-num {
  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0 2px;
}

.content img {
  max-width: 100%;
}