.ocean-warningdig-container {
  display: inline-block;
}
.ocean-warningdig-container .warning-dig {
  background-size: cover;
  background: url('../assets/gantanhao.svg');
  position: relative;
}
.ocean-warningdig-container .warning-dig-small {
  width: 48px;
  height: 40px;
}
.ocean-warningdig-container .warning-dig-small .warning-dig-sanjiao {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 40px solid #E6E7E8;
  position: absolute;
  border-radius: 3px;
}
.ocean-warningdig-container .warning-dig-small img {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -2px;
}
.ocean-warningdig-container .warning-dig-middle {
  width: 88px;
  height: 80px;
}
.ocean-warningdig-container .warning-dig-middle .warning-dig-sanjiao {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 80px solid #E6E7E8;
  position: absolute;
  border-radius: 3px;
}
.ocean-warningdig-container .warning-dig-middle img {
  position: absolute;
  top: 50%;
  width: 4px;
  margin-top: -5px;
  left: 50%;
  margin-left: -2px;
}
.ocean-warningdig-container .warning-dig-big {
  width: 108px;
  height: 100px;
}