.placeholder {
  margin: 0 40px;
  min-width: 1140px;
  .box_title() {
    border-radius: 2px;
    background: #d0d7e2;
  }
  .box() {
    border-radius: 2px;
    background: #e0e6ee;
  }
  .p() {
    height: 6px;
    border-radius: 3px;
    background: #e0e6ee;
  }
  .input() {
    height: 30px;
    border: 1px solid #e0e6ee;
    border-radius: 3px;
  }
  .checkbox() {
    border: 1px solid #e0e6ee;
    border-radius: 2px;
  }
  .title {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .left {
      display: flex;
      align-items: center;
    }
  }
  .list_content {
    background: #fff;
    border-radius: 4px;
    .header {
      height: 40px;
      border-bottom: 1px solid #e0e6ee;
      display: flex;
      align-items: center;
    }
    .search_bar {
      height: 70px;
      display: flex;
      align-items: center;
    }
    .list {
      .head {
        height: 52px;
        background: #e0e6ee;
      }
      .item {
        height: 80px;
        border-bottom: 1px solid #e0e6ee;
        display: flex;
        align-items: center;
        .checkbox1 {
          width: 22px;
          height: 22px;
          .checkbox;
        }
      }
      .loading {
        height: 194px;
        text-align: center;
        &_icon {
          margin-top: 70px;
          animation: loading 1s linear infinite;
        }
        @keyframes loading {
          100% {
            transform: rotate(360deg);
          }
        }
      }
    }
  }
  .details_content {
    display: flex;
    .main {
      width: 740px;
      flex: 1 0 740px;
      height: 100px;
      .details {
        background: #fff;
        padding: 40px;
        margin-bottom: 20px;
      }
      .images {
        margin-bottom: 20px;
        background: #fff;
        padding: 40px;
        display: flex;
      }
      .data {
        margin-bottom: 20px;
        background: #fff;
        padding: 40px;
        display: flex;
        justify-content: space-between;
        .box8 {
          flex: 1 0 240px;
          &:not(:first-child) {
            margin-left: 34px;
          }
        }
      }
      .data2 {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
      }
      .data3 {
        display: flex;
        justify-content: space-between;
      }
    }
    .fixed_part {
      width: 380px;
      flex: 0 0 380px;
      background: #f8f9fb;
      margin-left: 20px;
      padding: 40px;
    }
    .item {
      &:not(:last-child) {
        margin-bottom: 60px;
      }
    }
    .item2 {
      width: 260px;
      background: #fff;
      padding: 40px;
      flex: 1;
      &:not(:first-child) {
        margin-left: 34px;
      }
    }
  }
  .box1 {
    width: 96px;
    height: 33px;
    .box_title;
  }
  .box2 {
    width: 88px;
    height: 23px;
    .box_title;
  }
  .box3 {
    width: 120px;
    height: 38px;
    .box_title;
  }
  .box4 {
    width: 57px;
    height: 30px;
    .box;
  }
  .box5 {
    width: 24px;
    height: 24px;
    .box;
  }
  .box6 {
    width: 167px;
    height: 40px;
    .box;
  }
  .box7 {
    width: 96px;
    height: 24px;
    .box;
  }
  .box8 {
    width: 120px;
    height: 120px;
    .box;
  }
  .box9 {
    width: 240px;
    height: 100px;
    .box;
  }
  .p1 {
    width: 48px;
    .p;
  }
  .p2 {
    width: 214px;
    .p;
  }
  .p3 {
    width: 90px;
    .p;
  }
  .p4 {
    width: 140px;
    .p;
  }
  .p5 {
    margin-top: 30px;
    .p;
  }
  .p6 {
    width: 83%;
    margin-top: 20px;
    .p;
  }
  .p7 {
    width: 100px;
    .p;
  }
  .p8 {
    margin-top: 20px;
    .p;
  }
  .input1 {
    width: 208px;
    margin-left: 40px;
    .input;
  }
}