.mainContent{
    width: 1440px;
    height: 810px;
    background: url('../../../../assets/detail/bgImg.png') no-repeat;
    background-size: cover;
    
   .amos-layout{
     widows:1400px;
     height:780px;
     background:linear-gradient(180deg,rgba(17,12,48,1) 0%,rgba(0,0,0,0.19) 100%);
     opacity:1;
      .contentHeader{
         width:1440px;
         background: url('../../../../assets/detail/bg-header.png') no-repeat;
         background-size: cover;
         box-shadow: pxToRem(0px)  pxToRem(3px)  pxToRem(6px) rgba(0,0,0,0.16);
         opacity:1;
         margin-left:  pxToRem(-6px);
         margin-top:  pxToRem(-6px);
        .headerLeft{
          width:  pxToRem(200px);
          height:  pxToRem(32px);
          font-size:  pxToRem(18px);
          margin-top:  pxToRem(18px);
          color: #F7FF00;
          line-height:  pxToRem(32px);
          float: left;
          margin-left:  pxToRem(40px);
        }
        .headerRight{
          margin-top:  pxToRem(17px);
          width:  pxToRem(32px);
          height: pxToRem(32px);
          float: right;
        }
       }
       .content{
         overflow: auto;
         padding:  pxToRem(0px)  pxToRem(22.5px);
         background:linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%);
         opacity:1;
          .contentInfo{
            border: pxToRem(1px) solid rgba(95,255,253,1);
            height:  pxToRem(732px); 
            opacity: 1;
            .infoHeader{
              background:rgba(0,35,51,1);
              height:  pxToRem(67px); 
              opacity: 1;
              
              .ant-input-group{
                 width: pxToRem(217.5px) ; 
                 margin-top:  pxToRem(21px);
                 text-align: center;
                 .titleInput{
                     border: 0;
                     height: pxToRem(25.5px);
                     width:  pxToRem(180px); 
                     background:rgba(0,185,255,0.3);
                     border-radius: pxToRem(13px)  pxToRem(0px)  pxToRem(0px)  pxToRem(13px); 
                     margin-left:  pxToRem(590px);
                 }
                 .ant-input-group-addon{
                     border: 0;
                     height: pxToRem(25.5px) ;
                     margin-left:  pxToRem(-2px);
                     background:rgba(0,185,255,0.3);
                     border-radius: pxToRem(0px)  pxToRem(13px)  pxToRem(13px)  pxToRem(0px); 
                 }
              }
            }
            .infoContent{
             height:  pxToRem(665px);
             opacity: 1;
             .ant-table-content{
                opacity:1;
               .ant-table-placeholder{
                 background:rgba(14,127,180,0.29);
                 opacity:0.63;
               }
               .ant-table-tbody {
                   .ant-table-row{
                     margin-left:  pxToRem(10px);
                     width:  pxToRem(1362px) ;  
                   }
                
               }
               .ant-table-body>.clickRowStyl:hover>td {
                 background-color: #00b4ed;
               }
             
             }
             .ant-table-pagination{
                 float: none;
                 text-align: center;
               .ant-pagination-total-text{
                   color: white;
                 }
             }
             .ant-table-pagination > li {
                background:rgba(0,185,255,0.3);
                border-radius: 0;
                opacity:1;
                margin:0;
             }
            }        
          }
       }
       .amos-layout-header{
           padding: 0;
       }
     }   
     .risksider{
         height: pxToRem(733px);
         flex: 0 0  pxToRem(300px)!important;
         width:  pxToRem(340px)!important;
         margin:  pxToRem(70px)  pxToRem(30px)  pxToRem(0px)  pxToRem(0px);
         background: transparent;
         .risksiderHeader{
             height: pxToRem(29px);
             background: transparent;
         }
         .risksiderContent{
             height: pxToRem(704px); 
             border:1px solid rgba(95,255,253,1);
         }
     }
 
 }
 
 .tableDetail{
     height:  pxToRem(35px);
     .ant-table-thead > tr > th {
         background:rgba(0,185,255,0.38);
         font-size: pxToRem(15px);
         font-family:Microsoft YaHei;
         font-weight:bold;
         color:rgba(255,255,255,1);
         text-align: center;
         padding:  pxToRem(6px)  pxToRem(8px);
         opacity: 1;
       }
       .ant-table-body > tr{
        margin:  pxToRem(0px)  pxToRem(12px);
       }
       .ant-table-tbody > tr > td{
         font-size: pxToRem(15px);
         font-family:Microsoft YaHei;
         color:rgba(255,255,255,1);
         border: 0;
         text-align: center;
         padding:  pxToRem(6px)  pxToRem(8px);
       } 
 }
 
 .ant-table-wrapper {
     .ant-table-row:hover>td  {
          background-color:transparent; 
        } 
 }
 
 .light-row{
    background-color: rgba(14,127,180,0.29);;
 }
 
 /**
  *  换流站风险详情页
  */
  .riskcontent{
     display: inline-block;
     width:  pxToRem(1080px);
     .blockOneHeader{
         width:  pxToRem(1038px);
         height:  pxToRem(460px);
         margin:  pxToRem(14px)  pxToRem(23px);
         background-color:transparent; 
         .oneChildHeader{
             height: pxToRem(29px);
             width:  pxToRem(192px);
             border:1px solid rgba(95,255,253,1);
         }
         .oneHeaderContent{
             border:1px solid rgba(95,255,253,1);
             text-align: center;
             height: pxToRem(431px);
             background:linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%);
         }
     }
     .blockOneContent{
         width:  pxToRem(520px);
         height:  pxToRem(257px);
         margin-left:  pxToRem(23px);
         display: inline-block;
         .oneChildLayout {
              height:  pxToRem(257px);
             .oneChildSider{
                 background-color:transparent; 
                 height:  pxToRem(257px); 
                 .twoChildHeader{
                     background:'none';
                     height: pxToRem(29px);
                     width:  pxToRem(208px);
                     border: pxToRem(1px) solid rgba(95,255,253,1);      
                 }
                 .twoHeaderContent{
                     height: pxToRem(227px);
                     width:  pxToRem(520px);
                     border: pxToRem(1px) solid rgba(95,255,253,1);
                 }
             }
         } 
     }
 
     .blockTwoContent{
         width:  pxToRem(496px);
         height:  pxToRem(257px);
         margin-left:  pxToRem(23px);
         display: inline-block;
         .oneChildLayout {
              height:  pxToRem(257px);
             .oneChildSider{
                 background-color:transparent; 
                 height:  pxToRem(257px); 
                 .twoChildHeader{
                     background:'none';
                     height: pxToRem(29px);
                     width:  pxToRem(208px);
                     border: pxToRem(1px) solid rgba(95,255,253,1);      
                 }
                 .twoHeaderContent{
                     height: pxToRem(227px);
                     width:  pxToRem(496px);
                     border: pxToRem(1px) solid rgba(95,255,253,1);
                 }
             }
         } 
     }
     .situation-map-legend {
         position: unset;
         width:  pxToRem(80px);
         color: ivory;
         font-size:  pxToRem(14px);
         display: inline-block;
         margin-top:  pxToRem(275px);
         margin-left:  pxToRem(80px);
         .situation-map-legend-item{
              height:  pxToRem(23px);
             .situation-map-legend-block{
                 float: left;
                 width:  pxToRem(15px);
                 height:  pxToRem(10px);
                 margin-right:  pxToRem(10px);
             }  
         }
        
      }
     
 }
 