/*============================视频============================*/
/*
.video-min-box {
  //  画中画
  video::-webkit-media-controls-enclosure {
    display: none;
  }
  // 音频开关
  video::-webkit-media-controls-mute-button {
    display: none;
  }
  // 音频大小
  video::-webkit-media-controls-volume-slider {
    display: none;
  }
  //全屏按钮
  video::-webkit-media-controls-fullscreen-button {
    display: none;
  }
  //开始暂停按钮
  video::-webkit-media-controls-play-button {
    display: none;
  }
  // 时间显示
  video::-webkit-media-controls-current-time-display {
    display: none;
  }
  // 未知时间
  video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
  }
  //进度条
  video::-webkit-media-controls-timeline {
    display: none;
  }
  //未知进度条
  video::-webkit-media-controls-time-remaining-display {
    display: none;
  }
  video {
    object-fit: fill; //视频全铺
    pointer-events: none; //点击禁用
  }
}
*/
/*============================地图============================*/
.mapOne{
  background :url("../newImages/one.png");
  background-size:100%;
  .for-box:nth-child(1){
    margin:7px 3px 0 2px;
    height:210px;
    width:106px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(2){
    margin:7px 78px 0 0;
    height:210px;
    width:101px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(3){
    margin:7px 75px 0 0;
    height:210px;
    width:204px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(4){
    margin:7px 2px 0 0;
    height:210px;
    width:309px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(5){
    margin:7px 2px 0 0;
    height:210px;
    width:208px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(6){
    margin:4px 151px 0 0;
    height:210px;
    width:103px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(7){
    margin:176px 2px 0 2px;
    height:210px;
    width:198px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(8){
    margin:176px 3px 0 0;
    height:210px;
    width:287px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(9){
    margin:176px 2px 0 0;
    height:210px;
    width:165px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(10){
    margin:176px 2px 0 0;
    height:210px;
    width:141px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(11){
    margin:176px 2px 0 0;
    height:210px;
    width:141px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(12){
    margin:176px 2px 0 0;
    height:210px;
    width:142px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(13){
    margin:176px 2px 0 0;
    height:210px;
    width:104px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(14){
    margin:176px 0 0 0;
    height:210px;
    width:147px;
    .name-p{
      top:-32px;
    }
  }
}
.mapTwo{
  background :url("../newImages/two.png");
  background-size:100%;
  .for-box:nth-child(1){
    margin:7px 2px 0 2px;
    height:210px;
    width:106px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(2){
    margin:7px 76px 0 0;
    height:210px;
    width:104px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(3){
    margin:7px 74px 0 0;
    height:210px;
    width:204px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(4){
    margin:7px 2px 0 0;
    height:210px;
    width:310px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(5){
    margin:7px 148px 0 0;
    height:210px;
    width:314px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(6){
    margin:176px 2px 0 2px;
    height:210px;
    width:198px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(7){
    margin:176px 2px 0 0;
    height:210px;
    width:288px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(8){
    margin:176px 2px 0 0;
    height:210px;
    width:197px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(9){
    margin:176px 2px 0 0;
    height:210px;
    width:186px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(10){
    margin:176px 2px 0 0;
    height:210px;
    width:152px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(11){
    margin:176px 2px 0 0;
    height:210px;
    width:160px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(12){
    margin:176px 0 0 0;
    height:210px;
    width:147px;
    .name-p{
      top:-32px;
    }
  }
}
.mapThree{
  background :url("../newImages/three.png");
  background-size:100%;
  .for-box:nth-child(1){
    margin:7px 2px 0 2px;
    height:210px;
    width:106px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(2){
    margin:7px 77px 0 0;
    height:210px;
    width:103px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(3){
    margin:7px 74px 0 0;
    height:210px;
    width:204px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(4){
    margin:7px 2px 0 0;
    height:210px;
    width:310px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(5){
    margin:7px 148px 0 0;
    height:210px;
    width:314px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(6){
    margin:176px 2px 0 2px;
    height:210px;
    width:198px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(7){
    margin:176px 2px 0 0;
    height:210px;
    width:288px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(8){
    margin:176px 2px 0 0;
    height:210px;
    width:276px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(9){
    margin:176px 2px 0 0;
    height:210px;
    width:265px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(10){
    margin:176px 2px 0 0;
    height:210px;
    width:156px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(11){
    margin:176px 0 0 0;
    height:210px;
    width:147px;
    .name-p{
      top:-32px;
    }
  }
}
.mapFour{
  background :url("../newImages/four.png");
  background-size:100%;
  position: relative;
  .for-box{
    position: absolute!important;
  }
  .for-box:nth-child(1){
    //margin:7px 157px 0 3px;
    top:8px;
    left:3px;
    height:210px;
    width:194px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(2){
    //margin:7px 2px 0 0;
    top:8px;
    left:354px;
    height:210px;
    width:210px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(3){
    //margin:7px 568px 0 0;
    top:8px;
    left:566px;
    height:210px;
    width:144px;
    .name-p{
      top:222px;
    }
  }
  .for-box:nth-child(4){
    //margin:176px 2px 0 198px;
    top:396px;
    left:199px;
    height:210px;
    width:366px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(5){
    //margin:176px 2px 0 0;
    top:396px;
    left:566px;
    height:210px;
    width:144px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(6){
    //margin:176px 2px 0 0;
    top:396px;
    left:711px;
    height:210px;
    width:134px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(7){
    //margin:176px 2px 50px 0;
    top:396px;
    left:848px;
    height:139px;
    width:97px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(8){
    //margin:175px 2px 0 0;
    top:396px;
    left:947px;
    height:210px;
    width:177px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(9){
    //margin:176px 2px 0 0;
    top:396px;
    left:1126px;
    height:210px;
    width:67px;
    .name-p{
      top:-32px;
    }
  }
  .for-box:nth-child(10){
    //margin:176px 0 0 0;
    top:396px;
    left:1195px;
    height:210px;
    width:147px;
    .name-p{
      top:-32px;
    }
  }
}
.mapSix{

}
.mapSeven{

}
.mapFive{

}
