/* 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;

}

.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: 80px;

  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: -100%;

  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;

}

.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%;

}