.left {
  width: 100%;
  .left_top {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #efefef;
    font-weight: 500;
  }
  .left_ul {
    height: calc(100vh - 150px);
    overflow-y: auto;
    > ul {
      display: flex;
      flex-flow: column;
      padding: 10px;
      overflow-y: auto;
      li {
        position: relative;
        border: 1px solid #efefef;
        border-bottom: 0;
        > p {
          display: flex;
          padding: 15px;
          flex-flow: row;
          justify-content: space-between;
          margin-bottom: 0;
          img {
            width: 60px;
            height: 60px;
            border-radius: 3px;
            object-fit: cover;
          }
        }
        > div {
          opacity: 0;
          display: flex;
          justify-content: space-between;
          padding: 0 10px;
          align-items: center;
          color: #fff;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 99;
          height: 30px;
          background: rgba(0, 0, 0, 0.6);
          > span {
            cursor: pointer;
            > span {
              margin-right: 10px;
            }
          }
        }
      }
      li.last {
        border-bottom: 1px solid #efefef;
        > div {
          > span {
            > span {
              &:nth-child(2) {
                display: none;
              }
            }
          }
        }
      }
      li.first {
        border: 0;
        > span {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 30px;
          background: rgba(0, 0, 0, 0.6);
          color: #fff;
          line-height: 30px;
          padding-left: 10px;
        }
        > div {
          > span {
            > span {
              &:nth-child(1) {
                display: none;
              }
            }
          }
        }
        > p {
          position: relative;
          width: 100%;
          height: 0px;
          padding-top: 40%;
          border-radius: 2px;
          margin-bottom: 0;
          img {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
      }
      li:hover {
        > div {
          opacity: 1;
        }
      }
      li.action {
        border: 1px solid rgb(59, 116, 255);
      }
    }
    > span {
      height: 50px;
      border: 1px dashed #bbbbbb;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 10px;
    }
    > span:hover {
      border-color: rgb(59, 116, 255);
      color: rgb(59, 116, 255);
    }
  }
}
.right_fb {
  height: calc(100vh - 112px);
  overflow-y: scroll;
  > div {
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .upload {
    border: 1px dashed #d8d8d8;
    border-radius: 3px;
    cursor: pointer;
    margin: 10px 0;
    position: relative;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .add {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
      height: 100%;
    }
    .pos {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      color: #fff;
    }
    .pos:hover {
      opacity: 1;
      background: rgba(0, 0, 0, 0.6);
    }
  }
  .min {
    width: 88px;
    height: 88px;
  }
  .max {
    width: 220px;
    height: 95px;
  }
  .right_textArea {
    span:last-child {
      float: right;
      text-align: right;
    }
  }
}
.box {
  border: 1px solid #efefef;
  height: 100%;
  > div {
    &:nth-child(1) {
      border-right: 1px solid #efefef;
    }
    &:last-child {
      padding: 0 10px;
      border-left: 1px solid #efefef;
    }
  }
}
.title1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
