input:focus {
    outline: none;
}

[v-cloak] {
    display: none;
}

@font-face {
    font-family: "iconfont"; /* Project id 4790695 */
    src: url('//at.alicdn.com/t/c/font_4790695_xjmkqwmbq7.woff2?t=1735018941819') format('woff2'),
    url('//at.alicdn.com/t/c/font_4790695_xjmkqwmbq7.woff?t=1735018941819') format('woff'),
    url('//at.alicdn.com/t/c/font_4790695_xjmkqwmbq7.ttf?t=1735018941819') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 0.833vw;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-jiantou:before {
    content: "\e668";
}

.icon-sheqizhengwupingtai:before {
    content: "\e669";
}

.icon-chakangengduo:before {
    content: "\e66a";
}

.icon-biaotitubiao:before {
    content: "\e66b";
}

.icon-xueli:before {
    content: "\e601";
}

.icon-yonghu:before {
    content: "\e639";
}

.icon-dizhi:before {
    content: "\e609";
}

.icon-huiyuan:before {
    content: "\e67e";
}

.icon-renshu:before {
    content: "\e6b6";
}

.icon-fenlei:before {
    content: "\e6b9";
}

.icon-dizhi1:before {
    content: "\e629";
}

.icon-xinwen:before {
    content: "\eb42";
}

.icon-jiage:before {
    content: "\e61d";
}

.icon-fenlei1:before {
    content: "\e614";
}

.icon-wodefuwu:before {
    content: "\e631";
}

.icon-huiyuan1:before {
    content: "\e696";
}

.icon-shijian:before {
    content: "\e7eb";
}

.icon-bangonglou:before {
    content: "\e63f";
}

.icon-ren:before {
    content: "\e749";
}

.icon-zhaopinrenshu:before {
    content: "\eb3c";
}

.icon-a-xuqiu3:before {
    content: "\eb63";
}

.icon-jingyan:before {
    content: "\e630";
}

.icon-dangqianweizhi:before {
    content: "\e647";
}

.icon-wenjianjia:before {
    content: "\e600";
}

.icon-7:before {
    content: "\e606";
}

@media (min-width: 560px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1440px;

    }
    .page {
        /*margin-top: 80px;*/
    }

    /*用户中心============================================================================*/
    .user-container {
        background: #fff;
    }

    .user-container .top-nav {
        height: 68px;
        background: #fff;
        /*margin-top: 20px;*/
    }

    .user-info .title {
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
    }
    .page-banner-content{
        background-position: center;
    }
    .user-info {
        margin-top: 3.646vw;
        margin-left: 11vw;
    }

    .user-info .name {
        font-weight: bold;
        font-size: 1.875vw;
        color: #FFFFFF;
        margin-bottom: 1.5625vw;
    }

    .user-info .phone {
        background: #007EFF;
        border-radius: 19px;
        color: #fff;
        width: 8.333vw;
        height: 1.927vw;
        display: flex;
        align-items: center;
        padding-left: 1.302vw;
    }

    .user-info .page-btn {
        background: #007EFF;
        border-radius: 19px;
        color: #fff;
        width: 8.333vw;
        height: 1.927vw;
        display: flex;
        align-items: center;
        padding-left: 2.5vw;
        cursor: pointer;
        font-size: 0.729vw;
    }

    .user-info .phone .number {
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 0px;
        margin-left: 0.521vw;
    }

    .user-container .top-nav .container {
        padding-left: 16px;
        margin: 0 auto;
        font-size: 1.042vw;
        line-height: 68px;
        color: #333;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }

    .user-container .top-nav .left {
        display: flex;
    }

    .user-container .top-nav .left h5 {
        font-size: 1.042vw;
        line-height: 68px;
        color: #333;
        overflow: hidden;
        margin-right: 1vw;
    }

    .user-container .top-nav .left span {
        color: #999;
        font-size: 16px;
    }

    .user-container .top-nav .right {
        font-size: 0.729vw;
        text-decoration: none;
    }

    .user-container .content-body {
        display: flex;
        margin-top: 40px;
        margin-left: 11vw;
    }

    .user-container .content-body .right-content {
        width: 63.229vw;
        background: #fff;
        padding: 20px 1vw;
        border-radius: 10px;
        border: 1px solid #E9E9E9;
        margin-left: 24px;
    }

    .user-container .content-body .right-content .el-tabs__content {
        min-height: 20vh;
    }

    .user-container .content-body .right-content .el-tab-pane {
        /*display: none;*/
    }

    .user-container .content-body .left-menu {
        width: 15%;
        background: #fff;
        /*padding: 30px 0;*/
    }

    .user-container .content-body .left-menu h5 {
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        padding-left: 20px;
        background: #E9E9E9;
    }

    .user-container .content-body .left-menu h5 .fa {
        width: 20px;
        height: 28px;
    }

    .user-container .content-body .left-menu h5.active .fa {
        color: #007EFF;
    }

    .user-container .content-body .left-menu h5.active {
        color: var(--primary);
        background: #E1F0FF;
    }

    .user-container .content-body .menu-item li {
        padding-left: 40px;
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        cursor: pointer;
    }

    .user-container .content-body .menu-item li a:hover {
        text-decoration: none;
        color: var(--primary);
    }

    .user-container .content-body .menu-item li a {
        color: #000;
        display: inline-block;
        width: 100%;
        text-decoration: none;
    }

    .user-container .content-body .menu-item li.mm-active {
        /*background: #f0faff;*/
        color: var(--primary);
        z-index: 2;
        /*border-left: 2px solid var(--primary);*/
    }

    .user-container .content-body .menu-item li.mm-active a {
        color: var(--primary);
    }

    .user-container .content-body .left-menu li {
        list-style: none;
    }

    .starBox {
        margin: 50px auto 150px auto;
        width: 630px;
    }

    .user-page {
        padding: 10px 20px;
    }

    .page-fill .head {
        display: flex;
        justify-content: space-between;

    }

    .page-fill .head .title {
        position: relative;
    }

    .page-fill .head .title .line {
        position: absolute;
        bottom: 28px;
        width: 125px;
        height: 4px;
        background: #007EFF;
    }

    .page-fill .head .title h3 {
        font-weight: 400;
        font-size: 0.9375vw;
        color: #484848;
    }

    .page-fill .head .auth {
        margin-top: 42px;
    }

    .page-fill .head .auth span {
        font-weight: 400;
        font-size: 0.833vw;
        color: #393939;
        line-height: 0px;
    }

    .page-fill .head .auth .auth-btn {
        width: 155px;
        height: 50px;
        background: #007EFF;
        border-radius: 25px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 0px;
        border: none;
        margin-left: 20px;
        cursor: pointer;
    }

    .user-page .content {
        margin-top: 20px;
    }

    .user-page .content .avatar {
        width: 189px;
        padding: 20px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #E8E8E8;
    }

    .user-page .content .info {
        margin-top: 30px;
    }

    .user-page .content .info .name {
        font-weight: bold;
        font-size: 0.9375vw;
        color: #161616;
        line-height: 0px;
        margin-top: 20px;
    }

    .user-page .content .info .name a {
        font-size: 0.625vw;
        color: var(--primary);
    }

    .user-page .content .info .info-list {
        margin-top: 27px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .user-page .content .info .info-list .info-item {
        width: 50%;
        margin-bottom: 10px;
    }

    .user-page .edit-btn {
        width: 162px;
        height: 40px;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 24px;
        border: none;
    }

    /*===========================================专家页面========================================*/
    .filter-box {
        margin: 2.083vw auto 0 auto;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
    }

    .filter-box .nav {
        width: 100%;
        height: 2.65625vw;
        background: var(--primary);
        display: flex;
        justify-content: space-between;
        color: #FFFFFF;
    }

    .filter-box .nav .cate-list {
        display: flex;
        align-items: center;
        margin-left: 1vw;
    }

    .filter-box .nav .cate-list .cate {
        margin-right: 4.792vw;
        display: flex;
        cursor: pointer;
    }

    .filter-box .nav .cate-list .cate:hover {
        border-bottom: 3px solid #fff;
    }

    .filter-box .nav .cate-list .cate:hover span {
        font-weight: bold;
    }

    .filter-box .nav .cate-list .cate.active {
        border-bottom: 3px solid #fff;
    }

    .filter-box .nav .cate-list .cate.active span {
        font-weight: bold;
    }

    .filter-box .nav .cate-list .cate i {
        font-size: 1.40625vw;
        font-weight: 400;
    }

    .filter-box .nav .cate-list .cate span {

        font-size: 1.042vw;
        color: #FFFFFF;

    }

    .filter-box .nav .title {
        font-weight: bold;
        font-size: 1.25vw;

        line-height: 2.65625vw;
        margin-left: 1.09375vw;
    }

    .filter-box .nav .breadcrumb-search {
        display: flex;
        margin-right: 21px;
    }

    .filter-box .nav .breadcrumb-search .search {
        margin-top: 5px;
        height: 2.083vw;
        border-radius: 20px;
        width: 17.135vw;
        background: #fff;
        display: flex;
        /*position: relative;*/
    }

    .filter-box .nav .breadcrumb-search .search .search-input {
        height: 65%;
        width: 100%;
        border-radius: 20px;
        border: none;
        padding-left: 3vw;
        margin-left: 1vw;
        margin-top: 0.4vw;
    }

    .filter-box .nav .breadcrumb-search .search i {
        /*position: absolute;*/
        /*right: 1.042vw;*/
        /*top: 0.26vw;*/
        /*float: right;*/
        font-size: 1.354vw;
        color: var(--primary);
        cursor: pointer;
        margin-right: 1.5vw;
        line-height: 2.083vw;
        /*margin-top: 0.3vw;*/
    }

    .filter-box .nav .breadcrumb-search .breadcrumb-list {
        background: var(--primary);
        display: flex;
        height: 2.65625vw;
        line-height: 51px;
    }

    .filter-box .nav .breadcrumb-search .breadcrumb-list i {
        line-height: 2.65625vw;
        margin-left: 1.875vw;
        margin-right: 0.5vw;
        font-size: 1.198vw;
    }

    .filter-box .nav .breadcrumb-search .breadcrumb-list .breadcrumb-item {
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.65625vw
    }

    .filter-box .nav .breadcrumb-search .breadcrumb-list .breadcrumb-item a {
        color: #FFFFFF;
    }

    .filter-box .filter {
        margin-top: 20px;
        margin-left: 21px;
    }

    .filter-box .filter label {
        font-weight: 400;
        font-size: 0.9375vw;
        color: #484848;
        line-height: 0px;
    }

    .expert-list {
        margin: 57px auto 20px auto !important;
        padding: 0 !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .expert-list .expert-item {
        width: 48%;
        height: 23.854vw;
        background: url("../images/expert_bg.jpg") no-repeat center center;
        background-size: cover;
        border-radius: 15px;
        display: flex;
        margin-bottom: 40px;
        cursor: pointer;
    }

    .expert-list .expert-item:hover {
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
    }

    .expert-list .expert-item:hover .left > img {
        -webkit-mask-position: 0 0;
        -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%) 100% 100%/250% 250%;
        transform: scale(1.05);
    }


    .expert-list .expert-item .left img {
        width: 100%;
        border-radius: 15px;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 1;

        transition: 1s all ease;
        cursor: pointer;
    }

    .expert-list .expert-item .left {
        width: 19.115vw;
        height: 100%;
        border-radius: 15px;
        overflow: hidden; /* 防止光影超出容器 */
    }

    .expert-list .expert-item .right {
        margin-left: 1vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 53px;
        width: 19.115vw;
    }

    .expert-list .expert-item .right .name {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #1C1C1C;
        line-height: 0px;
    }

    .expert-list .expert-item .right .name {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #1C1C1C;
        line-height: 0px;
    }

    .expert-list .expert-item .right .cate {
        margin-top: 30px;
        width: 8.958vw;
        height: 3.148vh;
        background: #CAE4FF;
        border-radius: 7px;
        text-align: center;
        line-height: 3.148vh;
        margin-bottom: 3.056vh;
        font-weight: 400;
        font-size: 0.833vw;
        color: #1C1C1C;
    }

    .expert-list .expert-item .right i {
        color: var(--primary);
    }

    .expert-list .expert-item .right .desc {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.574vh;
        font-weight: 400;
        font-size: 0.833vw;
        color: #1C1C1C;
    }

    .expert-list .expert-item .right .see-detail {
        width: 8.4375vw;
        height: 3.704vh;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        line-height: 3.704vh;
        border: none;
        margin-top: 4.583vw;
    }
    .expert-content{
        margin: 2.083vw 0;
        display: flex;
    }
    .expert-content .left{
        width: 40vw;
        min-height: 25.573vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96,96,96,0.33);
        border-radius: 20px;
        display: flex;
        margin-right: 2.083vw;
        padding: 0.885vw;
    }
    .expert-content .left .item-box{
        display: flex;
    }
    .expert-content .left .item-box .expert-item-l{
        width: 19.115vw;
        height: 23.854vw;
        background: #E9E9E9;
        border-radius: 15px;
        margin-right: 2.083vw;
    }
    .expert-content .left .item-box .expert-item-l img{
        width: 19.115vw;
        border-radius: 20px;
    }
    .expert-content .left .item-box .expert-item-r{
        width: 100%;
    }
    .expert-content .left .item-box .expert-item-r .name{
        font-weight: bold;
        font-size: 1.25vw;
        color: #212121;
        display: flex;
    }
    .expert-content .left .item-box .expert-item-r .name .name-l{
        margin-right: 8.75vw;
    }
    .expert-content .left .item-box .expert-item-r .info-list{
        font-weight: 400;
        font-size: 0.9375vw;
        color: #212121;
        width: 100%;
    }
    .expert-content .left .item-box .expert-item-r .info-list .info-item{
        margin:2vw 0 ;
    }
    .expert-content .left .item-box .expert-item-r .info-list .info-item .item-value.text-of-2{
        word-wrap: break-word;      /* 旧版本浏览器支持 */
        overflow-wrap: break-word;
        display: contents;
    }
    .expert-content .right{
        width: 33.333vw;
        min-height: 25.573vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96,96,96,0.33);
        border-radius: 20px;
        padding: 1.25vw;
    }
    .expert-content .right .content-box .title{
        font-weight: bold;
        font-size: 0.9375vw;
        color: #373737;
        margin-bottom: 2.083vw;
    }
    .expert-content .right .content-box .title i{
        color: var(--primary);
        font-weight: 400;
        margin-right: 0.521vw;
    }
    .expert-content .right .content-box .content{
        min-height: 3.1875vw;
        font-weight: 400;
        font-size: 0.9375vw;
        color: #373737;
    }
    /*========================================机构页面===========================================*/
    .company-box.container {
        padding: 0 !important;
        overflow: hidden;
    }

    .company-list {
        margin: 2.96875vw auto 1.042vw auto !important;
        padding: 0 !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .company-list .company-item {
        width: 32%;
        border-radius: 10px;
        margin: 0 0.5vw 3vw 0.5vw;
        position: relative;
    }

    .company-list .company-item .top {
        width: 100%;
        border-radius: 10px;
        height: 32.87vh;
        overflow: hidden;
    }

    .company-list .company-item:hover .top > img {
        -webkit-mask-position: 0 0;
        -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%) 100% 100%/250% 250%;
        transform: scale(1.1);
    }

    .company-list .company-item .top img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
        aspect-ratio: 1;
        transition: 0.5s all ease-in-out;
        cursor: pointer;
    }

    .company-list .company-item:hover .bottom {
        background: var(--primary);
    }

    .company-list .company-item:hover .bottom > .name {
        color: #fff;
    }

    .company-list .company-item:hover .bottom > .cate {
        color: #fff;
        border: 1px solid #fff;
    }

    .company-list .company-item:hover .next-btn {
        background: #FF8400;
    }

    .company-list .company-item .bottom {
        width: 21vw;
        border-radius: 10px;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        position: absolute;
        bottom: -27px;
        background: #fff;
        padding: 10px 20px 20px 20px;
        transition: 0.5s all ease-in-out;
    }

    .company-list .company-item .bottom .name {
        font-weight: bold;
        font-size: 0.9375vw;
        color: #191919;
        margin-bottom: 20px;
    }

    .company-list .company-item .bottom .cate {
        padding: 3px 14px;
        height: 2.87vh;
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #007EFF;
        font-weight: 400;
        font-size: 14px;
        color: #007EFF;
    }

    .company-list .company-item .next-btn {
        position: absolute;
        width: 3.177vw;
        height: 3.177vw;
        background: #BABABA;
        border-radius: 50%;
        line-height: 3.177vw;
        text-align: center;
        color: #fff;
        right: 0;
        bottom: -10px;
        cursor: pointer;
    }
    .detail-content .container{
        /*margin-left: 11.5vw;*/
    }
    .detail-content .company-content {
        margin: 2.083vw 0;
    }

    .detail-content .company-content .top {
        background: url("../images/company_bj.png") no-repeat center center;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        display: flex;
        padding: 0.521vw;
    }

    .detail-content .company-content .top .left {
        width: 22.604vw;
        height: 16.979vw;
        border-radius: 16px;
        margin-right: 2vw;
    }

    .detail-content .company-content .top .right {
        display: flex;
    }

    .detail-content .company-content .top .right .info {
        /*width: 33vw;*/
    }

    .detail-content .company-content .top .right .info .title {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #171717;
        margin: 1.5625vw 0;
    }

    .detail-content .company-content .top .right .info .info-list .info-item {
        display: flex;
        font-weight: 400;
        font-size: 16px;
        color: #3C3C3C;
        align-items: center;
        margin-bottom: 2.1875vw;
    }

    .detail-content .company-content .top .right .info .info-list .info-item i {
        color: #000;
        font-weight: bold;
        margin-right: 0.521vw;
    }

    .detail-content .company-content .bottom {
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        margin-top: 2.083vw;
    }

    .detail-content .company-content .bottom .company-contents-box {
        padding-top: 1.042vw;
    }

    .detail-content .company-content .bottom .company-contents-box .title {
        background: url("../images/job_t_bg.png") no-repeat left center;
        height: 2.083vw;
        padding-left: 2.042vw;
        margin-top: 1.5625vw;
        line-height: 2.083vw;
        font-weight: 400;
        font-size: 1.25vw;
        color: #FFFFFF;
    }

    .detail-content .company-content .bottom .company-contents-box .content {
        padding: 1.042vw;
    }

    .detail-content .company-content .bottom .company-contents-box .content .image-list {
        display: flex;
    }

    .detail-content .company-content .bottom .company-contents-box .content .image-list .image-item {
        width: 22vw;
        height: 12.708vw;
        border-radius: 10px;
        margin-right: 1.042vw;
    }

    .detail-content .company-content .bottom .company-contents-box .content .image-list .image-item img {
        width: 18.927vw;
        height: 12.708vw;
        border-radius: 10px;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 2.083vw;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item {
        border-radius: 10px;
        margin:  0.677vw;
        cursor: pointer;
        width: 22vw;
        padding-bottom: 1.042vw;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .cover {
        width: 100%;
        height: 12.708vw;
        border-radius: 10px;
        overflow: hidden;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .cover img {
        border-radius: 10px;
        object-fit: cover;
        aspect-ratio: 1;
        transition: .5s all ease-in-out;
        cursor: pointer;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item:hover .cover > img {
        -webkit-mask-position: 0 0;
        -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%) 100% 100%/250% 250%;
        transform: scale(1.1);
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item:hover {
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
    }
    .detail-content .company-content .bottom .company-contents-box .content .el-pagination.is-background .el-pager li:not(.disabled).active {
        background: #E9E9E9;
        font-weight: 400;
        font-size: 0.9375vw;
        color: #3D3D3D;
        border: 1px solid var(--primary);
    }
    .mu-pagination .pagination .page-item.active .page-link{
        background: #E9E9E9;
        font-weight: 400;
        font-size: 0.9375vw;
        color: #3D3D3D;
        border: 1px solid var(--primary);
    }
    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-info {
        padding: 1.042vw;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-info .name {
        font-weight: bold;
        font-size: 1.25vw;
        color: #1D1D1D;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-info .line {
        width: 3.59375vw;
        height: 0.15625vw;
        margin: 0.625vw 0;
        background: #007EFF;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-info .desc {
        font-weight: 400;
        font-size: 16px;
        color: #7C7C7C;
        min-height: 3vw;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-bottom {
        padding: 0 1.042vw;
        display: flex;
        justify-content: space-between;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-bottom .price {
        font-weight: 400;
        font-size: 0.833vw;
        color: #7C7C7C;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-bottom .price span {
        font-weight: bold;
        font-size: 1.25vw;
        color: #FF4800;
    }

    .detail-content .company-content .bottom .company-contents-box .content .service-list .service-item .service-bottom .see-btn {
        width: 8.4375vw;
        height: 3.704vh;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        line-height: 3.704vh;
        text-align: center;
        border: none;
    }

    /*========================================服务页面==========================================*/
    .filter-box .filter .cate {
        display: flex;
        margin-bottom: 20px;
    }

    .filter-box .filter .cate .cate-item {
        padding: 11px 22px;
        margin: 0 0 0 1.198vw;
        cursor: pointer;
        margin-bottom: 1vw;
        font-size: 0.833vw;
    }

    .filter-box .filter .cate .title {
        width: 120px;
        height: 40px;
        background: #E9E9E9;
        border-radius: 10px;
        line-height: 40px;
        text-align: center;
        font-size: 0.833vw;
    }

    .filter-box .filter .p-cate .active {
        background: #E9E9E9;
        border-radius: 8px;
        border: 1px solid var(--primary);
    }

    .filter-box .filter .p-cate .cate-item:hover {
        background: #E9E9E9;
        border-radius: 8px;
        border: 1px solid var(--primary);
    }

    .filter-box .filter .c-cate .cate-item:hover {
        background: #A8D3FF;
        border-radius: 8px;
    }

    .filter-box .filter .c-cate .cate-item {
        margin-bottom: 0.521vw;
    }

    .filter-box .filter .c-cate .active {
        background: #A8D3FF;
        border-radius: 8px;
    }

    .filter-box .filter .cate .cate-list {
        display: flex;
        flex-wrap: wrap;
    }

    .services-box.container {
        padding: 0 !important;
    }

    .services-box .services-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.8125vw;
        /*justify-content: space-around;*/
    }

    .services-box .services-list .services-item {
        width: 49%;
        background: #FFFFFF;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        border-radius: 11px;
        margin:0 0.3vw 1vw 0.3vw;
        padding: 0.78125vw;
        cursor: pointer;
    }

    .services-box .services-list .services-item .top {
        display: flex;
    }

    .services-box .services-list .services-item .top .left {
        width: 18.90625vw;
        height: 15.5vw;
        background: #E9E9E9;
        border-radius: 10px;
        overflow: hidden;
    }

    .services-box .services-list .services-item .top .left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        aspect-ratio: 1;
        cursor: pointer;
        transition: all 0.5s ease;
    }

    .services-box .services-list .services-item:hover .top .left > img {
        -webkit-mask-position: 0 0;
        -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%) 100% 100%/250% 250%;
        transform: scale(1.1);
    }

    .services-box .services-list .services-item .top .right {
        margin-left: 1.042vw;
    }

    .services-box .services-list .services-item .top .right .top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .services-box .services-list .services-item .top .right .top .name {
        font-weight: bold;
        font-size: 1.25vw;
        color: #242424;
        overflow: hidden; /* 确保超出的内容会被隐藏 */
        text-overflow: ellipsis; /* 使用省略号显示文字 */
        white-space: nowrap; /* 确保文本不会换行 */
        display: -webkit-box; /* 用于弹性盒子模型 */
        -webkit-box-orient: vertical; /* 垂直排列子元素 */
        -webkit-line-clamp: 1; /* 限制在两行 */
        line-height: 1.5em; /* 这里设置行高 */
        max-height: 3em; /* 最大高度为两行的高度 */
    }

    .services-box .services-list .services-item .top .right .top .cate {
        border-radius: 11px;
        border: 1px solid #007EFF;
        font-weight: 400;
        font-size: 0.9375vw;
        color: #007EFF;
        text-align: center;
        padding: 0.1vw 2.083vw;
    }

    .services-box .services-list .services-item .item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0.5vw;
    }

    .services-box .services-list .services-item .item .item-t {
        background: #E9E9E9;
        border-radius: 12px;
        padding: 0.365vw 0.833vw;
        margin-bottom: 0.5vw;
    }

    .services-box .services-list .services-item .item .item-n.price {
        font-weight: bold;
        font-size: 1.25vw;
        color: #FF4800;
        line-height: 24px;
        margin-left: 0.6vw;
    }

    .services-box .services-list .services-item .item .item-n {
        width: 100%;
        font-weight: 400;
        font-size: 0.833vw;
        color: #3E3E3E;
        overflow: hidden; /* 确保超出的内容会被隐藏 */
        text-overflow: ellipsis; /* 使用省略号显示文字 */
        white-space: nowrap; /* 确保文本不会换行 */
        display: -webkit-box; /* 用于弹性盒子模型 */
        -webkit-box-orient: vertical; /* 垂直排列子元素 */
        -webkit-line-clamp: 1; /* 限制在两行 */
        line-height: 1.5em; /* 这里设置行高 */
        max-height: 3em; /* 最大高度为两行的高度 */
    }

    .services-box .services-list .services-item .bottom .item {
        padding: 1.146vw 0;
        border-bottom: 1px solid #E3E3E3;;
    }

    .services-box .services-list .services-item .bottom .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin: 1.042vw auto;
    }

    .detail-content .service-content {
        margin-top: 2.083vw;
    }

    .detail-content .service-content .top {
        /*height: 11.146vw;*/
        background: url("../images/service_bj.png") no-repeat center center;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding: 0.677vw;
        display: flex;
        width: 75vw;
    }

    .detail-content .service-content .top .left {
        width: 22.396vw;
        height: 16.823vw;
        border-radius: 10px;
        margin-right: 1.042vw;
    }

    .detail-content .service-content .top .left img {
        border-radius: 10px;
    }

    .detail-content .service-content .top .right {
        display: flex;
    }

    .detail-content .service-content .top .right .info {
        width: 33vw;
    }

    .detail-content .service-content .top .right .info .title {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #171717;
    }


    .detail-content .service-content .top .right .info .info-list {
        margin-top: 1.354vw;
    }

    .detail-content .service-content .top .right .info .info-list .info-item {
        display: flex;
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
        margin-top: 0.5vw;
    }

    .detail-content .service-content .top .right .info i {
        font-size: 0.833vw;
        color: #000;
        font-weight: bold;
    }

    .detail-content .service-content .top .right .info i.el-rate__icon {
        font-size: 1.5vw;
        color: #000;
    }

    .detail-content .service-content .top .right .info .info-list .info-item .key {
        margin-left: 0.521vw;
    }

    .detail-content .service-content .top .right .info .info-list .info-item .value {
        display: inline-block;
        margin-left: 1.042vw;

    }

    .detail-content .service-content .top .right .info .info-list .info-item .value.price {
        font-weight: bold;
        font-size: 1.25vw;
        color: #FF4800;
        margin-top: -0.521vw;
    }

    .detail-content .service-content .top .right .info .desc {
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
        margin-top: 1.042vw;
    }

    .detail-content .service-content .top .right .info .desc .value {
        margin-left: 1.042vw;

    }

    .detail-content .service-content .top .right .info .score {
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
        margin-top: 1.042vw;

    }

    .detail-content .service-content .top .right .info .score .value {
        margin-top: 1vw;
    }

    .detail-content .service-content .top .right .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 5.042vw;
        cursor: pointer;
    }

    .detail-content .service-content .bottom {
        margin-top: 1.042vw;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width:75vw;
    }

    .detail-content .service-content .bottom .left {
        width: 51.5625vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding: 1.40625vw 0;
    }

    .detail-content .service-content .bottom .left .contents-box .title {
        width: 15.625vw;
        height: 2.083vw;
        background: url(../images/job_t_bg.png) no-repeat center center;
        color: #fff;
        padding-left: 2.5vw;
        line-height: 2.083vw;
        font-weight: 400;
        font-size: 1.25vw;
    }

    .detail-content .service-content .bottom .left .contents-box .content {
        padding: 1.40625vw;
        min-height: 10.417vw;
    }

    .detail-content .service-content .bottom .right {
        width: 21.875vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        margin-left: 1.5625vw;
    }

    .detail-content .service-content .bottom .right .title {
        font-weight: bold;
        font-size: 1.25vw;
        color: #2A2A2A;
        background: linear-gradient(90deg, #CCDBFF 0%, #F7F9FF 100%);
        padding: 1.042vw;
        border-radius: 20px 20px 0 0;
    }

    .detail-content .service-content .bottom .right .company-info {
        padding: 1.042vw;
    }

    .detail-content .service-content .bottom .right .company-info .company-t {
        display: flex;
        align-items: center;
    }

    .detail-content .service-content .bottom .right .company-info .company-t .company-l {
        width: 4.271vw;
        height: 4.271vw;
        border-radius: 5px;
        margin-right: 1.042vw;
    }
    .detail-content .service-content .bottom .right .company-info .company-t .company-l img {
        object-fit: contain;
    }
    .detail-content .service-content .bottom .right .company-info .company-t .company-r {

    }

    .detail-content .service-content .bottom .right .company-info .company-t .company-r .company-r-t {
        font-weight: bold;
        font-size: 1.25vw;
        color: #272727;
    }

    .detail-content .service-content .bottom .right .company-info .company-t .company-r .company-r-b {
        display: inline-block;
        border-radius: 6px;
        border: 1px solid #007EFF;
        padding: 0 1vw;
        font-weight: 400;
        font-size: 0.833vw;
        color: #007EFF;
    }

    .detail-content .service-content .bottom .right .company-info .desc {
        margin-top: 2.03125vw;
        font-weight: 400;
        font-size: 0.833vw;
        color: #494949;
    }

    .detail-content .service-content .bottom .right .company-info .more-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 3.042vw;
        margin-left: 5vw;
        cursor: pointer;
    }

    .detail-content .service-content .recommend-service {
        margin-top: 3.125vw;
        padding-bottom: 2vw;
    }

    .detail-content .service-content .recommend-service .title {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #232323;
        margin-bottom: 2.125vw;
    }

    .detail-content .service-content .recommend-service .service-list {
        display: flex;
        /*justify-content: space-around;*/
    }

    .detail-content .service-content .recommend-service .service-list .service-item {
        width: 24.167vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 8px;
        margin: 0 0.521vw;
        padding: 1.042vw;
    }

    .detail-content .service-content .recommend-service .service-list .service-item .name {
        font-weight: bold;
        font-size: 1.25vw;
        color: #242424;
    }

    .detail-content .service-content .recommend-service .service-list .service-item .info-list .info-item {
        display: flex;
        margin-top: 0.885vw;
        align-items: center;
        font-weight: 400;
        font-size: 0.729vw;
        color: #3E3E3E;
    }

    .detail-content .service-content .recommend-service .service-list .service-item .info-list .info-item .key {
        background: #E9E9E9;
        border-radius: 12px;
        padding: 0.365vw 0.833vw;
        margin-right: 1.40625vw;
    }

    .detail-content .service-content .recommend-service .service-list .service-item .info-list .info-item .value.price {
        font-weight: bold;
        font-size: 1.25vw;
        color: #FF4800;
    }

    .detail-content .service-content .recommend-service .service-list .service-item .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin: 1.042vw auto;
        cursor: pointer;
    }

    /*=================================================需求页面=========================================*/
    .necessarys-box.container {
        padding: 0 !important;
        /*width: 75vw;*/
    }

    .necessarys-box .necessarys-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.8125vw;
        /*justify-content: space-around;*/
    }

    .necessarys-box .necessarys-list .necessarys-item {
        width: 48%;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        border-radius: 11px;
        margin: 0 0.7vw 1vw 0.7vw;
        padding: 2.1875vw;
        cursor: pointer;
        background: url(../images/necessary_bj.jpg) no-repeat center center;
        background-size: cover;
        transition: 0.5s all ease-in-out;
    }

    .necessarys-box .necessarys-list .necessarys-item:hover {
        background: url(../images/necessary_bj_a.jpg) no-repeat center center;
        background-size: cover;
    }

    .necessarys-box .necessarys-list .necessarys-item .top {
        display: flex;
        align-items: center;
    }

    .necessarys-box .necessarys-list .necessarys-item .info-list .info-item {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 14px;
        color: #3D3D3D;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .necessarys-box .necessarys-list .necessarys-item .info-list .info-item .item-k {
        /*width: 5.052vw;*/
        height: 2.87vh;
        background: #FFFFFF;
        border-radius: 7px;
        text-align: left;
        line-height: 2.87vh;
        margin-right: 5px;
        margin-left: -0.5vw;
        padding-left: 0.5vw;
    }

    .necessarys-box .necessarys-list .necessarys-item .info-list .info-item .item-v {
        color: #3E3E3E;
        overflow: hidden; /* 确保超出的内容会被隐藏 */
        text-overflow: ellipsis; /* 使用省略号显示文字 */
        white-space: nowrap; /* 确保文本不会换行 */
        display: -webkit-box; /* 用于弹性盒子模型 */
        -webkit-box-orient: vertical; /* 垂直排列子元素 */
        -webkit-line-clamp: 1; /* 限制在两行 */
        line-height: 1.5em; /* 这里设置行高 */
        max-height: 3em; /* 最大高度为两行的高度 */
    }

    .necessarys-box .necessarys-list .necessarys-item .top .name {
        font-weight: bold;
        font-size: 16px;
        color: #3D3D3D;
        line-height: 0px;
    }

    .necessarys-box .necessarys-list .necessarys-item .top .cate {
        border-radius: 14px;
        border: 1px solid #007EFF;
        padding: 3px 10px;
        font-weight: 400;
        font-size: 14px;
        color: #007EFF;
        margin-left: 2.083vw;
    }

    .necessarys-box .necessarys-list .necessarys-item .bottom .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 1.042vw;
    }

    /*====================================招聘职位页面=========================================*/
    .recruits-box.container {
        padding: 0 !important;
    }

    .recruits-box .recruits-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.8125vw;
        justify-content: flex-start;
        margin-bottom: 2vw;
    }

    .recruits-box .recruits-list .recruits-item {
        width: 32%;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        border-radius: 11px;
        cursor: pointer;
        transition: 0.5s all ease-in-out;
        margin: 0.5vw 0.5vw;
    }

    .recruits-box .recruits-list .recruits-item:hover {
        background: url(../images/necessary_bj_a.jpg) no-repeat center center;
        background-size: cover;
    }

    .recruits-box .recruits-list .recruits-item .top {
        display: flex;
        justify-content: space-between;
        padding: 1.042vw;
        align-items: center;
    }

    .recruits-box .recruits-list .recruits-item .top .name {
        font-weight: bold;
        font-size: 1.25vw;
        color: #484848;
    }

    .recruits-box .recruits-list .recruits-item .top .salary {
        font-weight: bold;
        font-size: 1.25vw;
        color: #DD0000;
    }

    .recruits-box .recruits-list .recruits-item .top .salary > span {
        font-weight: 400;
        font-size: 0.833vw;
        color: #484848;
    }

    .recruits-box .recruits-list .recruits-item .info {
        padding: 1.042vw;
    }

    .recruits-box .recruits-list .recruits-item .info .desc {
        font-weight: 400;
        font-size: 0.833vw;
        color: #484848;
        min-height: 2.5vw;
    }

    .recruits-box .recruits-list .recruits-item .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 1.042vw;
    }

    .recruits-box .recruits-list .recruits-item .bottom {
        margin-top: 10px;
        display: flex;
        align-items: center;
        background: #E9E9E9;
        border-radius: 0 0 6px 6px;
        padding:0.521vw
    }

    .recruits-box .recruits-list .recruits-item .bottom .left {
        width: 2.8125vw;
        margin-right: 1.042vw;
        margin-left: 0.521vw;
        /*height: 2.8125vw;*/
    }

    .recruits-box .recruits-list .recruits-item .bottom .left img {
        width: 100%;
        object-fit: cover;
    }

    .recruits-box .recruits-list .recruits-item .bottom .right .name {
        font-weight: 400;
        font-size: 0.9375vw;
        color: #484848;
    }

    .recruits-box .recruits-list .recruits-item .bottom .right .cate {
        border-radius: 6px;
        border: 1px solid #007EFF;
        padding: 0.26vw 1.5625vw;
        display: inline-block;
        font-weight: 400;
        font-size: 0.833vw;
        color: #007EFF;
        margin-top: 0.5vw;
    }

    .company-r-box {
        position: relative;
    }

    .company-r-box .title {
        width: 100%;
        margin: 1.448vw auto;
        font-weight: bold;
        font-size: 1.875vw;
        color: #3D3D3D;
        text-align: center;
    }

    .company-r-box .recruitsSwiper {
        width: 62vw;
        min-height: 25vw;
        margin: 20px auto;
    }

    .company-r-box .company-item {
        /*width: 21.5625vw;*/
        min-height: 24.01vw;
        background: #FFFFFF;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        border-radius: 6px;
    }

    .company-r-box .company-item .top {
        display: flex;
        align-items: center;
        background: #E9E9E9;
        border-radius: 6px 6px 0 0;
        padding: 5px;
    }

    .company-r-box .company-item .top .left {
        width: 2.8125vw;
        margin-right: 1.042vw;
        margin-left: 0.521vw;
    }

    .company-r-box .company-item .top .left img {
        width: 100%;
        object-fit: cover;
    }

    .company-r-box .company-item .top .right .name {
        font-weight: 400;
        font-size: 18px;
        color: #484848;
    }

    .company-r-box .company-item .top .right .cate {
        border-radius: 6px;
        border: 1px solid #007EFF;
        padding: 0.26vw 1.5625vw;
        display: inline-block;
        font-weight: 400;
        font-size: 0.833vw;
        color: #007EFF;
    }

    .company-r-box .company-item .recruit-list .recruit-item {
        padding: 1.042vw;
        cursor: pointer;
        transition: 0.5s all ease-in-out;
    }

    .company-r-box .company-item .recruit-list .recruit-item:hover {
        background: url(../images/necessary_bj_a.jpg) no-repeat center center;
        background-size: cover;
    }

    .company-r-box .company-item .recruit-list .recruit-item .item {

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .company-r-box .recruitsSwiper .swiper-slide {
        min-height: 24.01vw;
    }

    .company-r-box .recruitsSwiper .swiper-wrapper {
        position: relative;
    }

    .company-r-box .company-item .recruit-list .recruit-item .item .name {
        font-weight: bold;
        font-size: 1.25vw;
        color: #484848;
        line-height: 0px;
    }

    .company-r-box .company-item .recruit-list .recruit-item .item .salary {
        font-weight: bold;
        color: #DD0000;
        font-size: 1.25vw;
    }

    .company-r-box .company-item .recruit-list .recruit-item .info {
        font-weight: 400;
        font-size: 16px;
        color: #484848;
        text-align: left;
    }

    .company-r-box .company-item .bottom {
        display: flex;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }

    .company-r-box .company-item .bottom .more-btn {
        background: #FFFFFF;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        border-radius: 6px;
        border: 1px solid #007EFF;
        padding: 0.26vw 1.5625vw;
        display: inline-block;
        font-weight: 400;
        font-size: 0.833vw;
        color: #007EFF;
        cursor: pointer;
        margin-top: 1.042vw;
        align-items: center;
        transition: 0.5s all ease-in-out;
    }

    .company-r-box .company-item .bottom .more-btn:hover {
        background: var(--primary);
        color: #fff;
    }

    .company-r-box  .swiper-button-prev {
          position: absolute;
          width: 2.865vw;
          height: 2.865vw;
          background: #E9E9E9;
          border-radius: 50%;
          z-index: 10;
          cursor: pointer;
          top: 57%;
          left: 2%;
      }
    .company-r-box  .swiper-button-prev::after{
        font-size: 0.833vw;
        color: #353535;
    }
    .company-r-box  .swiper-button-prev:hover{
        background: var(--primary);
    }
    .company-r-box .swiper-button-next {
        position: absolute;
        width: 2.865vw;
        height: 2.865vw;
        background: #E9E9E9;
        border-radius: 50%;
        z-index: 10;
        cursor: pointer;
        top: 57%;
        right: 2%;
    }
    .company-box .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        position: absolute;
        width: 2.865vw;
        height: 2.865vw;
        background: #E9E9E9;
        border-radius: 50%;
        z-index: 10;
        cursor: pointer;
        top: 57%;
        left: 2%;
    }
    .company-r-box .swiper-button-next:hover, .company-box .swiper-button-prev:hover {
        background: var(--primary);
    }

    .company-r-box .swiper-button-next::after, .company-box .swiper-button-prev::after {
        font-size: 0.833vw;
        color: #353535;
    }


    .detail-content {
        padding-top: 2.083vw;
        min-height: 100vh;
        background: url("../images/detail_bj.jpg") no-repeat top center;
    }

    .detail-content .breadcrumb-list {
        display: flex;
        height: 51px;
        line-height: 51px;
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
    }

    .detail-content .breadcrumb-list i {
        line-height: 51px;
        color: var(--primary);
        /*margin-left: 1.875vw;*/
        margin-right: 0.5vw;
        font-size: 23px;
    }

    .detail-content .breadcrumb-item {
        font-weight: 400;
        font-size: 0.833vw;
        color: #212121;
        line-height: 51px;
    }

    .detail-content .breadcrumb-item a {
        color: #212121;
    }

    .detail-content .content-box {
        margin-top: 2.083vw;
        padding-bottom: 2.042vw;
    }

    .detail-content .content-box .top {
        /*height: 11.146vw;*/
        background: url("../images/position_bj.png") no-repeat center center;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding: 1.40625vw;
        display: flex;
        width: 75vw;
    }

    .detail-content .content-box .top .left {
        width: 70%;
    }

    .detail-content .content-box .top .left .date {
        font-weight: 400;
        font-size: 16px;
        color: #888888;
    }

    .detail-content .content-box .top .left .title {
        display: flex;
        width: 40%;
        justify-content: space-between;
        margin-top: 1.302vw;
        align-items: center;
    }

    .detail-content .content-box .top .left .title .name {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #171717;
    }

    .detail-content .content-box .top .left .title .salary {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #DD0000;
    }

    .detail-content .content-box .top .left .company {
        margin-top: 0.9375vw;
        font-weight: 400;
        font-size: 0.833vw;
        color: #989898;
    }

    .detail-content .content-box .top .left .info-list {
        /*width: 60%;*/
        display: flex;
        margin-top: 0.60625vw;
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
    }

    .detail-content .content-box .top .left .info-list .info-item {
        display: flex;
        margin-right: 2.083vw;
    }

    .detail-content .content-box .top .left .info-list .info-item i {
        margin-right: 0.521vw;
    }

    .detail-content .content-box .top .right .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 4.042vw;
        cursor: pointer;
    }

    .detail-content .content-box .bottom {
        margin-top: 1.042vw;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 75vw;
    }

    .detail-content .content-box .bottom .left {
        width: 51.5625vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding: 1.40625vw;
    }

    .detail-content .content-box .bottom .left .contents-box .title {
        font-weight: bold;
        font-size: 1.25vw;
        color: #2A2A2A;
        margin-bottom: 1.51vw;
    }

    .detail-content .content-box .bottom .left .contents-box .content {
        min-height: 10.417vw;
    }

    .detail-content .content-box .bottom .right {
        width: 21.875vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        margin-left: 1.5625vw;
    }

    .detail-content .content-box .bottom .right .title {
        font-weight: bold;
        font-size: 1.25vw;
        color: #2A2A2A;
        background: linear-gradient(90deg, #CCDBFF 0%, #F7F9FF 100%);
        padding: 1.042vw;
        border-radius: 20px 20px 0 0;
    }

    .detail-content .content-box .bottom .right .company-info {
        padding: 1.042vw;
    }

    .detail-content .content-box .bottom .right .company-info .company-t {
        display: flex;
        align-items: center;
    }

    .detail-content .content-box .bottom .right .company-info .company-t .company-l {
        width: 4.271vw;
        height: 4.271vw;
        border-radius: 5px;
        margin-right: 1.042vw;
    }

    .detail-content .content-box .bottom .right .company-info .company-t .company-r {

    }

    .detail-content .content-box .bottom .right .company-info .company-t .company-r .company-r-t {
        font-weight: bold;
        font-size: 1.25vw;
        color: #272727;
    }

    .detail-content .content-box .bottom .right .company-info .company-t .company-r .company-r-b {
        display: inline-block;
        border-radius: 6px;
        border: 1px solid #007EFF;
        padding: 0 1vw;
        font-weight: 400;
        font-size: 0.833vw;
        color: #007EFF;
    }

    .detail-content .content-box .bottom .right .company-info .desc {
        margin-top: 2.03125vw;
        font-weight: 400;
        font-size: 0.833vw;
        color: #494949;
    }

    .detail-content .content-box .bottom .right .company-info .more-btn {
        display: inline-block;
        background: #FFFFFF;
        border-radius: 6px;
        border: 1px solid #007EFF;
        font-weight: 400;
        font-size: 0.833vw;
        color: #007EFF;
        padding: 0.417vw 1.5625vw;
        margin: 1.042vw 5vw;
        cursor: pointer;
    }

    /*======================================求职页面=====================================================*/
    .wants-box.container {
        padding: 0 !important;
    }

    .wants-box .wants-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.8125vw;
        justify-content: flex-start;
    }

    .wants-box .wants-list .wants-item {
        width: 48%;
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        border-radius: 11px;
        margin: 1vw 0.5vw;
        cursor: pointer;
        transition: 0.5s all ease-in-out;
        padding-bottom: 1.042vw;;
    }

    .wants-box .wants-list .wants-item:hover {
        background: url(../images/necessary_bj_a.jpg) no-repeat center center;
        background-size: cover;
    }

    .wants-box .wants-list .wants-item .top {
        display: flex;
        justify-content: space-between;
        padding: 1.042vw;
        align-items: center;
    }

    .wants-box .wants-list .wants-item .top .name {
        font-weight: bold;
        font-size: 1.25vw;
        color: #484848;
    }

    .wants-box .wants-list .wants-item .top .salary {
        font-weight: bold;
        font-size: 1.25vw;
        color: #DD0000;
    }

    .wants-box .wants-list .wants-item .top .salary > span {
        font-weight: 400;
        font-size: 0.833vw;
        color: #484848;
    }

    .wants-box .wants-list .wants-item .tags {
        padding: 1.042vw;
        display: flex;
    }

    .wants-box .wants-list .wants-item .tags .tag {
        background: #E9E9E9;
        border-radius: 5px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #484848;
        padding: 0.3125vw 1.5625vw;
        margin-right: 1.042vw;
    }

    .wants-box .wants-list .wants-item .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 1.042vw;
        margin-left: 1.042vw;
    }

    .detail-content .job-box {
        margin-top: 1.042vw;
        display: flex;
    }

    .detail-content .job-box .left {
        width: 64.583vw;
        min-height: 100vh;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
    }

    .detail-content .job-box .left .info-list .info-item {
        margin-top: 1.354vw;
    }

    .detail-content .job-box .left .info-list .info-item .title {
        width: 15.625vw;
        height: 2.083vw;
        background: url("../images/job_t_bg.png") no-repeat center center;
        color: #fff;
        padding-left: 2.5vw;
        line-height: 2.083vw;
        font-weight: 400;
        font-size: 1.25vw;
    }

    .detail-content .job-box .left .info-list .info-item .content {
        padding: 1.25vw;
        display: flex;
    }

    .detail-content .job-box .left .info-list .info-item .content .content-l {
        width: 6.927vw;
        height: 9.74vw;
        margin-right: 3.021vw;
    }

    .detail-content .job-box .left .info-list .info-item .content .content-r {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
    }

    .detail-content .job-box .left .info-list .info-item .content .content-r .content-r-i {
        margin-right: 3.208vw;
        width: 30%;
        margin-top: 1.521vw;
    }

    .detail-content .job-box .left .info-list .info-item .content .content-r .key {
        font-weight: 400;
        font-size: 0.833vw;
        color: #989898;
    }

    .detail-content .job-box .left .info-list .info-item .content .content-r .value {
        font-weight: bold;
        font-size: 0.833vw;
        color: #171717;
    }

    .detail-content .job-box .left .info-list .info-item .strength {
        padding: 1.25vw;
    }

    .detail-content .job-box .right .see-btn {
        display: inline-block;
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 1.042vw;
        margin-left: 1.042vw;
    }

    /*===================================================新闻页面============================================*/
    .articles-box .articles-list {
        margin-top: 2.083vw;
    }

    .articles-box .articles-list .articles-item {
        background: #FFFFFF;
        border-radius: 6px;
        border: 1px solid #E9E9E9;
        padding: 2.083vw;
        display: flex;
        margin-bottom: 2.083vw;
        cursor: pointer;
        transition: 0.5s all ease-in-out;
    }

    .articles-box .articles-list .articles-item:hover {
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        /*background:url(../images/necessary_bj_a.jpg) no-repeat center center;*/
        /*background-size: cover;*/
    }

    .articles-box .articles-list .articles-item .left {
        width: 7.8125vw;
        font-weight: bold;
        font-size: 14px;
        color: #007EFF;
    }

    .articles-box .articles-list .articles-item .main {
        width: 41.5625vw;
        margin-right: 10.479vw;
    }

    .articles-box .articles-list .articles-item .main .title {
        width: 100%;
        font-weight: bold;
        font-size:16px;
        color: #323232;

    }

    .articles-box .articles-list .articles-item .main .content {
        width: 100%;
        margin-top: 1.042vw;
        font-weight: 400;
        font-size: 14px;
        color: #323232;
        min-height: 1.979vw;
    }

    .articles-box .articles-list .articles-item .main .source {
        font-weight: 400;
        font-size: 14px;
        color: #B3B3B3;
    }

    .articles-box .articles-list .articles-item .right {
        padding-top: 2.6875vw;
    }

    .articles-box .articles-list .articles-item .right a {
        font-weight: 400;
        font-size: 0.729vw;
        color: #323232;

    }

    .articles-box .articles-list .articles-item .right a:hover {
        color: var(--primary);
    }

    .articles-box .articles-list .articles-item .right img {
        width: 2.76vw;
    }

    /*=====================================服务活动===========================================*/
    .hot-sign-box {
        margin-top: 2.5vw;
        padding-bottom: 4.5vw;
    }

    .hot-sign-box {
        position: relative;
    }

    .hot-sign-box .sign-item {
        width: 100%;
        display: flex;
        cursor: pointer;
    }

    .hot-sign-box .sign-item .left {
        width: 34.271vw;
        height: 22.96875vw;
        border-radius: 13px;
        margin-right: 3.229vw;
        position: relative;
    }

    .hot-sign-box .sign-item .left img {
        width: 34.271vw;
        height: 22.96875vw;
        border-radius: 13px;
        object-fit: cover;
        transition: all 0.5s ease;
    }

    .hot-sign-box .sign-item .left .tag.ing {
        position: absolute;
        width: 8.75vw;
        height: 8.75vw;
        left: 0;
        top: 0;
        background: url("../images/new_tag.png") no-repeat center center;
        background-size: contain;
    }

    .hot-sign-box .sign-item .right .tag {
        width: 9.6875vw;
        height: 2.5vw;
        font-weight: 400;
        font-size: 1.25vw;
        color: #FFFFFF;
        border-radius: 6px;
        line-height: 2.5vw;
        text-align: center;
    }

    .hot-sign-box .sign-item .right .tag.ing {
        background: #FF4800;
    }

    .hot-sign-box .sign-item .right .tag.over {
        background: #7B7B7B;
    }

    .hot-sign-box .sign-item .right .title {
        margin-top: 1.771vw;
        font-weight: bold;
        font-size: 1.5625vw;
        color: #161616;
    }

    .hot-sign-box .sign-item .right .content {
        margin-top: 3.90625vw;
        font-weight: 400;
        font-size: 16px;
        color: #7C7C7C;
    }

    .hot-sign-box .sign-item .right .date {
        margin-top: 3.646vw;
        text-align: center;
        width: 29.896vw;
        height: 2.135vw;
        line-height: 2.135vw;
        background: #FFFFFF;
        border: 1px solid #007EFF;
        font-weight: 400;
        font-size: 0.9375vw;
        color: #007EFF;
    }

    .hot-sign-box .sign-item .right .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 2.65625vw;
        cursor: pointer;
    }

    .hot-sign-box .swiper-pagination {
        position: absolute;
        bottom: 2.2vw;
    }

    .hot-sign-box .swiper-pagination .swiper-pagination-bullet {
        background: #e9e9e9;
    }

    .hot-sign-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--primary);
    }

    .sign-ups-box {
        margin-top: 1.604vw;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item {
        background: #FFFFFF;
        border-radius: 6px;
        border: 1px solid #E9E9E9;
        padding: 0.625vw;
        display: flex;
        margin-bottom: 2.083vw;
        cursor: pointer;
        transition: 0.5s all ease-in-out;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item:hover {
        box-shadow: 1px 0px 13px 0px rgba(96, 96, 96, 0.22);
        background: url(../images/necessary_bj_a.jpg) no-repeat center center;
        background-size: cover;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item:hover .left img {
        transform: scale(1.1);
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .left {
        width: 19.323vw;
        height: 14.479vw;
        background: #E9E9E9;
        border-radius: 15px;
        position: relative;
        margin-right: 1.823vw;
        overflow: hidden;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .left .tag {
        width: 8.333vw;
        height: 2vw;
        position: absolute;
        background-repeat: no-repeat;
        top: 0.78125vw;
        left: 0.78125vw;
        background-size: 100%;
        background-position: center, center;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .left .tag.ing {
        background-image: url("../images/sign_ing.png");
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .left .tag.over {
        background-image: url("../images/sign_over.png");
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .left img {
        width: 19.323vw;
        height: 14.479vw;
        background: #E9E9E9;
        border-radius: 15px;
        transition: all 0.5s ease;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main {
        width: 37.5vw;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .top {
        display: flex;
        align-items: center;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .top .title {
        font-weight: bold;
        font-size: 1.25vw;
        color: #313131;
        margin-right: 1.823vw;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .top .cate {
        border-radius: 6px;
        border: 1px solid #007EFF;
        font-weight: 400;
        font-size: 0.833vw;
        color: #313131;
        padding: 0.365vw 1.146vw;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .info-list {
        margin-top: 1.823vw;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .info-list .info-item {
        display: flex;
        margin-bottom: 1vw;
        align-items: center;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .info-list .info-item .item-k {
        width: 4.427vw;
        height: 1.5625vw;
        background: #E9E9E9;
        border-radius: 7px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #313131;
        line-height: 1.5625vw;
        text-align: center;
        margin-right: 1.875vw;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .main .info-list .info-item .item-v {
        font-weight: 400;
        font-size: 0.833vw;
        color: #313131;
    }

    .sign-ups-box .sign-ups-list .sign-ups-item .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 4.65625vw;
        margin-left: 2vw;
        cursor: pointer;
    }
    .detail-content .sign-up-content {
        margin-top: 2.083vw;
    }

    .detail-content .sign-up-content .top {
        width: 75vw;
        background: url("../images/service_bj.png") no-repeat center center;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding:1.5625vw;
        display: flex;
    }

    .detail-content .sign-up-content .top .left {
        width: 22.396vw;
        height: 16.823vw;
        border-radius: 10px;
        margin-right: 1.042vw;
    }

    .detail-content .sign-up-content .top .left img {
        border-radius: 10px;
    }

    .detail-content .sign-up-content .top .right {
        display: flex;
    }

    .detail-content .sign-up-content .top .right .info {
        width: 50vw;
    }

    .detail-content .sign-up-content .top .right .info .title {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #171717;
    }

    .detail-content .sign-up-content .top .right .info .info-list {
        margin-top: 1.354vw;
    }

    .detail-content .sign-up-content .top .right .info .info-list .info-item {
        display: flex;
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
        margin-top: 0.5vw;
    }

    .detail-content .sign-up-content .top .right .info i {
        font-size: 0.833vw;
        color: #000;
        font-weight: bold;
    }

    .detail-content .sign-up-content .top .right .info i.el-rate__icon {
        font-size: 1.5vw;
        color: #000;
    }

    .detail-content .sign-up-content .top .right .info .info-list .info-item .key {
        margin-left: 0.521vw;
    }

    .detail-content .sign-up-content .top .right .info .info-list .info-item .value {
        display: inline-block;
        margin-left: 1.042vw;

    }

    .detail-content .sign-up-content .top .right .info .info-list .info-item .value.price {
        font-weight: bold;
        font-size: 1.25vw;
        color: #FF4800;
        margin-top: -0.521vw;
    }

    .detail-content .sign-up-content .top .right .info .desc {
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
        margin-top: 1.042vw;
    }

    .detail-content .sign-up-content .top .right .info .desc .value {
        margin-left: 1.042vw;

    }

    .detail-content .sign-up-content .top .right .info .score {
        font-weight: 400;
        font-size: 0.833vw;
        color: #3C3C3C;
        margin-top: 1.042vw;

    }

    .detail-content .sign-up-content .top .right .info .score .value {
        margin-top: 1vw;
    }

    .detail-content .sign-up-content .top .right .see-btn {
        width: 8.4375vw;
        height: 2.083vw;
        background: linear-gradient(90deg, #4D81FF 0%, #1257FF 100%);
        border-radius: 6px;
        font-weight: 400;
        font-size: 0.833vw;
        color: #FFFFFF;
        line-height: 2.083vw;
        text-align: center;
        margin-top: 3.042vw;
        cursor: pointer;
    }

    .detail-content .sign-up-content .bottom {
        margin-top: 1.042vw;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 75vw;
    }

    .detail-content .sign-up-content .bottom .left {
        width: 51.5625vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding: 1.40625vw 0;
    }

    .detail-content .sign-up-content .bottom .left .contents-box .title {
        width: 15.625vw;
        height: 2.083vw;
        background: url(../images/job_t_bg.png) no-repeat center center;
        color: #fff;
        padding-left: 2.5vw;
        line-height: 2.083vw;
        font-weight: 400;
        font-size: 1.25vw;
    }

    .detail-content .sign-up-content .bottom .left .contents-box .content {
        padding: 1.40625vw;
        min-height: 10.417vw;
    }

    .detail-content .sign-up-content .bottom .right {
        width: 21.875vw;
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        margin-left: 1.5625vw;
    }

    .detail-content .sign-up-content .bottom .right .title {
        font-weight: bold;
        font-size: 1.25vw;
        color: #2A2A2A;
        background: linear-gradient(90deg, #CCDBFF 0%, #F7F9FF 100%);
        padding: 1.042vw;
        border-radius: 20px 20px 0 0;
    }
    .detail-content .sign-up-content .top .right .info .title .tag{
        width: 7.1875vw;
        height: 2.083vw;
        display: inline-block;
        margin-left: 1.042vw;
        border-radius: 8px;
        font-weight: 400;
        font-size: 1.25vw;
        color: #FFFFFF;
        text-align: center;
    }
    .detail-content .sign-up-content .top .right .info .title .tag.ing{
        background: #FF4800;
    }
    .detail-content .sign-up-content .top .right .info .title .tag.over{
        background: #7b7b7b;
    }
    .detail-content .sign-up-content .bottom .right .company-info {
        padding: 1.042vw;
    }
    .detail-content .sign-up-content .bottom .right .company-info .info-list{
        font-weight: 400;
        font-size: 0.833vw;
        color: #313131;
        line-height: 1.5625vw;
    }
    .detail-content .sign-up-content .bottom .right .company-info .info-list .info-item{
        margin-bottom: 1.458vw;
        display: flex;
    }
    .detail-content .sign-up-content .bottom .right .company-info .info-list .info-item .item-key{
        display: inline-block;
        width: 5vw;
        height: 1.5625vw;
        background: #E9E9E9;
        border-radius: 7px;
        padding-left: 0.521vw;
        margin-right: 1.042vw;
    }
    .detail-content .sign-up-content .bottom .right .company-info .info-list .info-item .item-value{
        /*display: contents;*/
        display: inline-block;
        width: 13.958vw;
    }

    .detail-content .article-content{
        background: #FFFFFF;
        box-shadow: 0px 0px 13px 0px rgba(96, 96, 96, 0.33);
        border-radius: 20px;
        padding: 1.667vw;
        margin-top: 2.083vw;
    }

    .detail-content .article-content .top{
        border-bottom: 1px solid  #AFAFAF;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.042vw;
    }

    .detail-content .article-content .top .title{
        font-weight: bold;
        font-size: 24px;
        color: #212121;
        margin-bottom: 1.354vw;
    }
    .detail-content .article-content .top .info-list{
        display: flex;
        margin-bottom: 1.354vw;
    }

    .detail-content .article-content .top .info-list .info-item{
        margin:0 1vw ;
    }
}