.colorA{
  color:$lv4Danger;
}
.colorB{
  color:$lv3Danger;
}
.colorC{
  color:$lv2Danger;
}
.colorD{
  color:$lv1Danger;
}
.map-four-max-box{
  background :url("../ZDimages/four.png");
  background-size:100%;
  overflow :hidden;
  position:relative;
  p{
    margin:0;
  }
  .map-min-box{
    overflow:hidden;
    cursor:pointer;
    display :inline-block;
    position :relative;
    p:nth-child(1){
      margin-top:40px;
      padding:0 4px;
      color:#333;
      font-size:13px;
      text-align :center;
    }
    p:nth-child(2){
      opacity: 0;
      background: rgba(0,0,0,0.7);
      color:#fff;
      position: absolute;
      top:0;
      left:0;
      height:100%;
      width:100%;
      line-height:123px;
      font-size:12px;
      text-align:center;
    }
    p:nth-child(2):hover{
      opacity: 1;
    }
  }
  .map-min-box:nth-child(1){
    margin:4px 93px 0 2px;
    height:123px;
    width:113px;
  }
  .map-min-box:nth-child(2){
    margin:4px 2px 0 0;
    height:123px;
    width:123px;
  }
  .map-min-box:nth-child(3){
    margin:4px 330px 0 0;
    height:123px;
    width:84px;
  }
  .map-min-box:nth-child(4){
    margin:103px 2px 0 117px;
    height:123px;
    width:214px;
  }
  .map-min-box:nth-child(5){
    margin:103px 2px 0 0;
    height:123px;
    width:84px;
  }
  .map-min-box:nth-child(6){
    margin:103px 2px 0 0;
    height:123px;
    width:78px;
  }
  .map-min-box:nth-child(7){
    margin:103px 2px 43px 0;
    height:80px;
    width:57px;
  }
  .map-min-box:nth-child(8){
    margin:103px 2px 0 0;
    height:123px;
    width:103px;
  }
  .map-min-box:nth-child(9){
    margin:103px 2px 0 0;
    height:123px;
    width:38px;
  }
  .map-min-box:nth-child(10){
    margin:103px 0 0 0;
    height:123px;
    width:86px;
  }
}
