.content-sk{
    display: flex;
    column-gap: 10px;
    height: calc(100vh - 90px);
    .comomn-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 10px;
    }
    .content-left{
        width: 550px;
        height: 100%;
        background-color: #fff;
        .ssjc{
            .root {
              display: flex;
              color: #333;
              padding: 1rem 1rem 1rem 1rem;
            }
          
            .realinfo {
              width: 100%;
              margin-right: 1rem
            }
          
            .dataTm {
              padding: 0.4rem 1rem;
              border-radius: 0.4rem;
              margin-bottom: 0.5rem;
              font-size: 0.8rem;
            }
          
            .online, .offline{
              color:#fff;
              line-height:22px;
              font-size:14px;
              letter-spacing: 1px;
            }
          
            .online {
              border: 1px solid #9ccc65;
              background-color: #33691e;
            }
            .report-time,.rain-report{
              display: flex;
              width: 70%;
              align-items: center;
              color: #689fff;
              font-size: 15px;
              font-weight: 500;
              line-height: 1.5;
              column-gap: 5px;
              margin-bottom: 10px;
              justify-content: center;
              padding: 7px 0;
              background-color: #ecf5ff;  
              border: 1px solid #cde5ff;
              border-radius: 5px;
              margin-left: 10%;
            }
          
            .offline {
              border: 1px solid #ef5350;
              background-color: #b71c1c;
            }
          
            .infoItem {
              border-bottom: 1px dashed #aaa;
              display: flex;
              font-size: 14px;
              line-height: 1.8;
              margin-bottom: 0.5rem;
          
              & > .row-key{
                width: 9rem;
                line-height:30px;
              }
          
              & > .row-value{
                width: 50%;
                text-align: right;
                font-weight: bold;
                margin-right: 0.5rem;
                flex-grow: 1;
              }
          
              & > .row-unit{
                width: 3rem;
                flex-shrink: 0;
              }
            }
          
    
          }
    }
    .content-right{
        flex: 1;
        height: 100%;
        background-color: #fff;
        .sjcx-content{
            padding: 10px;
        }
    }
    .pic-container{
        padding: 10px;
    }
}