/* *{
  font-family: 'Microsoft YaHei', Arial, sans-serif !important;
} */
.box .rightnav .list .count {
  height: auto;
}

* {
  font-family: 'Comic Sans MS', 'Chalkboard SE', cursive !important;
}

.box .rightnav .list {
  height: auto;
  margin-bottom: 4vw !important;
}

.box .leftword .logo p:first-child {
  margin-bottom: 0.52083333vw;
}

.box .leftword .logo p:last-child {
  font-size: 1.35416667vw;
}

.box .leftword .plaintext .word {
  font-size: 0.9375vw;
}

.box .leftword .botbox .list .title .name {
  font-size: 1.04166667vw;
}

.box .leftword .botbox .list p {
  font-size: 0.9375vw;
}

.box .leftword .logo {
  margin-bottom: 60px;
}

.box .leftword .plaintext {
  margin-bottom: 20px;
}

.box .leftword .botbox {
  margin-bottom: 0;
}

.box .leftword .botbox .list {
  height: 220px !important;
}

@media(max-width: 1640px) {
  .box .rightnav .list2 {
    margin-bottom: 6vw !important;
  }
}

@media(max-width: 1500px) {
  .box .rightnav .list1 {
    margin-bottom: 6vw !important;
  }

}

@media(max-width: 1400px) {
  .box .rightnav .list1 {
    margin-top: 18vh !important;
  }

}

@media(max-width: 1300px) {
  .box .rightnav .list2 {
    margin-bottom: 8vw !important;
  }



}

@media(max-width: 1150px) {
  .box .rightnav .list1 {
    margin-bottom: 11vw !important;
  }

  .box .rightnav .list2 {
    margin-bottom: 11vw !important;
  }

}



@media(max-width: 961px) {
  .box .leftword .logo {
    margin-bottom: 30px !important;
  }

  .box .rightnav .list1 {
    margin-top: 0 !important;
  }

  .box .rightnav .list .count .title br {
    display: none !important;
  }

  .box .leftword .botbox .list {
    height: auto !important;
  }
}

@media(max-height: 800px) {
  .box .rightnav .list1 {
    margin-top: 15vh !important;
    margin-bottom: 4vh !important;
  }
}

@media(height:768px) {
  .box .rightnav .list1 {
    margin-bottom: 6vh !important;
  }
}

@media(max-height: 720px) {
  .box .rightnav .list1 {
    margin-top: 12vh !important;
    margin-bottom: 6vh !important;
  }

  .box .rightnav .list2 {
    margin-bottom: 7vh !important;
  }

  .box .rightnav .list:last-child .line {
    transform: translateX(15px) !important;
  }
}

@media(max-height: 600px) {
  .box .rightnav .list:last-child .line {
    transform: translateX(0) !important;
  }

  .box .leftword .logo {
    margin-bottom: 30px !important;
  }

  .box .leftword .botbox .list {
    height: 180px !important;
  }

  .box .rightnav .list1 {
    margin-top: 7vh !important;
  }
}