.pic {
    width: 100%;
    margin-top: -7px;
    height: 320px;
    background: url('../images/gxbcyjs/banner.png') center;
    background-size: cover;
    background-position-y: top;
    position: absolute;
    left: 0;
    top: 78px;
}

.pic .container{
    width: 1200px;
    padding: 36px 0 36px 0px;
}

.platform{
    font-size: 30px;
    color: #fff;
    line-height: 100px;
}

.box-card.bg{
    background: rgb(248, 251, 255)
}

.box-card .box-content{
    padding: 20px 40px;
}

.box-card .box-content .box-desc{
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.box-card .box-content .box-fw{
    display: inline-flex;
    width: 100%;
}

.box-card .box-content .box-fw .fw{
    padding: 32px;
    flex-basis: 40%;
    background-size: 105%;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 8px;
    margin-left: 3%;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 30px 0 rgba(9, 41, 77, .1);
    box-shadow: 0 4px 30px 0 rgba(9, 41, 77, .1);
}

.box-card .box-content .box-fw .fw:first-child:hover{
    filter: drop-shadow(2px 4px 6px rgba(255, 137, 49, 0.5));
}

.box-card .box-content .box-fw .fw:last-child:hover{
    filter: drop-shadow(2px 4px 6px rgba(71, 126, 255, 0.5));
}

.box-card .box-content .box-fw .fw .card-box-title{
    font-weight: 600;
    font-size: 16px;
    color: #0d1c28;
    line-height: 24px;
    margin-top: 2px;
    margin-left: 50px;
}

.box-card .box-content .box-fw .fw .card-box-content{
    font-size: 14px;
    margin-top: 10px;
    margin-left: 55px;
}

.like {
    cursor: pointer;
    font-size: 25px;
    display: inline-block;
}
.statistic {
    position: relative;
    width: 100%;
    height: 125px;
    border-radius: 20px;
    background-image: url(../images/gxbcyjs/banner-card.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.statistic .el-row{
    height: 125px;
    align-items: center;
    display: flex;
}
.statistic .el-row .el-statistic .head{
    font-size: 16px;
    color: white;
    margin-bottom: 5px;
}

.statistic .label{
    color: white;
    font-size: 30px;
    margin-bottom: 5px;
}
.statistic .desc{
    color: white;
    font-size: 15px;
}

.el-statistic .con{
    height: 30px;
    overflow: hidden;
    display: block;
}

.statistic .el-row  .el-statistic .con .number{
    color: white;
    font-size: 30px;
    font-weight: 700;
    writing-mode: vertical-lr;
    text-orientation: upright;
    line-height: 20px;
    padding: 0;
}

.el-aside{
    min-width: 200px;
    background: url({{PageContext.ContextPath}}public/images/gxbcyjs/dbbg.png) no-repeat center;
    background-size: 100% 100%;
}

.scrollBox{
    overflow: auto;
    height: 440px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.scrollBox li{
    box-shadow:0 0px 5px 1px rgba(0,0,0,.1) ;

    cursor: pointer;
    margin: 0px 10px 30px 20px;
    height: auto !important;
    width: calc(33% - 39px)!important;
}

.scrollBox li:hover{
    background: rgb(66, 147, 244);
    position: relative;
    top: -10px;
    color: #fff;
}
.scrollBox li .bg{
    background-size: 100%!important;
}
.scrollBox li .name{
    font-size: 16px;
    font-weight: 600;
    margin-top: 0!important;
    /*background: #fff;*/
    padding: 10px;
}
.scrollBox li .bg img{
    width: 100%;
    height: 150px;
}

.page_left {
    cursor: pointer;
    width: 50px;
    background: white;
    text-align: center;
    height: 50px;
    display: inline-block;
    position: absolute;
    margin-left: -70px;
    margin-top: 66px;
    border-radius: 50px;
    /*box-shadow: 0 0.1rem 0.75rem 0 rgb(9 41 77 / 15%);*/
    box-shadow: 0 0 10px rgb(9 41 77 / 15%);
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}



.page_left:hover{
    background: #4293f4;
    color: white;
}

.page_right:hover{
    background: #4293f4;
    color: white;
}
.page_right {
    cursor: pointer;
    width: 50px;
    background: white;
    text-align: center;
    height: 50px;
    display: inline-block;
    position: absolute;
    margin-left: 15px;
    margin-top: 66px;
    border-radius: 50px;
    box-shadow: 0 0 10px rgb(9 41 77 / 15%);
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}

.hcp{
    height: 250px;
}
.hcp img{
    width: 100%;
    height: auto;
    cursor: pointer;
    box-shadow: 0px 2px 14px 0px rgba(58, 72, 104, 0.21);
}
.hcp div:hover{
    color: #2275DB;
    cursor: pointer;
}
.hcp div:hover .jt{
    fill: #2275DB !important;
}
.hcp img:hover ~div{
    color: #2275DB;
    cursor: pointer;
}
.hcp img:hover ~div .jt{
    fill: #2275DB !important;
}

.prefecture-list{
    width: 100%;
}
.prefecture-list ul{
    display: flex;
}

.prefecture-list li:hover .name{
    color: white;
}
.prefecture-list ul li:hover{
    background: rgb(66, 147, 244);
    position: relative;
    top: -10px;
}
.prefecture-list > ul > li {
    display: inline-block;
    width: 23.5%;
    background: #FFFFFF;
    box-shadow: 0px 2px 14px 0px rgba(58, 72, 104, 0.21);
    cursor: pointer;
}

.prefecture-list > ul > li:not(:last-of-type){
    margin-right: 22px;
}


.prefecture-list > ul > li .name {
    font-size: 16px;
    font-weight: 600;
    color: #0F1D2A;
    padding: 10px;
    /*line-height: 70px;*/
    text-align: center;
}

.prefecture-list > ul > li .bg {
    width: 100%;
}
.prefecture-list > ul > li .bg > img{
    width: 100%;
    height: 130px;
}

.more-button{
    cursor: pointer;
    color: #7562ED;
    border: 2px solid #7562ED;
    padding: 3px 25px;
    background: #fff;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}
.more-button:hover{
    background: #7562ed52;
    border:  2px solid rgba(117, 98, 237, 0.32);
}

.tags{
    padding-top: 10px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    font-size: 24px;
    font-weight: 700;
    /* border-bottom: 2px solid #0084FE; */
    align-items: center;
}
.tags:after{
    content:'';
    display: block;
    background: #7562ED;
    width: 20px;
    margin-top: 10px;
    height: 4px;
    /*border-bottom: 2px solid #0084FE;*/
}

.more{
    margin: 20px 10px 40px 10px;
    display: flex;
    justify-content: center;
}
.prefecture-cell .cell{
    margin: 20px;
    padding: 15px 10px ;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
}
.prefecture-cell .cell .cell-icon{
    background: #7562ED;
    color: #fff;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    border-radius: 40px;
    font-size: 10px;
}

.section{
    margin-bottom: 20px;
}
.section .section-title{
    position: relative;
    z-index: 999;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #333;
    line-height: 80px;
    margin-top: 50px;
}
.section .right-orange{
    position: absolute;
    margin-top: 25px;
    margin-left: 4px;
}

.section .el-tabs__nav{
    display: flex;
}

.section .el-tabs__nav .el-tabs__item{
    flex-basis: 49%;
}

.el-card__body .tabs{
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background: #f1f8ff;
}

.el-card__body, .el-main{
    padding: 0;
}

.el-card__body .tabs .tab {
    font-size: 25px;
    font-weight: 600;
    flex: 0 0 50.1%;
    height: 50px;
    cursor: pointer;
    position: relative;
    text-align: center;
    line-height: 50px;
    padding: 10px 0;
}

.el-card__body .tab.active {
    background-color: #fff;
    color: #2275DB;
}

.el-card__body .tab.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    height: 100%;
    width: 50px;
    z-index: 2;
    background-color: #fff;
    clip-path: path('M 0,144 C 50,50 25,0 50,0 L 51, 110 Z');
}
.el-card__body .tab.active:after {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    height: 100%;
    width: 50px;
    z-index: 2;
    background-color: #fff;
    clip-path: path('M 0,0 C 25,0 25,50 50,110 L -7, 102 Z');
}

.fl{
    width: 100%;
}

.fl .fl-bg{
    text-align: center;
}

.tabs {
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background: #f1f8ff;
}

.tab {
    font-size: 25px;
    font-weight: 600;
    flex: 0 0 50.1%;
    height: 50px;
    cursor: pointer;
    position: relative;
    text-align: center;
    line-height: 50px;
    padding: 10px 0;
}

.tab.active {
    background-color: #fff;
    color: #2275DB;
}
.tab img{
    width: 25px;
}
.tab.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    height: 100%;
    width: 50px;
    z-index: 2;
    background-color: #fff;
    clip-path:path('M 0,144 C 50,50 25,0 50,0 L 51, 110 Z');

}

.tab.active:after {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    height: 100%;
    width: 50px;
    z-index: 2;
    background-color: #fff;
    /*clip-path: path('M 0,0 C 15,0 25,50 90,124 L -14, 65 Z');*/
    clip-path: path('M 0,0 C 25,0 25,50 50,110 L -7, 102 Z');

}
.items{
    border-radius: 10px;
    width: calc(100% - 5px);
    position: relative;
    z-index:999;
    /*background: linear-gradient(180deg, #FFFFFF 0%, #F2F6FF 100%);*/
    background: #fff;
}

.items {
    opacity: 1;
    box-shadow: 0 0px 5px 1px rgba(0, 0, 0, .1);
}


.items .dept{
    margin-right: 20px;
}

.items-top{
    position: relative;
    height: 500px;
    /*overflow:hidden;*/
}
.items-top-bg{
    position: relative;
    display: flex;
    justify-content: center;
}
.items-top-bg img{
    width: 600px;
}
.items-top-step ul{
    padding-bottom: 5px;
}
.tooltipItem{
    z-index:99999!important;
}
.items-top-step .fr.step1{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 25px;
    left: -120px;
}
.items-top-step .gr.step1{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 5px;
    left: -80px;
}
.items-top-step .gr.stepText1{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: -250px;
}
.items-top-step .fr.stepText1{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 30px;
    left: -375px;
}
.titleName{
    width: fit-content;
    font-size: 18px;
    position: relative;
    z-index:999;
    color: black;
    /*font-size: 16px;*/
    font-weight: 700;
}
.infoTitle .listNum{
    display: flex;
    align-items: center;
}
.infoTitle .listNum p{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
}
.infoTitle .listNum.active{
    color: #409EFF;
}
.infoTitle .listNum span{
    font-size: 14px;
    font-weight: normal;
}
.infoTitle .expandIcon{
    font-size: 18px;
    font-weight: normal;
    color: #409EFF;
}
.position-relative{
    position: relative;
}
/* 展开卡片 */
.expand-float-list {
    margin-top: 10px;
    background: #ffffff;
    border-radius: 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 20px;
    position: absolute;
    top: 20px;
    transform: translateX(-25%);
    z-index: 1000;
    min-width: 200px;
    border: 1px solid #ccc;
}

/* 核心：正确实现【最多5行 → 自动加列】，无冲突、不压扁 */
.expand-float-list .expand-float-content .expand-grid {
    display: grid;
    grid-auto-flow: column;        /* 竖向排，超5行自动加新列 */
    grid-template-rows: repeat(5, auto); /* 固定最多5行 */
    grid-auto-rows: 1fr;
    gap: 0 16px;
    align-items: center;
}

/* 条目正常宽度 */
.expand-float-list .expand-float-content .expand-grid .expand-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    padding-bottom: 12px;
}
/* 每列最后一个 → 去掉底部间距 */
.expand-float-list .expand-float-content .expand-grid .expand-item:nth-child(5n) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 最后一行 → 去掉右侧间距 */
.expand-float-list .expand-float-content .expand-grid .expand-item:last-child {
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 0 !important;
}
.expand-float-list .expand-float-content .expand-grid .expand-item .blue-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #69b1ff;
    flex-shrink: 0;
}
.expand-float-list .expand-float-content .expand-grid .expand-item .text {
    width: 160px;          /* 固定安全宽度 */
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.expand-float-list .expand-float-content .expand-grid .expand-item:hover {
    color: #409EFF;
}

.titleName.active{
    color: #409EFF;
}
.infoTitle{
    list-style: disc;
    list-style-position: inside;
    z-index:999;
    padding-bottom: 10px;
    font-size:16px;
    position: relative;

    max-width: 185px;
    white-space: nowrap;      /* 防止文本换行 */
    overflow: hidden;         /* 隐藏溢出部分 */
    text-overflow: ellipsis;  /* 溢出时显示省略号 */

}
.infoTitle.wrap{
    white-space: nowrap;
    width: 50px;
    flex-basis:50%
}
.infoTitle::marker{
    color: #9CBBD9;
    font-size: 16px;
}
.infoTitle:hover{
    color: #409EFF;
    cursor: pointer;
}
.infoTitle:hover .titleName {
    color: #409EFF;
}
.infoTitle.active{
    color: #409EFF;
}
.items-top-step .gr.step2{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 65px;
    left: -185px;
}
.items-top-step .gr.stepText2{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 40px;
    left: -360px;
}
.items-top-step .gr.step3{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 140px;
    left: -265px
}
.items-top-step .gr.stepText3{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 130px;
    left: -395px;

}
.items-top-step .gr.step4{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 230px;
    left: -275px;
}
.items-top-step .gr.stepText4{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 285px;
    left: -420px;
}

.items-top-step .gr.stepText4 .infoTitle {
    white-space: nowrap;
    /*width: 50px;*/
    flex-basis: 50%;
}
.items-top-step .gr.step5{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 290px;
    left: -185px;
}
.items-top-step .gr.stepText5{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 375px;
    left: -265px;
}
.items-top-step .gr.step6{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 285px;
    left: -35px;
}
.items-top-step .gr.stepText6{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 390px;
    left: -20px;
}

.items-top-step .gr.step7{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 260px;
    left: 75px;
}
.items-top-step .gr.stepText7{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 365px;
    left: 160px;
}
.items-top-step .gr.step8{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 220px;
    left: 170px;
}
.items-top-step .gr.stepText8{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 290px;
    left: 320px;
}
.items-top-step .gr.step9{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 155px;
    left: 255px;
}
.items-top-step .gr.stepText9{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 200px;
    left: 385px;
}
.items-top-step .gr.step10{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 70px;
    left: 280px;
}
.items-top-step .gr.stepText10{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 105px;
    left: 405px;
}
.items-top-step .gr.step11{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: -5px;
    left: 250px;
}
.items-top-step .gr.stepText11{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 7px;
    left: 385px;
}

.items-top-step .fr.step2{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 200px;
    left: -280px;
}
.items-top-step .fr.stepText2{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 345px;
    left: -310px;
}

.items-top-step .fr.step3{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 295px;
    left: -105px;
}
.items-top-step .fr.stepText3{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 345px;
    left: 430px;
}
.items-top-step .fr.stepText3 .infoTitle {
    white-space: nowrap;
    flex-basis: 50%;
}
.items-top-step .fr.stepText3 .infoTitle:nth-child(1), .items-top-step .fr.stepText3 .infoTitle:nth-child(3),.items-top-step .fr.stepText3 .infoTitle:nth-child(5){
    padding-right: 20px;
}
.items-top-step .fr.step4{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 240px;
    left: 125px;
}
.items-top-step .fr.stepText4{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 200px;
    left: 350px;
}
.items-top-step .fr.step5{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 30px;
    left: 280px;
}
.items-top-step .fr.stepText5{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    left: 405px;
}
.items-top-step .fr.step6{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 145px;
    left: 260px;
}
.items-top-step .fr.stepText6{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 180px;
    left: 350px;
}
.items-top-step .fr.step7{
    pointer-events: none;
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 45px;
    left: 280px;
}
.items-top-step .fr.stepText7{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 40px;
    left: 400px;
}
.items-content{
    position: relative;
}
.hideBorder{
    border-bottom: none!important;
}
.content_header{
    padding: 18px 75px ;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    /*border-bottom: 2px solid #2275DB;*/
}
.items-button{
    display: flex;
}
.items-button div{
    border-radius: 5px;
    font-size: 14px;
    padding:8px 5px;
    border: 1px solid #2275DB;
    color: #2275DB;
    width: 100px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.items-button div:hover{
    background: #2275DB;
    color: #fff;
}
.items-button div.active{
    background: #2275DB;
    color: #fff;
}
.items-button div.disabled{
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    cursor: no-drop;
}

.dept{
    cursor: pointer;
    padding: 10px 10px 10px 25px;
    display: inline-block;
    border: 1px solid white;
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}
.deptActive{
    border: 1px solid #2175db;
    background: rgba(33,117,219,.1)!important;
    font-weight: 600;
}
.deptInactive{
    color: #bdc0c1;
    pointer-events: none;
}
.dept:hover{
    border: 1px solid #2175db;
    background: rgba(33,117,219,.1)!important;
    font-weight: 600;
}

.content_context{
    padding: 10px 75px;
    display: flex;
    border-top: 2px solid #2275DB;
}
.left-static{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 16px;
    padding: 10px;
    min-width: 112px;
}
.left-static .static{
    padding-bottom: 15px;
}
.left-static .num{
    font-weight: 700;
    font-size: 30px;
    color: #0084FE;
}
.itemList{
    padding:0 20px;
    width: calc(100% - 500px);
    height: 100%;
}
.handlerNum{
    color: #0084FE;
    padding: 0 5px;
}

.itemList-header{
    font-weight: 700;
    font-size: 18px;
    padding: 10px;
}
.itemList-data{
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    height: 170px;
    align-content: start;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
}
.itemList-data .el-tag{
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px;
}
.items-name{
    width: 33%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    margin:10px 0;
}
.items-name .text{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
}
.items-name i{
    background: #2275DB;
    padding: 2px;
    font-size: 12px;
    border-radius: 20px;
    color: #fff;
    margin:0 5px;
    /*width: 20px;*/
}
.items-name svg{
    margin:0 5px;
    width: 20px;
}
.oldAndNew{
    width: 350px;
}

.oldAndNew .oldNewTitle {
    display: flex;
    margin: 0 15px;
}

.oldAndNew .oldNewTitle .old {
    flex: 1;
    display: flex;
    font-weight: 700;
    font-size: 18px;
    justify-content: center;
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.oldAndNew .oldNewTitle .new {
    flex: 1;
    display: flex;
    font-weight: 700;
    font-size: 18px;
    justify-content: center;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}

.oldAndNew .oldNewStep {
    display: flex;
    margin: 0 10px;
    justify-content: space-around;
    position: relative;
    font-size: 16px;
    align-items: center;
}

.oldAndNew .oldNewStep .jiantou {
    /*position: absolute;*/
    /*top: 50%;*/
    /*bottom: 50%;*/
    background: url({{PageContext.ContextPath}}/public/yjs/img/jiantou.png)no-repeat center;
    background-size: 100% 50%;
    width: 40px;
    height: 20px;
    /*opacity: 1;*/
    /*border-top: 4px dashed #0084FE;*/
}

.oldAndNew .oldNewStep .old {
    width: 86px;
    display: flex;
    color: #999999;
    margin: 7px 0;
    height: 20px;
    font-size: 16px;
    justify-content: center;
    background: #EEEEEE;
    padding: 5px 10px;
    align-items: center;
    font-weight: normal;
    border-radius: 5px;
}

.oldAndNew .oldNewStep .new {
    width: 86px;
    display: flex;
    color: #2275DB;
    margin: 7px 0;
    font-weight: normal;
    height: 20px;
    font-size: 16px;
    justify-content: center;
    background: #E1F0FF;
    padding: 5px 10px;
    align-items: center;
    border-radius: 5px;
}

.el-dialog {
    border-radius: 10px !important;
    width: 730px !important;
}
.el-dialog .el-dialog__title{
    font-weight: 600;
    font-size: 20px;
}
.el-dialog .el-dialog__header{
    border-bottom: 1px solid rgba(106, 106, 106, 0.5);
}
.el-dialog .el-dialog__header .el-dialog__headerbtn{
    height: 50px;
    width: 50px;
    top: 0px;
    right: 0px;
    border-top-right-radius: 10px;
    background: #f1f2f3 !important;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{
    color: #6e777e !important;
}

.oldAndNew .oldNewStep .new span {

}

.prefecture-left{
    min-width: 200px;
    /*background-image: '';*/
    background: url(../images/gxbcyjs/dbbg.png)no-repeat center;
    background-size: 100% 100%;
    /*position: absolute;*/
}

.bg-color{
    width: 100%;
    height: 950px;
    top: 565px;
    left: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F6FF 100%);
    opacity: 1;
    z-index: 998;
}
.bg-color.hideCard{
    height: 700px;
}

.ylsyzb-bg{
    width: 100%;
    height:650px;
    position: absolute;
    left: 0px;
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%), url("{{PageContext.ContextPath}}public/images/gxbcyjs/img.png") no-repeat;*/
    background: url("../images/gxbcyjs/img.png") no-repeat;
    /*background-position: right bottom;*/
    /*background-blend-mode: color-burn;*/
    opacity: 0.5;
    margin-top: 30px;
    z-index: -100;
}

.body_sz{
    overflow-x: hidden;
}