gxytj/xztszzy/site.css

body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    text-align: center;
    background-color: #D7EEFF;
}

a, a:hover {
    text-decoration: none;
    color: unset;
}

video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

video::-internal-media-controls-overflow-button {
    display: none !important;
}

.c-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-evenly;
}

.c-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#app {
    box-sizing: border-box;
    margin: 0 auto;
    height: 100vh;
    width: calc(( 16 * 100vh ) / 9);
    background-color: #fff;
    background-image: url(images/bg-sub.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.c-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 7vh;
    position: relative;
}

.c-header, .c-footer {
    box-sizing: border-box;
    height: 9.9vh;
    position: relative;
    overflow: hidden;
}

.c-content {
    height: 66.2vh;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border: .1vh solid #C4E3FF;
    background-color: #fff;
    opacity: .8;
}

.c-page {
    box-sizing: border-box;
    height: 66vh;
    overflow: hidden;
}

.c-row {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.c-btn {
    box-sizing: border-box;
    border: 1px solid #00ACFC;
    line-height: 3vh;
    display: inline-block;
    font-size: 1.6vh;
    padding: .7vh 2rem;
    background-color: #00ACFC;
    color: #fff;
    cursor: pointer;
}

.c-btn-light {
    color: #00ACFC;
    background-color: #fff;
}

.c-title {
    overflow: hidden;
}

    .c-title h1 {
        margin: 0;
        padding: 0;
        font-size: 4.5vh;
        line-height: 4.5vh;
        display: inline-block;
        font-weight: bolder;
        float: left;
        color: #027EFA;
    }

        .c-title h1 span {
            font-weight: lighter;
        }

    .c-title div {
        float: left;
        color: #666;
    }

        .c-title div div {
            font-size: 1.8vh;
            line-height: 2.25vh;
            padding-left: 1.5vh;
            margin-left: 1.5vh;
            border-left: 0.25vh solid;
            clear: left;
        }

.c-footer {
    overflow: hidden;
}

    .c-footer .c-contact {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
    }

        .c-footer .c-contact div:first-of-type {
            font-size: 3.6vh;
            inset-inline: 6vh;
            color: #006dfa;
        }

        .c-footer .c-contact div:first-child span:first-child {
            font-weight: 700;
        }

        .c-footer .c-contact div:first-child span:last-child {
            font-weight: 100;
        }

        .c-footer .c-contact div:last-child {
            font-size: 1.8vh;
            inset-inline: 4vh;
            color: #666;
        }

.c-menu {
    font-size: 0;
}

    .c-menu a {
        display: inline-block;
        width: 8.4vh;
        height: 8.4vh;
        box-sizing: border-box;
        padding: 1.2vh 0;
        background-color: #026fe8;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

        .c-menu a:not(:first-child) {
            margin-left: 1vh;
        }

    .c-menu .router-link-active, .c-menu .c-current {
        background-color: #00ACFC;
    }

    .c-menu a div {
        padding-top: .5vh;
        font-size: 1.5vh;
    }

.c-breadcrumb a {
    color: #666;
    text-decoration: none;
}

    .c-breadcrumb a:not(:nth-child(1)):before {
        content: '>';
        padding: 0 .1vh;
    }

.c-search {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 20vh;
    width: 50vh;
    height: 8.4vh;
}

    .c-search input {
        box-sizing: border-box;
        width: 44vh;
        height: 6vh;
        border: 1px solid #84aed0;
        display: inline-block;
        padding: 1vh 6vh 1vh 1vh;
        font-size: 2vh;
        position: relative;
    }

        .c-search input:focus-visible {
            outline: none;
        }

.c-search-a {
    position: absolute;
    width: 4vh;
    height: 4vh;
    top: 1vh;
    right: 5vh;
    display: block;
    overflow: hidden;
}

.c-svg.c-svg-search {
    filter: invert(75%) sepia(29%) saturate(423%) hue-rotate(164deg) brightness(85%) contrast(85%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.c-svg {
    filter: invert(99%) sepia(94%) saturate(2%) hue-rotate(200deg) brightness(105%) contrast(100%);
    width: 3vh;
    height: 3vh;
}

.c-table, .table-x {
    width: 100%;
    max-height: 100%;
    border-collapse: collapse;
    font-size: 1.6vh;
}

tr {
    box-sizing: border-box;
    border-color: #027FFB !important;
}

th {
    background-color: #027ffb;
    color: #fff;
    border-color: #fff !important;
    white-space: nowrap;
}

th, td {
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #E1E7EB;
}

.c-100x100 {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.c-none {
    display: none;
}

.table-x .mzk {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    background: url(images/down.png) right center no-repeat;
    margin: 8px 10px 8px 0px;
    cursor: pointer;
    padding: 0px 20px 0px 20px;
    text-align: left;
}

    .table-x .mzk.up {
        height: auto;
        background: url(images/up.png) right center no-repeat;
    }

.c-ellipsis-multiline {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}
div,p {
    cursor: default;
}
a *{
    cursor:pointer;
}