.LookObject2 {
  :global {
    .objectSonMain {
      padding: 0px 30px;

      .topInfoBox {
        width: 100%;
        display: flex;
        height: 370px;

        .topInfoBoxL {
          display: flex;
          align-items: center;
          padding-top: 20px;
          width: 300px;
          margin-right: 20px;
        }

        .topInfoBoxR {
          padding-top: 10px;
          width: calc(100% - 320px);

          .topInfoBoxRTit {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px 8px;
            border-bottom: 1px solid #ccc;

            &>div {
              display: flex;
              align-items: center;

              &>h1 {
                font-size: 20px;
              }

              .bs {
                margin-left: 10px;
                color: #fff;
                height: 20px;
                display: flex;
                align-items: center;
                padding: 0 5px;
                border-radius: 3px;
                font-size: 12px;
              }

              .bs1 {
                border: 1px solid #ccc;
                color: black;
                // background-color: var(--themeColor);
              }

              .bs2 {
                background-color: var(--themeColor);
              }

              .bs3 {
                background-color: green;
              }

              .bs4 {
                background-color: #999;
              }
            }
          }

          .topInfoBoxRTxt {
            .row {
              display: flex;
              width: 100%;

              &>div {
                cursor: pointer;
                padding: 0 5px;
                width: 50%;
                display: flex;
                border: 1px solid #ccc;
                height: 26px;
                line-height: 24px;

                span {
                  font-weight: 700;
                  display: inline-block;
                  width: 100px;
                  text-align: right;
                }

                p {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  width: calc(100% - 110px);
                }
              }
            }
          }

        }
      }

      .tableInfoBox {
        width: 100%;
        height: 265px;

        .tableInfoBoxTit {
          margin-bottom: 5px;
          display: flex;
          align-items: center;

          .rowTit {
            font-weight: 700;
          }
        }
      }

      .backBtn {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
}