body {
    height: 100%;
    font: 13px/20px pingfang SC, Microsoft YaHei, helvetica, arial, verdana, tahoma, sans-serif
}

@media screen and (max-width: 1400px) {
    body {
        width: 1200px
    }
}

a {
    text-decoration: none;
}

header {
    background: url("../image/bg2.png") no-repeat center;
    background-size: cover;
    position: absolute;
    height: 556px;
    width: 100%;
}

footer {
    /* position: absolute; */
    /* top: 1845px; */
    position: relative;
    top: 400px;
    width: 100%;
    height: 95px;
    padding-top: 45px;
    margin: 0;
    background: #252525;
    font-size: 14px;
    line-height: 16px;
}

footer .wrap {
    width: 600px;
    margin: -12px auto;
    /* padding: 30px 0; */
    overflow: hidden;
    padding-left: 100px;
}

footer .wrap::before,
footer .wrap::after {
    display: table;
    content: ""
}

footer .wrap::after {
    clear: both
}

footer .wrap img,
footer .wrap .text {
    float: left
}

footer p {
    opacity: 0.5;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px
}

.content.list-more {
    position: relative;
    top: 400px;
    padding: 20px;
    width: 1160px;
    /* height: 1410px; */
    overflow: hidden;
    margin: auto;
    /* border: 1px solid #E3E3E3; */
    background: #FFFFFF;
    border-radius: 2px;
}

.content.list-more::before,
.content.list-more::after {
    display: table;
    content: ""
}

.content.list-more::after {
    clear: both
}

@media only screen and (min-width: 1200px) {
    .content.list-more {
        width: 1200px
    }
}

.content.list-more .list-header {
    position: relative
}

.content.list-more .list-header::after {
    width: 100%;
    display: block;
    height: 2px;
    background-color: #D33329;
    content: '';
    position: absolute;
    bottom: 0
}

.content.list-more .list-header .total {
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #AAAAAA;
    top: 0
}

.content.list-more .list-header li {
    height: 50px;
    line-height: 50px;
    margin-right: 50px
}

@media only screen and (max-width: 768px) {
    .content.list-more .list-header li {
        float: none;
        margin-bottom: 20px;
        margin-right: 0
    }

    .content.list-more .list-header li:hover {
        background-color: #eee
    }
}

.content.list-more .list-header li.is-active>a {
    color: #fff;
    background: url("../image/title-bg.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.content.list-more .list-header li>a {
    font-size: 20px;
    color: #AAAAAA;
    display: block;
    min-width: 166px;
    text-indent: 25px
}

.content.list-more .list-content {
    padding: 30px 30px 0
}

@media only screen and (max-width: 768px) {
    .content.list-more .list-content {
        padding: 30px 10px
    }
}

.content.list-more .list-content .list-item {
    padding-bottom: 20px;
    border-bottom: 1px dashed #DFDFDF
}

.content.list-more .list-content .list-item .list-item__header {
    position: relative;
    padding: 28px 0 13px 0
}

.content.list-more .list-content .list-item .list-item__header::before,
.content.list-more .list-content .list-item .list-item__header::after {
    display: table;
    content: ""
}

.content.list-more .list-content .list-item .list-item__header::after {
    clear: both
}

.content.list-more .list-content .list-item .list-item__header .list-item__title {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    float: left
}

.content.list-more .list-content .list-item .list-item__header .list-item__date {
    font-size: 14px;
    color: #AAAAAA;
    float: right
}

.content.list-more .list-content .list-item .list-item__content {
    font-size: 14px;
    color: #AAAAAA
}

.content.list-more .list-content .list-item .list-item__content>p {
    margin: 0;
    height: 40px;
    overflow: hidden;
}

.content.list-more .a-pagination {
    float: right;
    margin-top: 50px;
    margin-bottom: 20px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.a-tabs__header {
    margin: 0;
    padding: 0
}

.a-tabs__header::before,
.a-tabs__header::after {
    display: table;
    content: ""
}

.a-tabs__header::after {
    clear: both
}

.a-tabs__header li {
    list-style: none;
    float: left
}

.a-tabs__header li>a {
    text-decoration: none
}

.a-tabs__content>.a-tabs__pane {
    display: none
}

.a-tabs__content>.a-tabs__pane.is-active {
    display: block
}

.a-pagination {
    margin: 0;
    padding: 0
}

.a-pagination::before,
.a-pagination::after {
    display: table;
    content: ""
}

.a-pagination::after {
    clear: both
}

.a-pagination li {
    float: left;
    list-style-type: none;
    font-size: 16px
}

.a-pagination li.disabled {
    cursor: not-allowed
}

.a-pagination li>a {
    text-decoration: none
}

.a-pagination li>a,
.a-pagination li span {
    padding: 5px 10px;
    float: left;
    color: #AAAAAA
}

.a-pagination li.active span {
    color: #ffffff;
    background: #D33329
}