.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;
              .drp-content{
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                column-gap: 40px;
                margin-top: 40px;
              }
              .drp-item{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
                width: 220px;
                height: 160px;
                background-color: #eaf4fe;
                margin-bottom: 40px;
                .value{
                  font-size: 20px;
                  font-weight: bold;
                }
                .name{
                  font-size: 16px;
                  color: #40a9ff;
                }
              }
            }
          
          
            .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%;
            }
          
      
          
    
          }
    }
    .content-right{
        flex: 1;
        height: 100%;
        background-color: #fff;
        .sjcx-content{
            padding: 10px;
            .qth_skyh_sjcx{
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              .qth_skyh_sjcx_top{
                padding: 0 0 15px 10px;
              }
              .qth_skyh_sjcx_center{
                flex: 1;
                padding: 0 10px;
                display: flex;
                flex-direction: row;
                .qth_skyh_sjcx_center_left{
                  width: 55%;
                  height: 100%;
                  margin-bottom: 10px;
                }
                .qth_skyh_sjcx_center_right{
                  width: 45%;
                  height: 100%;
                }
              }
            }
        }
    }
    .pic-container{
        padding: 10px;
    }
}