.navbox .headline div {
  font-size: 14px !important;
}

.navbox .subtitle div {
  font-size: 12px !important;
}

.topbox .language .name{
 font-size: 16px;
  margin-right: 10px !important;
}

.block {
  height: 47px;
  display: flex !important;
  align-items: center !important;
  transform: rotate(0deg);
  right: 0 !important;
  width: 42px;

  justify-content: center;
}

.click {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #F7F7F7;
  transition: max-height .3s ease;
  padding-left: 2.604vw !important;
}

.click div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #6E7173;
  font-size: 12px !important;
}

.layui-nav-itemed .active {
  max-height: 47px;

}

.layui-nav-child .layui-this i {
  color: #fff !important;
}

.layui-nav-child dd:hover i {
  color: #fff !important;
}

.click:hover {
  background-color: #2B97FF !important;
  opacity: 0.8;
}

.click:hover div {
  color: #fff;
}

@media (max-width: 961px) {
  .navbox {
    width: 85% !important;
  }

  .main .content-right .lower-content-box .lower-content .wordp {
    font-size: 12px !important;
  }

  .main .content-right .lower-content-box .lower-content .wordp p {
    font-size: 12px !important;
  }

  .block {
    height: 100%;
  }
}

@media (max-width: 1400px) {
  .wordp p {
    font-size: 12px !important;
  }
}