.list-pr-g {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.list-pr-btn {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid rgba(215, 215, 215, 1);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #939393;
  margin: 0 5px;
  font-size: 14px;
}

.list-pr-btn:hover {
  background: rgba(30, 107, 194, 0.25);
  border: 1px solid rgba(30, 107, 194, 0);
  color: #fff;
}

.list-pr-btn.l {
  transform: rotate(180deg);
  transform-origin: center center;
}

.list-pr-btn.active {
  background: rgba(30, 107, 194, 1);
  border: 1px solid rgba(30, 107, 194, 1);
  color: #fff;
}

.list-span {
  color: #939393;
  margin: 0 5px;
  width: 20px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0, -5px);
}