* {
    padding: 0px;
    margin: 0px;
}

html {
    height: 100%;
    width: 100%;
}
 body {
    height: 100%;
    width: 100%;
    background-color: black;
    overflow: hidden;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

.title {
    height: 10%;
    width: 100%;
}

    .title table {
        height: 100%;
        width: 100%;
        color: #ffffff;
        text-align: left;
    }

.zhname {
    margin-left: 2%;
    font-size:15px;
}

.imgx {
    float: right;
    margin-right: 2%;
    cursor: pointer;
}

.tcenter {
    height: 90%;
    width: 100%;
}

    .tcenter table {
        height: 100%;
        width: 100%;
        color: #ffffff;
        border-collapse: collapse;
        border-left: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        text-align: center;
    }

        .tcenter table tr {
            height: 10%;
        }

            .tcenter table tr td {
                width: 25%;
                border-right: solid 1px #ffffff;
                border-top: solid 1px #ffffff;
                font-size:15px;
            }

    /* .tcenter tr td:first-child {
        background-color: #01AFAD;
    } */

    .tcenter table tr td:nth-child(odd) {
        background-color: #01AFAD;
    }


     .border {
            margin: 6px;
            height: calc(100% - 14px );
            width: calc(100% - 14px );
            border: solid 1px #4075B4;
        }

        .content {
            height: 100%;
            width: 100%;
        }

        .FourBorder {
            position: absolute;
            margin: -2px;
            height: calc(100% - 10px );
            width: calc(100% - 10px );
            z-index: -1;
        }

        .topleft {
            position: absolute;
            left: 0;
            top: 0;
            height: 20px;
            width: 20px;
            border-top: solid 2px #0EFCFF;
            border-left: solid 2px #0EFCFF;
        }

        .topright {
            position: absolute;
            right: 0;
            top: 0;
            height: 20px;
            width: 20px;
            border-top: solid 2px #0EFCFF;
            border-right: solid 2px #0EFCFF;
        }

        .bottomleft {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 20px;
            width: 20px;
            border-bottom: solid 2px #0EFCFF;
            border-left: solid 2px #0EFCFF;
        }

        .bottomright {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 20px;
            width: 20px;
            border-bottom: solid 2px #0EFCFF;
            border-right: solid 2px #0EFCFF;
        }