.gray_bg {
  background: #f7f7f7;
}
header {
  width: 100%;
  height: 11.4667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.2vw;
  background: #e64340;
}
header .back {
  color: #ffffff;
  display: flex;
}
header .back .iconfont {
  font-size: 5.6vw;
}
header h3 {
  color: #ffffff;
  font-size: 4.8vw;
}
header a:not(.back) .iconfont {
  color: #ffffff;
  font-size: 6.8vw;
}
.navigation {
  padding: 3.2vw;
}
.navigation .cz {
  margin-bottom: 2vw;
}
.navigation .cz b {
  display: flex;
  height: 10.6667vw;
  font-size: 4.2667vw;
  color: #181818;
  align-items: center;
}
.navigation .cz .list {
  display: flex;
  flex-wrap: wrap;
}
.navigation .cz .list a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.4667vw;
  background: #eeeeee;
  padding: 0 1.3333vw;
  margin: 0 2.1333vw 2.1333vw 0;
  color: #4a4a4a;
  font-size: 3.4667vw;
  border-radius: 0.5333vw;
}
.more {
  padding: 0 3.2vw 3.2vw;
}
.more b {
  display: block;
  font-size: 4.8vw;
  color: #181818;
  padding: 5.3333vw 0 3.7333vw;
}
.more .list {
  width: 100%;
  padding: 3.7333vw 3.2vw 2.6667vw;
  background: #ffffff;
  border-radius: 1.0667vw;
  display: flex;
  flex-wrap: wrap;
}
.more .list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.2vw;
  flex: 0 0 23.5%;
  margin-right: 2%;
}
.more .list a img {
  display: block;
  width: 11.7333vw;
  height: 11.7333vw;
}
.more .list a span {
  font-size: 3.7333vw;
  color: #181818;
  margin-top: 1.6vw;
}
.more .list a:nth-of-type(4n) {
  margin-right: 0;
}
.more .list.kj {
  padding: 3.7333vw 1.2vw 2.6667vw;
}