.container{
    background: none;
    width: 1000px;
    margin: 0 auto;
    margin-top: 38px;
}
.tabbar{
    width: 160px;
    float: left;
}
.tabbar-btn{
    display: none;
}
.tabbar .tabbar-tit{
    width: 160px;
    height: 124px;
    background-image: url("../images/common-bg2.png");
    background-size: 100%;
    color: white;
    font: 20px/124px "Microsoft YaHei", "微软雅黑";
    text-align: center;
    border-radius: 0 0 20px 20px;
    margin-bottom: 28px;
}
.tabbar .tabbar-year{
    width: 112px;
    height: 30px;
    color: white;
    font: 16px/30px "Microsoft YaHei", "微软雅黑";
    background-image: url("../images/common-bg2.png");
    background-size: 100%;
    text-align: center;
    border-radius: 16px;
    margin: 0 auto;
    user-select: none;
    cursor: pointer;
    margin-bottom: 16px;
}
.tabbar .tabbar-path-list{
    margin-bottom: 16px;
    display: none;
}
.tabbar .list-active{
    display: block;
}
.tabbar .tabbar-path{
    text-align: center;
    font-size: 14px;
    margin-bottom: 16px;
}
.tabbar .tabbar-path a{
    text-align: center;
    font-size: 14px;
}
.tabbar .tabbar-path-list .path-active,
.tabbar .tabbar-path-list .path-active a{
    font-size: 14px;
    color: #015ebd;
}
.con-path-list{
    width: 791px;
    float: right;
    
}
.path-tit{
    height: 56px;
    background-image: url("../images/common-bg2.png");
    background-size: 100%;
    border-radius: 0 0 6px 6px;
}
.path-tit h2{
    display: block;
    font: 18px/56px "Microsoft YaHei", "微软雅黑";
    color: white;
    padding: 0 26px;
}
.con-group{
    margin-top: 34px;
}
.con-list{
    margin-bottom: 36px;
}
.con-list .con-list-tit h2{
    color: #0b2d7c;
    font: bold 18px/28px "Microsoft YaHei", "微软雅黑";
    background: url("../images/common-bg2.png") no-repeat bottom center;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    padding-left: 4px;
}
.con-item{
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaebec;
}
.con-item:last-child{
    border-bottom: none;
}
.con-item h2,
.con-item p{
    display: block;
    /*width: 408px;*/
}
.con-item h2,
.con-item h2 a{
    color: black;
    font: 18px/24px "Microsoft YaHei", "微软雅黑";
}
.con-item p{
    color: #6d6e76;
    font: 16px/24px "Microsoft YaHei", "微软雅黑";
    margin-top: 6px;
}
.con-item span{
    display: block;
    width: 420px;
    margin-left: 370px;
    margin-top: 20px;
    text-align: end;
    color: #6d6e76;
    font: 16px/32px "Microsoft YaHei", "微软雅黑";
}

@media screen and (max-width: 768px) {
    .container{
        width: 90vw;
    }
    .tabbar{
        position: fixed;
        left: -160px;
        top: 0;
        background-color: white;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: 0.5s;
    }
    .show-tabbar-active{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        left: 0px;
    }
    .tabbar-btn{
        display: block;
        position: absolute;
        right: -24px;
        width: 24px;
        height: 48px;
        z-index: 99;
        border-radius: 0 24px 24px 0;
        background-color: white;
        box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
    }
    .tabbar-btn svg{
        display: block;
        margin: 0 auto;
        margin-top: 12px;
    }
    .tabbar-btn svg:nth-child(1){
        display: none;
    }
    .tabbar-btn svg:nth-child(2){
        display: block;
    }
    .show-active svg:nth-child(1){
        display: block;
    }
    .show-active svg:nth-child(2){
        display: none;
    }
    .tabbar .tabbar-tit{
        display: none;
    }
    .con-path-list{
        float: none;
        width: 100%;
    }
    .con-item h2, .con-item h2 a{
        width: 100%;
    }
    .con-item p{
        width: 100%;
    }
    .con-item span{
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }
}