@media screen and (max-width: 1300px) {
  .methodCon,
  .problemCon,
  .maintenanceCon,
  .brandCon,
  .unknownCon,
  .banner_con,
  .caseCon {
    width: auto !important;
    padding: 0 5% !important;
  }
}

.activeHover {
  cursor: initial !important;
}

.activeHover:hover {
  cursor: initial !important;
  box-shadow: 0px 2px 16px 0px rgb(0 182 176 / 20%) !important;
}

.caseList {
  cursor: pointer !important;
  box-shadow: 0px 0px 0px 0px rgb(0 182 176 / 100%) !important;
}

.caseList:hover {
  cursor: pointer !important;
  box-shadow: 0px 2px 16px 0px rgb(0 182 176 / 20%) !important;
}

@media screen and (max-width: 378px) {
  .caseTi {
    margin-top: 28px !important;
  }
}

.icon-bubble {
  background-image: url(/cn/page/image/common/icon-bubble.png);
}
.icon-bubble,
.icon-bubble-blue {
  height: 17px;
  width: 18px;
}
.icon {
  display: inline-block;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.btnMargin {
  margin-right: 32px;
}
@media (max-width: 400px) {
  .btnMargin {
    margin-right: 15px;
  }
}
.buttonAnimation {
  cursor: pointer;
}