.body-container .open-content-2-list-container>.right .open-list {
    /* font-size: 0; */
    max-height: 500px;
    margin-top: 30px;
    padding: 0 35px 30px;
    height: auto;
}

.body-container .open-content-2-list-container>.right .open-list a {
    display: inline-block;
    width: 170px;
    height: auto;
    line-height: 46px;
    font-size: 16px;
    color: #333;
    border: solid 0px #dcdcdc;
    text-align: left;
    margin: 0;
}

.pointer {
    cursor: pointer;
}

.h-right a {
    float: right;
    font-size: 20px;
    color: #FFF;
}

.body-container .page-container {
    background: url("http://www.zcgsks.com/material/assets/images/pc/banner_01.jpg") no-repeat center top;
}

.body-container .open-conten-top-container {
    width: 1100px;
}

.body-container .search-open-content-container {
    width: 1100px;
}

.body-container .open-content-list-container {
    margin: auto;
    width: 1100px;
    padding: 41px 38px;
    background: #fff;
    background-color: rgb(242, 242, 242);
}

.body-container .search-open-content-container .input {
    width: 580px;
    height: 61px;
    display: inline-block;
    position: relative;
    /* margin-top: 13px; */
}

.body-container .search-open-content-container .input input {
    /* border-radius: 4px; */
    /* border: solid 1px #1492ff; */
    /* background-color: #fff; */
    line-height: 61px;
    /* width: 100%; */
    /* height: 100%; */
    padding: 0 162px 0 20px;
    text-align: left;
    font-size: 16px;
    /* height: 46px; */
    /* width: 450px; */
    margin-left: 10px;
    color: #a5a3a3;
    width: 508px;
    height: 46px;
    border: 2px solid rgb(45, 102, 165);
    border-radius: 10px;
    margin: 70px auto;
    background-color: #FFF;
}

.body-container .search-open-content-container .input .submit {
    position: absolute;
    right: 38px;
    top: 70px;
    line-height: 61px;
    background-color: #1492ff;
    border-radius: 0 4px 4px 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width: 36px;
    height: 36px;
    margin: 5px 0px;
    background: url(http://jtzy.cqyz.gov.cn/xxgkimg/search-1.png);
}

.body-container .open-content-list-container>.left {
    /* width: 285px; */
    width: 240px;
    /* margin: 0px 18px 0 36px; */
    padding-bottom: 30px;
    /* background: #fff; */
}

.body-container .open-content-list-container>.right {
    width: 770px;
    border: solid 1px #e8e8e8;
    padding: 0 0 40px;
    background: #fff;
}

.body-container .open-content-list-container>.left>.item {
    /* width: 100%; */
    /* height: 80px; */
    /* line-height: 80px; */
    /* background-color: #ffffff; */
    /* border-radius: 4px; */
    font-size: 23px;
    text-align: center;
    /* font-weight: 700; */
    color: rgb(45, 102, 165);
    ;
    /* margin-top: 6px; */
    /* position: relative; */
    padding-left: 0px;
    width: 240px;
    height: 70px;
    line-height: 25px;
    background-color: #FFF;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px #ccc solid;
    position: relative;
}

.body-container .open-content-list-container>.left>.item span {
    width: 100px;
    /* line-height: 20px; */
    margin: 10px;
    display: block;
    float: left;
}

.body-container .open-content-list-container>.left>.item.add::after {
    font-size: 34px;
    content: "+";
    position: absolute;
    right: 10px;
    top: 20px;
    color: rgb(45, 102, 165);
    font-weight: 100;
}

.body-container .open-content-list-container>.left>.item.active {
    background-color: rgb(45, 102, 165);
    color: #fff;
}

.body-container .open-content-list-container>.right table td,
.body-container .open-content-list-container>.right table th {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}

.body-container .open-content-list-container>.right table td:nth-of-type(2),
.body-container .open-content-list-container>.right table th:nth-of-type(2) {
    width: 130px;
}

.body-container .open-content-list-container>.right table td:nth-of-type(1),
.body-container .open-content-list-container>.right table th:nth-of-type(1) {
    padding: 0 20px;
    width: 600px;
}

.body-container .open-content-list-container>.right table tbody tr:nth-child(even) {
    background-color: #ffffff;
}

.body-container .open-content-list-container>.left>.item .icon {
    width: 40px;
    height: 40px;
    margin: 15px 0px 0px 20px;
    float: left;
}

.icon-gk-1 {
    background-position: -16px -2906px;
}

.icon-gk-1-1 {
    background-position: -17px -2960px;
}

.icon-gk-2 {
    background-position: -17px -3012px;
}

.icon-gk-2-2 {
    background-position: -17px -3062px;
}

.icon-gk-3 {
    background-position: -17px -3115px;
}

.icon-gk-3-3 {
    background-position: -17px -3170px
}

.icon-gk-4 {
    background-position: -14px -3225px;
}

.icon-gk-4-4 {
    background-position: -14px -3285px;
}

.item.active.add.pointer {
    margin: 0px;
    margin-bottom: -10px;
}

#root {
    margin-bottom: 20px;
    background: #FFF;
}

