.page-file {
  .ant-modal{
    width:640px;
  }
  .ant-modal-close {
    .ant-modal-close-x {
      display: flex;
      width: 28px;
      height: 28px;
      padding: 16px 0 0 0;

      > span {
        margin: auto;
      }
    }
  }

  .ant-modal-footer{
    padding: 2.5px 4px;
  }

}

.view {
  /* background: #444; */
  display: flex;
  justify-content: center;
  height: 300px;
  /* padding: 50px 0; */
  overflow: auto;
  /* width: 200px; */
  width: 100vw;
  margin: auto;

  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 3px !important;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px  !important;
    /* border-radius   : 10px; */
  }

  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color: gray;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
  }

  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #ededed;
    border-radius: 10px;
  }

  .pageContainer {
    /* box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px; */
    width: 100vw;
    max-width: 100%;
  }
}
.pageTool{
  display: flex;
  width: 100%;
  /* position: absolute; */
  bottom: 20px;
  /* background: #424242;
  color: white; */
  padding: 8px 15px;
  border-radius: 15px;

  .toolBtn{
    width: 16vw;
    display: flex;
    justify-content: center;
    align-items: center;

    button{
      border: 0px !important;
    }
  }

  i {
    padding: 5px;
    margin: 0 5px;
    &:hover{
      background: #333;
    }
  }

  input{
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    height: 24px;
    &::-webkit-outer-spin-button {
      -webkit-appearance: none;
    }
    &::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }
  }

  input[type='number'] {
    -moz-appearance: textfield;
  }
}

// .ant-modal-content{
//   width: 650px;
// }