@media only screen and (min-width:901px) {
    .nav-tabs[data-v-09174df9] {
        width: 100%;
        height: 100%
    }

    .nav-tab[data-v-09174df9] {
        width: 100%;
        margin-bottom: 15px
    }

    .nav-outer[data-v-09174df9] {
        display: flex;
        align-items: center;
        justify-content: left;
        width: 100%;
        padding: 5px 16px;
        background: #fff;
        border-bottom: 1px solid #f2f2f2;
        cursor: pointer
    }

    .nav-outer .img-wrap[data-v-09174df9] {
        width: 36px;
        height: 36px
    }

    .nav-outer .title-wrap[data-v-09174df9] {
        display: flex;
        align-items: center;
        flex: 1;
        min-height: 60px;
        margin-left: 18px;
        margin-right: 5px
    }

    .nav-outer .title-wrap .title[data-v-09174df9] {
        font-size: 23px;
        color: #2d66a5;
        line-height: 30px
    }

    .nav-contain-items[data-v-09174df9] {
        width: 100%;
        overflow: hidden;
        background: #fff;
        transition: all .5s ease
    }

    .nav-contain-items .nav-item[data-v-09174df9] {
        width: 100%;
        height: 32px;
        display: none;
        transition: all .5s ease;
        cursor: pointer;
        padding-left: 60px
    }

    .nav-contain-items .nav-item[data-v-09174df9]:hover {
        background: #e6f5ff;
        color: #2d66a5
    }

    .nav-contain-items .nav-item .nav-item-content[data-v-09174df9] {
        line-height: 32px;
        font-size: 15px;
        padding-left: 14px;
        position: relative
    }

    .nav-contain-items .nav-item .nav-item-content[data-v-09174df9]:before {
        content: "";
        width: 4px;
        height: 4px;
        background: #ddd;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 45%
    }

    .b-blue[data-v-09174df9] {
        background: #2d66a5 !important
    }

    .f-white[data-v-09174df9] {
        color: #fff !important
    }

    .nav-item-active.nav-contain-items[data-v-09174df9] {
        padding: 10px 0
    }

    .nav-item-active.nav-contain-items .nav-item[data-v-09174df9] {
        height: 32px;
        display: block;
        transition: all .5s ease
    }

    .qzfgb[data-v-09174df9],
    .sqgk[data-v-09174df9] {
        width: 120px !important
    }
}

@media only screen and (min-width:0px)and (max-width:900px) {
    .nav-tabs[data-v-09174df9] {
        padding: 0 25px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        background-color: #fff
    }

    .nav-tab[data-v-09174df9] {
        position: relative;
        display: flex;
        align-items: center;
        width: 25%;
        margin-bottom: 10px
    }

    .nav-tab[data-v-09174df9]:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 14px;
        background: #999;
        right: 0;
        top: calc(50% - 7px)
    }

    .nav-outer[data-v-09174df9] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff
    }

    .nav-outer .img-wrap[data-v-09174df9] {
        flex-shrink: 0;
        margin-left: 4px;
        margin-right: 4px;
        width: 16px;
        height: 16px
    }

    .nav-outer .title-wrap[data-v-09174df9] {
        transform: scale(.83);
        transform-origin: left
    }

    .nav-outer .title-wrap .title[data-v-09174df9] {
        font-size: 12px;
        color: #2d66a5
    }

    .nav-contain-items[data-v-09174df9] {
        width: 100%;
        overflow: hidden;
        background: #fff;
        transition: all .5s ease
    }

    .nav-contain-items .nav-item[data-v-09174df9] {
        width: 100%;
        height: 32px;
        display: none;
        transition: all .5s ease;
        cursor: pointer;
        padding-left: 60px
    }

    .nav-contain-items .nav-item[data-v-09174df9]:hover {
        background: #e6f5ff;
        color: #2d66a5
    }

    .nav-contain-items .nav-item .nav-item-content[data-v-09174df9] {
        line-height: 32px;
        font-size: 15px;
        padding-left: 14px;
        position: relative
    }

    .nav-contain-items .nav-item .nav-item-content[data-v-09174df9]:before {
        content: "";
        width: 4px;
        height: 4px;
        background: #ddd;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 45%
    }

    .b-blue[data-v-09174df9] {
        background: #2d66a5 !important
    }

    .f-white[data-v-09174df9] {
        color: #fff !important
    }

    .nav-item-active.nav-contain-items[data-v-09174df9] {
        padding: 10px 0
    }

    .nav-item-active.nav-contain-items .nav-item[data-v-09174df9] {
        height: 32px;
        display: block;
        transition: all .5s ease
    }

    .qzfgb[data-v-09174df9],
    .sqgk[data-v-09174df9] {
        width: 120px !important
    }
}

