.mainContent{
    width: 100%;
    height: 100%;
    background: url('../../assets/detail/bgImg.png') no-repeat;
    background-size: cover;
    margin: -60px 0;
    position: absolute;
    z-index: 9999;
   .amos-layout{
     widows:100%;
     height:100%;
     background:linear-gradient(180deg,rgba(17,12,48,1) 0%,rgba(0,0,0,0.19) 100%);
     opacity:1;
      .contentHeader{
         padding: 0;
         width:100%;
         height: 64px;
         background: url('../../assets/detail/bg-header.png') no-repeat;
         background-size: cover;
         box-shadow:0px 3px 6px rgba(0,0,0,0.16);
         opacity:1;
        .headerLeft{
          width: 280px;
          height: 55px;
          font-size: 25px;
          margin-top: 22px;
          color: #F7FF00;
          line-height: 32px;
          float: left;
          margin-left: 40px;
        }
        .headerRight{
          margin-top: 15px;
          width: 42px;
          height:42px;
          float: right;
        }
       }
       .content{
         padding: 0px 22.5px;
         background:linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%);
         opacity:1;
          .contentInfo{
            border:1px solid rgba(95,255,253,1);
            height: 980px; 
            opacity: 1;
            margin-top: 18px;
            .infoHeader{
              background:rgba(0,35,51,1);
              height: 89px; 
              opacity: 1;
              .amos-search{
                border: 0;
                height:35px ;
                width: 290px ; 
                background:rgba(0,185,255,0.3);
                border-radius:17px; 
                top: 30px;
                margin-left: 880px;
                color: #5FFFFD;
                .amos-search-icon-right{
                   left: 255px;     
                }
                .amos-search-inner{
                    color: white;
                    display: block;
                    height: 37px;
                    background: transparent;
                    border-radius: 17px;
                }
              } 
            }
            .infoContent{
             height:888px;
             opacity: 1;
             .ant-table-content{
                height: 800px;
                opacity:1;
               .ant-table-placeholder{
                 background:rgba(14,127,180,0.29);
                 opacity:0.63;
               }
               .ant-table-tbody {
                   width: 100%;
                   height: 100%;
                   .ant-table-row{
                     margin-left: 13px;
                     width: 100% ;  
                   }       
               }
               table {
                   width: 100%;
               }
               .ant-table-body>.clickRowStyl:hover>td {
                 background-color: #00b4ed;
               }           
             }
             .ant-table-pagination{
                 float: none;
                 text-align: center;
               .ant-pagination-total-text{
                   color: white;
                   font-size: 13px;
                 }
             }
             .ant-table-pagination > li {
                background:rgba(0,185,255,0.3);
                border-radius: 0;
                opacity:1;
                margin:0;
                display: inline-block;
                width: 24px;
             }
            }        
          }
       }
       /**
  *  换流站风险详情页
  */
  .riskcontent{
    display: inline-block;
    width: 100%;
    height: 100%;
    .blockOneHeader{
        width: 95%;
        height: 59%;
        margin: 1% 2%;
        background-color:transparent; 
        .oneChildHeader{
            height:40px;
            width: 256px;
            border:1px solid rgba(95,255,253,1);
        }
        .oneHeaderContent{
            border:1px solid rgba(95,255,253,1);
            text-align: center;
            height:575px;
            background:linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%);
        }
    }
    .blockOneContent{
        width:47%;
        height: 370px;
        margin-left: 30px;
        display: inline-block;
        .oneChildLayout {
             background: transparent;
             height: 360px;
            .oneChildSider{
                background-color:transparent; 
                height: 360px; 
                .twoChildHeader{
                    background:'none';
                    height:40px;
                    width: 277px;
                    border:1px solid rgba(95,255,253,1);      
                }
                .twoHeaderContent{
                    height:330px;
                    width: 748px;
                    border:1px solid rgba(95,255,253,1);
                }
            }
        } 
    }
    .blockTwoContent{
        width:47%;
        height: 370px;
        display: inline-block;
        margin-left: 35px;
        .oneChildLayout {
             height: 360px;
             background: transparent;
            .oneChildSider{
                background-color:transparent; 
                height: 360px; 
                .twoChildHeader{
                    background:'none';
                    height: 40px;
                    width: 277px;
                    border:1px solid rgba(95,255,253,1);      
                }
                .twoHeaderContent{
                    height:330px;
                    width: 748px;
                    border:1px solid rgba(95,255,253,1);
                }
            }
        } 
    }
       .amos-layout-header{
           padding: 0;
       }
     }   
     .risksider{
         height:1020px;
         flex: 0 0 486px!important;
         width: 486px!important;
         margin: 6px 40px 0px 0px;
         background: transparent;
         .amos-layout-sider-children{
             margin-top: 10px;
           .risksiderHeader{
               height:40px;
               background: transparent;
               margin-left: -50px;
            }
           .risksiderHeader >img{
             width: 256px;
             height: 40px;
             margin: 0px;
             border:1px solid rgba(95,255,253,1);
           }  
           
           .risksiderContent{
               margin-top: -3px;
               height:980px; 
               border:1px solid rgba(95,255,253,1);
            }
         }
       
     }
 
 }
 
 .tableDetail{
     height: 46px;
     width: 100%;
     .ant-table-thead > tr > th {
         background:rgba(0,185,255,0.38)!important;
         font-size:20p!important;
         font-family:Microsoft YaHei;
         font-weight:bold;
         color:rgba(255,255,255,1);
         text-align: center;
         padding: 9px 10px!important;
         opacity: 1;
       }
       .ant-table-body > tr{
        margin: 0px 14px!important;
       }
       .ant-table-tbody > tr > td{
         font-size:20px!important;
         font-family:Microsoft YaHei;
         color:rgba(255,255,255,1);
         font-weight:bold;
         border: 0;
         text-align: center;
         padding: 9px 10px!important;
       } 
 }
 
 .ant-table-wrapper {
     .ant-table-row:hover>td  {
          background-color:transparent; 
        } 
 }
 
 .light-row{
    background-color: rgba(14,127,180,0.29);;
 }
 
     .blockTwoContent{
         width: 699;
         height: 342px;
         display: inline-block;
         .oneChildLayout {
              height: 342px;
             .oneChildSider{
                 background-color:transparent; 
                 height: 342px; 
                 .twoChildHeader{
                     background:'none';
                     height:38px;
                     width: 277px;
                     border:1px solid rgba(95,255,253,1);      
                 }
                 .twoHeaderContent{
                     height:304px;
                     width: 661px;
                     border:1px solid rgba(95,255,253,1);
                 }
             }
         } 
     }
     .situation-map-legend {
         color: ivory;
         font-size: 18px;
         display: inline-block;
         margin-top: 380px;
         margin-left: 140px;
         position: initial;
         width: 108px;
         height:30px;
         .situation-map-legend-item{
            height:30px;
             .situation-map-legend-block{
                 float: left;
                 width: 20px;
                 height: 15px;
                 margin-right: -10px;
             } 
             div{
                 height: 30px;
                 line-height: 15px;
             } 
         }
        
      }
     
 }
 