.warp {
  background-color: #fff;
  padding-bottom: 27.46666667vmin;
  padding-top: 2.34666667vmin;
  box-shadow: 0.21333333vmin 1.06666667vmin rgba(0, 0, 0, 0.2);
}
.header {
  height: 7.46666667vmin;
  line-height: 7.46666667vmin;
  border-bottom: 0.10666667vmin solid #eaeaea;
  text-align: center;
  font-size: 3.73333333vmin;
}
nav {
  display: flex;
  flex-wrap: wrap;
  padding: 5.86666667vmin 2.93333333vmin 5.86666667vmin 2.93333333vmin;
}
nav .item {
  display: flex;
  width: 33.33%;
  flex-direction: column;
  align-items: center;
  margin: 1.6vmin 0;
}
nav .item:nth-child(1) samp {
  background-color: #ffd233;
}
nav .item:nth-child(2) samp {
  background: -webkit-linear-gradient(top left, red, deeppink, blue, #08f7bb);
}
nav .item:nth-child(3) samp {
  background-color: #05f883;
}
nav .item:nth-child(4) samp {
  /* background-color: #e10602; */
  background-color: #2932e1;
}
nav .item:nth-child(5) samp {
  background-color: #036df7;
}
nav .item:nth-child(6) samp {
  background-color: #f73836;
}
nav .item:nth-child(7) samp {
  background-color: #ff144f;
}
nav .item:nth-child(8) samp {
  background-color: #4dea14;
}
nav .item:nth-child(9) samp {
  background-color: #ff2f19;
}
nav .item:nth-child(10) samp {
  background-color: #1aa319;
}
nav .item:nth-child(11) samp {
  background-color: #ea5122;
}
nav .item:nth-child(12) samp {
  background-color: #08b8f1;
}
nav .item:nth-child(13) samp {
  background-color: #017af1;
}
nav .item:nth-child(14) samp {
  background-color: #78affe;
}
nav .item:nth-child(15) samp {
  background-color: #a4504e;
}
nav .item:nth-child(16) samp {
  background-color: #ff2442;
}
nav .item:nth-child(17) samp {
  background-color: #ff7300;
}
nav .item:nth-child(18) samp {
  background-color: #f4b756;
}
nav .item:nth-child(19) samp {
  background-color: #ffdd02;
}
nav .item:nth-child(20) samp {
  background-color: #2577e3;
}
nav .item:nth-child(21) samp {
  background-color: #91dffc;
}
nav .item:nth-child(22) samp {
  background-color: #f81c00;
}
nav .item:nth-child(23) samp {
  background-color: #f63931;
}
nav .item:nth-child(24) samp {
  background-color: #010101;
}
nav .item:nth-child(25) samp {
  background-color: #ffce00;
}
nav .item:nth-child(26) samp {
  background-color: #1f84e4;
}
nav .item:nth-child(27) samp {
  background-color: #ff6303;
}
nav .item:nth-child(28) samp {
  background-color: #ffc601;
}
nav .item:nth-child(29) samp {
  background-color: #ff3238;
}
nav .item:nth-child(30) samp {
  background-color: #0251d3;
}
nav .item:nth-child(31) samp {
  background-color: #ff0000;
}
nav .item:nth-child(32) samp {
  background-color: #e63c39;
}
nav .item:nth-child(33) samp {
  background-color: #e00517;
}
nav .item:nth-child(34) samp {
  background-color: #fd3930;
}
nav .item:nth-child(35) samp {
  background-color: #ff6902;
}
nav .item:nth-child(36) samp {
  background-color: #f05a61;
}
nav .item:nth-child(37) samp {
  background-color: #ff6901;
}
nav .item:nth-child(38) samp {
  background-color: #4ec2ba;
}
nav .item:nth-child(39) samp {
  background-color: #30cffe;
}
nav .item:nth-child(40) samp {
  background-color: #e84740;
}
nav .item:nth-child(41) samp {
  background-color: #fc3c50;
}
nav .item:nth-child(42) samp {
  background-color: #ff6708;
}
nav .item:nth-child(43) samp {
  background-color: #0983ff;
}
nav .item:nth-child(44) samp {
  background-color: #a0f090;
}
nav .item:nth-child(45) samp {
  background-color: #4a79fe;
}
nav .item:nth-child(46) samp {
  background-color: #12b1fc;
}
nav .item:nth-child(47) samp {
  background-color: #de1626;
}
nav .item:nth-child(48) samp {
  background-color: #f431f0;
}
nav .item:nth-child(49) samp {
  background-color: #1da895;
}
nav .item:nth-child(50) samp {
  background-color: #dd007b;
}
nav .item:nth-child(51) samp {
  /* background: -webkit-linear-gradient(top left,  blue, red, #ff9d09, #ff00a3, #08f7bb, #f4f805, #fff, #f4f805, #08f7bb, #ff00a3, #ff9d09, red, blue); */
  /* background: -webkit-linear-gradient(top left, red, #ff9d09, #f4f805, #08f7bb, #ff00a3, blue, #f1ed01, #ff9d09, red); */
  background: -webkit-linear-gradient(top left, red, #ff00a3, blue);
}
nav .item samp {
  width: 8.53333333vmin;
  height: 8.53333333vmin;
  border-radius: 25%;
  text-align: center;
}
nav .item samp img {
  width: 5.06666667vmin;
  height: 5.06666667vmin;
  margin-top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
nav .item span {
  font-size: 2.66666667vmin;
  color: #707070;
}
nav .item:nth-child(-n+48) {
  margin-bottom: 6.66666667vmin;
}
nav .item:nth-last-child(-n+3) {
  margin-bottom: -1.6vmin;
}
a:hover:nth-child(n) samp {
  background-color: #ff0013;
}
a:hover p,
a:hover span {
  color: #ff00a3;
}
.go {
  margin: 0.53333333vmin 0.53333333vmin;
  text-align: center;
  font-size: 2.13333333vmin;
}
.go a {
  display: inline-block;
  height: 2.66666667vmin;
  line-height: 2.66666667vmin;
  padding-top: 2.66666667vmin;
}
.go a:hover {
  transform: scale(1.1);
  transition: all 0.3;
  color: #ff00a3;
}
.footer {
  display: flex;
  position: fixed;
  left: auto;
  bottom: 0;
  z-index: 999999;
  height: 12.26666667vmin;
  width: 100%;
  max-width: 1368px;
  background-color: #fff;
  padding: 1.86666667vmin 0 0;
  box-sizing: content-box;
  padding-bottom: 2.13333333vmin;
  box-shadow: 0 0.53333333vmin 2.66666667vmin rgba(0, 0, 0, 0.2);
}
.footer .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4.8vmin;
}
.footer .item img {
  width: 5.6vmin;
  height: 5.6vmin;
  border-radius: 50%;
}
.footer .item p {
  font-size: 3.2vmin;
  margin-top: -0.8vmin;
}
.footer .item:nth-child(1) p {
  color: #ff00a3;
}