.nav-wrap {
    display: flex;
    height: 50px
}

.nav-wrap li {
    padding: 0 14px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 19px;
    color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    list-style: none
}

.nav-wrap li.active {
    color: #fff;
    border-bottom: 2px solid #fff;
    height: 32px;
}

.search-wrap {
    width: 184px;
    height: 33px;
    background: hsla(0, 0%, 100%, .4);
    border-radius: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    right: 0;
    bottom: 8px
}

.search-wrap input {
    margin-left: 15px;
    height: 33px;
    color: #fff;
    font-size: 16px;
    width: 120px
}

.search-wrap input:-ms-input-placeholder {
    color: #fff
}

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

.search-wrap input::-moz-placeholder {
    color: #fff
}

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

.search-wrap .search-logo {
    width: 16px;
    height: 16px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABJ1JREFUWEfNmFeIXVUUhr9fMVYQRbFENKgRFWyQYLBhBcUSLCExghEd62NsGBBLVAwSX0SNiiBBHEsIaPTFgtGo2B4s4IMiGlsUNGLv/vKP5wx7zpyZe28yd8iCeZiz117rv2uvvfa/luhRbG8LnAScAkwHdgV2A7YCvq7+vgReBJ6R9GmPLkaoq9vNto8CFgHHA1t2uw/4AFgG3Cfpzx72Dal2BGj7MODWKmK92i/1PwNuBJZL+qdbQ+MCtH0tcBuw2TgGfwXWAX9Ux71jB+ergTmSvu0GZCtA21sDDwLnthj5AVgFPA08J2l9qWM7xz8LOB04E9i7xUbycrak9zqBHAXQ9pQqwY9obE6k7gKWSPq+k+Gs294cuAC4CZja2PMLcKKk18ez1QbwbuCKxqa3gLMkfdENsKZOdSK5KOc31pIaMyR9NZbdEQBtnwc83FDO/xdL+n1DwDWO/7rqwpV+3wSOkZQcHiXDirZTyz4Etiu0HpEU0BMmtpObTzYqyM2SbugE8CFgQaH0NnD0RESu5chTbkpAP+Uytd3soQjangEk1HVEc5z7S1o7YaErDNmOn9eq216vLJV0VdNfDfCpqizU63dKurIf4Gqbtk8Ani98/AbsJCnVYlhkexsgRTO1L/IzME3Sd/0EWJ3cy0mjws8ZklJjRwBM0iaCtayQNKff4CqAlwP3FL7yXl/WBJj6dGnxcYGk5ZMEcC+gZDtrJU1rAgwtOrb4uKekzycDYBXFT5JSlT8DUyT9XftPDoYOHVB9+LdS6JptbOwPsf0KcGRhZw9J4ZNDEoB57Heo/v9GUgjopIntFcDZhcOZklKDhwGm5tUEdJ2k3ScN3f81+AngnMLnLElvlADLHMjRJgdy1JMittcAYeu1TC3JQ474VaCkViMU+o3S9scFZ/wrvU0ZoAB8FJhbAJkvabDfwGLfdtJp+EIAH0nar/QdgCmM9xYfByXNnySAA8ADha87JF3TBBimm7pXE4VQ+tTCH/sN0vazVQtbuzpY0vsjAFahDmMOo6nlFknX9xOg7dS+1MBa3pV0aNNnzWYurJqkej39wr6S0oj3RWw3X7ABSWnURkgNMM1NQlu/KFF6KeGXlJs1oWJ7IbC0MBreOb3NV0n50yKubCBZJimMY8LE9nFpV4EEpZZ5kh5rc9Jsmh5PU91QTKu5sHzANxSt7ZOBlLXtCxsrJZVP3egjrr9Ug6EU7kMaIF5IrdwYEms7dH5Jy5QiXWMoXuvr1dYXh6PlLdylATLN+u1p3iWFnncltjMJy/ikrBLNvWnYLmoDOdboI/wsLPugFhS52XngM/pY3Taxsn0gcFo1+sgYpBtpBTnm8Mh2+uOEf/Y41kMs65lgWFGinv667K2b21OcdwYyNesYyU7TrazPAxYD+3QThnF00oQtknS/7UzA0tF1BNlxPhiHtrcALgGuBpKjvUjmOWmMkrvpGIekW5BdASzR2D68yq2ZQJ6m5jwwb/g71SAgLeQaSek1RklXIHsJxRhOMptOXUvhXd/rqKQDyIGeI7ixP6jHSA5uEgDHycnFmwzACmS6ywxQTwUyeZ37H1/eo8ZKzEDhAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    margin-right: 15px
}

.pagination-wrap.el-pagination {
    text-align: right;
    background: #fff;
    padding: 30px 53px
}

.pagination-wrap.el-pagination .el-pagination__total {
    line-height: 32px;
    font-size: 14px
}

.pagination-wrap.el-pagination .el-pagination__sizes .el-input__inner {
    height: 32px;
    font-size: 14px
}

.pagination-wrap.el-pagination .btn-next,
.pagination-wrap.el-pagination .btn-prev,
.pagination-wrap.el-pagination .el-pager li {
    width: 32px;
    height: 32px;
    background: none;
    border: 1px solid #c3c6d6;
    border-radius: 5px
}

.pagination-wrap.el-pagination .el-pager li {
    line-height: 32px
}

.pagination-wrap.el-pagination .el-pager li.active {
    background: none;
    border: 1px solid #4079ff;
    color: #4079ff
}

.pagination-wrap.el-pagination .el-pagination__jump {
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.pagination-wrap.el-pagination .el-pagination__jump .el-input__inner {
    width: 32px;
    height: 32px;
    font-size: 14px
}

.bg {
    background: #7382ac
}

.nav-wrap {
    display: flex;
    width: 1440px;
    margin: 0 auto;
    padding: 15px 0;
    box-sizing: border-box
}

.nav-wrap .icon,
.nav-wrap a {
    color: #666;
    font-size: 16px;
    font-weight: 500
}

.nav-wrap .icon {
    margin: 0 4px
}

.nav-wrap .active {
    color: #333;
    font-size: 16px;
    font-weight: 500
}

.article-main {
    width: 1440px;
    margin: 0 auto
}

.article-main .article-wrap {
    background: #fff;
    padding-bottom: 15px;
    padding: 0 40px;
    cursor: pointer
}

.article-main .article-wrap .border-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.article-main .article-wrap .article-l {
    width: 1040px
}

.article-main .article-wrap .article-l .title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #4079ff;
    margin-bottom: 10px;
    display: block
}

.article-main .article-wrap .article-l .source {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    line-height: 1;
    display: block
}

.article-main .article-wrap .time {
    font-size: 16px;
    color: #666;
    line-height: 1;
    display: block
}