.body-container .open-content-list-container>.right .title {
    /* width: 700px; */
    font-size: 20px;
    color: #fff;
    height: 40px;
    border-bottom: 2px solid #2d66a5;
    /* margin-top: 10px; */
    font-weight: bold;
    line-height: 40px;
}

.body-container .open-content-list-container>.right .title span {
    width: auto;
    height: 40px;
    background: #2d66a5;
    line-height: 40px;
    padding: 0 10px;
}

a:active:hover,
a:hover:hover {
    color: #2d66a5;
}

.right .title a:active:hover,
.right .title a:hover:hover {
    color: #fff;
}

.body-container .open-content-list-container>.right table tbody a:hover {
    color: #2d66a5;
}

.body-container .pagination-container .page-item.active,
.body-container .pagination-container .page-item:hover {
    background-color: #2d66a5;
    color: #fff;
}

.gknb-l {
    max-height: 380px;
    overflow: auto;
    min-height: 100px;
    margin: 0 15px;
}

.gknb-l li {
    float: left;
    width: 220px;
    height: 46px;
    margin: 10px 10px 10px 10px;
}

.gknb-l>li>a {
    width: 100%;
    /* margin: 20px 15px 0 0px; */
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #333;
    border: 1px solid #E6EFF7;
    background: #F2F8FB;
}

.body-container .open-content-2-list-container>.right .open-title {
    font-size: 20px;
    color: #2d66a5;
    font-weight: 700;
    margin-top: 25px;
}

.body-container .open-content-2-list-container>.right .open-title::before {
    content: "";
    margin-right: 10px;
    width: 5px;
    height: 18px;
    background-color: #2d66a5;
    border-radius: 0 4px 0 2px;
    display: inline-block;
    vertical-align: middle;
}

.body-container .open-content-list-container>.left .item-list .item-content .row a,
.body-container .open-content-list-container>.left .item-list .item-content .row span {
    width: 62%;
    display: inline-block;
    overflow: inherit;
    text-overflow: ellipsis;
}

.body-container .pagination-container .page-item.active,
.body-container .pagination-container .page-item:hover {
    background-color: #2d66a5;
    color: #fff;
}

.body-container .open-content-2-list-container>.right .open-list {
    font-size: 0;
    max-height: 270px;
    overflow-y: auto;
    margin-top: 30px;
    padding: 0 35px;
}

.body-container .open-content-list-container>.right .xhy-c2rul-61 {
    min-height: 60px;
    margin-bottom: 40px;
}

.body-container .open-content-list-container>.right .title a {
    display: block;
    float: right;
    line-height: 40px;
    margin-right: 35px;
    font-size: 14px;
    color: #333;
}

@media screen and (max-width: 789px) {
     ::-webkit-scrollbar {
        width: 0;
    }
    .body-container .page-container {
        background-size: cover;
    }
    .body-container .open-conten-top-container,
    .body-container .open-content-title-container,
    .body-container .search-open-content-container,
    .body-container .open-content-list-container,
    .body-container .open-content-list-container>.left,
    .body-container .open-content-list-container>.right {
        width: 100%;
    }
    .body-container .open-conten-top-container .logo,
    .body-container .open-content-title-container img,
    .body-container .search-open-content-container .input {
        width: 80%;
        margin: auto;
    }
    .body-container .open-conten-top-container {
        position: relative;
        text-align: center;
    }
    .body-container .open-content-title-container {
        margin-top: 2rem;
    }
    .body-container .open-conten-top-container .btn-go-home {
        position: absolute;
        right: 1rem;
        top: 0.5rem;
    }
    .body-container .search-open-content-container {
        margin: 2rem auto 0;
    }
    .body-container .search-open-content-container .input input {
        width: 100%;
        padding: 0 1rem 0 1rem;
        margin: 1rem 0
    }
    .body-container .search-open-content-container .input .submit {
        right: 1rem;
        top: 1rem;
    }
    .body-container .open-content-list-container {
        padding: 1rem;
    }
    .body-container .open-content-list-container>.left {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    .body-container .open-content-list-container>.left>.item {
        width: calc(50% - 0.5rem);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .body-container .open-content-list-container>.left>.item .icon {
        margin: 0 0 0 0.5rem;
    }
    .body-container .open-content-list-container>.left>.item span {
        margin: 0.5rem 3.5rem 0.5rem 0;
        font-size: 1.2rem;
        line-height: 1.6rem;
        width: 58px;
    }
    .body-container .open-content-list-container>.left>.item.add::after {
        right: 0.2rem;
    }
    .body-container .open-content-list-container>.right .title {
        font-size: 1.2rem !important;
    }
    .body-container .open-content-list-container>.right .title a {
        margin-right: 1rem;
    }
    .body-container .open-content-2-list-container>.right .open-list {
        max-height: 100% !important;
        margin-top: 1rem !important;
        padding: 0 1rem 1rem !important;
    }
    .body-container .open-content-2-list-container>.right .open-list a {
        width: 49% !important;
    }
}