#leftBox{
    position: fixed;
    top: 0;
    left: 0%;
    width: 50%;
    height: 100%;
    background-size: 100% 100%;
    background-image: url(../images/leftBg.png);
}
#rightBox{
    position: fixed;
    top: 0;
    right: 0%;
    width: 50%;
    height: 100%;
    background-size: 100% 100%;
}
#allBg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
#rightInner{
    width: 42.7%;
    height: 65%;
    position: absolute;
    top: 27%;
    right: 4%;
    overflow: hidden;
}
#leftInner{
    width: 42.7%;
    height: 65%;
    position: absolute;
    top: 27%;
    left: 5%;
    overflow: hidden;
}
.table{
    color: red;
    border-radius: 20px 20px 0 0 ;
    border-collapse: unset;
}
thead{
    border-radius: 20px 20px 0 0 ;
}

#leftInner .table,#rightInner .table{
    border-color: red;
}
#leftInner .table th,#rightInner .table th{
    border-color: red;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
}
#leftInner .table td,#rightInner .table td{
    border-color: red;
    font-weight: bold;
    vertical-align: middle;
    font-size: 16px;
}

#showTop{
    width: 68%;
    /* border: 1px solid black; */
    height: 7%;
    position: absolute;
    z-index: 99;
    top: 4.7%;
    left: 18%;
    FONT-SIZE: 30px;
    color: #de4b4b;
    font-weight: bold;
}

.leftZhezhao{
    position: absolute;
    background-color: #fff2c6;
    height: 60px;
    width: 42.7%;
    height: 3%;
    top: 27%;
    left: 5%;
    z-index: 20;
}
.rightZhezhao{
    position: absolute;
    background-color: #fff2c6;
    height: 60px;
    width: 42.7%;
    height: 3%;
    top: 27%;
    right: 4%;
    z-index: 20;
}