/*首页mobile*/
@media (max-width: 992px) {
    .index_footer_web {
        display: none;

    }
    .header-main{
        height: 6vh !important;
        background: url(../images/header_bj.jpg) no-repeat center bottom;
        object-fit: cover;
        display: flex;
        justify-content: flex-start;
        background-size: 100% 100%;
        width: 100%;
    }
    .index_footer_m {
        display: block;
        /*height: 200px;*/
    }

    .footer-right {
        display: flex;
        margin: 0 auto;
        flex-direction: row;
        justify-content: space-around;
        padding: 2vh;
        background:var(--primary) ;
    }

    .footer-right div {
        margin-right: 1vw;
    }
    /*首页mobile=======================================================================================================*/
    .index-content:nth-child(2){
        /*padding-bottom: 1rem;*/
        background: #fff;
        width: 100%;
        margin-bottom: -30px;
    }
    .index-content.banner-notice {
        position: relative;
        /*margin-top: 9vh;*/
    }

    .index-content .association_notice {
        display: flex;
        bottom: 14px;
        left: -1%;
        z-index: 1;
        background-size: contain;
        padding: 5px 5px;
        height: 4vh;
        overflow: hidden;
        color: var(--primary);
        margin-left: 4%;
    }

    .index-content .association_notice .category {
        /* margin-left: 11%; */
        font-weight: bold;
        min-width: 20%;
        font-size: 2.5vw;
        line-height: 3vh;
        text-align: center;
    }
    .index-content .association_notice .title {
        margin-left: 1vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 0.8rem;
        height: 2vh;
    }
    .index-content .association_notice .notice_item {
        height: 3vh;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height: 3vh;
    }

    .index-content .association_notice .article a {
        color: var(--primary);
        font-size: 2.5vw;
    }

    .index-content .association_notice .article a:hover {
        text-decoration: none;
        color: #fff;
    }

    .index-content .member_center {
        margin-top: 37px;
    }

    .index-articles-category {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        flex-direction: row;
        align-items: flex-end;
    }

    .index-articles-category .category-icon {
        width: 7%;
        height: 5vw;
        background: url(../images/category_icon.png) no-repeat;
        background-size: contain;
    }

    .index-articles-category .category-title {
        font-size: 18px;
        display: flex;
        line-height: 1.042vw;
        margin-top: 1.76vw;
        margin-left: 0.5vw;
    }

    .index-articles-category .category-title h5 {
        font-size: 16px;
        margin: 0 0.521vw;
        color: #000;
        font-weight: 600;
        cursor: pointer;
        line-height: 5vw;
    }
    .index-articles-category .category-title h4 {
        font-size: 18px;
        margin: 0 0.521vw;
        color: #000;
        font-weight: 600;
        cursor: pointer;
        line-height: 4vw;
    }
    .index-articles-category .category {
        display: flex;
        width: 92%;
        align-items: flex-end;
    }

    .index-articles-category .category-line {
        background: linear-gradient(to right, white, #163d9d);
        height: 2.771vw;
        margin-right: 0.5vw;
        transition: 0.6s;
        transform: skewX(-20deg);
        flex-grow: 1;
    }

    .index-articles-category .category-more {
        font-size: 1rem;
        margin-left: 1.5vw;
        font-weight: 500;
        cursor: pointer;
        line-height: 14px;
    }
    .swiper-pointer-events.swiper-vertical{
        overflow: hidden;
    }
    .index-articles-category .category-more:hover {
        color: var(--primary);
        text-decoration: none;
    }

    .index-content .member_center .article-list.show {
        display: block;
    }

    .index-content .member_center .article-list.hide {
        display: none;
    }

    /*热门推荐web*/
    .index-content .recommend-center {
        margin-top: -10px;
    }

    .index-content .recommend-center .hot-recommend {
        width: 100%;
        height: 31.444vh;
        /*margin-top: -2.5vh;*/
    }

    .index-content .recommend-center .swiper-horizontal > .swiper-pagination-bullets,
    .index-content .recommend-center .swiper-pagination-bullets.swiper-pagination-horizontal,
    .index-content .recommend-center .swiper-pagination-custom, .swiper-pagination-fraction {
        padding-left: 70%;
    }

    .index-content .recommend-center .swiper-pagination-bullet {
        background: #A5A5A5;
    }

    .index-content .recommend-center .swiper-pagination-bullet-active {
        background: #fff;
        border: none;
    }

    .index-content .recommend-center .hot-recommend .recommend-list .recommend-item {
        cursor: pointer;
        height: 31.444vh;
        border: 1px solid #eee;
        position: relative;
    }

    .index-content .recommend-center .hot-recommend .recommend-list .recommend-item .line {
        width: 0;
        height: 3px;
        background: var(--primary);
        transition: 0.5s;
    }

    .index-content .recommend-center .hot-recommend .recommend-list .recommend-item img {
        max-width: 100%;
        transition: transform 0.5s ease; /* 平滑过渡效果 */
    }

    .index-content .recommend-center .hot-recommend .recommend-list .recommend-item:hover img {
        transform: scale(1.1);
    }

    .index-content .recommend-center .hot-recommend .recommend-list .recommend-item:hover .line {
        width: 100%;

    }

    .index-content .recommend-center .hot-recommend .recommend-list .recommend-item .title {
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        width: 100%;
        padding: 10px 1vw;
    }

    /*资讯中心web*/
    .index-content .recommend-center .news-center {
        margin-top: 30px;
        width: 100%;

    }

    .index-content .recommend-center .news-center .container {
        /*height: 49vh;*/
        margin: 0;
        padding: 0;
    }

    .index-content .recommend-center .index-articles-category .category-icon {
        width: 10%;
    }

    .index-content .recommend-center .news-center .index-articles-category {
        margin-top: -18px;
    }
    .index-content .recommend-center .news-center .article-list .article-item .info h5 {
        color: #000;
    }
    .index-content .recommend-center .news-center  a{
        text-decoration: none;
        color: #000;
    }
    .index-content .recommend-center .news-center .index-articles-category .category-title a{
        text-decoration: none;
        color: #000;
    }

    .index-content .recommend-center .news-center .index-articles-category .category-title h5:nth-child(1) a {
        color: var(--primary);
    }

    .index-content .recommend-center .news-center .index-articles-category .category-title {
        margin-bottom: 5px;
        line-height: 3.42vw;
    }

    .index-content .recommend-center .news-center .index-articles-category .category-title a:hover {
        text-decoration: none;
    }

    .index-content .recommend-center .news-center .article-box {
        height: 100%;
        margin-top: 12px;
    }

    .index-content .recommend-center .news-center .article-list {
        height: 100%;
    }

    .index-content .recommend-center .news-center .article-list .article-item {
        display: flex;
        padding: 10px 10px;
        cursor:pointer;
    }

    .index-content .recommend-center .news-center .article-list .article-item .published {
        text-align: center;
        position: relative;
        margin-top: -6px;
    }

    .index-content .recommend-center .news-center .article-list .article-item .published .line {
        width: 100%;
        background: var(--primary);
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.5s;
    }

    .index-articles-category .category-title h5:nth-child(1) {
        color: var(--primary);
    }

    .index-content .recommend-center .news-center .article-list .article-item:hover .published .line {
        width: 1229%;
    }

    .index-content .recommend-center .news-center .article-list .article-item:hover a {
        text-decoration: none;
    }

    .index-content .recommend-center .news-center .article-list .article-item .published .day {
        font-size: 30px;
    }

    .index-content .recommend-center .news-center .article-list .article-item .published .year-month {
        font-size: 0.8rem;
        margin-bottom: 10px;
        margin-top: -5px;
    }

    .index-content .recommend-center .news-center .article-list .article-item .info {
        width: 90%;
        border-bottom: 1px solid #d2d2d2;
        padding-left: 1vw;
        padding-top: -6px;
    }

    .index-content .recommend-center .news-center .article-list .article-item .info .title {
        font-size: 14px;
        font-weight: bold;
    }

    .index-content .recommend-center .news-center .article-list .article-item .info .desc {
        font-size: 12px;
        color: #c8c8c8;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }


    .online_office_hall{
        display: none;
    }
    /*广告活动web*/
    .index-content .adv-list {
        margin-top: 20px;
        display: flex;
        width: 100%;
        justify-content: space-around;
        padding-bottom: 50px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .index-content .adv-list .adv-item {
        width: 32%;
        border-radius: 10px;
        height: 6.979vw;
        background-size: cover;
        background-repeat: no-repeat;
    }


    .index-content .adv-list .adv-item a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }


    /*业务动态web*/
    .business_dynamics {
        margin-top: -48px;
    }

    .business_dynamics .article-box {
        width: 100%;
    }

    .business_dynamics .article-box .box-list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 20px;
        justify-content: space-between
    }

    .business_dynamics .article-box .box-list .box-item {
        width: 100%;
        height: 34vh;
        overflow: hidden;
        margin-bottom: 2px;
        cursor: pointer;
    }

    .business_dynamics .article-box .box-list .box-item .category-list {
        display: flex;
        border-bottom: 1px solid #d2d2d2;
        position: relative;
        cursor: pointer;
    }

    .business_dynamics .article-box .box-list .box-item .category-list .more {
        float: right;
        position: absolute;
        right: 0;
        color: #a4a4a4;
        font-size: 14px;
        cursor: pointer;
    }

    .business_dynamics .article-box .box-list .box-item .category-list .more:hover {
        text-decoration: none;
    }

    .business_dynamics .article-box .box-list .box-item .category-list .category-item {
        padding: 5px 10px;
        font-size: 14px;
        font-weight: bold;
        margin-right: 1vw;
    }

    .business_dynamics .article-box .box-list .box-item .category-list .category-item.active {
        background: #0455d9;
        color: #fff;
        border-radius: 6px 6px 0 0;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item {
        width: 100%;
        height: 33vh;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list {
        overflow: hidden;
        width: 100%;
        height: 33vh;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .cate-list {
        display: flex;
        background: #f1f1f1;
        flex-direction: row;
        flex-wrap: wrap;
        border-right: 5px solid #0455d9;
        padding: 10px 0;
        margin-top: 10px;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .cate-list .cate-items {
        padding: 0 5px;
        font-size: 14px;
        line-height: 23px;
        min-width: 3vw;
        margin-top: 5px;
        margin-left: 5px;
        text-align: center;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .cate-list .cate-items.active {
        border: 1px solid #0455d9;
        border-radius: 30px;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list {
        margin: 10px 10px;
        overflow: hidden;
    }

    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item {
        display: flex;
        height: 30px;
        line-height: 30px;
        justify-content: space-between;
        cursor: pointer;
        transition: 0.5s;
    }
    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item:hover{
        text-decoration: none;
    }
    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item:hover .title,
    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item:hover .title span,
    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item:hover  .date
    {
        color: var(--primary);
    }


    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item .title {
        font-size: 14px;
        width: 70%;
        color: #6a6a6a;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        height: 25px;
    }
    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item .date{
        font-size: 14px;
        color: #6a6a6a;
    }
    .business_dynamics .article-box .box-list .box-item .article-box-list .article-box-item .article-list .article-item .title span{
        color: #d5d5d5;
    }

    /*横幅大图*/
    .big_banner {
        width: 100%;
        margin-top: -50px;
        /*height: 227px;*/
    }
    /*推荐企业*/
    .recommend_member {
        margin-top: 10px;
        padding-top: 0px;
        background-color: #fafafa;
        /*padding-bottom: 50px;*/
    }

    .recommend_member .member-box .member-content{
        /*display: flex;*/
    }
    .recommend_member  .index-articles-category .category-title h2{
        font-size: 14px;
        line-height: 1.042vw;
        font-weight: bold;
        margin-right: 1vw;
    }
    .recommend_member  .index-articles-category .category-title h4{
        font-size: 10px;
        line-height: 8px;
        cursor: pointer;
        font-weight: bold;

    }
    .recommend_member  .index-articles-category .category-title h4.active{
        color: var(--primary);
    }
    .recommend_member .member-box{
        height: 26vh;
        overflow: hidden;
    }
    .recommend_member .member-box .member-list {
        display: flex;
        flex-direction: row;
        /* margin-bottom: 20px; */
        align-items: flex-end;
        /*margin-bottom: 20px;*/

    }
    .recommend_member .member-content{
        transition: 0.5s;
    }
    .recommend_member .member-box .member-list .swiper-slide{
        width: 22vw !important;
    }
    .recommend_member .member-box .member-list .member-item{
        width: 25.146vw;
        height: 77px;
        margin-right: 20px;
        background-size: 50%;
        background-repeat: no-repeat;
        padding: 10px 0;
        /*filter: grayscale(100%);*/
        background-position: center center;
        margin-bottom: 2px;
    }
    .recommend_member .member-box .member-list .member-item .text{
        width: 100%;
        margin-top: -10px;
        height: 77px;
        opacity: 0;
        text-align: center;
        line-height: 77px;
        transition: 0.5s;

    }
    .recommend_member .member-box .member-list .member-item:hover .text{
        background-image: none;
        background-color: rgba(0,0,0,0.5);
        color: #fff;
        opacity: 1;
    }
    /*.marquee {*/
    /*    display: inline-block;*/
    /*    animation: marquee 10s linear infinite;*/
    /*}*/

    @keyframes marquee {
        0% { transform: translateX(-20%); }
        100% { transform: translateX(0%); }
    }
    /*.recommend_member .member-box {*/
    /*    animation: marquee 50s linear infinite;*/
    /*    transition: 0.5s;*/
    /*}*/
    #marquee-container {
        width: 100%;
        overflow: hidden;

    }
    #marquee-content {
        display: inline-block;
        animation: marquee 60s linear infinite;
    }
    /*工程案例web*/
    .project_case {
        margin-top: 4px;
    }

    .project_case .article-list {
        margin-top: 30px;
        overflow: hidden;
    }

    .project_case .article-list .article-item .card-body {
        display: flex;
        justify-content: space-between;
    }

    .project_case .article-list .article-item h5 {
        font-size: 14px;
        width: 66%;
        margin-right: 1vw;
    }

    .project_case .article-list .article-item .image {
        height: 244px;
    }
    .project_case .swiper-wrapper{
        display: flex;
    }
    .project_case .swiper-slide{
        width: 100%!important;
        margin-right: 1vw;
    }

    .project_case .swiper-slide .card .card-img-top{
        height: 27vh;
    }
    .project_case .article-list .swiper-button-prev {
        color: #707070;
        position: absolute;
        left: -4%;
        top: 48%;
        width: 20px;
        display: none;
    }
    .project_case .index-articles-category .category-title {
        line-height: 5.042vw;
    }
    .project_case .article-list .swiper-button-next {
        color: #707070;
        position: absolute;
        right: -4%;
        top: 48%;
        width: 20px;
        display: none;
    }

    .project_case .article-list .article-item .line {
        position: absolute;
        bottom: 0;
        width: 0;
        height: 4px;
        background: var(--primary);
        transition: 0.5s;
        border-radius: 2px;
    }

    .project_case .article-list .article-item:hover .line {
        width: 100%;
    }

    .project_case .article-list .article-item:hover .card-body {
        color: var(--primary);
    }

    /*招聘信息web*/
    .recruits_position {
        background-color: #f2f4f7;
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .recruits_position .index-articles-category .category-line {
        background: linear-gradient(to right, #f2f4f7, var(--primary));
        height: 2.771vw;
        margin-right: 0.5vw;
        transition: 0.6s;
        transform: skewX(-20deg);
        flex-grow: 1;
    }

    .recruits_position .recruit-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 10px;
        min-height: 33vh;
    }

    .recruits_position .recruit-list .recruit-item {
        width: 100%;
        margin-top: 20px;
        border-radius: 5px;
        transition: 0.5s;
        margin-bottom: 20px;
    }

    .recruits_position .recruit-list.index-recruit .recruit-item {
        height: 213px;
        margin-bottom: -1px;
    }
    .recruits_position .recruit-list.list-recruit .recruit-item {
        height: 249px;
    }
    .recruits_position .recruit-list.detail-recruit .recruit-item {
        height: 285px;
    }

    .recruits_position .recruit-list .recruit-item .position {
        /*display: flex;*/
        justify-content: space-between;
        padding: 20px;
    }

    .recruits_position .recruit-list .recruit-item .position .title h5 {
        font-size: 16px;
        font-weight: bold;
    }

    .recruits_position .recruit-list .recruit-item .position .salary {
        font-size: 16px;
        color: #ff4800;
    }

    .recruits_position .recruit-list .recruit-item .tags {
        /*margin-top: 10px;*/
        padding: 0 20px;
    }

    .recruits_position .recruit-list .recruit-item .tags span {
        margin-right: 0.5vw;
        background-color: #f8f8f8;
        color: #949494;
        padding: 5px 10px;
    }

    .recruits_position .recruit-list .recruit-item .company {
        /*display: flex;*/
        background: linear-gradient(to right, #f5fcfc, #fcfbfb);
        justify-content: space-between;
        padding: 10px 20px 13px 20px;
        color: #555555;
        margin-top: 30px;
    }
    .recruits_position .recruit-list .recruit-item .company .info{
        display: flex;
        margin-bottom: 10px;
    }

    .recruits_position .recruit-list .recruit-item .company .logo {
        width: 6vw;
        margin-right: 1vw;
    }

    .recruits_position .recruit-list .recruit-item:hover a {
        text-decoration: none;
        color: #949494;
    }

    /*电子刊物web*/
    .electronic_publications {
        margin-top: 30px;
        position: relative;
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('../images/body_bg.png');
        background-color: #f5f7fa;
        background-repeat: no-repeat;
        padding-bottom: 2vw;
    }

    .electronic_publications .article-list .swiper-button-prev {
        position: absolute;
        left: 11.5%;
        top: 58%;
        width: 20px;
        background: rgba(0,0,0,0.5);
        padding: 30px 16px;
        color: #fff;
        display: none;
    }
    .electronic_publications .article-list .swiper-button-prev::after{
        font-size: 14px;
    }
    .electronic_publications .article-list .swiper-button-next::after{
        font-size: 14px;
    }

    .electronic_publications .article-list .swiper-button-next {
        position: absolute;
        right: -4%;
        top: 58%;
        width: 20px;
        background: rgba(0,0,0,0.5);
        padding: 30px 16px;
        color: #fff;
        display: none;
    }

    .electronic_publications .article-box {
        margin-top: 30px;
        /*margin-left: 13vw;*/
    }

    .electronic_publications .article-box .article-list {
        overflow: hidden;
        margin-bottom: 30px;
    }
    .electronic_publications .article-box .article-list .swiper-wrapper{
        display: flex;
        flex-wrap: wrap;
    }
    .electronic_publications .article-box .article-list .article-item {
        /*height: 26vh;*/
        position: relative;
        cursor: pointer;
        overflow: hidden;
        width: 26% !important;
        margin-right: 6vw;
        margin-bottom: 20px;
        box-shadow: 0.5px -0.5rem 1rem rgb(207 207 207);
    }

    .electronic_publications .article-box .article-list .article-item .card-img-top {
        height: 20vh;
    }

    .electronic_publications .article-box .article-list .article-item .see-more {
        background-color: #22ac38;
        color: #fff;
        border: none;
        border-radius: 0px;
        padding: 5px 15px;
        font-size: 12px;
    }

    .electronic_publications .article-box .article-list .article-item .mask {
        position: absolute;
        top: 100%;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }

    .electronic_publications .article-box .article-list .article-item:hover .mask {
        top: 0;
    }

    .electronic_publications .article-box .article-list .article-item .mask .title {
        margin-top: 42%;
        margin-left: 20px;
        color: #fff;

    }

    .electronic_publications .article-box .article-list .article-item .mask .title h5 {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .electronic_publications .content-bj{
        background-image: url(../images/index_bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 99%;
        height: 91vh;
        position: absolute;
        bottom: -72%;
        left: 0;
        width: 100%;
        z-index: -1;
    }

}

/**内页mobile*/
@media (max-width: 992px ) {
    .content-body {
        background-image: url("../images/body_bg.png"), url("../images/body_b_bg.png");
        background-repeat: no-repeat, no-repeat;
        background-position: left top, left bottom;
        padding-top: 20px;
    }

    .article-content {
        padding-top: 20px;
        display: flex;
        padding-bottom: 50px;
    }

    .right-content {
        width: 100%;
        background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
        padding-top: 20px;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    /**左侧菜单栏==============================================================================================*/
    .left-content {
        display: none;
    }
    /**文章详情页===============================================================================================*/
    .article-content .breadcrumb .icon {
        width: 8px;
        height: 8px;
        border-radius: 10px;
        border: 1px solid var(--primary);
        margin-top: 7px;
        margin-right: 10px;
        transition: 0.5s;
    }

    .breadcrumb .logout {
        cursor: pointer;
        float: right;
        color: var(--primary);
        margin-left: 74%;
    }

    .article-content .breadcrumb:hover .icon {
        background-color: var(--primary);
    }
    .right-content img{
        width: 100% !important;
    }
    .article-content .fa-eye:hover {
        color: var(--primary);
        cursor: pointer;
    }

    .article-content .breadcrumb .split {
        margin: 0 10px;
    }

    .article-content .mu-breadcrumb .line {
        width: 100%;
        height: 10px;
        background: #eee;
    }

    .article-content .filter-form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
    }

    .article-content .js-axios-form {
        padding-bottom: 30px;
        background-color: #fff;
    }

    .article-content .js-axios-form table .el-button--text {
        padding: 5px 10px;
        background-color: #22ad38;
        color: #fff;
    }

    .article-content .js-axios-form table .el-button--text.text-danger {
        padding: 5px 10px;
        background-color: #f57576;
        color: #fff !important;
    }

    .article-content .filter-form .form-group button {
        /*margin-top: 30px;*/
    }

    .article-content .edit-form .form-group {
        display: flex;
        width: 100%;
    }
    .article-content .filter-form .form-group {
        display: flex;
        width: 46%;
    }

    .article-content .edit-form .form-group .col-form-label {
        width: 37.4%;
        margin-left: 1vw;
    }

    /*登录/注册页==================================================================================*/
    .auth-container {
        width: 100vw;
        height: calc(100vh - 78px);
        background: url(../images/login.jpg) no-repeat center center;
        background-size: cover;
    }
    .m-container{
        display: block;
        background: rgba(255,255,255,0.5);
        padding: 10px;
    }
    .m-container h1{
        font-size: 16px;
        color: red;
    }

    .auth-container .auth-card {
        display: none;
        height: 100%;
        float: left;
        margin-left: 19%;
        width: 25.15625vw;
        box-shadow: 53px -38px 13px -48px #9cb2f1;
    }

    .auth-container .auth-card .auth-title {
        font-family: '黑体';
        text-align: center;
        font-size: 20px;
        font-weight: 800;
        margin-top: 60px;
    }

    .auth-container .auth-card form {
        margin-top: 50px;
    }

    .auth-container .auth-card .profile {
        width: 5vw;
        height: 85px;
        background: url("../images/profile.png") no-repeat center center;
        margin: 30px auto;
    }

    .auth-container .auth-card .input-block {
        position: relative;
        margin: 25px 2vw;
    }
    .auth-container .auth-card .input-block .el-input__inner:focus{
        border: 1px solid #84c8c0;
    }
    .auth-container .auth-card .input-block .placeholder {
        position: absolute;
        left: 5%;
        top: -47%;
        z-index: 100;
        font-size: 14px;
        background: #fff;
        padding: 5px 10px;
        display: none;
        color: #84c8c0;
        /*transition: 0.5s;*/
    }

    .auth-container .auth-card .remember {
        margin-left: 2vw;
    }
    .auth-container .el-checkbox__input.is-checked .el-checkbox__inner{
        background-color: #84c8c0;
        border-color: #84c8c0;
    }
    .auth-container .el-checkbox__input.is-checked + .el-checkbox__label {
        color: #84c8c0;
    }
    .auth-container .auth-card .register {
        float: right;
        margin-right: 2vw;
        color: #84c8c0;
        font-weight: bold;
    }

    .auth-container .auth-card .input-block .submit-btn {
        width: 100%;
        margin-top: -10px;
        background: #84c8c0;
        color: #fff;
    }

    .auth-container .auth-card .input-block .submit-btn:hover {
        background: #fff;
        color: #84c8c0;
        border: 1px solid #84c8c0;
    }

    /**人才招聘列表页=====================================================================================*/
    .page-content.recruit-container {
        margin: 0 auto;
        padding-top: 30px;
    }

    .recruit-container  .form-group{
        width: 46%;
    }
    .recruit-container .article-content form {
        padding-left: 1vw;
        margin-top: 30px;
        display: flex;
    }

    .article-content form .submit-btn {
        display: flex;
    }

    .article-content form .submit-btn .search-btn {
        background: var(--primary);
    }

    .recruit-container .recruit-list .recruit-item {
        width: 49.5%;
        position: relative;
    }

    .recruit-container .recruits_position .contact-btn {
        position: absolute;
        font-size: 12px;
        background: #ff4800;
        color: #fff;
        padding: 5px 10px;
        border-radius: 2px;
        right: 3%;
        top: 42%;
    }

    .recruits_position .recruit-item .position .title i {
        font-size: 12px;
        color: #9c9898;
    }

    .recruits_position .recruit-item {
        /*margin-bottom: 20px;*/
    }

    .recruits_position .recruit-item .position .title {
        display: flex;
    }

    .recruit-container .recruits_position .recruit-item:hover .contact-btn {
        color: #fff;
    }

    .recruit-container .recruits_position {
        background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    }

    .recruit-container .recruits_position .pagination {
        /*margin: 30px auto;*/
        float: right;
    }

    /**人才招聘详情页=====================================================================================*/
    .recruit-container .article-content {
        display: block;
    }

    .article-content .active {
        color: #9c9898
    }

    .recruit-container .recruit-detail {
        margin: 30px 1vw;
    }

    .recruit-container .recruit-detail .position-detail {
        margin: 20px 0;
    }

    .recruit-container .recruit-detail h5 {
        font-size: 20px;
        font-weight: bold;
        margin-right: 0.5vw;
    }
    .recruit-container .recruit-detail .position-detail .position .title {
        font-size: 18px;
        font-weight: bold;
    }
    .recruit-container .recruit-detail .position-detail .position .title i {
        font-size: 12px;
    }

    .recruit-container .recruit-detail .position-detail .position .title {
        display: flex;
    }

    .recruit-container .recruit-detail .position-detail .position {
        /*display: flex;*/
        justify-content: space-between;
        margin-bottom: 10px;

    }

    .recruit-container .recruit-detail .position-detail .position .salary {
        font-size: 16px;
        color: #ff4800;
    }

    .recruit-container .recruit-detail .position-detail .position .contact-btn {
        font-size: 12px;
        background: #ff4800;
        color: #fff;
        padding: 5px 10px;
        border-radius: 2px;
        cursor: pointer;
        margin-right: -2vw;
    }

    .recruit-container .recruit-detail .position-detail .position .contact-btn:hover {
        color: #fff;
        text-decoration: none;
    }

    .recruit-container .recruit-detail .position-detail .tags span {
        margin-right: 1vw;
        color: #808080;
        font-size: 14px;
    }

    .recruit-container .recruit-detail .position-detail .company-tags {
        margin-top: 30px;
        display: flex;
    }

    .recruit-container .recruit-detail .position-detail .company-tags span {
        padding: 5px 10px;
        margin-right: 2vw;
        background: #f8f8f8;
        font-size: 12px;
    }

    .recruit-container .line {
        width: 100%;
        height: 5px;
        background: #eee;
    }

    .recruit-container .content-list {
        margin-top: 30px;
        /*display: flex;*/
        min-height: 25vh;
    }

    .recruit-container .content-list .content-item .title {
        color: #000;
        font-weight: bold;
    }

    .recruit-container .content-list .content-item {
        /*width: 50%;*/
    }
    .recruit-container .content-list .content-item.company-desc {
        width: 100%;
    }

    .recruit-container .content-list .content-item .content {
        padding: 10px 2vw 30px 1vw;

    }

    .recruit-container .content-list .content-item * {
        font-size: 14px;
        color: #9c9898;
    }

    .recruit-container .recruit-detail .article-box {
        margin-top: 30px;
        overflow: hidden;
    }

    .recruit-container .recruit-detail .article-box .article-item {
        overflow: hidden;
    }
    .recruit-container .recruit-detail .article-box .article-item .card-item {
        height:5vh ;
    }
    .recruit-container .recruit-detail .article-box .swiper-button-prev {
       display: none;
    }

    .recruit-container .recruit-detail .article-box .swiper-button-next {
        display: none;
    }

    .recruit-container .line.recommend-line {
        width: 100%;
        height: 10px;
        background: #eee;
    }

    .recruit-container .recruits_position .recruit-list .recruit-item {
        width: 100%;
        margin-bottom: -7px;
        margin-top: 25px;
    }

    .recruit-container .recruits_position .more-recruit {
        margin-top: -10px;
    }

    /*会员之家web========================================================================*/
    .member-container .article-content {
        display: block;
        background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    }
    .member-container .article-content .form-group{
        width: 46%;
    }
    .article-content .pagination {
        /*margin: 30px auto;*/
        float: right;
        width: 54vw;
    }
    .member-container .article-content form{
        padding-left: 7vw;
        margin-top: 30px;
        display: flex;
    }
    .member-container .member-list{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        min-height: 44vh;
    }
    .member-container .member-list .member-item{
        width: 43%;
        margin: 10px;
        border: 1px solid #eee;
        border-radius: 5px

    }
    .member-container .member-list .member-item .mu-card{
        margin-bottom: 0;
    }
    .member-container .member-list .member-item:hover a{
        text-decoration: none;
    }
    .member-container .member-list .member-item:hover .title{
        color: #000;
    }
    .member-container .member-list .member-item:hover .desc{
        color: #c8c8c8;
    }
    .member-container .member-list .member-item .logo{
        height: 70px;
        background-repeat: no-repeat;
        overflow: hidden;
        background-size: contain;
        background-position: top center;
    }
    .member-container .member-list .member-item .title{
        font-size: 14px;
        font-weight: bold;
        margin: 10px 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .member-container .member-list .member-item .desc{
        font-size: 12px;
        color: #c8c8c8;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 10px 20px;
        min-height: 2vw;
    }
    .member-container .member-list .member-item .tags{
        /*display: flex;*/
        margin: 10px 20px;
        justify-content: space-between;
    }
    .member-container .member-list .member-item .tags .level{
        font-size: 12px;
        background:#f7f7f7;
        padding: 2px 5px;
        color: #9d9d9d;
        margin-bottom: 10px;
        text-align: center;
    }
    .member-container .member-list .member-item .tags .city{
        font-size: 12px;
        text-align: center;
    }
    .member-container .member-list .member-item:hover .level{
        color: #9d9d9d;
    }
    .member-container .member-list .member-item:hover .city{
        color: #000;
    }
    .member-container .member-list .member-item:hover .line{
        width: 100%;
    }
    /*会员详情web=================================================*/
    .member-container .member_position .member-detail .position-detail{
        display: flex;
    }
    .member-container .member_position .member-detail .recruit-btn{
        position: absolute;
        font-size: 12px;
        background: #bfbfbf;
        color: #fff;
        padding: 5px 10px;
        border-radius: 2px;
        right: -1%;
        top: 4%
    }
    .member-container .member_position .member-detail .recruit-btn:hover{
        text-decoration: none;
    }
    .member-container .member_position .member-detail .logo{
        width: 10vw;
        height: 5vh;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        margin-right: 1vw;
    }
    /*培训报名列表页Web=============================================================*/
    .right-content.sign_up-content{
        width: 100%;
        background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
        padding: 10px;
    }
    .sign_up-content .container{
        min-height: 39vh;
    }
    .sign_up-content .sign-list{
        width: 100%;
    }
    .sign_up-content .sign-list .sign-item {
        display: flex;
        flex-direction: row;
        padding: 20px 20px;
        position: relative;
        margin-top: 10px;
        width: 80vw;
    }
    .sign_up-content .sign-list .sign-item .published{
        width: 38%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right:  3vw;
        border-right: 1px solid #d6d6d6;
    }
    .sign_up-content .sign-list .sign-item .published .icon-rili{
        font-size: 30px;
        color:#a5a5a5;
        /*margin-top: -10px;*/
    }
    .sign_up-content .sign-list .sign-item .published .day{
        font-size: 40px;
        margin-top: -10px;
    }
    .sign_up-content .sign-list .sign-item .published .year-month{
        font-size: 14px;
    }

    .sign_up-content .sign-list .sign-item .list-body{
        width: 80%;
    }
    .sign_up-content .sign-list .sign-item .list-body .list-title{
        color: #000;
        font-size: 16px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-bottom: 0;
    }
    .sign_up-content .sign-list .sign-item .list-body .list-text{
        font-size: 14px;
        color: #5b5b5b;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        min-height: 5vh;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .sign_up-content .sign-list .sign-item .list-body .link-btn{
        font-size: 12px;
    }
    .sign_up-content .sign-list .sign-item .line{
        position: absolute;
        bottom: 0;
        width: 0;
        height: 4px;
        background: var(--primary);
        transition: 0.5s;
        left: 0;
    }
    .sign_up-content .sign-list .sign-item:hover .line{
        width: 100%;
    }
    .sign_up-content img{
        width: 100% !important;
    }
    .sign_up-content .sign-list .sign-item:hover .published,
    .sign_up-content .sign-list .sign-item:hover .published .icon-rili,
    .sign_up-content .sign-list .sign-item:hover .list-body .link-btn
    {
        color: var(--primary);
        text-decoration: none;
    }
    /*文章列表================================================================*/
    .article-container .article-list{
        margin-left: -28px;
    }
    .article-container .sign-list .sign-item {
        position: relative;
        margin-bottom: 20px;
        width: 86vw;
        padding: 10px;
    }
    .article-container .sign-list .sign-item .published{
        padding: 2vw 1vw;
        width: 38%;
        display: flex;
        flex-direction: row;
        align-items: center;
        transition: 0.5s;
        justify-content: space-around;
        margin: 0 auto;
    }
    .article-container .sign-list .sign-item .published .icon-rili{
        font-size: 30px;
        color:#a5a5a5;
        /*margin-top: -10px;*/
    }
    .article-container .sign-list .sign-item .published .day{
        font-size: 40px;
        margin-top: -10px;
    }
    .article-container .sign-list .sign-item .published .year-month{
        font-size: 14px;
    }

    .article-container .sign-list .sign-item .list-body{
        padding: 1vw 1vw;
        width: 100%;
    }
    .article-container .sign-list .sign-item .list-body .list-title{
        color: #000;
        font-size: 16px;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-bottom: 0;
    }
    .article-container .sign-list .sign-item .list-body .list-text{
        font-size: 14px;
        color: #5b5b5b;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        min-height: 5vh;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .article-container .sign-list .sign-item .list-body .link-btn{
        font-size: 12px;
        margin-top: 10px;
        color: #000;
    }
    .article-container .sign-list .sign-item .line{
        position: absolute;
        bottom: 0;
        width: 0;
        height: 4px;
        background: var(--primary);
        transition: 0.5s;
        left: 0;
    }
    .article-container .sign-list .sign-item:hover .line{
        width: 100%;
    }
    .article-container .sign-list .sign-item:hover .published{
        text-decoration: none;
        color: #fff;
        background-image: url("../images/a_active.png");
    }
    .article-container .sign-list .sign-item:hover .published .icon-rili,
    .article-container .sign-list .sign-item:hover .list-body .link-btn
    {
        color: var(--primary);
        text-decoration: none;
    }
}