.equipments {

}

.equipments .mapping {
    position: relative;
    width: 400px;
    height: 388px;
}

.equipments .mapping .item-mapping {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.equipments .mapping .item0 {
    bottom: 17px;
    width: 70px;
    height: 130px;
    left: 7px;
}
.equipments .mapping .item1 {
    bottom: 17px;
    width: 70px;
    height: 130px;
    right: 2px;
}
.equipments .mapping .item2 {
    top: 58px;
    width: 56px;
    height: 65px;
    left: 76px;
}
.equipments .mapping .item3 {
    top: 133px;
    width: 82px;
    height: 98px;
    left: 39px;
}
.equipments .mapping .item4 {
    bottom: 17px;
    width: 60px;
    height: 74px;
    left: 88px;
}
.equipments .mapping .item5 {
    bottom: 155px;
    width: 83px;
    height: 54px;
    right: 44px;
}
.equipments .mapping .item6 {
    bottom: 17px;
    width: 57px;
    height: 74px;
    right: 84px;
}
.equipments .mapping .item7 {
    top: 59px;
    width: 127px;
    height: 112px;
    right: 0px;
}
.equipments .mapping .item8 {
    display: none;
}
.equipments .mapping .item9 {
    top: 81px;
    width: 30px;
    height: 30px;
    right: 137px;
}
.equipments .mapping .item10 {
    bottom: 106px;
    width: 30px;
    height: 30px;
    left: 102px;
}
.equipments .mapping .item11 {
    bottom: 106px;
    width: 30px;
    height: 30px;
    right: 99px;
}

.equipments .mapping {

}