/*农林-页头导航页尾-控制颜色 if*/
.webStyle {
    /*链接动画下划线颜色*/
    /* .el-link::after, ._alink a::after{background-color: var(--nl-A-col);} */
    /*顶图*/
    /* .picBgHead .bgPic {  background-image: linear-gradient(to bottom, rgba(46, 68, 99, 0.8) 100%, rgba(46, 68, 99, 0.8) 100%), url("/images/picBgHead.png");} */
    /* .picBgHead .bgGradient {  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);} */
    
    /*pc导航*/
    /* .navBox,.logoMobile .navBox{background-color: var(--nl-A-col);}
    .el-menu--horizontal > .el-menu-item.is-active{background-color: var(--nl-Ahover-col);}
    .el-menu--horizontal > .el-menu-item:hover{background-color: var(--nl-Ahover-col);} */
    /*二级三级*/
    /* .menMore .menMoreL p:hover, .menMore .menMoreL p.mMLActive {  background-color: var(--nl-Abghover-col) !important; color: var(--nl-A-col);}
    .menMore .menMoreC p:hover,.menMore .menMoreC p.sActive {  background-color: var(--nl-Abghover-col) !important; color: var(--nl-A-col);}
    .menMore .menMoreC p:hover span,.menMore .menMoreC p.sActive span { color: var(--nl-Aspanhover-col) !important;} */

    /*移动导航*//*二级*//*有二级*//*无二级*/
    /* .mobileMenu{
        .el-main .menMoreC p:hover,.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover {
            background-color:  var(--nl-Abghover-col) !important;
            a,&{color: var(--nl-A-col) !important;}
        }
        .el-main .menMoreC p span { font-size: 12px; color: var(--nl-Aspan-col); display: block; }
        .el-menu-item.is-active { color: var(--nl-A-col); }
    } */

    /* .footer {
        background: linear-gradient(to bottom, var(--nl-A-rgb-col) 0%, var(--nl-A-rgb-col) 100%), url("/images/picBgfirst.png");
        .el-button.el-button--primary{border-color: #5b8ac5 !important;}
    } */

    /* .tyTitle{
        text-align: center;
        b,span,i{display: block; padding: 0; margin: 0 auto;}
        b{font-size: 32px;}
        span{font-size: 16px; margin-bottom: 20px;}
        i{width: 60px; margin: 0 auto; height: 6px; background-color: var(--nl-A-col);}
        &.baiSe{
            b,span{color: #FFFFFF;}
            i{background-color: #FFFFFF;}
        }
    }

    .lrTitle{
        margin-bottom: 30px;
        i,b,p,a{display: block !important; padding: 0; margin: 0;}
        a{float: right; width: 148px; line-height: 48px; background-color: var(--nl-A-col); border: 0; text-align: center; color: #FFFFFF; border-radius: 10px;}
        i{background-color: var(--nl-A-col); width: 6px; height: 66px; margin-right: 10px; float: left; display: none !important;}
        b{color: #333333; font-size: 32px; font-weight: 500 !important;}
        p{color: #333333; height: 20px;}
        &.white{
            a{background-color: #FFFFFF; color: var(--nl-A-col);}
            b,span{color: #FFFFFF;}
        }
    }
    .lrTitle.AbgFFF a:hover{
        background: #FFFFFF !important; color: var(--nl-A-col) !important;
    }

    /*新闻中心-热点图 样式*/
    /* .xDaiStyle.styleInfo .sLBoxH, .xDaiStyle.styleInfo .el-carousel__item,.xDaiStyle .carousel-container {height: 496px;} */
    /* .xDaiStyle.styleInfo h4 { 
        position: absolute; bottom: -24px;background-color: var(--nl-A-rgb-col); width: 100%; color: #FFFFFF;
        text-align: left; height: 126px; line-height: 40px;
        a{padding: 10px 30px;}
        b{font-size: 18px !important; margin-bottom: 10px;}
        p{margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-weight: 500;}
    }
    /*党群活动-热点图 样式*/
    /* .xDaiStyleDt.styleInfo .sLBoxH, .xDaiStyleDt.styleInfo .el-carousel__item,.xDaiStyleDt .carousel-container {height: 496px;} 
    .xDaiStyleDt.styleInfo{
        h4 {
            position: absolute; bottom: -21px;background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #FFFFFF;
            text-align: left; height: 60px; line-height: 60px;
            a{padding: 0 80px;}
        }
        .el-carousel{border-radius: 0 80px 0 0;}
        .carousel-arrow {
            position: absolute; top: 100%; margin-top: -30px; width: 60px; height: 60px;background-color: var(--nl-A-rgb-col);
            color: white;border-radius: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background-color 0.3s;
        }
        .carousel-arrow:hover {background-color: rgba(0, 0, 0, 0.5);}
        .carousel-arrow.prev {left: -60px;}
        .carousel-arrow.next {left: 0;}
    } */

}
/*现代-页头导航页尾-控制颜色 end*/