@media only screen and (min-width:901px) {
    .xxgk-bg[data-v-2f5951a4] {
        width: 100%;
        background: url(../images/xxgk-bg.59acdd5b.png) top no-repeat;
        border-top: 1px solid #3365b7;
        position: relative;
        padding-bottom: 41px;
        min-width: 1440px;
        margin: 0 auto
    }

    .xxgk_headLogo[data-v-2f5951a4] {
        position: absolute;
        width: 366px;
        left: 1%;
        top: 12px
    }

    .xxgk_headLogo img[data-v-2f5951a4] {
        width: 100%;
        display: block
    }

    .title-wrap[data-v-2f5951a4] {
        position: absolute;
        height: 132px;
        left: 50%;
        transform: translateX(-50%);
        top: 58px
    }

    .title-wrap .title[data-v-2f5951a4] {
        color: #fff;
        font-size: 100px
    }

    .xxgk-cont[data-v-2f5951a4] {
        background: #f2f2f2;
        width: 1100px;
        height: 1351px;
        margin: 0 auto;
        margin-top: 245px;
        padding: 84px 36px 48px 36px;
        position: relative
    }

    .search-input[data-v-2f5951a4] {
        position: absolute;
        top: 84px;
        left: 50%;
        transform: translateX(-50%)
    }

    .search-input .el-input[data-v-2f5951a4] .el-input__inner {
        width: 510px;
        height: 50px;
        border: 1px solid #2d66a5;
        border-radius: 9px;
        background: #fff
    }

    .search-input .search[data-v-2f5951a4] {
        position: absolute;
        right: 11px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer
    }

    .xxgk-cont-wrap[data-v-2f5951a4] {
        display: flex;
        background: #f2f2f2;
        width: 1028px;
        margin-top: 118px;
        height: 1085px
    }

    .xxgk-cont-wrap .nav-left[data-v-2f5951a4] {
        width: 240px;
        height: 1085px;
        background: #f2f2f2;
        overflow-y: auto
    }

    .xxgk-cont-wrap .nav-left[data-v-2f5951a4]::-webkit-scrollbar {
        width: 0;
        height: 20px
    }

    .xxgk-cont-wrap .nav-left[data-v-2f5951a4]::-webkit-scrollbar-thumb {
        border-radius: 100px;
        background: #3e96d6
    }

    .xxgk-cont-wrap .nav-left[data-v-2f5951a4]::-webkit-scrollbar-track {
        border-radius: 100px;
        background: #f5f5f5
    }

    .xxgk-cont-wrap .tab-right[data-v-2f5951a4] {
        width: 770px;
        height: auto;
        margin-left: 18px;
        background: #fff;
        padding: 30px 20px;
        overflow: hidden;
        overflow-y: auto
    }

    .nav[data-v-2f5951a4] {
        display: none
    }

    .header[data-v-2f5951a4] {
        display: block
    }
}

@media only screen and (min-width:0px)and (max-width:900px) {
    .xxgk-bg[data-v-2f5951a4] {
        width: 100%;
        background: url(../images/xxgk-bg.59acdd5b.png) top no-repeat;
        border-top: 1px solid #3365b7;
        position: relative;
        margin: 0 auto
    }

    .xxgk_headLogo[data-v-2f5951a4] {
        width: 60%;
        margin: 10px
    }

    .xxgk_headLogo img[data-v-2f5951a4] {
        width: 100%;
        display: block
    }

    .title-wrap[data-v-2f5951a4] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 12px 0
    }

    .title-wrap .title[data-v-2f5951a4] {
        color: #fff;
        font-size: 22px;
        font-weight: 500
    }

    .xxgk-cont[data-v-2f5951a4] {
        background: #f5f5f5;
        width: 100%;
        position: relative
    }

    .search-input[data-v-2f5951a4] {
        position: relative;
        padding: 20px 60px
    }

    .search-input .el-input[data-v-2f5951a4] .el-input__inner {
        width: 100%;
        height: 40px;
        border: 2px solid #2d66a5;
        border-radius: 4px;
        background: #fff
    }

    .search-input .search[data-v-2f5951a4] {
        position: absolute;
        right: 70px;
        top: 50%;
        transform: translateY(-50%)
    }

    .xxgk-cont-wrap[data-v-2f5951a4] {
        display: flex;
        flex-direction: column;
        background-color: #f5f5f5
    }

    .xxgk-cont-wrap .nav-left[data-v-2f5951a4] {
        background: #f5f5f5
    }

    .xxgk-cont-wrap .tab-right[data-v-2f5951a4] {
        padding: 12px 25px 20px 25px;
        width: 100%;
        background: #f5f5f5;
        overflow: hidden
    }

    .header[data-v-2f5951a4] {
        display: none
    }
}