/**!
* 子页面公用样式
* date:2021-11-29
* author: zsy;
*/

.com-header {
    height: 138px;
}

.header {
    position: relative;
    height: 100%;
    background: url("../images/subpage/header_bg.jpg") center top;
}

.nav {
    border-bottom: none;
}


/* 当前位置 */

.route-list {
    height: 28px;
    line-height: 28px;
    padding-left: 23px;
    margin: 26px 0 15px;
    font-size: 0;
    background: url("../images/subpage/location.png") no-repeat left center;
}

.route-item {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.route-item a {
    color: #333;
}

.route-item.current {
    color: #fb961e;
}

.route-item+.route-item:before {
    content: "/";
    padding: 0 10px;
    color: #333;
}

.inter-union {
    margin-top: 40px;
}


/* 子页面公用左右布局 */

.sub-slide {
    width: 229px;
    font-size: 20px;
}

.slide-hd {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background-color: #4f9bf8;
    background-image: linear-gradient(to right, #4f9bf8, #8ac8fc);
}

.tree-item {
    border-top: 1px solid #f5f5f6;
}

.tree-item.current,
.tree-item:hover {
    background: url("../images/subpage/arrow_right.png") no-repeat right 20px center;
}

.tree-item.current .tree-link,
.tree-item:hover .tree-link {
    font-weight: 600;
    color: #415dbb;
}

.tree-link {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 37px 0 55px;
    color: #333;
    background: url("../images/subpage/tree_ico.png") no-repeat 22px center;
}

.sub-content {
    margin-left: 255px;
}

.sub-tt {
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-top: -4px;
    padding-left: 14px;
    font-size: 22px;
    font-weight: 600;
}

.sub-tt:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 4px;
    height: 22px;
    background-color: #8ac8fc;
    background-image: linear-gradient(to bottom, #8ac8fc, #519cf8);
}


/* 分页样式 */

.pager {
    margin-top: 35px;
}

.m-pagination-page>li>a,
.m-pagination-size>select,
.m-pagination-group>input,
.m-pagination-group>button {
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: none;
    color: #333;
}

.m-pagination-group>button {
    font-size: 12px;
    color: #fff;
    background-color: #8ac8fc;
    background-image: linear-gradient(to bottom, #8ac8fc, #509cf8);
}

.m-pagination-page>li.active>a {
    background-color: #8ac8fc;
    background-image: linear-gradient(to bottom, #8ac8fc, #509cf8);
}