/**全局控制变量**/
:root{
    --default-margin-top: 1.5625vw;
    --default-side-item-height:11.95vw; 
    --side-title-font-size: var(--font-size-level-4);
    --side-item-font-size: var(--font-size-level-3);
    --side-item-height: 3.3854vw;

}


/**基本样式**/

.page-wrapper{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 1.5625vw 0;
    margin: var(--default-margin-top) 0;
}

.page-wrapper .page-content{
    min-height: 25vw;
    display: flex;
    justify-content: space-between;
}

.page-wrapper .page-content .page-side-wrapper{
        width: 230px;

        flex-grow: 0;
        flex-shrink: 0;

        flex-basis: 230px;

        margin-right: 20px;


}

.page-wrapper .page-content .main-content-wrapper{
       flex-grow: 1;
       flex-shrink: 1;
}

.page-wrapper .page-content .page-side-item:not(:first-child){
    margin-top: 1.5625vw;
    margin-top: var(--default-margin-top);
}


.page-wrapper .page-content  .page-side-item .side-title-wrapper{
    background-color: #52a6ef;

    height:65px;
    display: flex;
    align-items: center;
    cursor: default;


}

.page-wrapper .page-content  .page-side-item .side-title-wrapper .side-title-img{
    margin: 0 0.5vw;
}


.page-wrapper .page-content  .page-side-item .side-title-wrapper .side-title{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}



.page-wrapper .page-content .main-content-wrapper{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
    box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
    padding: 0.5vw 1vw 2vw 1vw;
    
}


.page-side-item .side-list-wrapper{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
    box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
}

.page-side-item .side-list-wrapper .side-list-item {
    height: 65px;

    display: flex;
    justify-content: flex-start;
    align-items: center;

    font-size: 14px;

    padding-left: 2vw;
    cursor: pointer;

    color: #909399;

    user-select: none;
}


.page-side-item .side-list-wrapper .side-list-item.actived {
    color: #52a6ef;
    color: var(--text-active-color);
}

.page-side-item .side-list-wrapper .side-list-item:not(:nth-child(-1)){
    border-bottom: 1px solid rgba(221,221,221,1);
}


.yuanquan{
    display: block;
    height: 0.8vw;
    width: 0.8vw;
    /* background-color: #52a6ef; */
    margin-right: 0.5vw;
    border: 0.18vw solid #909399;
    border-radius: 50%;
}

.page-side-item .side-list-wrapper .side-list-item.actived .yuanquan{
    
    border-color:#52a6ef;
}


/* 第一种 文章类型  main-content-rich-text */

:root{
    --rich-text-default-item-margin-top:1.1vw;
}

.main-content-wrapper .main-content-rich-text{
    margin-top: 30px;
}

.main-content-wrapper .main-content-rich-text  .title{
    line-height: 45px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: 黑体;
    color: rgb(3, 72, 129);
    padding-top: 50px;
    margin: auto;
}

.main-content-wrapper .main-of-rich-text {
    font-size: 16px;
    line-height: 32px;
    margin: 10px 0;
    /*line-height: 32px !important;*/
    font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif !important;
}

.main-content-wrapper .short-title{
    font-size: 24px;
    font-size: var(--font-size-level-7);
    font-weight: bold;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-family: 黑体;
    color: rgb(3, 72, 129);
    padding-top: 16px;
    margin: auto;
}

.main-content-wrapper .info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: #777777;
}

.main-content-wrapper .info-ly {
    margin-right: 50px;
}

.main-content-wrapper .main-of-rich-text {
    margin-top: 20px;
    margin-top:  var(--rich-text-default-item-margin-top);
    padding: 0 40px;
}

/* 第一种 列表类型  无图  list01 */
:root{
    --page-list-01-item-height: 3vw;
}

.main-content-wrapper .list-wrapper{
    min-height: 450px;
}

.main-content-wrapper.list-page-01 .list-wrapper .list-item{
    display: flex;
    justify-content: space-between;

    font-size: 16px;

    line-height: 40px;

    cursor: pointer;
    padding: 0 5px;
}

.main-content-wrapper.list-page-01 .list-wrapper .list-item:hover{

    color: #909399;

    background-color: #F5F7FA;
    padding: 0 8px;
}

.main-content-wrapper.list-page-01 .list-wrapper .list-item .date{
    color: #909399;
    color: var(--text-grey-color);
}

.main-content-wrapper.list-page-01  #fy{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    margin-top: 1.5625vw;
    margin-top: var(--default-margin-top);
}

/* 第一种 列表类型  无图  list02 */
:root{
    --page-list-02-item-height: 11.1979vw;
    --page-list-02-item-inner-margin-top:0.9vw;
    --page-list-02-item-des-line-height:2vw;
}

.main-content-wrapper.list-page-02 .list-item {

    margin-top: 1.5625vw;
    margin-top: var(--default-margin-top);

    height: 11.1979vw;
    height: var(--page-list-02-item-height);
    box-shadow: 0px 0px 14px 3px rgba(100,100,100,0.1);
    padding: 1.5vw 1.8vw;
    border-radius: 10px;
    transition: box-shadow .2s ease-in-out;
    cursor: pointer;
}

.main-content-wrapper.list-page-02 .list-item:hover{
    box-shadow: 0px 0px 14px 10px rgba(100,100,100,0.2);
}

.main-content-wrapper.list-page-02 .list-item .title{
    font-size: 16px;
    font-size: var(--font-size-level-3);
    font-weight: bold;
}

.main-content-wrapper.list-page-02 .list-item .des{
    font-size: 16px;
    font-size: var(--font-size-level-3);

    margin-top: 0.9vw;
    margin-top: var(--page-list-02-item-inner-margin-top);

    line-height: 2vw;
    line-height: var(--page-list-02-item-des-line-height);

}

.main-content-wrapper.list-page-02 .list-item .date{
    font-size: 16px;
    font-size: var(--font-size-level-3);

    margin-top: 0.9vw;
    margin-top: var( --page-list-02-item-inner-margin-top);

    color: #909399;
    color: var(--text-grey-color);
}

.main-content-wrapper.list-page-02  #fy{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    margin-top: 1.5625vw;
    margin-top: var(--default-margin-top);
    
}