.box{
    height: 100%;
    width: 100%;
    display: flex;
    .boxleft{
        height: 100%;
        width: 45%;
        background-color: #FFFFFF;
        display: flex;
        flex-direction: column;
        .lefthead{
            display: flex;
            flex-direction: column;
            .headdiv{
                margin: 0 0 0 30px;
                height: 40px;
                .radio{
                    height: 10px;
                }
                span{
                    font-size: 16px;
                    margin-left: 3px;
                }
                input{
                    margin-left: 15px;
                    position: relative;
                    top: 1px;
                }
            }
            .headthree{
                margin-left: 30px;
                mat-form-field{
                    width: 150px;
                }
                button{
                    width: 80px;
                    height: 36px;
                    font-size: 16px;
                }
                img{
                    height: 14px;
                    width: 14px;
                }
            }
        }
        .tablediv{
            width: 100%;
            height: 70%;
            .tbodycss{
                overflow-y: auto;
                height: 700px;
                width: 100%;
            }
            table{
                margin-left:10px;
                margin-right: 10px;
                width: 97.5%;
                thead{
                    height:48px;
                    color: #FFFFFF;
                    background-color: #2196F3;
                    font-size: 16px;
                    
                }
                
                tr:nth-child(odd){
                    background: #FAFAFA;
                    }
            }
        }
    }
    .boxright{
        height: 100%;
        flex: 1;
        background-color: #FFFFFF;
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        .righthead{
            width: 100%;
            display: flex;
            height: 50px;
            align-items: center;
            flex-direction: row-reverse;
            button{
                margin-left: 10px;
                font-size: 16px;
            }
            .rightheadone{
                width: 50%;
                margin-right: 7%;
            }
            .rightheadtwo{
                width: 40%;
                margin-right: 2%;
            }
        }
        .word{
            width: 100%;
            height: 100%;
            iframe{
                height: 95%;
                width: 97%;
                margin: 10px 10px 10px 10px;
                overflow-y: auto;
                border: medium none;
            }
        }
        #viewer{
            margin: 10px 10px 10px 10px;
            width: 97%;
            height: 91%;
        }
        .waterAudit,.fireForceAudit,.LinkageForcesAudit{
            flex: 1;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
        }
    }
}
th,td{
    height:48px;
    font-size: 16px;
    text-align: center;
    //white-space: nowrap;
}
.green{color: #00C756;}
.red{color: #FF4D4D;}
.blue{color: #2196F3;}
.accordingin{
    margin: 5px;
    .panelhead{
        background-color:#E8F4FE;
        color: #2196F3;
        font-size: 16px;
        span{
            margin-left: 10px;
        }
    }
    table{
        margin: 5px 0;
        width: 100%;
        th{
            background-color: #FAFAFA;
            width: 30%;
            font-size: 16px;
            text-align: right;
        }
        td{
            text-align: left;
            font-size: 16px;
            margin-left: 3px;
        }
    }
    .onebuilding{
        display: flex;
        margin: 5px 0;
        width: 100%;
        .accordingleft{
            background-color: #FAFAFA;
            width: 30%;
            height: 120px;
            font-size: 16px;
            text-align: right;
        }
        .accordingright{
            margin: 7px;
            height: 100px;
            font-size: 16px;
            img{
                margin-left: 10px;
                //height: 80px;
            }
            span{
                margin-left: 10px;
                position: relative;
                bottom: 90px;
            }
        }
    }
}
.echarts{
    width: 480px;
    height: 304px;
    display: flex;
    background-color: #000000;
    opacity: 0.7;
    position: absolute;
    top: 13%;
    left: 55%;
    z-index: 100;
    .bar{
        height: 100%;
        width: 40%;
        opacity: 1;
        //margin: 40px 30px;
    }
    .zhu{
        margin-bottom: 100px;
        margin-right: 20px;
        height: 95%;
        width: 60%;
        opacity: 1;
    }
}
.twoD {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: left;
    .planBox {
      margin: 30px 30px;
      color: black;
      :first-child {margin-right: 10px;}
    }
  }

//滚动条样式
::-webkit-scrollbar{
    width: 6px;
    background-color: white;
  }
  ::-webkit-scrollbar-thumb{
    background-color: #2196F3;
  }