/*分屏样式*/
/*分屏*/
.split_screen {
  position: absolute;
  width: 100%;
  height: 70%;
  background-color: #000000;
  box-sizing: border-box;
  overflow: hidden;
  color:#ffffff;
  font-size:20px;

  /*分屏项*/
  .item {
    border: 1px solid #000000;
    color:#fff;
    background-color: #717171;
  }
}

/*1分屏*/
.split_screen_one {
  display: grid;
  grid-template-columns: repeat(1,100%);
  grid-template-rows: repeat(1,100%);
}

/*4分屏*/
.split_screen_four {
  display: grid;
  grid-template-columns: repeat(2,50%);
  grid-template-rows: repeat(2,50%);
}

/*9分屏*/
.split_screen_nine {
  display: grid;
  grid-template-columns: repeat(3,33.3333%);
  grid-template-rows: repeat(3,33.3333%);
}

/*16分屏*/
.split_screen_sixteen {
  display: grid;
  grid-template-columns: repeat(4,25%);
  grid-template-rows: repeat(4,25%);
}
