@charset "utf-8";
/* CSS Document */

/*专题正文样式*/
.domPC {
    display: block;
}

.domMobile {
    display: none;
}

body {
    /* background: url("//www.news.cn/politics/hjzjhgs2022/images/tpBanner.jpg") 50% 0 no-repeat; */
}

.banner {
    background: url(//www.news.cn/politics/hjzjhgs2022/images/banner.jpg) 50% 0 no-repeat;
    height: 600px;
    overflow: hidden;
}

a {
    color: #333;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "微软雅黑";
}

a:hover {
    color: #ff9724 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}



.nav_box {
    background: #2a367e;
    height: 85px;
    line-height: 85px;
    position: relative;
    z-index: 9;
}

.nav {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.nav_list {
    width: 1000px;
    margin: 0 auto;
}

.nav_list li {
    float: left;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 0 30px;
}

.nav_list li+li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 25px;
    top: 25px;
    left: 0px;
    background: #fff;
}

.nav_list li a {
    color: #fff;
}

.tprk {
    position: absolute;
    width: 223px;
    height: 81px;
    left: 50%;
    top: 520px;
    margin-left: -140px;

    display: none;
}

.lmt {
    width: 1100px;
    position: relative;
    height: 40px;
    padding: 0 0 0 20px;
    font-size: 26px;
    color: #0f367a;
    font-weight: bold;
    line-height: 40px;
    margin: 40px auto 10px;
    text-align: left;
    border-bottom: 1px solid #305798;
}


.footer {
    margin-top: 20px;
    height: 100px;
    width: 100%;
    font-size: 14px;
    line-height: 180%;
    color: #fff;
    text-align: center;
    padding-top: 40px;
    background: url("//www.news.cn/politics/hjzjhgs2021/images/20210902hjz_footerBg_v1.png") 0 0;
}

.backtotop {
    position: absolute;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 10;
    width: 50px;
    height: 40px;
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f6f6f6;
    overflow: hidden;
    cursor: pointer;
    display: none;
}

.wz_list {
    width: 1180px;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
}

.backtotop:after {
    content: "";
    display: block;
    width: 0;
    margin: 8px auto 0;
    border-left: 6px solid #f6f6f6;
    border-right: 6px solid #f6f6f6;
    border-top: 8px solid #f6f6f6;
    border-bottom: 8px solid #007bff;
}

.xpage-content-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 30px 30px 30px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.xpage-content-list li {
    position: relative;
    padding: 15px 0 17px 0;
    border-bottom: 1px solid #ccc;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.xpage-content-list li:before {
    content: "";
    position: absolute;
    display: block;
    top: 32px;
    left: -16px;
    width: 5px;
    height: 5px;
    background-color: #305798;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-top: -2px;
}

.xpage-content-list li a {
    display: inline-block;
    font-size: 20px;
    line-height: 36px;
    color: #333;
}

.xpage-content-list li h3 {
    float: left;
}

.xpage-content-list li span {
    float: right;
    display: block;
    line-height: 36px;
}

.xpage-more-btn {
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #bbb;
    background: #eee;
    line-height: 2em;
    border-radius: 0.5em;
    cursor: pointer;
}

.xpage-more-btn:hover {
    background: #ddd;
}

.xpage-more-btn:active {
    background: #ccc;
}

.content {
    width: 100%;
    height: auto;
    /* background: url(bg_tptab.png) 50% top no-repeat; */
}

.info {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #333
}

.info h1 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 10px;
}

.info p {
    height: 30px;
    line-height: 30px;
    font-size: 18px
}

.search {
    width: 400px;
    margin: 30px auto;
    display: flex;
    float: right;
    margin-right: 35px;
    margin-top: 0px;
}

.search input {
    float: left;
    flex: 4;
    height: 30px;
    outline: none;
    background: #f0f0f0;
    border: none;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 30px;
}

.search button {
    float: right;
    flex: 1;
    height: 30px;
    background-color: #004fa3;
    color: white;
    border-style: none;
    outline: none;
    border-radius: 30px;
}

.search button i {
    font-style: normal;
    cursor: pointer;
}

.search button:hover {
    font-size: 16px;
}

.search2 {
    width: 500px;
    margin: 40px auto 40px;
    display: flex;
    float: none;
}

.part3 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.part3 ul li {
    width: 220px;
    height: 370px;
    margin-bottom: 20px;
    float: left;
    margin-right: 14px;
    border: 1px #c7c7c8 solid;
    border-radius: 10px
}

.part3 ul li i {
    width: 200px;
    height: 250px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 8px;
    position: relative
}

.part3 ul li i img {
    width: 100%;
    height: auto;
}

.part3 ul li h3 {
    font-size: 15px;
    text-align: center;
    width: 190px;
    margin: 0 auto;
    margin-top: 20px;
    padding-left: 10px;
    position: absolute;
    bottom: 5px;
    z-index: 2;
    color: #fff
}

.part3 ul li h4 {
    font-size: 20px;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 10px;
    font-weight: bold;
    color: #5c3331
}

.part3 ul li .titbg {
    background: url(//www.xinhuanet.com/politics/hjzhgs/titbg.png);
    position: absolute;
    bottom: 0;
    ;
    height: 40px;
    z-index: 1
}

.part3 ul li p {
    width: 200px;
    height: 136px;
    text-align: left;
    margin: 0 auto;
}

.part3 ul li .btn {
    width: 127px;
    height: 35px;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
}

.part3 ul li .btn a {
    display: block;
    width: 118px;
    height: 32px;
    margin: 0 auto;
    color: #fff;
    background: #5c3331;
    border-radius: 30px;
    line-height: 30px;
    transition: none;
}

.part3 ul li .btn .hover {
    display: block;
    width: 118px;
    height: 32px;
    background: url(//www.xinhuanet.com/gongyi/zt/2018wspx/index/images/02.png) center no-repeat;
    margin: 0 auto;
    overflow: hidden;
    line-height: 80px;
}

.votebox {
    width: 432px;
    height: 40px;
    margin-left: 340px;
    margin-top: 29px;
    float: left;
}

.empty {
    display: block;
    width: 124px;
    height: 39px;
    background: url(//www.xinhuanet.com/newmedia/20170328zgws/images/unclick.png) no-repeat;
}

.empty:hover a {
    color: #fff !important;
}

.vote {
    display: block;
    width: 124px;
    height: 39px;
    background: url(//www.xinhuanet.com/newmedia/20170328zgws/images/unclick.png) no-repeat;
}

.vote:hover {
    background: url(//www.xinhuanet.com/newmedia/20170328zgws/images/choose.png) no-repeat;

}

.vote:hover a {
    color: #fff !important;
}

.result {
    display: block;
    width: 124px;
    height: 39px;
    background: url(//www.xinhuanet.com/newmedia/20170328zgws/images/unclick.png) no-repeat;
}

.result:hover a {
    color: #fff !important;
}

.empty:hover,
.result:hover {
    background: url(//www.xinhuanet.com/newmedia/20170328zgws/images/choose.png) no-repeat;
}

.votebox span {
    float: left;
    margin: 0 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
}

.votebox span a {
    display: block;
    width: 124px;
    height: 39px;
    color: #fff;
}

.outlink {
    width: 120px;
    height: 35px;
    line-height: 35px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 2px solid #1b8a86;
    border-radius: 20px;
    margin-top: 29px;
    margin-left: 10px;
    background: #1ab6b1;
}

.outlink a {
    color: #fff;
}

.outlink:hover {
    color: #fff;
    border: 2px solid #bb7303;
    background: #f39900;
}

.outlink:hover a {
    color: #fff;
}

/*导航*/
.rightsidebar {
    position: fixed;
    width: 119px;
    height: 375px;
    bottom: 50px;
    left: 50%;
    margin-left: 605px;
    z-index: 9900;
}

.rightsidebar .rightsidebar-top {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    left: 20px;
    color: #FFF;
    font-size: 18px
}

.rightsidebar .dh_xx {
    width: 100px;
    height: 375px;
    background: #0a016e;
    border-radius: 10px;
    position: relative;
}

.rightsidebar .dh_xx ul {
    position: absolute;
    width: 119px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: -10px;
    top: 10px;
    background: #007bff
}

.rightsidebar .dh_xx li {
    width: 119px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: -10px;
    top: 10px;
    margin-bottom: 10px;
    background: #007bff;
    cursor: pointer;
}

.rightsidebar .dh_xx li a {
    color: #fff;
    display: block;
    width: 90px;
    margin: 0 auto
}

.rightsidebar .dh_xx .on {
    background: #004fa3;
    font-size: 16px;
}

.rightsidebar .dh_xx .on a {
    color: #fff;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgb(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.mask-con {
    width: 1200px;
    height: 100%;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -610px;
    top: 80px;
    z-index: 9999;
    box-shadow: 0px 0px 10px #000;
    border-radius: 10px;
}

#dataList2 {
    margin: 15px 0 0 15px;
}

.mask .close {
    position: fixed;
    left: 50%;
    margin-left: 535px;
    top: 90px;
    background: url(//www.xinhuanet.com/politics/hjzhgs/close.png);
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 99999;
}

.mask .tip {
    text-align: center;
    color: red;
    font-size: 26px;
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .domPC {
        display: none;
    }

    .domMobile {
        display: block;
    }

    body {
        background: none;
    }

    .m_banner {
        width: 100%;
        height: auto;
        background: none;
        position: relative;
    }

    .m_banner img {
        width: 100%;
        height: auto;
    }

    .m_banner .tp {
        width: 100px;
        height: auto;
        position: absolute;
        left: 50%;
        margin-left: -50px;
        top: 62%;
        text-align: center;

        display: none;
    }

    .m_banner .tp img {
        width: 100%;
        height: auto;
    }

    .lmt {
        width: auto;
        margin: 30px auto 10px;
    }

    .wz_list {
        width: 96%;
        margin: 0 auto;
    }

    .xpage-content-list {
        padding: 0;
    }

    .xpage-content-list li {
        padding: 15px 0 8px 0;
    }

    .xpage-content-list li span {
        display: none;
    }

    .xpage-content-list li h3 {
        padding: 0 10px;
    }

    .xpage-content-list li a {
        font-size: 18px;
    }

    .xpage-more-btn {
        margin-top: 20px;
    }

    .backtotop {
        bottom: 35px;
    }

    .part3 {
        width: 100%
    }

    .part3 ul li {
        margin-right: 0px;
        margin-left: 8px;
        width: 46%;
        height: auto;
    }

    .part3 ul li i {
        width: 92%;
        ;
        margin: auto;
        margin-top: 4%;
    }

    .votebox ul {
        float: left
    }

    .votebox {
        width: 100%;
        height: 45px;
        margin: auto;
        float: left;
    }

    .empty {
        display: block;
        width: 26%;
        height: 40px;
        background: #13b5b1;
        border-radius: 20px;
    }

    .vote {
        display: block;
        width: 26%;
        height: 40px;
        background: #13b5b1;
        border-radius: 20px;
    }

    .votebox span a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
    }

    .result {
        display: block;
        width: 26%;
        height: 40px;
        background: #13b5b1;
        border-radius: 20px;
    }

    .votebox span {
        margin: 0 3%;
    }

    .empty:hover,
    .result:hover {
        background: #f39800;
    }

    .vote:hover {
        background: #f39800;
    }

    .empty:hover,
    .result:hover {
        background: #f39800
    }

    .search {
        width: 80%;
    }

    .part3 ul li i {
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 8px;
    }

    .part3 ul li .titbg {
        background: none;
        position: absolute;
        bottom: 0;
        color: #000;
        height: 40px;
        z-index: 1
    }

    .part3 ul li h3 {
        font-size: 15px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
        padding-left: 0;
        position: static;
        z-index: 2;
        color: #333;
        font-style: normal;
    }

    .part3 ul li h4 {
        font-size: 20px;
        text-align: center;
        width: auto;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        padding: 0 10px;
        font-weight: bold;
        color: #5c3331;
    }

    .mask {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgb(0, 0, 0, 0.6);
        left: 0;
        top: 0;
        z-index: 9999;
        display: none;
    }

    .mask-con {
        width: 100%;
        height: 100%;
        overflow: auto;
        background: #fff;
        position: fixed;
        left: 0;
        margin-left: 0;
        top: 20px;
        border: 0px solid #ccc;
        z-index: 9999;
        box-shadow: 0px 0px 10px #000;
    }

    #dataList2 {
        margin: 15px 0 0 15px;
    }

    .mask .close {
        position: fixed;
        left: 85%;
        right: 0 !important;
        margin-left: 0;
        top: 30px;
        background: url(//www.xinhuanet.com/politics/hjzhgs/close.png);
        width: 48px;
        height: 48px;
        cursor: pointer;
        z-index: 99999;
    }

    .mask .tip {
        text-align: center;
        color: red;
        font-size: 26px;
        margin-top: 40px;
    }

    .search2 {
        width: 80%;
        margin: 60px auto 40px;
        display: flex;
    }

    .rightsidebar {
        position: fixed;
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0%;
        margin-left: 0;
        z-index: 9900;
    }

    .rightsidebar .rightsidebar-top {
        display: none;
        width: 40px;
        height: 40px;
        cursor: pointer;
        position: absolute;
        bottom: 100%;
        left: 20px;
        color: #FFF;
        font-size: 18px
    }

    .rightsidebar .dh_xx {
        width: 100%;
        height: auto;
        background: #5c3331;
        border-radius: 10px;
    }

    .rightsidebar .dh_xx ul {
        width: 100%;
        height: auto;
        position: static;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: #d18e42
    }

    .rightsidebar .dh_xx li {
        float: left;
        width: 23%;
        padding: 2px 0;
        text-align: center;
        font-size: 13px;
        color: #fff;
        margin-right: 0;
        margin-left: 1%;
        margin-bottom: 5px;
        background: #d18e42;
        cursor: pointer;
        border-radius: 5px;
    }

    .rightsidebar .dh_xx li a {
        color: #fff;
        display: block;
        width: auto;
        margin: 0 auto
    }

    .rightsidebar .dh_xx .on {
        font-size: 13px;
    }

    .rightsidebar .dh_xx .on a {
        color: #fff;
        border-bottom: none
    }
}