@charset "UTF-8";
/* 资料站 */

body>div{
    width: 100%;
}

.ql-editor p{
    line-height: 0.4rem!important;
}

/* 主体内容 */
.secondary{
    height: 100%;
}
.secondary > .main-foot {
    margin-top: 0!important;
}
.secondary > .data-center {
    height: 100%;
    width: 100%;
    color: white;
    padding-top: 0.8rem;
    padding-bottom: 0.2rem;
    background:url("/assets/img/data-center-bg.jpg") 50% 0px / cover no-repeat fixed;
}
.secondary > .data-center > .data-content {
    width: 13.06rem;
    height: 100%;
    margin: 0 auto;
}
.secondary > .data-center > .data-content > .content-title {
    width: 100%;
    height: 1.3rem;
    margin-bottom: 0.2rem;
    background-image: url("/assets/img/data-content-title.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;

}
.secondary > .data-center > .data-content > .content {
    width: 100%;
    min-height: 67vh;
    margin-bottom: 0.5rem;
    background-image: url("/assets/img/data-center-content-bg.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center top;
    overflow: hidden;
}
.secondary > .data-center > .data-content > .content > .content-left {
    width: 75%;
    position: relative;
    padding: 2% 0.5% 2rem 2%;
}
.secondary > .data-center > .data-content > .content > .content-left > .row{
    width: 100%;
    color: #a6a6a6;
}
.secondary > .data-center > .data-content > .content > .content-left > .row > .title{
    width: 100%;
    color: white;
    font-size: 0.42rem;
    margin-bottom: 0.2rem;
}
.secondary > .data-center > .data-content > .content > .content-left > .row > .createTime{
    width: 100%;
    font-size: 0.16rem;
    color: white;
}
.secondary > .data-center > .data-content > .content > .content-left > .row > .createTime > .d{
    margin: 0 0.12rem;
}
.secondary > .data-center > .data-content > .content > .content-left > .row > .createTime > .title{
    background-color: #0f3234;
    padding: 0 0.2rem;
}
.secondary > .data-center > .data-content > .content > .content-left > .row > .content{
    width: 100%;
    overflow: hidden;
}
.secondary > .data-center > .data-content > .content > .content-right {
    width: 25%;
    min-height: 100%;
    padding: 2% 2% 2% 0.5%;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn {
    width: 100%;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn > div {
    height: 0.53rem;
    margin-bottom: 0.2rem;
    background-color: #856404;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: background-image 0.3s;
    cursor: pointer;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn > .home {
    background-image: url("/assets/img/right-btn-home.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn > .home:hover {
    background-image: url("/assets/img/right-btn-home-active.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn > .discuss {
    background-image: url("/assets/img/right-btn-discuss.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn > .discuss:hover {
    background-image: url("/assets/img/right-btn-discuss-active.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-btn > div > a {
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 0.53rem;
    color: white;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog{
    width: 100%;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-top{
    height: 0.65rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-image: url("/assets/img/catalog-top-bg.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre{
    min-height: 5rem;
    padding: 5%;
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top center;
    background-image: url("/assets/img/catalog-centre-bg.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > a{
    padding-left: 0.35rem;
    margin: 0.05rem;
    font-size: 0.18rem;
    color: white;
    background-image: url("/assets/img/list-group-icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 98%;
    transition: background-image 0.3s;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > a:hover,
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > a:focus{
    background-color: transparent;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > a:not(.not){
    background-image: url("/assets/img/list-group-icon-active.png");
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > div > a{
    padding-left: 0.5rem;
    font-size: 0.16rem;
    margin: 0.05rem;
    display: block!important;
    width: 100%;
    background-image: url("/assets/img/list-group-secondary.png");
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: 0.3rem center;
    transition: background-image 0.3s;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > div > a:hover,
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > div > a:focus{
    background-color: transparent;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > div > a:hover,
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-centre > .list-group > div > a.active{
    background-image: url("/assets/img/list-group-secondary-active.png");
    color: #d7d7d7;
}
.secondary > .data-center > .data-content > .content > .content-right > .right-catalog > .catalog-lower{
    height: 0.65rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    background-image: url("/assets/img/catalog-lower-bg.png");
}