.contentToE {
    padding: 100px 0;
    .picNews{
        b,i,span{display: block !important; margin-bottom: 10px;}
        .pic{margin-bottom: 15px; border-radius: 10px;}
        i{width: 100%; height: 203px; display: block;}
    }
    .infoList{
        a,b,span{display: block; padding: 0; margin: 0; font-weight: 500;}
        a{line-height: 36px; display: flex; width: 100%; justify-content: space-between;}
        b{color: #666666;}
        span{color: #999999; min-width: 100px; text-align: right;}
    }

    /*党群活动*/
    .conToEBox{
        display: flex; flex-direction: column;
        .infoList2{
            flex: 1; background: var(--nl-Abghover-col); border-radius: 80px 0 0 0; padding: 60px 60px 0 60px;
            b,span,p,a{display: block; margin: 0; padding: 0;}
            b{font-size: 20px; margin-bottom: 10px;}
            span{font-size: 14px; margin-bottom: 10px; color: var(--nl-A-col);}
            p{font-size: 14px; line-height: 25px;}
            a{
                margin-bottom: 50px;
                &:hover{color: var(--nl-Ahover-col);}
            }
        }
    }
}

.xdContentToA{
    background: linear-gradient(to bottom, var(--nl-A-rgb-col) 100%, var(--nl-A-rgb-col) 100%), url("/images/jieShaoPic.png"); padding: 120px 0 50px 0;
    .picInfoList{
        .picInfo i{
            display: block;
            &.picLeft,&.picRight{height: 340px; width: 100%;}
            &.picLeft{border-radius: 80px 0 30px 0;}
            &.picRight{border-radius: 0 80px 0 30px;}
        }
        .infoList a{
            color: #FFFFFF !important; margin-bottom: 80px; display: block;
            b,span,p{display: block; margin: 0; padding: 0;}
            b,span{margin-bottom: 20px;}
            b{font-size: 16px;}
            span{font-size: 14px;}
            p{font-size: 14px; font-weight: 400; line-height: 25px;}
        }
    }
}

.xdContentToB{
     background: linear-gradient(to bottom, rgba(238,242,252, 0.1), rgba(238,242,252, 1)); padding: 120px 0;
     .picInfoList{
         .picInfo{
             i,b,span,p,a{display: block; margin: 0; padding: 0;}
             a{
                 background-color: #FFFFFF; border-radius: 10px; padding: 10px; transition: all 0.2s ease-in-out;
                 i{height: 196px; width: 100%; border-radius: 10px;}
                 .icon-arrowR{background-image: var(--icon-arrowR-hei);}
                 .info{
                     padding: 20px 10px;
                     b{font-size: 18px; color: #333333; margin-bottom: 5px;}
                     span{font-size: 14px; color: #999999; margin-bottom: 15px;}
                     p{font-size: 16px; color: #666666; margin-bottom: 15px;}
                 }
                 &:hover{
                     background-color: var(--nl-A-col) !important; transition: all 0.2s ease-in-out;
                     b,span,p{color: #FFFFFF;}
                     .icon-arrowR{background-image: var(--icon-arrowR-bai);}
                 }
             }
         }
     }
 }


.xdContentToC{
    padding: 120px 0;
    .picInfoList{
        /*标题*/
        .lrTitle{
            height: 100%;
            i{display: block !important; position: absolute; width: 50px; height: 4px; bottom: 138px;}
            a{position: absolute; left: 0; bottom: 38px;}
        }
        @media (max-width: 768px) {
            .lrTitle{
                height: 63px;
                i{display: none !important;}
                a{position: initial;}
            }
        }
        .picInfo{ border-radius: 10px; height: 280px; margin-bottom: 10px;
            b,span,p,a{display: block; margin: 0; padding: 0;}
            a{
                padding: 50px; height: 100%;
                .icon-arrowR{background-image: var(--icon-arrowR-hei);}
                .info{
                    b{font-size: 18px; color: #333333; margin-bottom: 10px;}
                    span{font-size: 14px; color: #999999; margin-bottom: 30px;}
                    p{font-size: 16px; color: #666666; margin-bottom: 30px;}
                }
            }
        }
        .abFace{
            .picInfo{
                a{
                    .info{opacity: 0; transition: all 0.2s ease-in-out;}
                    &:hover{
                        background-color: rgba(246,246,246,0.9);
                        .info{opacity: 1; transition: all 0.2s ease-in-out;}
                    }
                }
            }

        }
        .abFace:nth-child(3),.abFace:nth-child(5){
            .picInfo{
                a{
                    background-color: #FFFFFF;
                    .info{opacity: 1; transition: all 0.2s ease-in-out;}
                    &:hover{background-color: rgba(246,246,246,0.9);}
                }
            }
        }
    }
}