body {
  height: 1000px;
}

.hiwprintModel {
  font-size: 14px;
  display: none;
  color: #333;

  .hiwprintModel_box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    overflow: auto;
    background-color: rgba(138, 135, 135, .6);

    .hiwprintModel_content {
      min-height: 500px;
      height: 86%;
      width: 1000px !important;
      margin: 0 auto;
      margin-top: 5vh;
      // width: max-content;
      // width: auto;
      // min-width: 600px;
      background-color: white;
      border-radius: 3px;
      margin-bottom: 5vh;
      display: flex;
      flex-direction: column;

      .close {
        padding: 10px;
        display: flex;
        height: 45px;
        background-color: #E4EAF3;
        padding: 0 20px;
        justify-content: space-between;
        align-items: center;

        .hiwprintModel_close_icon {
          font-size: 20px;
          cursor: pointer;
          color: #909399;
        }
      }

      .operation {
        height: 72px;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;

        #prantSelect {
          width: 184px;
          line-height: 32px;
          height: 32px;
          padding-left: 7px;
          padding-right: 20px;
          display: inline-block;
          box-sizing: border-box;
          font-size: 14px;
          color: #333;
          border-radius: 0;
          background-color: white;
          border: 1px solid rgba(196, 203, 218, 1);
          margin-left: 6px;
        }

        .dowmicon {
          width: 0;
          height: 0;
          border-width: 5px;
          border-style: solid;
          border-color: transparent #c4cbda transparent transparent;
          transform: rotate(270deg);
          position: absolute;
          right: 7px;
          top: 34px;
        }

        #prantSelect:focus {
          border: 1px solid #409eff;
          outline: none;
        }

        .operation_left {
          display: flex;
          align-items: center;
          position: relative;

          #temoptions {
            position: absolute;
            left: 62px;
            top: 65px;
            max-height: 0;
            overflow: hidden;
            z-index: 999;
            width: 184px;
            transition: max-height .5s;

            .innerbox {
              max-height: 300px;
              overflow: auto;

              .nodata {
                text-align: center;
                color: #909399;
              }
            }

            .innerbox::-webkit-scrollbar {
              /*滚动条整体样式*/
              width: 4px;
              /*高宽分别对应横竖滚动条的尺寸*/
              height: 4px;
            }

            .item {
              width: 184px;
              height: 32px;
              line-height: 32px;
              color: #333;
              padding-left: 7px;
              // border: 1px solid #c4cbda;
              background-color: white;
              border-top: none;
              border-bottom: none;
              box-sizing: border-box;
              cursor: pointer;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              // &:first-child {
              //   border-top: 1px solid #c4cbda;
              // }

              // &:last-child {
              //   border-bottom: 1px solid #c4cbda;
              // }
            }

            .item:hover {
              background-color: #66b1ff;
              color: white;
            }
          }
        }

        .triangle {
          position: absolute;
          left: 55px;
          top: 64px;
          display: none;
          z-index: 1000;
        }

        .triangle:before {
          position: absolute;
          content: "";
          top: -7px;
          left: 25px;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 8px solid #c4cbda;
        }

        /* 白色覆盖*/
        .triangle:after {
          position: absolute;
          content: "";
          /*减少两像素*/
          top: -6px;
          left: 25px;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 8px solid white;
        }

        .operation_right {
          display: flex;
          align-items: center;

          #hiwprint_btn {
            width: 50px;
            height: 30px;
            color: white;
            background-color: #3296FA;
            border: none;
            cursor: pointer;
            border-radius: 3px;
          }

          #hiwprint_btn:focus {
            outline: none;
          }

          #hiwprint_btn:hover {
            background: #66b1ff;
            border-color: #66b1ff;
            color: #fff;
          }
        }
      }

      .prevViewDiv {
        flex: 1;
        background: rgba(242, 244, 247, 1);
        padding: 20px 0;
        width: 100%;
        overflow: auto;

        .ViewDiv {
          min-height: 200px;
          position: relative;

          .hiprint-printPaper {
            margin: 0 auto;
          }
        }
      }
    }
  }
}

.hiprint-printPaper {
  background: white;
}

.hiwprint_show {
  display: block;
}