* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    position: relative;
    padding-bottom: 3rem;
}

.clear {
    clear: both;
}

.ellipsis {
    overflow: hidden;
    /*超出的部分隐藏起来。*/
    white-space: nowrap;
    /*不显示的地方用省略号...代替*/
    text-overflow: ellipsis;
    /* 支持 IE */
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2.4rem;
    background-color: #575757;
    color: #fff;
    line-height: 100%;
    font-size: 0.35rem;
    padding: 0.3rem;
}

.footer .websiteinfo {
    line-height: 0.5rem;
}

.footer .wechart {
    text-align: right;
    height: 1.5rem;
}

.footer .wechart img {
    height: 1.5rem !important;
    border: 1px #fff solid;
}

.nav {
    height: 1.5558rem;
    background: linear-gradient(7deg, #015293, #0C65AD);
}

.nav div {
    padding: 0px !important;
    text-align: center;
}

.nav a {
    color: #fff;
    font-size: 0.32rem;
    font-weight: bold;
    text-decoration: none;
    height: 1.5558rem;
    line-height: 1.5558rem;
    display: block;
}

.nav a:focus,
.nav a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.bannel {
    padding: 0.133rem;
}

.doc-list-wrap {
    font-size: 0.4rem;
}

.doc-list-wrap .bule-title {
    font-size: 0.5rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0960A6;
    padding: 0px 0.5rem;
    margin: 0.4rem 0rem;
}

.doc-list-wrap .doc-list {
    padding: 0px 0.5rem;
}

.doc-list-wrap ul li {
    line-height: 0.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.doc-list-wrap ul li a {
    color: #353535;
}

.doc-list-wrap .list-header {
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #CFD5DD solid;
    padding-left: 0.5rem;
    margin: 0.3rem 0rem 0.4rem 0rem;
}

.doc-list-wrap .channel-name {
    margin-left: 10px;
}

.doc-list-wrap .icon-line {
    display: inline-block;
    width: 8px;
    height: 20px;
    background-color: #0B63AA;
    border-radius: 8px;
}

.doc-list-wrap .more-btn {
    background-color: #F3F3F3;
    height: 0.7rem;
    text-align: center;
    line-height: 0.7rem;
    width: 95%;
    margin: 0.4rem auto;
}

.doc-list-wrap .more-btn a {
    color: #7A7878;
}

.search {
    width: 6.74rem;
    height: 0.6rem;
    background: #0B63AA;
    opacity: 0.28;
    border-radius: 5px;
    font-size: 0.21rem;
    border: none;
    padding: 0 0.29rem;
    color: #fff;
    position: absolute;
    bottom: 0.81rem;
    left: 1.62rem;
}

.search::input-placeholder {
    color: #fff;
}

.search::-webkit-input-placeholder {
    color: #fff;
}

.searchBtn {
    height: 0.6rem;
    width: 1.28rem;
    line-height: 0.6rem;
    background: #0B63AA;
    font-size: 0.21rem;
    color: #fff;
    border: none;
    position: absolute;
    bottom: 0.81rem;
    left: 7.09rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.searchBtn img {
    width: 0.32rem;
}

.title {
    font-size: 0.29rem;
    color: #000;
    border-bottom: 1px solid #ccc;
    margin-top: 0.33rem;
    padding-bottom: 0.14rem;
    margin-bottom: 0.48rem;
    position: relative;
}

.wySearch {
    position: absolute;
    right: 0.26rem;
    top: 0;
    height: 0.45rem;
}

.wySearch input {
    font-size: 0.21rem;
    height: 100%;
    border: 1px solid #E5E5E5;
    padding: 0 0.2rem;
    -webkit-appearance: none;
    border-radius: 0;
    border-right: none;
    position: absolute;
    right: 0.75rem;
    top: 0.03rem;
}

.wySearch button {
    height: 100%;
    font-size: 0.21rem;
    color: #fff;
    padding: 0 0.16rem;
    background: #0B63AA;
    border: none;
}

.title-line {
    width: 0.1rem;
    line-height: 0.29rem;
    height: 0.25rem;
    background: #0B63AA;
    margin-left: 0.56rem;
    display: inline-block;
    vertical-align: middle;
}

.title-text {
    display: inline-block;
    line-height: 0.29rem;
    margin-left: 0.1rem;
    vertical-align: middle;
    height: 0.29rem;
}

.swiper-container {
    height: 0.85rem;
    background: #f8f8f8;
    display: flex;
    overflow: hidden;
}

.swiper-wrapper {
    width: 88% !important;
    margin: 0 !important;
}

.swiper-slide {
    font-size: 0.28rem;
    width: auto !important;
}

.yjt {
    width: 12% !important;
    height: 100%;
    background: #f8f8f8;
    z-index: 9999;
    position: relative;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 0.13rem !important;
    color: #7c7c7c;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

.swiper-slide div {
    line-height: 0.49rem;
    padding: 0.09rem 0.18rem;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
    color: #484949;
}

.yactive div {
    background: #D7E7F4;
    border-radius: 4px;
}

.hyhd-list {
    padding: 0 0.78rem 0 0.6rem;
    font-size: 0.24rem;
    color: #353535;
    position: relative;
}

.hyhd-list .jj-title {
    float: left;
    background: #E60012;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.2rem;
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.22rem;
}

.hyhd-list .jj-title img {
    width: 0.14rem;
    margin: 0 0.15rem;
}

.hyhd-list .jj-content {
    display: flex;
    margin-bottom: 0.53rem;
}

.hyhd-list .jj-content .jj-content-img {
    width: 27%;
    margin-right: 0.45rem;
}

.hyhd-list .jj-content .jj-content-img img {
    width: 100%;
}

.hyhd-list .jj-content .jj-content-xx {
    width: 70%;
    margin-top: 0.14rem;
}

.hyhd-list .jj-content .jj-content-xx .jj-content-xx-content {
    /* width: 50%; */
    float: left;
    display: flex;
    text-align: justify;
    text-align-last: justify;
    margin-bottom: 0.13rem;
    line-height: 0.6rem;
}

.hyhd-list .jj-content .jj-content-xx .jj-content-xx-content span:nth-child(1) {
    width: 1.3rem;
    height: 0.6rem;
    background: #f3f3f3;
    padding-left: 0.1rem;
}
.hyhd-list .jj-content .jj-content-xx .jj-content-xx-content span:nth-child(2) {
    padding-right: 0.1rem;
    background: #f3f3f3;
    margin-right: 0.1rem;
}
.hyhd-list .jj-content .jj-content-xx .jj-content-xx-content span:nth-child(1):after {
    content: '';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}
.zxwy-text{
    font-size: 0.21rem;
    color: #838282;
    text-indent: 0.5rem;
}
.hyhd-list .wyld-title{
    font-size: 0.24rem;
    font-weight: bold;
    margin-bottom: 0.33rem;
}
.wyld-zx{
    width: 2.76rem;
    margin: 0 auto;
    text-align: center;
}
.hyhd-list img{
    width: 100%;
    height: 100%;
}
.wyld-fzx{
    float: left;
    text-align: center;
    margin-right: 1.2rem;
}
.hx{
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 0.53rem 0;
}
.wyld-msz{
    margin: 0 auto;
    width: 1.97rem;
    text-align: center;
}
.cwml{
    width: 25%;
    line-height: 0.82rem;
    float: left;
    color: #000;
    vertical-align: middle;
    padding-left: 0.1rem;
}
.cwml img{
    width: 0.21rem;
    vertical-align: middle;
    display: inline-block;
}
.cwml a{
    color: #000;
    display: inline-block;
}
.cwml1{
    width: 25%;
    line-height: 0.82rem;
    float: left;
    color: #000;
    vertical-align: middle;
    padding-left: 0.1rem;
}
.cwml1 img{
    width: 0.21rem;
    vertical-align: middle;
    display: inline-block;
}
.cwml1 a{
    color: #000;
    display: inline-block;
}
.cwml2{
    width: 25%;
    line-height: 0.82rem;
    float: left;
    color: #000;
    vertical-align: middle;
    padding-left: 0.1rem;
}
.cwml2 img{
    width: 0.21rem;
    vertical-align: middle;
    display: inline-block;
}
.cwml2 a{
    color: #000;
    display: inline-block;
}
.cwml3{
    width: 25%;
    line-height: 0.82rem;
    float: left;
    color: #000;
    vertical-align: middle;
    padding-left: 0.1rem;
}
.cwml3 img{
    width: 0.21rem;
    vertical-align: middle;
    display: inline-block;
}
.cwml3 a{
    color: #000;
    display: inline-block;
}