/**!
 * 兴安盟公共资源交易中心列表页
 * author: qianyuting
 * date:2020-10-09
 */

body {
    background-color: #fafdff;
}

.top {
    position: relative;
    min-width: 1200px;
    height: 378px;
    background: url('../images/top_bg.jpg') center top no-repeat;
    background-size: 100% 568px;
}

.logo {
    display: block;
    margin: 60px auto 0;
}

.mt30 {
    margin-top: 30px;
}

/* 侧边垂直菜单 */

.left-bar{
    width: 280px;
}

.left-bar-tit {
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin-bottom: 2px;
    padding: 0 30px;
    font-size: 18px;
    font-family: 'SourceHanSansCN-Bold';
    background: url("../images/left_bar_name_bg.jpg") no-repeat;
    background-size: 100% 100%;
    border-top: 2px solid #ffab00;
}

.wb-tree {
    width: 100%;
    height: 710px;
    padding: 8px 0;
    border: 1px solid #bfdcff;
    background-color: #fff;
    box-sizing: border-box;
    overflow-y: auto;
}

.wb-tree-items {
    margin-bottom: 10px;
}

.wb-tree-items:last-child {
    margin-bottom: 0;
}

.wb-tree-node,
.wb-tree-sub a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wb-tree-tt {
    font-size: 16px;
    color: #5089ed;
}

.wb-tree-icon {
    float: left;
    width: 10px;
    height: 10px;
    margin: 20px 30px 0 24px;
    background: url("../images/icon_wblistrh.png") no-repeat;
}

.wb-tree-sub {
    display: none;
}

.wb-tree-item {
    padding-left: 95px;
}

.wb-tree-item>a {
    position: relative;
    padding-left: 15px;
}

.wb-tree-item>a:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    background-color: #e1e1e1;
    border-radius: 50%;
}

.wb-tree-item>a:hover,
.wb-tree-item>a:active,
.wb-tree-item.active>a{
    color: #ffb400;
}

.wb-tree-item.active>a:before {
    background-color: #ffb400;
}

.current .wb-tree-node{
    background-color: #e7f2fc;
}

.current .wb-tree-icon {
    width: 10px;
    height: 10px;
    background: url("../images/icon_wblistr.png") no-repeat;
}

.current .wb-tree-sub {
    display: block;
}

/* 右侧数据 */
.right-con{
    width: 895px;
    background-color: #fff;
}

.right-con .tit{
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    font-size: 16px;
    background: #4b80ee;
    background: linear-gradient(to right, #4b80ee, #60aeeb);
    background: -webkit-linear-gradient(left, #4b80ee, #60aeeb);
    background: -o-linear-gradient(right, #4b80ee, #60aeeb);
    background: -moz-linear-gradient(left, #4b80ee, #60aeeb);
}

.right-con .tit span {
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    border-radius: 13px;
    background-color: #fff;
    color: #5089ed;
}

.right-con-body {
    height: 712px;
    padding: 15px 20px 0;
    border: 1px solid #bfdcff;
    border-top: 0;
    box-sizing: border-box;
}

.news-items li {
    position: relative;
    line-height: 42px;
    font-size: 14px;
    vertical-align: top;
}

.news-items li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -2.5px;
    width: 5px;
    height: 5px;
    background-color: #d9d9d9;
    border-radius: 50%;
}

.news-items li a {
    padding-left: 15px;
    display: block;
    color: #333;
    margin-right: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-time {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
}

.news-items li:hover a,
.news-items li:hover .news-time {
    color: #ffb400;
}

.news-items li:hover:before {
    background-color: #ffb400;
}

/* 分页 */

.pager {
    margin-top: 55px;
}

.m-pagination-page>li>a,
.m-pagination-size>select,
.m-pagination-group>input,
.m-pagination-group>button {
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    font-size: 14px;
    color: #999;
    border: 1px solid #e0e0e0;
    border-radius: 2px;    
    box-sizing: border-box;
}

.m-pagination-page>li.active>a,
.m-pagination-page>li:hover>a {
    color: #fff;
    border-color: #4e8adb;
    background-color: #4e8adb;
}

.m-pagination-info {
    height: 26px;
    line-height: 26px;
    padding-right: 30px;
    padding-left: 0;
    color: #999;
}