.colorA{
  color:$lv4Danger;
}
.colorB{
  color:$lv3Danger;
}
.colorC{
  color:$lv2Danger;
}
.colorD{
  color:$lv1Danger;
}
.map-seven-max-box{
  background :url("../ZDimages/seven.png") no-repeat;
  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 2px 0 271px;
    height:95px;
    width:77px;
  }
  .map-min-box:nth-child(2){
    margin:4px 2px 0 0;
    height:95px;
    width:77px;
  }
  .map-min-box:nth-child(3){
    margin:4px 2px 0 0;
    height:95px;
    width:64px;
  }
  .map-min-box:nth-child(4){
    margin:4px 180px 0 0;
    height:95px;
    width:114px;
  }
  .map-min-box:nth-child(5){
    margin:79px 2px 0 267px;
    height:95px;
    width:119px;
  }
  .map-min-box:nth-child(6){
    margin:79px 2px 0 0;
    height:95px;
    width:140px;
  }
  .map-min-box:nth-child(7){
    margin:79px 2px 0 0;
    height:95px;
    width:78px;
  }
  .map-min-box:nth-child(8){
    margin:79px 2px 0 0;
    height:95px;
    width:80px;
  }
}
