﻿/* aside区域 */

main {
    position: relative;
    padding-top: 30px;
}

main .container1 {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

main aside {
    position: relative;
    width: 229.997px;
    height: 100%;
    /* background-color: bisque;
    */
}

main aside>ul {
    margin-bottom: 30px;
}

main aside>ul>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 229.997px;
    height: 49.997px;
    background: #bcbdd7;
    cursor: pointer;
    margin-bottom: 1.997px;
    font-size: 19.997px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    padding-left: 30px;
}

main aside>ul>li:first-child {
    justify-content: center;
    padding-left: 0;
    background: #363A8F;
    color: #FFFFFF;
}

main aside>ul>li:nth-child(n+2):hover {
    background: #EFF4F7;
    color: #363A8F;
}

main aside>ul .current {
    background: #EFF4F7;
    color: #363A8F;
}

main aside .info {
    width: 229.997px;
    height: 191.002px;
    background: #eaeaea;
    font-size: 13.997px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    padding-top: 19.997px;
    padding-left: 30px;
    padding-right: 24px;
}

main aside .info .phone,
main aside .info .email,
main aside .info .address {
    display: flex;
    line-height: 28.003px;
}

main aside .info .phone .left,
main aside .info .email .left,
main aside .info .address .left {
    width: 43.997px;
    flex-shrink: 0;
}

main aside {
    margin-right: 30.998px;
}

main section {
    flex: 1;
}

main section .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main section .top .left {
    display: flex;
}

main section .top .left h2 {
    font-size: 28.003px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #363A8F;
    margin: 0;
}

main section .top .left span {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B1B1;
    display: flex;
    align-items: center;
    margin-left: 30px;
    letter-spacing: 5.002px;
}

main section .top .breadcrumb {
    padding: 0;
}

main section .top .breadcrumb a {
    margin-bottom: 0;
    font-size: 13.997px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #000000;
}

main section ul {
    margin-top: 36.998px;
}

main section>ul li a {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 23.002px;
}

main section ul li {
    position: relative;
}

main section ul li::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 36px;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #D5DFE6 0%, #D5DFE6 70%, transparent 50%);
    background-size: 12.998px .180000px;
    background-repeat: repeat
}

main section ul li p {
    font-size: 16.003px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

main section ul li .time {
    font-size: 16.003px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #B1B1B1;
}

main section nav {
    text-align: center;
}


/* 外部样式 */

.pagination>li>a,
.pagination>li>span {
    width: 41.002px;
    height: 41.002px;
    padding: 0;
    font-size: 18.998px;
    line-height: 41.002px;
    background: #F0F2F5;
    border-radius: 1.997px;
    margin-right: 13.997px;
    color: #606266;
}

.pagination>.active>a {
    background: #363A8F;
    border-color: #363A8F;
}


/* mask开始 */

main aside .mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 229.997px;
    width: 979.997px;
    background-color: #eff4f7;
}

main aside .mask>ul {
    padding-top: 30px;
    padding-left: 30px;
}

main aside .mask>ul>li {
    display: flex;
    margin-bottom: 19.997px;
}

main aside .mask>ul>li .left {
    width: 97.997px;
}

main aside .mask>ul>li .left a {
    font-size: 13.997px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #363A8F;
}

main aside .mask>ul>li>span {
    font-size: 13.997px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    margin-left: 15.005px;
    margin-right: 24.998px;
}
main aside .mask>ul>li .right{
    flex: 1;
}
main aside .mask>ul>li .right ul {
    display: flex;
    flex-wrap: wrap;
}

main aside .mask>ul>li .right ul li {
    position: relative;
    margin-right: 19.997px;
    margin-top: 2px;
}

main aside .mask>ul>li .right ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -10.003px;
    width: 0.998px;
    height: 18px;
    background-color: #000000;
}

main aside .mask>ul>li .right ul li a {
    font-size: 12px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
}


/* mask结束 */