FE-V2-PC/src/assets/styles/ZDmapOne.scss

.colorA{
  color:$lv4Danger;
}
.colorB{
  color:$lv3Danger;
}
.colorC{
  color:$lv2Danger;
}
.colorD{
  color:$lv1Danger;
}
.map-one-max-box{
  background :url("../ZDimages/one.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 2px 0 2px;
    height:123px;
    width:61px;
  }
  .map-min-box:nth-child(2){
    margin:4px 46px 0 0;
    height:123px;
    width:60px;
  }
  .map-min-box:nth-child(3){
    margin:4px 44px 0 0;
    height:123px;
    width:120px;
  }
  .map-min-box:nth-child(4){
    margin:4px 2px 0 0;
    height:123px;
    width:181px;
  }
  .map-min-box:nth-child(5){
    margin:4px 2px 0 0;
    height:123px;
    width:121px;
  }
  .map-min-box:nth-child(6){
    margin:4px 89px 0 0;
    height:123px;
    width:61px;
  }
  .map-min-box:nth-child(7){
    margin:103px 2px 0 2px;
    height:123px;
    width:116px;
  }
  .map-min-box:nth-child(8){
    margin:103px 2px 0 0;
    height:123px;
    width:168px;
  }
  .map-min-box:nth-child(9){
    margin:103px 2px 0 0;
    height:123px;
    width:96px;
  }
  .map-min-box:nth-child(10){
    margin:103px 2px 0 0;
    height:123px;
    width:83px;
  }
  .map-min-box:nth-child(11){
    margin:103px 2px 0 0;
    height:123px;
    width:82px;
  }
  .map-min-box:nth-child(12){
    margin:103px 2px 0 0;
    height:123px;
    width:82px;
  }
  .map-min-box:nth-child(13){
    margin:103px 2px 0 0;
    height:123px;
    width:60px;
  }
  .map-min-box:nth-child(14){
    margin:103px 2px 0 0;
    height:123px;
    width:86px;
  }
}