body {
    background: #f3f4f6;
    position: relative;
}
.header {
    border-bottom: 1px solid #e4e7ed;
    background: #fff;
}
.header .wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .wp .logo {
    padding: .3rem 0;
    /*margin-right: 1.5rem;*/
}

.header .wp .logo a img {
    height: .56rem;
}
.header .wp .search {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.header .wp .search .search-input {
    height: .48rem;
    width: 4.48rem;
    padding-left: .1rem;
    line-height: .48rem;
    background: none;
    border: 1px solid #c9d0f1;
    border-top-left-radius: .05rem;
    border-bottom-left-radius: .05rem;

}
.header .wp .search .search-btn {
    width: 1rem;
    line-height: .48rem;
    cursor: pointer;
    height: .48rem;
    background: #003384;
    border: none;
    border-bottom-right-radius: .05rem;
    border-top-right-radius: .05rem;
    font-size: .18rem;
    color: #fff;
    letter-spacing: .03rem;
}

.section {
    padding: .2rem 0 .76rem;
}

.section .lists {
    padding: .3rem;
    background: #fff;
    box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.1);
}
.section .lists .tit h3{
    font-size: .28rem;
}
.section .lists ul li {
    padding: .25rem 0;
    border-bottom: 1px solid #e4e7ed;
}

.section .lists ul li:last-child {
    border-bottom: none;
}

.section .lists ul li a .img-box {
    width: 2.8rem;
}

.section .lists ul li a .txt {
    width: calc(100% - 2.8rem);
    padding: .2rem 0 .2rem .325rem;
}

.section .lists ul li.nopic a .txt {
    width: 100%;
    padding: 0;
}

.section .lists ul li a .txt h4 {
    font-size: .2rem;
    margin-bottom: .15rem;
}
.section .lists ul li a .txt h4 span {
    font-size: unset;
    font-family: unset;
}


.section .lists ul li a .txt p {
    font-size: .15rem;
    line-height: .24rem;
    color:#909399;
    margin-bottom: .15rem;
}

.section .lists ul li a .txt time {
    font-size: .15rem;
    color:#909399;
}

.section .lists ul li a span {
    color: red;
}

.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #e4e7ed;
    background: #fff;
}

.footer .wp p {
    text-align: center;
    font-size: .14rem;
    line-height: .56rem;
}

/*分页*/
/*分页*/
.pages {
    text-align: center;
    padding:.2rem 0 .3rem;
    font-size: .16rem;
    line-height:.16rem;
    color:#303133;
}


.pages .p_fun_d, .pages .p_no_d, .pages .p_no_o,.pages .p_fun a, .pages .p_no a{
    border: 1px solid #e4e7ed;
    padding: .08rem .15rem;
    margin-left:.05rem;
    display:inline-block;
    vertical-align:middle;
}

.pages .p_t{
    line-height:.16rem;
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
}

.pages .p_fun_d, .pages .p_no_d, .pages .p_no_o{
    color: #ccc;
}

.pages .p_fun a, .pages .p_no a{
    color: #303133;
}

.pages .p_dot {
    margin-left: .04rem;
    margin-right:-.04rem;
    color:#303133;
}

.pages .p_dosize_d, .pages .p_dosize a{
    border-right:1px solid #e4e7ed;
    padding: 1px 5px;
    color: #888888;
}

.pages .p_dosize_d{
    color: #303133;
}

.pages .p_dosize a:hover{
    color: #303133;
}

.pages .p_dosize_last_d, .pages .p_dosize_last a{
    border-right-width:0;
}


/*按钮控制*/
.pages .p_first,.pages .p_first_d,.pages .p_last,.pages .p_last_d{
    display:none;
}

/*样式1-4*/
.pages .p_no a:hover,.pages .p_fun a:hover, .pages .p_goto a:hover, .pages .p_search a:hover {
    background-color: #f5f5f5;
}
/*样式1 蓝*/
.pages .p_no_d {
    border: 1px solid #258CFF;
    color: #fff;
    background-color: #258CFF;
}

@media (max-width: 900px) {
    .header .wp {
        flex-direction: column;
    }

    .header .wp .search {
        padding-bottom: .3rem;
    }
    .header .wp .search .search-input{
        width: auto;
    }
}

@media (max-width: 640px) {
    .section .lists ul li a .img-box {
        width: 100%;
    }

    .section .lists ul li a .txt {
        width: 100%;
        padding: .2rem .1rem 0;
    }
    .pages .p_pages {
        font-size: .14rem;
    }
}