.smallBox2 {
  height: 100%;
}

.smallBox2:hover {
  cursor: pointer;
  transform: scale(0.95);
}

.smallBox {
  height: 100%;
  padding-right: 1.5%;
  padding-left: 1.5%;
}

@media (min-width: 1400px) {
  #smallKuang {
    height: 90px;
  }
}

@media screen and (min-width: 1200px) and (max-width : 1399px) {
  #smallKuang {
    height: 85px;
  }
}

@media screen and (min-width: 992px) and (max-width : 1199px) {
  #smallKuang {
    height: 80px;
  }
}

@media screen and (min-width: 768px) and (max-width : 991px) {
  #smallKuang {
    height: 60px;
  }
}

@media screen and (min-width: 576px) and (max-width : 767px) {
  #smallKuang {
    height: 80px;
  }
}

@media screen and (max-width : 575px) {
  #smallKuang {
    height: 15vw;
  }
}

.seeNone {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.slHuaBox {
  width: 20%;
  float: left;
  position: absolute;
  transform: scale(0.9,0.9);
  z-index: 11;
}

.slHuaBox:hover {
  cursor: pointer;
  position: relative;
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.6);
}

.slHuaBoxClick {
  cursor: pointer;
  position: relative;
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.6);
}

.slHuaHei {
  position: absolute;
  top: 2.5%;
  width: 95%;
  height: 95%;
  z-index: 10;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='87.899' height='87.9' viewBox='0 0 87.899 87.9' preserveAspectRatio='none'%3e%3cpath fill='none' opacity='.32' d='M0 0h87.899v87.9H0z'%3e%3c/path%3e%3cg opacity='.697'%3e%3cpath d='M40.785 35.728a8.334 8.334 0 014-.708 4.238 4.238 0 00.563.08 8.152 8.152 0 016.225 4.81 7.444 7.444 0 01.631 2.5 5.709 5.709 0 01.024 1.109 8.1 8.1 0 01-1.826 4.808c1.3 1.344 5.147 5.169 6.455 6.5a.731.731 0 01.178.749.747.747 0 01-.89.5c-.273-.056-.434-.31-.63-.485-1.237-1.213-4.945-4.991-6.192-6.192a8.5 8.5 0 01-4.044 1.778 9.491 9.491 0 01-3.571-.3c-.423-.148-.834-.33-1.247-.5a8.818 8.818 0 01-3.075-2.7 8.026 8.026 0 01-1.344-4.075 5.387 5.387 0 01.034-1.361 8.173 8.173 0 014.709-6.513zm.359.849a7.661 7.661 0 00-2.078 1.421 7.1 7.1 0 00-1.967 3.505 7.238 7.238 0 001.729 6.527 7.318 7.318 0 004.074 2.22c.4.046.812.067 1.216.127a13.6 13.6 0 001.748-.234 6.324 6.324 0 001.421-.518 7.512 7.512 0 002.256-1.721 7.289 7.289 0 001.811-4.94c-.071-.346-.045-.7-.115-1.053a6.968 6.968 0 00-2.579-4.365 7.1 7.1 0 00-3.622-1.554 7.335 7.335 0 00-3.894.585z' stroke='white' stroke-width='.5' fill='white'%3e%3c/path%3e%3cpath d='M43.9 38.202a.74.74 0 01.849.344 1.586 1.586 0 01.108.781v3.2h3.569a.747.747 0 11.011 1.494c-1.194.008-2.387 0-3.582 0v3.574a.753.753 0 01-.881.748.741.741 0 01-.619-.755v-3.567c-1.2 0-2.407.006-3.611 0a.735.735 0 01-.724-.65.743.743 0 01.734-.842c1.2-.011 2.4 0 3.6 0v-3.607a.735.735 0 01.546-.72z' fill='white'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");*/
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='87.899' height='87.9' viewBox='0 0 87.899 87.9' preserveAspectRatio='none'%3e%3cpath fill='none' opacity='.32' d='M0 0h87.899v87.9H0z'%3e%3c/path%3e%3cg opacity='.697'%3e%3cpath d='M40.785 35.728a8.334 8.334 0 014-.708 4.238 4.238 0 00.563.08 8.152 8.152 0 016.225 4.81 7.444 7.444 0 01.631 2.5 5.709 5.709 0 01.024 1.109 8.1 8.1 0 01-1.826 4.808c1.3 1.344 5.147 5.169 6.455 6.5a.731.731 0 01.178.749.747.747 0 01-.89.5c-.273-.056-.434-.31-.63-.485-1.237-1.213-4.945-4.991-6.192-6.192a8.5 8.5 0 01-4.044 1.778 9.491 9.491 0 01-3.571-.3c-.423-.148-.834-.33-1.247-.5a8.818 8.818 0 01-3.075-2.7 8.026 8.026 0 01-1.344-4.075 5.387 5.387 0 01.034-1.361 8.173 8.173 0 014.709-6.513zm.359.849a7.661 7.661 0 00-2.078 1.421 7.1 7.1 0 00-1.967 3.505 7.238 7.238 0 001.729 6.527 7.318 7.318 0 004.074 2.22c.4.046.812.067 1.216.127a13.6 13.6 0 001.748-.234 6.324 6.324 0 001.421-.518 7.512 7.512 0 002.256-1.721 7.289 7.289 0 001.811-4.94c-.071-.346-.045-.7-.115-1.053a6.968 6.968 0 00-2.579-4.365 7.1 7.1 0 00-3.622-1.554 7.335 7.335 0 00-3.894.585z' stroke='white' stroke-width='.5' fill='white'%3e%3c/path%3e%3cpath d='M43.9 38.202a.74.74 0 01.849.344 1.586 1.586 0 01.108.781v3.2h3.569a.747.747 0 11.011 1.494c-1.194.008-2.387 0-3.582 0v3.574a.753.753 0 01-.881.748.741.741 0 01-.619-.755v-3.567c-1.2 0-2.407.006-3.611 0a.735.735 0 01-.724-.65.743.743 0 01.734-.842c1.2-.011 2.4 0 3.6 0v-3.607a.735.735 0 01.546-.72z' fill='white'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}

.slHuaHei:hover {
  opacity: 1;
}

.askAnniu {
  color: #000;
  background: #ffd900;
}

@media screen and (min-width:1400px) {
  .askAnniu {
    margin-top: 60px;
  }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
  .askAnniu {
    margin-top: 45px;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .askAnniu {
    margin-top: 25px;
  }
}

@media (max-width:991px) {
  .askAnniu {
    margin-top: 40px;
  }
}

.askAnniu:hover {
  cursor: pointer;
  color: #fff!important;
  background: #000;
}

@media (max-width: 767px) {
  #daBiaoti {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .daXianIcon {
    top: 20px;
    position: absolute;
    width: calc(126.21px + 2.20rem);
  }
}

@media screen and (min-width: 768px) and (max-width : 991px) {
  .daXianIcon {
    top: 0px;
    position: absolute;
    width: calc(126.21px + 2.20rem);
  }
}

@media (min-width: 992px) {
  .daXianIcon {
    margin-top: 20px;
    width: 150px;
  }
}

@media (max-width: 991px) {
  .daYouKuang {
    margin-top: 20px;
  }
}

.linshiPadTop {
  padding-top: 10px;
}