.modalCot {
  width: 1000px;
  right: unset !important;
  left: unset !important;

  .proModalWrap {

    thead .ant-checkbox {
      visibility: hidden;
    }


    .content {
      display: flex;
      margin-bottom: 8px;

      .ant-form .ant-form-item-label {
        line-height: 1.5 !important;
      }

      .ant-form-item-label>label {
        height: unset !important;
      }

      .ant-form .ant-cascader-picker-disabled,
      .ant-form .ant-input-disabled,
      .ant-form .ant-input[disabled] {
        border-width: 1px;
      }

      .rightCot {
        width: 100%;
        margin-left: 16px;
        overflow-x: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .ant-table .ant-table-thead>tr>th {
          padding: 16px !important;
        }

        .ant-table-wrapper {
          flex: 1;
          overflow: hidden;

          .ant-table-body {
            max-height: 260px !important;
          }
        }

        .proImg {
          display: inline-block;
          width: 52px;
          height: 52px;
          background-size: cover;
          background-position: 50% 50%;
          background-repeat: no-repeat;
        }

        .proName {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
        }

        .proCode {
          display: block;
          width: 100%;
          text-overflow: -o-ellipsis-lastline;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          -webkit-box-orient: vertical;
        }

        .selectedCot {
          // margin-top: 30px;
          width: 722px;
          margin-left: 4px;
          height: 148px;
          background: #f8f8f8;
          border: 1px solid #e0e0e0;
          border-radius: 2px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          overflow-y: auto;

          .selectedItem {
            box-sizing: border-box;
            margin-top: 12px;
            margin-left: 18px;
            height: 52px;
            position: relative;

            // &:nth-child(10){
            //     margin-left: 0px !important;
            // }
            &:hover {
              .selectedItemImg {
                width: 52px;
                height: 52px;
                border: 1px solid #4477ee!important;
                box-shadow: 0 0 0 2px rgba(68, 119, 238, 0.15);
                border-radius: 2px;
              }

              .selectedItemClose {
                display: inline-block;
                width: 16px;
                position: absolute;
                top: -10px;
                right: -8px;
                z-index: 400;
              }
            }

            .selectedItemClose {
              display: none;
            }

            &:nth-child(n + 11) {
              margin-top: 5px !important;
            }

            .selectedItemImg {
              height: 52px;
              width: 52px;
              border: 1px solid #e0e0e0;
              border-radius: 2px;
              &.invalid {
                border: 1px solid red;
              }
            }
          }
        }
      }

      .leftCot {
        width: 300px;
        // height: 400px;
        box-sizing: border-box;
        border-right: 1px solid #e0e0e0;

        .price {
          display: flex;
          width: calc(100% - 16px);

          .icon {
            width: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
          }
        }

        .inputStyle {
          width: calc(100% - 16px);
          height: 28px;

          .ant-select-selector {
            max-height: 40px;
            overflow: hidden;
          }
        }

        .buttonStyle {
          width: calc(100% - 16px);
          margin-top: 10px;
          display: flex;
          flex-direction: row-reverse;
          align-items: center;
        }
      }
    }

    .footer {
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #e0e0e0;
    }

    .total {
      font-size: 16px;
      color: #2d3040;
      letter-spacing: 0;

      .totalNum {
        color: #4477ee;
      }
    }
  }

  // :global{
  .ant-modal-body {
    padding: 8px 16px 0 16px !important;
  }

  .ant-form-item {
    margin-bottom: 4px !important;
  }

  .ant-modal {
    top: 25px !important;

    .ant-modal-content {
      .ant-modal-body {
        max-height: 590px;
        overflow: auto;
      }
    }
  }

  // }
}

// :global{
.ant-modal-root {
  display: flex !important;
  justify-content: center !important;
}

// }
