.whiteNavigation {
    background-color: #fff;
    border-bottom: 1px solid #2299EE;
}
.whiteNavigation .logo span {
    color: #2299EE;
}
.navi-top {
    display: flex;
    height: 4rem;
    justify-content: space-between;
    align-items: center;
}

.navi-top > div {
    /* background: #EEEEEE; */
}
.logo  span.logo-title{
    margin-left:0.5rem;
    font-size:1.5rem;
    font-weight:600;
}
.navi-list {
    display: flex;
    padding: 20px 0 20px 12px;
    align-items: center;
    position: relative;
}

.navi-list > li {
    margin-right:3rem;
    line-height: 1.2;
    color: #fff;
    font-size: 1.25rem;
    cursor: pointer;
    position: relative;
}
.navi-list-child-warpper{
    position: absolute;
    top:128px;
    left:0;
    right: 0;
    padding:20px;
    background-color: rgba(0,0,0,0.5);
}
.navi-list-child-warpper.hide{
    display: none;
}
.navi-list-child-warpper > li{
    float: left;
    margin-right: 3rem;
    color: #fff;
}
.navi-list-child-warpper > li:first-child{
    margin-left:5.3rem;
}
.navi-list-child-warpper > li:hover{
    color:#2299EE
}
.navi-list > li::before{
    content: "";
    width: 4px;
    height: 0;
    background: #2299EE;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    transition: all 0.5s ease 0s;
}
.navi-list > li:hover .navi-list-child-warpper{
    display: block;
}
.navi-list > li:hover:before,
.navi-list > li.active:before {
    height: 12px;
}
.navi-list > li::after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2299EE;
    margin: 0 auto;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.navi-list > li:hover:after,
.navi-list > li.active:after{
    bottom: -11px;
    opacity: 1;
}
.whiteNavigation .navi-list > li {
    color: #444444;
}
.navi-list .active,
.whiteNavigation .navi-list .active {
    font-weight: 400;
    color: #2299EE;
}
.personal-warn{
    width: 24px;
    height: 24px;
    background: no-repeat 100% 100%;
    background-image: url(../images/warn.png);
}
.whiteNavigation .personal-warn{
    background-image: url(../images/warn-white.png);
}
/* banner  start */
.banner {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner .banner-inner-list{
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#ccc;
    background-position: center;
}
.service .banner .banner-inner-list{
    min-height: unset;
}
.banner .banner-inner-list img{
    width:100%;
    height: 100%;
}
/* pc中,banner的高度始终是可是范围的96% */
.banner .swiper-container {
    width: 100%;
    height: calc(96vh);
}
.mac-banner .swiper-container{
    height: calc(89vh);
}
.service .banner .swiper-container{
    min-height: unset;
    height:21.88rem;
}
.service-max .banner .swiper-container{
    height: 43.75rem;
}
.banner-suspension {
    position: absolute;
    bottom: 4%;
    display: flex;
    height: 21.13rem;
    z-index: 2;
    overflow: hidden;
}
@media screen and (max-width:1024px ){
    .banner-suspension {
        position: absolute;
        bottom: 4%;
        left: 2.5rem;
        right: 2.5rem;
        display: flex;
        height: 21.13rem;
        z-index: 2;
        overflow: hidden;
        width: unset;
    }
}
.banner-tab-wrapper {
    padding: 2.5rem;
}
.banner-suspension > .banner-tab-wrapper{
    background: #fff;
}
.banner-tab-wrapper > ul{
    display: flex;
}
.banner-tab-list {
    font-size: 1.5rem;
    color: #999;
    margin-right: 4.5rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.banner-tab-list.active{
    color : #2299EE
}
.banner-tab-list.active::after{
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    content: "";
    z-index:-1;
    border-bottom: .5rem solid #eee;
}
.customInfo .banner-tab-list.active::after{
    content: unset;
}
.banner-tab{
    margin-top: 2.5rem;
    display:none;
}
.banner-tab.active{
    display: block;
}
.banner-tab p{
    margin-top:1.5rem;
}
.banner-tab .date{
    font-size:2.38rem;
    font-weight:600;
    color:rgba(34,153,238,1);
    line-height:1;
}
.banner-custom-img{
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-pagination-bullet{
    opacity: 1;
    background: #ccc;
}
.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.customInfo {
    background-color: #DDF1FF;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.customInfo .banner-tab-wrapper{
    position: relative;
    z-index: 1;
}
/* banner  end */

/* 服务大项  start*/
.servicesList {
    /* height: 20.75rem; */
}
.service-item {
    margin-top: 40px;
}
.service-item:nth-of-type(6n+1) > div{
    background-color : #2299EE;
}
.service-item:nth-of-type(6n+2) > div{
    background-color : #FF9843;
}
.service-item:nth-of-type(6n+3) > div{
    background-color : #58C012;
}
.service-item:nth-of-type(6n+4) > div{
    background-color : #FF5B5A;
}
.service-item:nth-of-type(6n+5) > div{
    background-color : #02C5DD;
}
.service-item:nth-of-type(6n) > div{
    background-color : #FCBD14;
}
.service-item  > div {
    width: 100%;
    height: 12.5rem;
    display: flex;
    align-items: center;
}

.service-img {
    width: 3.5rem;
    height: 3.5rem;
    margin-left: 1.5rem;
}

.service-text {
    margin-left: 1.5rem;
    color: #fff;
    margin-right: 1.5rem;
}

.service-text p:first-child {
    font-size: 1.75rem;
    font-weight: 600;
}

.service-text p:last-child {
    font-size: 0.88rem;
    font-weight: 200;
    margin-top: 1.5rem;
}

#servicePagination {
    position: inherit;
    margin: 2.5rem 0 1.75rem 0;
}

#servicePagination .swiper-pagination-bullet-active,#expertPagination .swiper-pagination-bullet-active {
    background-color: #2299EE;
}

#servicePagination > span {
    width: 2.5rem !important;
    height: 0.25rem !important;
    background-color: #ccc;
    border-radius: 0;
    margin: 0 0.75rem;
}

#expertPagination > span {
    width: 1.5rem !important;
    height: 0.25rem !important;
    background-color: #ccc;
    border-radius: 0;
    margin: 0 0.5rem;
}

/* 活动和专家 */
.infos {
    background-color: #FAFAFA;
    width: 100%;
    padding-bottom: 2.5rem;
}

.activity {
}

.expert {
}

.custom-title {
    margin: 0 0 1.5rem 0;
    font-size : 1.75rem;
    display: flex;
    justify-content: space-between;
    color: #2299EE;
}

.custom-title img {
    width: 1.5rem;
    height: 1.5rem;
}
.campus > li{
    height: 19.75rem;
}
.activity-info {
    box-sizing: border-box;
    height: 100%;
    padding: 2.5rem;
    background-color: #fff;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
/* .banner-tab .date, */
.activity-info .date,
.expert-info .date {
    color: #ccc;
    font-size: 2.38rem;
    font-weight: 400;
}
.activity-info .title,
.expert-info .title,
.banner-tab .title {
    color: #333;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.expert-info .title{
    margin-top: 1.38rem;
}
.activity-info .descripte,
.expert-info  .descripte,
.banner-tab .descripte {
    color: #999;
    font-size: 0.88rem;
    line-height: 2.44rem;
    height: 5.25rem;
    letter-spacing: 2.63px;
    margin-top: 1.5rem;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.activity-info .descripte{
    -webkit-line-clamp: 3;
    height: unset;
    line-height: 2rem;
}
.expert-info .descripte{
    height: unset;
}
.banner-tab .descripte{
    height: 4.88rem;
}
/* .activity-info .descripte::after,
.expert-info  .descripte::after {
	display: block;
	content: '...';
	position: absolute;
	bottom:0;
	right:0;
	color: #999;
	font-size: 1.17rem;
	line-height: 3.3rem;
	letter-spacing: 0.125rem;
} */
.activity-info:hover {
    background-color: #2299EE;
}

.activity-info:hover p,
.activity-info:hover .descripte {
    color: #fff;
}
.activity-info .descripte p:only-of-type,
.exper-des .descripte p:only-of-type{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.expert-list-wrapper{
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
.expert-list {
    background-color: #fff;
}

.expert-img,
.expert-img img{
    width: 100%;
    height: 19.75rem;
    object-fit: cover;
    background-repeat:no-repeat;
    background-size:100% 100%;
    overflow: hidden;
}
.exper-des{
    height: calc(19.75rem - 24px);
    box-sizing: border-box;
    overflow: hidden;
}
.expert-info{
    cursor: pointer;
}
.expert-info:hover img{
}
.expert-info:hover .date{
}
.expert-info > div:last-child {
    padding: 2.5rem;
}

.expert-info > div > p:nth-child(1) {
    font-size: 2.38rem;
    color:#333;
    font-weight: 500;
}
.qylogo {
    height:7.5rem;
    border-radius:2px;
    border: 0.06rem solid rgba(242,242,242,1);
}
.servidegovlogo{
    border:none;
    background-color:white;
}
.qylogo:hover{
    border-color: transparent;
    box-shadow:0rem 0.5rem 1.5rem 0rem rgba(140,153,191,0.2);
}
.qylogo img {
    width: 100%;
    height:86%;
    object-fit: contain;
    margin-top: 0.45rem;
}

.cusbottom {
    background-color: #072133;
    margin-top: 2.5rem;
    padding: 2.5rem 0;
}
.footer-index{
    background-color: #072133;
    margin-top: 2.5rem;
    padding: 2.5rem 0;
    margin-bottom: 0;
}
.infos.custom-center.cusbottom{
    margin-bottom: 0;
    margin-top: 0;
}
.abouts {
    color: #fff;
}

.abouts > p:first-child {
    font-weight: bold;
}

.abouts .links {
    color: #fff;
    margin-top: 24px;
    line-height: 1.8;
}

.abouts .links p {
    margin-top: 1rem;
}

.abouts .contact {
    margin-top: 1.5rem;
    display: flex;
}

/* 二维码 */
.contact .qrcode {
    width: 116px;
    height: 114px;
    border: 1px solid #fff;
}

.contact .qrcode img {
    width: 100%;
    height: 100%;
}

.contact-info {
    margin-left: 1.5rem;
}

.contact-info > div {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.contact-info > div > img{
    width: 1rem;
    height: 1rem;
}
.contact-info > div > p {
    margin-left:8px;
}
.copyright {
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    margin: 0;
}
.footer{
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #072133;
    padding: 2.5rem 0;
}
.footer-conten{
    display: flex;
    justify-content: space-between;
}
.footer-online{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 4.5rem;
    background:rgba(34,153,238,1);
    border-radius:2px;
    color:#fff;
}
.footer-online img{
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
    margin-right: 1rem;
}

/** server.html*/
.personal{
    color: #fff;
    font-size: 1rem;
}
.whiteNavigation .personal{
    color:#444;
}
.personal span{
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
}
.personal span.layui-icon{
    position: relative;
    margin: 0;
}
.personal.news span.layui-icon::after{
    content: "";
    position: absolute;
    top:0;
    right: -0.19rem;
    width:0.38rem;
    height:0.38rem;
    border-radius: 50%;
    background-color: #FF5B5A;
}
.personal span i{
    margin-left: 1.31rem;
    font-style: normal;
    margin-right: 1rem;
    font-size: 0.63rem;
    color: #98A2B3;
}
.whiteNavigation .personal span i{
    color: #C2C2C2;
}
.personal img{
    width: 24px;
    height: 24px;
}
.personal.news{
    position: relative;
}
/*.personal.news::before{
    content: " ";
    display: block;
    position: absolute;
    top:0;
    left:12px;
    width:8px;
    height: 8px;
    border-radius: 50%;
    background:red;
}*/
.server-list-position{
    position: absolute;
    top:27.25rem;
    height: 28.75rem;
    z-index: 1;
    display: flex;
    background: #fff;
    border-radius:2px;
    overflow: hidden;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
.server-list-position li{
    text-align: center;
    padding: 40px 0;
}
.server-list-position li img{
    width: 12.5rem;
    height: 12.5rem;
    margin-bottom:1rem;
}
.server-list-position li .list-num{
    margin-right:8px;
}
.server-list-static-wrapper{
    width:100%;
    background-color:#fafafa;
    padding-top:14.75rem;
    padding-bottom: 1rem;
}
.server-list-static{
    margin:0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.server-list-static li{
    height: 22.5rem;
    padding-right:1.5rem;
}
.server-list-static li:nth-of-type(4),
.server-list-static li:nth-of-type(8){
    padding-right:0;
}
.server-list-static .inner{
    display: block;
    box-sizing: border-box;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #fff;
    text-align: center;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
.server-list-static .inner img{
    width: 11.25rem;
    height:11.25rem;
    object-fit: cover;
}
.server-list-static .inner .title{
    margin-top:3.25rem;
    position: relative;
    line-height: 1;
    transition: transform .2s;
}
.server-list-static li:hover .inner{
    background-color: #2299EE;
}
.server-list-static li:hover .title{
    color:#fff !important;
    transform: translateY(-30px)
}
.server-list-static li .title::before{
    content: " ";
    position: absolute;
    width: 2em;
    left: calc(50% - 1em);
    top: calc(50% - 1.5em );;
    border-top: 4px solid rgba(242,242,242,1);
    border-radius:2px;
}
.server-list-static li:hover .title::before{
    border-color: #fff !important;
    top: calc(50% + 1.5em );
    transition: top .2s;

}
.server-list-static li:hover .inner img{
    transform: translateY(10px);
    transition: transform .2s;
}
/** 切换园区 Modal*/
.park-modal-header{
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.park-modal-header .modal-title{
    margin: 0;
    line-height:38px;
    font-size: 18px;
}
.park-modal-header .form-control{
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.park-modal-body{
    height: 250px;
    overflow-y: scroll;
}
.park-modal-body li{
    line-height: 40px;
    cursor: pointer;
    margin-left:15px;
    padding-right: 15px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.27);
    display: flex;
    justify-content: space-between;
}
.park-modal-body li:hover{
    background-color: #ccc;
}
.park-modal-footer{
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

/* servicePlatform  start */
.service-banner{
    box-sizing: border-box;
    width: 100%;
    padding-top: calc(5.5rem + 40px );
    background-color:#072133;
    line-height: 4.75rem;
    font-size:1.75rem;
    color:#fff;
}
.service-banner p{
    padding-left:40px;
    background-color: #2299EE;
}
.service-con{
    display: flex;
    width: 100%;
    background-color: #FAFAFA;
}
.pla-con-top::after,
.pla-con-center::after,
.pla-con-footer::after{
    display:block;
    content: " ";
    clear: both;
}
.pla-nav{
    width: 13.5rem;
    background-color: #f2f2f2;
    padding-top:24px;
}
.pla-nav-list{
    position: relative;
}
.pla-nav-list > a{
    display: block;
    border-left:4px solid transparent;
    line-height:3.25rem;
    padding-left:2.5rem;
    color:#666;
    font-size:1.25rem;
}
.pla-nav-list .pla-nav-list > a{
    padding-left:1em;
}
.pla-nav-list .icon,
.parks-header-list .icon{
    display: inline-block;
    margin-left: 8px;
    transform: rotate(45deg);
}
.parks-header-list .icon{
    font-size: 1rem;
}
.pla-nav-list .icon.layui-icon-right,
.parks-header-list .icon.layui-icon-right{
    transform: rotate(0deg);
}
.pla-nav-list.active > a,
.pla-nav-list:hover > a{
    border-color:#2299EE;
    color: #2299EE;
    font-weight: 500;
    background-color: #fff;
}
.parks-header-list:hover > a{
    border-color:#2299EE;
    color: #2299EE;
    font-weight: 500;
}
.pla-nav-list.active > a > .icon,
.parks-header-list:hover .icon{
    transform: rotate(90deg);
    transition: all 0.4s ease 0s;
}
.pla-nav-list.active > a > .icon.layui-icon-close::before,
.parks-header-list:hover .icon.layui-icon-close::before{
    content: "\e602";
}
.pla-nav-list > ul{
    display: none;
    padding-left:36px;
}
.pla-nav-list.active > ul{
    display: block;
}
.pla-nav-list .pla-nav-list.active > a,
.pla-nav-list .pla-nav-list:hover > a{
    border-color: transparent;
    background-color:transparent;
}
.pla-nav-list .pla-nav-list:hover > ul{
    display: block;
    position: absolute;
    left:100%;
    top:0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
}
.pla-con{
    width:calc(100% - 13.5rem);
    padding:2.5rem 2.5rem 2.5rem 2.5rem;
    box-sizing: border-box;
}
.pla-con-workbench-h{
    padding-right:3.5rem;
}
.resources .meet-center .pla-con{
    margin: 0 auto;
}
/*introuductionln start*/
.pla-con .introuductionln{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: #fff;
    padding: 2.5rem 1.5rem 3.75rem 1.5rem;
}
.introuductionln .layui-form-item{
    width: 50%;
}
.introuductionln .layui-input{
    line-height: calc(2rem - 2px);
}
.introuductionln .pla-tab-inner{
    width: 100%;
    height: unset;
}
.pla-import{
    height: 9.5rem;
    padding:1.5rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
}

.pla-import .header,
.senator .header,
.pla-con-bill .header,
.pla-con-files .header,
.pla-charts .header{
    margin-bottom:1.5rem;
    font-size:1.5rem;
    color:#2299EE;
    line-height: 1;
}
.pla-con-bill .header .more{
    font-style: normal;
    float: right;
}
.pla-con-import{
    padding-right: 1.5rem;
    box-sizing: border-box;
}
.pla-con-service.pla-con-import{
    padding-right: 0;
}
.pla-import-list{
    font-size:1rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.pla-import-list .icon{
    float: left;
    width: 1rem;
    height:1rem;
    margin-right:0.5rem;
    background-image: url(../images/services/slices.png);
}
.senator{
    height: 14.5rem;
    box-sizing: border-box;
    margin-top:1.5rem;
    padding:1.5rem;
    background-color: #fff;
    border-radius: 2px;
}
.senator-service-workbench.senator{
    margin-top: 0;
    padding: 2.5rem;
    height: unset;
}
.senator ul{
    display: flex;
}
.senator-list{
    height: 8.63rem;
    box-sizing: border-box;
    padding:1.19rem 1rem;
    background-color: #F3FAFF;
    flex:1;
    margin-right:1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
    cursor: pointer;
}
.senator-service-workbench .senator-list{
    height: 12.63rem;
    margin-right:2.5rem;
    justify-content: center;
}
.senator-list.active,
.senator-list:hover{
    background-color: #D1EBFE;
}
.senator-list:last-child{
    margin-right: 0;
}
.senator-list img{
    width: 6.25rem;
    height: 6.25rem;
}
@media screen and (max-width: 1440px){
    .senator-list img{
        width: 5rem;
        height: 5rem;
    }
    .senator-list p i:first-child{
        font-size: 3rem;
    }
    .senator-list .des{
        font-size: 1.2rem;
    }
}
.senator-service-workbench .senator-list img{
    width: 11.56rem;
    height: 11.56rem;
    margin-right: 5rem;
    cursor: pointer;
}
.senator-list p{
    flex: 1;
    text-align: center;
}
.senator-list p{
    flex: unset;
}
.senator-list p i:first-child{
    margin-right: 0.75rem;
}
.senator-list .des{
    display: block;
    font-weight: bold;
}
.senator-list .des{
    margin-top: 1.5rem;
}
.pla-con-bill {
    padding-right: 1.5rem;
    box-sizing: border-box;
}
.pla-con-bill-inner{
    height: 25.5rem;
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 2px;
    box-sizing: border-box;
}
.bill-total{
    background-color: #FFF8F2;
    height: 9.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bill-num{
    font-weight: 600;
    margin-bottom: 1rem;
}
.bill-title{
    font-size: 1.38rem;
}
.bill-title i{
    font-size: 1rem;
    font-style: normal;
    margin-left: 0.25rem;
}
.bill-list{
    display: flex;
    justify-content: space-between;
    line-height: 1;
    margin-top:2rem;
}
.pla-con-files{
    height: 25.5rem;
    padding:1.5rem;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
}
.con-right-detail .pla-con-files{
    height: unset;
    margin-bottom: 1.5rem;
}
.files-list > a{
    display: flex;
    align-items: center;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.files-list:last-child > a{
    margin-bottom: 0;
}
.files-list .icon{
    width:1.5rem;
    height: 1.5rem;
    margin-right: 8px;
    font-size: 1.5rem;
    line-height: 1;
}
.files-list .title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
.pla-con-tab{
    padding-right: 1.5rem;
    overflow: hidden;
    border-radius: 2px;
}
.pla-con-center{
    position: relative;
    margin-top: 1.5rem;
    padding: 2.5rem 2.5rem 0;
    background: #fff;
}
.pla-con-center-service.pla-con-center{
    padding: 2.5rem;
    background-color: #fff;
}
.pla-tab-inner{
    height: 26.5rem;
    box-sizing: border-box;
    background-color: #fff;
    padding: 1.5rem;
    position: relative;
}
.pla-tab-list{
}
.pla-tab-list-warpper{
   padding:0 0 2.5rem
}
.pla-tab-list-warpper .swiper-slide{
    width: auto;
}
.pla-tab-inner .pla-tab-list-btn{
    display: none;
    height: 2rem;
    top: 1.5rem;
    margin: 0;
}
.pla-tab-list-warpper.show{
    padding:0 2.5rem 2.5rem
}
.pla-tab-list-btn:focus{
    outline: none;
}
.pla-tab-inner.show .pla-tab-list-btn{
    display: block;
}
.pla-con-center.pla-tab-inner.show .pla-tab-list-warpper{
    padding:0 2.5rem
}
.pla-tab-inner .pla-tab-list-btn.swiper-button-prev{
    left: 0;
}
.pla-con-center.pla-tab-inner.show .pla-tab-list-btn.swiper-button-prev{
    left:2rem;
    top: 2rem;
}
.pla-tab-inner .pla-tab-list-btn.swiper-button-next{
    right: -1.5em;
}
.pla-con-center.pla-tab-inner.show .pla-tab-list-btn.swiper-button-next{
    right:2rem;
    top: 2rem;
}
.pla-tab-inner .pla-tab-list-btn:after{
    font-size:1rem;
}
.pla-tab-list li{
    margin: 0 2rem 0 0;
    line-height: 2rem;
    /* border-bottom:8px solid transparent */
}
.pla-tab-list .active{
    color:#2299EE;
    font-size: 1.5rem;
    position: relative;
    z-index:1;
}
.pla-tab-list .active::before{
    position:absolute;
    content: " ";
    width: 100%;
    bottom:.4rem;
    border-bottom:.5rem solid #eee;
    z-index:-1;
}
.pla-tab-page{
    display: none;
}
.pla-tab-page.active{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.introuductionln .pla-tab-page{
    margin-left: 0;
}
.introuductionln .pla-tab-page textarea{
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0.75rem;
    margin-bottom: 2.5rem;
    resize: none;
}
.pla-tab-page li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.25rem;
    /* width: 7.72rem; */
    margin-left: 1rem;
    position: relative;
}
.introuductionln .pla-tab-page li{
    margin:0;
}
.pla-tab-page li i.texthide{
    display: block;
    width: 7em;
    text-align: center;
}
.pla-tab-page li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.25rem;
    /* width: 7.72rem; */
    margin-left: calc(1rem + 1em);
    position:relative;
}
.introuductionln .pla-tab-page li{
    margin:0;
}
.pla-tab-page li:nth-of-type(7n+1){
    margin-left:0;
}
.pla-tab-page li i.pop{
    display: none;
    position:absolute;
    white-space: nowrap;
    bottom:2em;
    left:40%;
    line-height:2.5rem;
    padding:0 0.5em;
    background:rgba(255,255,255,1);
    z-index: 1;
    box-shadow:0rem 0.13rem 0.56rem 0rem rgba(208,201,201,0.5);
}
.pla-tab-page li i.pop:after{
    position:absolute;
    content:"";
    width:1em;
    height:1em;
    background-color:#fff;
    box-shadow:0rem 0.13rem 0.56rem 0rem rgba(208,201,201,0.5);
    border-top:none;
    border-left:none;
    z-index:0;
    left:1em;
    bottom:-0.5em;
    transform:rotate(45deg);
}
.pla-tab-page li i.pop span{
    display:block;
    position: relative;
    background: #fff;
    z-index:1;
}
.pla-tab-page li i.texthide:hover+i.pop{
    display:block;
}
/* @media screen and (min-width: 1440px){
	.pla-tab-page li{
		margin: 0 0 2rem 3.25rem;
	}
}
@media screen and (min-width: 1680px){
	.pla-tab-page li{
		margin:0 0 2rem 3.25rem;
	}
}
@media screen and (min-width: 1920px){
	.pla-tab-page li{
		margin:0 0 2rem 4rem;
	}
}
.pla-tab-page li:nth-of-type(8n+1){
	margin-left:0;
}
*/


.pla-tab-page .icon{
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 1rem;
    background-image: url(../images/services/icon.png);
    background-size: cover;
}
.pla-charts{
    background-color: #fff;
    height: 26.5rem;
    box-sizing: border-box;
    padding: 1.5rem;
    border-radius: 2px;
}
.pla-con-footer{
    margin-top: 1.5rem;
}
.pla-con-fwarpper{
    padding-right:1.5rem ;
    box-sizing: border-box;
}
.pla-echarts{
    width: 100%;
    height: calc(100% - 2*1.5rem);
}
/**parks start*/
.parks .banner .swiper-container{
    min-height: unset;
    height: 21.88rem;
}
.parks .banner .banner-inner-list{
    min-height: unset;
    height: 24.88rem;
}
.resources .banner .swiper-container{
    min-height: unset;
    height: 24.88rem;
}
.resources .banner .banner-inner-list{
    min-height: unset;
    height: 24.88rem;
}
.parks-center{
    width: 100%;
    padding-bottom: 2.5rem;
}
.service-base .parks-center{
    background-color: #fafafa;
}
.parks-header{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
}
.parks-header .wrapper-body{
    display: flex;
    justify-content: space-between;
}
.parks-header-nav {
    display: flex;
    align-items: center;
}
.swiper-container .parks-header-nav {
    width: 54rem;
}
.parks-header-list{
    position: relative;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1;
    padding:1.06rem 0;
    margin-right:2.25rem;
    border-bottom:0.25rem solid transparent;
    color:#999;
}
.service .parks-header-list{
    padding:0;
    margin: 0;
    box-sizing: border-box;
    border-bottom: none;
}
.service .parks-header-list a{
    display: inline-block;
    box-sizing: border-box;
    padding:1.06rem 0;
    border-bottom:0.25rem solid transparent;
}
.parks-header-list.active{
    font-size:1.13rem;
    color:#2299EE;
    border-bottom-color:#2299EE;
}
.service .parks-header-list.active a{
    border-bottom-color:#2299EE;
}
.parks-header-list > ul{
    display: none;
    position: absolute;
    width: 8rem;
    top:3.48rem;
    box-sizing: border-box;
    padding:0rem 0rem 0;
    left:0;
    background-color: #fff;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
.parks-header-list:hover > ul{
    display: block;
}
.parks-header-list .parks-header-list{
    padding:0 1rem 1rem;
    margin:0;
    font-size: 0.88rem;
    line-height: 1;
}
.parks-header-list .parks-header-list:first-child{
    padding-top: 1rem;
}
.parks-header-list .parks-header-list:last-child{
    margin-bottom: 0;
}
.parks-header-list .parks-header-list.active{
    border-bottom-color:transparent
}

.parks-crumbs{
    display: flex;
    padding:1.06rem 0;
    align-items: center;
}
.pla-con .parks-crumbs{
    padding: 0  0 1.5rem 0;
    width: 100%;
}
.parks-crumbs::before{
    content: " ";
    width: 1rem;
    height: 1rem;
    margin-right: 0.31rem;
    background: url(../images/parks/orientation.png) no-repeat;
}
.pla-con .parks-crumbs::before{
    content: '\5f53\524d\4f4d\7f6e\ff1a';;
    background-image: none;
    width: 5em;
    height: 1.4rem;
    font-size: 0.88rem;
    line-height: 1.4rem;
}
.parks-crumbs-list{
    margin-right:0.5rem;
    font-size:0.88rem;
    line-height: 1;
    display: flex;
}
.parks-crumbs-list:last-child{
    margin-right: 0;
}
.pla-con .parks-crumbs-list{
    line-height: 1.4rem;
}
.parks-crumbs-list::before{
    content: ">";
    margin-right:0.5rem;
}
.parks-crumbs-list:first-child::before{
    content: " ";
}
.parks-article{
    margin:0 auto;
    padding: 3.75rem 0;
    display: flex;
    flex-direction: column;
}
.parks-article-title{
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
}
.parks-article-con img{
    width:100%;
    width:auto;
    /*margin-top: 1rem;*/
}
.parks-article-title .time{
    font-size: 0.88rem;
    text-align: right;
}
.parks-iframe{
    width:100%;
    height: 100%;
    border: none;
    min-height: 200px;
}
.park-exercise-list{
    padding-right: 1.5rem;
    margin-bottom:1.5rem;
    box-sizing: border-box;
}
.park-exercise-list a{
    display: block;
    padding-bottom: 1.13rem;
    border-bottom:4px solid transparent;
    box-sizing: border-box;
    box-shadow:0rem 0.5rem 1.5rem 0rem rgba(140,153,191,0.2);
    border-radius:0.13rem;
}
.park-exercise-list:hover a,
.park-exercise-list.active a{
    border-bottom-color:#2299EE ;
}
.park-exercise-list img{
    width: 100%;
    height: 11.25rem;
    margin-bottom: 1rem;
    object-fit: cover;
}
.park-exercise-list .title{
    padding: 0 1rem;
    margin-bottom: 1rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.63rem;
    height: 3.26rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient:vertical;
}
.park-exercise-list .address,
.park-exercise-list .time{
    display: flex;
    font-size:0.88rem;
    line-height: 1;
    padding:0 1rem;
    margin-bottom: 0.63rem;
}
.park-exercise-list .address span,
.park-exercise-list .time span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.park-exercise-list .address .icon,
.park-exercise-list .time .icon{
    font-size:1rem;
    width: 1rem;
    height: 1rem;
    margin-right: 4px;
    background: no-repeat cover;
    background-size: cover;
}
.park-exercise-list .address .icon{
    background-image: url(../images/parks/orientation-gray.png) ;
}
.park-exercise-list .time .icon{
    background-image: url(../images/parks/times.png) ;
}
.more-button{
    margin: 2.5rem auto;
    width:10rem;
    height:3.5rem;
    border-radius:0.13rem;
    background-color: transparent;
    border:0.06rem solid rgba(204,204,204,1);
    font-size:1.13rem;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:1.13rem;
}
.more-button-workbench.more-button{
    margin-bottom: 0;
}
.more-button:active,
.more-button:hover{
    background:#2299EE;
    border-color:#2299EE ;
    color:#fff;
}
.more-button a{
    display: flex;
    justify-content: center;
}
.more-button .layui-icon{
    display: block;
    margin-left:0.5rem;
    font-size:1.5rem;
    transform: rotate(180deg);
}
.parks-history-con{
    margin-bottom: 2.5rem;
}
.park-history-list::after{
    content: " ";
    display: block;
    clear: both;
}
.park-history-list .history-list-con{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.park-history-list .history-list-con::before{
    position: absolute;
    content: " ";
    border:4px solid #2299EE;
    border-radius: 50%;
    top:2.875rem;
}
.park-history-list:nth-of-type(2n+1) .history-list-con{
    border-right:2px solid #eee;
    padding: 1.75rem 2.5rem 0 0;
}
.park-history-list:nth-of-type(2n+1) .history-list-con::before{
    right: -4px;
}
.park-history-list:nth-of-type(2n) .history-list-con::before{
    left: -4px;
}
.park-history-list:nth-of-type(2n) .history-list-con{
    float: right ;
    border-left:2px solid #eee;
    padding: 1.75rem 0 0 2.5rem;
    margin-right: 2px;
}
.history-list-con .time{
    width: 100%;
    text-align: right;
    font-size:2.25rem;
    font-weight:600;
    line-height:2.25rem;
    margin-bottom: 1rem;
}
.park-history-list:nth-of-type(2n) .history-list-con .time{
    text-align: left;
}
.history-list-con img{
    width:11.5rem;
    height:8.75rem;
    margin-right: 1.5rem;
    border-radius:0.13rem;
}
.park-history-list:nth-of-type(2n) img{
    order: 3;
    margin:0 0 0 1.5rem;
}
.history-list-con .des{
    font-size:1rem;
    font-weight:400;
    line-height:2.13rem;
    letter-spacing:1px;
}
.park-history-list:nth-of-type(2n) .des{
    order: 2;
}
.parks-detail{
    display: flex;
    flex-direction: row;
}
.parks-detail-left{
    flex: 3;
    margin-right: 1.5rem;
}
.parks-activities-inner{
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    width: 18rem;
    /*height: 11.25rem;*/
}
.parks-activities-inner > ul{
    padding: 1rem;
    box-sizing: border-box;
    width: 18rem;
}
.parks-detail-title{
    font-size:1.5rem;
    font-weight:500;
    color:#2299EE;
    line-height:1;
    margin-bottom: 1.5rem;
}

.parks-detail-list{
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    border-radius:0.13rem;
}
.parks-detail-list .detail-list{
    display: flex;
}
.detail-list img{
    width:18rem;
    height:11.25rem;
    margin-right:1.5rem;
    border-radius:0.13rem 0rem 0rem 0.13rem;
}
.detail-list > div{
    flex: 1;
    padding-right:1.5rem;
    position: relative;
}
.detail-list .title{
    font-size:1.25rem;
    font-weight:bold;
    line-height:1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}
.detail-list p{
    font-size:1rem;
    font-weight:400;
    line-height:1;
    margin-bottom:1rem;
}
.detail-list p span{
    margin-left:5px;
}
.detail-list button,
.message-sure{
    width:6.5rem;
    background:#2299EE;
    border-radius:0.13rem;
    font-size:1rem;
    color:#fff;
    line-height:1;
    padding:1.25rem 0.75rem;
    border:none;
    float: right;
}
.detail-list button{
    position: absolute;
    padding:0;
    line-height: 2.5rem;
    right:1.5rem;
    bottom: 2.25rem;
}
.detail-con,
.detail-message{
    margin-top: 2.5rem;
}
.detail-con .des{
    padding:1.5rem;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    border-radius:0.13rem;
    font-size:0.88rem;
    line-height:1.8;
    letter-spacing:1px;
    overflow: hidden;
}
.message-con{
    padding:1.5rem;
}
.message-con::after{
    content: " ";
    display: block;
    clear: both;
}
.message-input{
    display: block;
    width:100%;
    height: 8.13rem;
    margin-bottom: 1.25rem;
    padding:1.5rem;
    box-sizing: border-box;
    border:none;
    background-color: #f2f2f2;
    border-radius: 0.13rem;
    resize:none;
}
.message-sure{
    position: static;
}
.detail-message-all .des{
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    border-radius:0.13rem;
    padding:1.5rem;
}
.message-all-list{
    display: flex;
    margin: 1.5rem;
}
.meet-detail  .message-all-list.empty{
    border:none;
}
.message-all-list > div{
    flex:1
}
.meet-detail .message-all-list > div{
    margin-top: 0.5rem;
}
.message-all-list img{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    margin-right: 1rem;
}
.meet-detail .message-all-list img{
    width: 5rem;
    height: 5rem;
    margin-right: 1.44rem;
}
.message-all-list p:first-child{
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
}
.meet-detail .message-all-list p:first-child{
    font-size:1rem;
    color:rgba(51,51,51,1);
    line-height:1.38rem;
    letter-spacing:1px;
    font-weight: bold;
}
.message-all-list .mes{
    font-size:1rem;
    line-height:1.75rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.parks-activities .parks-detail-title{
    font-size:1.5rem;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:1;
}
.parks-activities img{
    width: 18rem;
    height: 11.25rem;
}
.parks-activities-list{
    display: flex;
    border-radius:0.13rem;
    margin-bottom: 1.19rem;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
}
.parks-activities-list:last-child{
    margin-bottom: 0;
}
.parks-activities-list .icon{
    display: block;
    font-size:0.75rem;
    font-weight:500;
    width:1rem;
    height:1rem;
    color:rgba(255,255,255,1);
    line-height:1rem;
    margin-right: 0.5rem;
    text-align: center;
    border-radius:0.13rem;
    background-color: #ccc;
}
.parks-activities-list:first-child .icon{
    background:rgba(255,91,90,1);
}
.parks-activities-list:nth-of-type(2) .icon{
    background:rgba(255,91,90,1);
}
.parks-activities-list:nth-of-type(3) .icon{
    background:#2299EE;
}
.parks-activities-list span:last-child{
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* parks end */
/* news start */
.news-article-list{
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
.news-article-list a{
    display: flex;
}
.news-list-left{
    width:11.5rem;
    height:11.5rem;
    background-color: #F2F2F2;
    box-sizing: border-box;
    padding: 1.5rem;
    margin-right: 1.5rem;
}
.news-list-left span{
    display: block;
    font-size:1.5rem;
    font-weight:400;
    color:#999999;
    line-height:1;
    margin-bottom:0.5rem
}
.news-list-left .date{
    font-size:4.25rem;
    font-weight:600;
    color:#2299EE;
    line-height:1;
    margin-bottom: 1.38rem;
}
.new-list-right{
    /*flex: 1;*/
    width:calc(100% - 13rem);
}
.new-list-right div{
    margin-bottom:1rem;
}
.new-list-right .title{
    font-size: 1.5rem;
    font-weight:bold;
    color:#333;
    line-height: 2.5rem;
    letter-spacing:1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-list-right .info{
    font-size:1rem;
    font-weight:400;
    color:#ccc;
    line-height:1rem;
    letter-spacing:1px;
}
.new-list-right .des{
    font-size:1rem;
    color:#999999;
    line-height:2.13rem;
    letter-spacing:1px;
    overflow: hidden;
    height: 6.19rem;
    word-break: break-word;
}
.new-list-right .des *{
    word-break: break-word;
}

/* news end */
/* service menu start */
.more-menu-list{
    margin-bottom: 3.75rem;
}
.more-menu-list:last-child{
    margin-bottom: 0;
}

.banner-text-con {
    margin: 0 auto;
    padding-top: 10.31rem;
    color: #fff;
    font-size: 1.25rem;
    line-height: 2;
}
.banner-text-con p:first-child{
    font-size:3rem;
    line-height: 1;
    font-weight:600;
    margin-bottom: 1.5rem;
}
/* service menu end */
/*  */
.resources .banner .banner-text-con{
    padding-top: 12rem;
}
.resoureces-center{
    width: 100%;
}
.park-resoureces-warpper-g{
    width: 100%;
}
.park-resoureces-warpper-g:first-child{
    background:#fff;
}
.park-resoureces-warpper{
    display: flex;
    margin:0 auto;
    flex-wrap: wrap;
}
.park-res-list{
    flex: 1;
    height: 12.5rem;
    color:#585858;
    cursor: pointer;
}
.park-res-list > a{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 19rem;
}
.park-res-list .icon{
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    background-repeat: no-repeat;
    margin-bottom: 0.88rem;
    background-size: cover;
}
.park-res-list:first-child .icon{
    background-image: url(../images/resources/4.png);
}
.park-res-list:nth-of-type(2) .icon{
    background-image: url(../images/resources/6.png);
}
.park-res-list:last-child .icon{
    background-image: url(../images/resources/8.png);
}
.park-res-list:hover{
    background-color: #F2F6FE;
    color: #2299EE;
}
.park-res-list:hover:first-child .icon{
    background-image: url(../images/resources/5.png);
}
.park-res-list:hover:nth-of-type(2) .icon{
    background-image: url(../images/resources/7.png);
}
.park-res-list:hover:last-child .icon{
    background-image: url(../images/resources/9.png);
}
.park-res-list .title{
    font-size:1.5rem;
    line-height:2.31rem;
}
.park-resoureces-con{
    margin: 0 auto;
    padding:2.5rem 0;
    display: flex;
}
.park-resoureces-warpper-g .park-resoureces-con{
    box-sizing: border-box;
}
.park-res-left{
    margin-right: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 15.38rem;
    height:28.13rem;
    background: url(../images/resources/10.png) no-repeat;
    background-size: cover;
    color:#fff;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
.park-res-left.enterprise-res{
    height: 31.69rem;
}
.park-resoureces-con:nth-of-type(2) .park-res-left{
    background-image: url(../images/resources/3.png);
}
.park-resoureces-con:nth-of-type(3) .park-res-left{
    background-image: url(../images/resources/14.png);
}
.park-res-left span:first-child{
    margin-bottom: 1.5rem;
}
.park-res-left a:last-child{
    margin-top:0.5rem;
}
.park-res-right{
    width: calc(100% - 17rem);
}
.park-res-right.swiper-container{
    overflow: unset;
}
.park-res-right > ul{
    display: flex;
}
.park-res-con-list{
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    cursor: pointer;
    border:4px solid transparent
}
.park-res-con-list:hover{
    border-color: #2299EE;
}
.park-resoureces-con .park-res-con-list{
    height: calc(28.13rem - 8px);
    width: calc(33.3% - 1rem - 8px);
    margin-right: 1.5rem;
}
.park-resoureces-con .park-res-con-list:last-child{
    margin-right:0;
}
.enterprise-res .park-res-con-list {
    height: calc( 31.69rem - 8px);
}
.park-res-con-list img{
    width: 100%;
    height: 14.25rem;
    object-fit: cover;
    margin-bottom: 2.13rem;
}
.enterprise-res .park-res-con-list img{
    margin-bottom: 1.06rem;
}
.park-res-con-list p{
    padding: 0 1.5rem;
}
.park-res-con-list p:nth-of-type(1){
    margin-bottom: 0.75rem;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.enterprise-res .park-res-con-list p:nth-of-type(1){
    height: 3rem;
}
.park-res-con-list p:nth-of-type(1) span:first-child{
    overflow: hidden;
    margin-right: 1rem;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.enterprise-res .park-res-con-list p:nth-of-type(1) span:first-child{
    width: unset;
    margin-right: unset;
    vertical-align: middle;
}
.park-res-con-list .info,
.meet-detail .info-address,
.meet-detail .info-time,
.enterprise-detail .info-message{
    margin-bottom: 0.5rem;
    font-size: 0.88rem;
    display: flex;
    align-items: center;
}
.park-resoureces-con .park-res-con-list .info:nth-of-type(2){
    height: 1rem;
}
.park-resoureces-con .park-res-con-list .info:nth-of-type(2) span{
    /*园区资源的地址被遮挡，所以去掉高度*/
    /*height: 1rem;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.park-resoureces-con .park-res-con-list .info:nth-of-type(3){
    margin-bottom: 1rem;
}
.park-res-con-list .info .icon,
.meet-detail .info-address .icon,
.meet-detail .info-time .icon,
.enterprise-detail .info-message .icon{
    display: block;
    margin-right: 0.38rem;
    width: 0.88rem;
    height:0.88rem ;
    background: url(../images/resources/11.png) no-repeat center;
    background-size: cover;
}
.meet-detail .info-address .icon,
.meet-detail .info-time .icon{
    margin-right: 0.8rem;
}
.park-res-con-list .info:nth-of-type(3){
    align-items:flex-start;
    line-height: 1.5rem;
    height: 3rem;
}
.enterprise-res .park-res-con-list .info:nth-of-type(3){
    height: 1.5rem;
    margin-bottom: 1rem;
}
.enterprise-detail .info-message{
    margin-bottom: 3.5rem;

}

.park-res-con-list .info:nth-of-type(3) .icon{
    margin-top: 0.3rem;
}
.park-res-con-list .info:nth-of-type(3) .icon,
.meet-detail .info-time .icon{
    background-image: url(../images/resources/12.png);
}
.enterprise-detail .info-message .icon{
    margin-right: 0.5rem;
    background-image: url(../images/resources/13.png);
}
.park-res-con-list .btn{
    display: block;
    width: 100%;
    line-height: calc(3.75rem - 7px );
    text-align: center;
    background-color: unset;
    border: none;
    color:#2299EE;
    border-top:1px solid #efefef;
    font-size: 1.25rem;
}
.park-res-con-list .btn:hover{
    background-color: #2299EE;
    border-top-color:#2299EE ;
    color:#fff;
}
.park-swiper-arrow{
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}
.park-swiper-arrow::after{
    font-size: 1rem;
    line-height: 2.25rem;
    color:#fff;
}
.enterprise-res .park-res-con-list .info:nth-of-type(2){
    line-height: 1.5rem;
    height: 6rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.enterprise-res .park-res-con-list .info .icon{
    background-image: url(../images/resources/13.png);
}
.disbe-other{
    margin-top:-3px;
    display: inline-block;
    padding: 0 0.5rem;
    border-radius: 0.6rem;
    color: #fff;
    margin-left: 0.5rem;
    font-size: 0.88rem;
}
.disbe-other.red{
    background-color: #FF9483;
}
.disbe-other.theme{
    background-color: #2299EE;
}
.bgary{
    background-color: #FAFAFA;
}
.enter-title{
    margin: 3.31rem auto 0;
    font-size:2rem;
    font-weight:600;
    color:rgba(39,39,39,1);
    line-height:2.81rem;
    display: flex;
    justify-content: space-between;
}
.meet-detail-center .enter-title{
    margin: 3.31rem auto 2.5rem;
}
.enter-title.enter-title-par{
    padding-top: 3.5rem;
}
.enter-title .meet-detail-btn{
    margin: 0;
    box-sizing: border-box;
    font-size: 1rem;
    width: 6.63rem;
    line-height:2.38rem ;
    padding: 0;
    border-radius: 2px;
}
.enter-query{
    margin: 0 auto;
    background-color: #fff;
    padding: 2.5rem;
    box-sizing: border-box;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
}
.meet-center .enter-query{
    padding: 1.5rem 0;
    background-color: transparent;
    box-shadow:none;
    padding-bottom: 0;
}
.resoureces-center .enter-query{
    margin-top:2.5rem;
}
.enter-query-type,
.enter-query-type > ul{
    display: flex;
}
.enter-query-type > ul{
    flex-wrap: wrap;
    flex: 1;
}
.enter-query-type{
    margin-bottom:0.5rem
}
.enter-query-type > p{
    font-size:1rem;
    font-weight:600;
    color:rgba(102,102,102,1);
    line-height:2.63rem;
    margin-right: 2.5rem;
}
.query-list{
    width:6.38rem;
    height:2.51rem;
    box-sizing: border-box;
    border-radius:0.13rem;
    border:0.06rem solid rgba(227,227,227,1);
    font-size:1rem;
    line-height:2.51rem;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 1.5rem 1rem 0;
    cursor: pointer;
}
.service-base-con .query-list{
    font-weight: unset;
    font-size:0.88rem
}
.meet-center .query-list{
    background-color: #fff;
}
.meet-center .meet-query-list{
    margin-right: 0;
    width: 5.56rem;
}
.query-list:hover,
.query-list.active{
    background-color: #2299EE;
    border-color: #2299EE;
     font-weight: 600;
    color: #fff;
}
.query-list:hover .query-time-img,
.query-list.active .query-time-img{
    color: #fff;
}
.query-time,
.query-time .query-list{margin-bottom: 0;}
.enter-query-list{
    margin: 2.5rem auto 0;
}
.query-time-img{
    width: 100%;
    height: 100%;
    color:#999;
}
.enter-query-list::after{
    display: block;
    content: " ";
    clear: both;
}
.enter-query-list .park-res-con-list{
    margin-bottom: 2.5rem;
    width: calc(33.3% - 1rem - 8px);
    float: left;
    cursor: pointer;
}
.enter-query-list .park-res-con-list:nth-child(3n+2){
    margin:0 1.5rem
}
.enter-query-list .park-res-con-list:nth-last-of-type(1),
.enter-query-list .park-res-con-list:nth-last-of-type(2),
.enter-query-list .park-res-con-list:nth-last-of-type(3){
    margin-bottom: 0;
}
.enter-pagination{
    margin: 5rem auto;
    text-align: center;
}
.enter-pagination .layui-laypage a,
.enter-pagination .layui-laypage span{
    width: 3.75rem;
    height: 3.75rem;
    border-radius:0.13rem;
    border:0.06rem solid rgba(204,204,204,1);
    line-height: 3.75rem;
    text-align: center;
    margin-right: 0.75rem;
    font-size:1rem;
    color:#666;
    box-sizing: border-box;
}
.enter-pagination .layui-laypage .layui-laypage-prev,
.enter-pagination .layui-laypage .layui-laypage-next{
    box-sizing: unset;
}
.res-date-list{
    display: flex;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    margin-top: 2.5rem;
}
.res-date-list:first-child{
    margin-top: 0;
}
.meet-detail .res-date-list{
    box-shadow: none;
}
.res-date-list-left{
    width: 25rem;
    padding-bottom: 2rem;
}
.meet-detail .res-date-list-left{
    width: 22.13rem;
    /*padding-bottom: 0;*/
}
.res-date-list-left img{
    width: 100%;
    height: 19rem;
    object-fit: cover;
}
.meet-detail .res-date-list-left img{
    height: 16.25rem;
}
.res-date-list-p1{
    display: flex;
    padding: 1.5rem 1.5rem 1rem;
    justify-content: space-between;
    font-size:1.25rem;
    font-weight:500;
    color:#333;
    line-height:1.5rem;
}
.res-date-list-p2{
    padding: 0 1.5rem 0.5rem;
    display: flex;
    align-items: center;
}
.res-date-list-p2 .icon{
    width: 0.88rem;
    height: 0.88rem;
    display: block;
    background: url(../images/resources/11.png) no-repeat;
    margin-right: 0.38rem;
}
.res-date-list-p3{
    display: flex;
    padding: 0 1.5rem;
}
.res-date-list-p3 .icon{
    margin-top: 3px;
    width: 1em;
    height: 1em;
    display: block;
    background: url(../images/resources/12.png) no-repeat;
    margin-right: 0.38rem;
    background-position: center;
}
.res-date-list-p3 span:last-child{
    display: block;
}
.res-date-list-right{
    flex: 1;
    background-color: #fff;
    padding:0 1.5rem ;
}
.meet-detail .res-date-list-right{
    flex: unset;
    width: calc(100% - 22.13rem);
    box-sizing: border-box;
    padding:0 1rem  0 3.5rem;
}
.meet-detail .res-date-list .res-date-list-right{
    width: 100%;
    padding: 0;
}
.res-date-list-tips{
    display: flex;
    height: 4.94rem;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 1.44rem;
}
.res-date-list-tips-li{
    display: flex;
    align-items: center;
    margin-right: 3.75rem;
}
.res-date-list-tips-li span{
    width:2rem;
    height: 2rem;
    margin-right: 0.75rem;
    border: 1px solid transparent;
}
.res-date-list-time{
    padding-bottom: 3.56rem;
    border-bottom: 1px solid #EEEEEE;
    margin-left: -1rem;
    min-height: 11.5rem;
}
.meet-detail .res-date-list-time{
    border:none;
    min-height: 0;
    padding-bottom: 1.5rem;
}
.meet-detail .meet-detail-btn{
    margin: 0 auto 1rem;
}
.res-date-list-time::after{
    display: block;
    content: " ";
    clear: both;
}
.res-date-list-time-li{
    float: left;
    margin:0 0 1rem 1.125rem;
    padding:0.5rem 1rem;
    text-align: center;
    box-sizing: border-box;
    font-size:0.88rem;
    font-weight:400;
    color:#999;
    border-radius: 2px;
    width: calc(7.25rem - 2px);
    border:1px solid transparent;
    cursor: default;
}
.overdue{
    background-color: #EEE;
}
.free{
    background-color: #fff;
    border-color:#e3e3e3;
}
.res-date-list-tips-li span.free{
    border-color:#e3e3e3;
}
.reserve{
    background-color: #82CBFF;
    color:#C0E2FA;
}
.selsect{
    background-color: #2299EE;
    border-color: #2299EE;
    color:#fff;
}
/* .res-date-btn{
	display: block;
	margin: 1.5rem auto;
	background-color: transparent;
	padding:0.75rem 3.13rem;
	border:1px solid #ccc;
	box-shadow: none;
} */
.meet-detail-btn,
.res-date-btn{
    display: block;
    margin: 1.5rem auto;
    padding: 0.75rem 3.13rem;
    color:#fff;
    background-color: #2299EE;
    cursor: pointer;
}
.meet-detail-btn:hover,
.res-date-btn:hover,
.res-date-btn.active{
    border-color:#0A8DEB;
    background-color: #0A8DEB;
}
.meet-detail .res-date-btn{
    margin-top:2.5rem
}
/* .res-date-btn:hover,
.res-date-btn.active{
	color: #fff;
	background-color: #2299EE;
} */
/*  */
.modal{
    position: fixed;
    z-index: 10002;
    top:0;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    z-index:-1;
    align-items: center;
}
.modal.show{
    opacity: 1;
    z-index:162;
}
.modal .mar0{
    margin-right: 0;
}
.modal .paddb2_5r{
    margin-bottom: 2.5rem;
}
.modal-content{
    width: 53.5rem;
    position: absolute;
    top:10rem;
    bottom: 2rem;
    left: calc(50% - 26.75rem);
}
.modal-content > form{
    height: 100%;
}
/* .modal-header{
	line-height: 4.25rem;
	padding:0 2.5rem;
	background-color: #fff;
	font-size: 1.25rem;
	font-weight:600;
	color:rgba(51,51,51,1);
	letter-spacing:1px;
	display: flex;
	border-bottom: 1px solid #ccc;
	justify-content: space-between;
	align-items: center;
} */
.modal-header{
    padding:0 2.5rem;
    background-color: #fff;
    display: flex;
    border-bottom: 1px solid #ccc;
    justify-content: space-between;
    align-items: center;
}
.modal-header span:first-child{
    line-height: 4.25rem;
    font-size: 1.25rem;
    font-weight:600;
    color:#333;
}
.modal-tab{
    width: 100%;
    margin-bottom: -1px;
}
.modal-tab-list{
    float: left;
    border: 1px solid transparent;
    border-bottom: none;
    font-size:1rem;
    color:rgba(153,153,153,1);
    line-height:1.38rem;
    padding:0.44rem 1.38rem;
    margin-top: 1.56rem;
    cursor: pointer;
}
.modal-tab-list:hover{
    color: #2299EE;
}
.modal-tab-list.active{
    border-color: #ccc;
    background-color: #F2F2F2;
    color: #2299EE;
    border-bottom-color: #F2F2F2;
    font-size:1.13rem;
    font-weight: bold;
    line-height:1.56rem;
}
.modal-input-warpper{
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.modal-input-warpper label{
    font-size:0.88rem;
    color:#333;
    line-height:1.25rem;
}
.modal-input-warpper input{
    flex: 1;
    height:2.63rem;
    line-height: 2.63rem;
    border-radius:0.13rem;
    border:0.06rem solid rgba(204,204,204,1);
    padding: 0 1rem;
}
.modal-header .icon{
    color:#2299EE;
    font-weight: bold;
}
.modal-tab-page{
    position: relative;
}
.modal-tab-page > .modal-tab-page-list{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 1;
}
.modal-tab-page > .modal-tab-page-list.hide{
    z-index:0;
    opacity: 0;
}
.modal-tab-page-list .modal-content-con,
.modal-tab-page-list.modal-content-con{
    height: unset;
}
.modal-tab-page.height0{
    height: 18.56rem;
}
.modal-tab-page-list{
    height: 100%;
}
.modal-tab-page.height0 .modal-content-con{
/*    flex: 1;*/
    max-height: 100%;
}
.modal-tab-page.height1 .modal-content-con,
.modal-tab-page.height2 .modal-content-con{
    flex: 1;
    max-height: unset;
}
.modal-tab-page.height1{
    height: 35rem;
}
.modal-tab-page.height2{
    height: 35rem;
}

.modal-tab-page > .modal-content-con.hide{
    z-index: 0;
}
.modal-footer{
    padding:1.38rem 2.5rem;
    display: flex;
    background-color: #fff;
    align-items: center;
}
.modal-footer.mar1_5r{
    padding: 1.5rem;
}
.modal-flex-end{
    justify-content: flex-end;
}
.modal-footer-left{
    font-size:0.88rem;
    font-weight:400;
    color:#333;
    line-height:1.25rem;
}
.modal-footer-left > i{
    font-style: normal;
    color:#FF5B5A;
    font-size: 1.13rem;
    font-width: bold;
}
.modal-footer .btn{
    width:9.63rem;
    height:2.88rem;
    border-radius:0.13rem;
    font-size:1rem;
    border:1px solid transparent;
    justify-self: flex-end;
}
.modal-footer .btn.close,
.modal-footer .btn.select{
    margin-right: 1.5rem;
    background-color: #fff;
    color: #666;
    border-color: rgba(204,204,204,1);
}
.modal-footer .btn.sure{
    background-color: #2299EE;
    color: #fff;
}
.modal-content-con{
    box-sizing: border-box;
    max-height: calc(100% - 10rem);
    padding: 2.5rem 1.5rem 1rem 1.5rem;
    background-color: #F2F2F2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow:auto;
    position: relative;
}
.modal-content-tips{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    background-color: #FFDDB6;
    font-size:1rem;
    color:#FF5B5A;
    line-height:3rem;
    padding:0 2.5rem  ;
}
.modal-content-con.mar1_5r{
    padding: 1.5rem 1.5rem 0 1.5rem;
}
.modal-content-con .title{
    width: 100%;
    font-size:1rem;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:1.38rem;
    letter-spacing:1px;
    margin-bottom: 1rem;
}
.modal-tips{
    padding:1.5rem 0 2.5rem;
    font-size:0.75rem;
    color:#333;
    line-height:1.06rem;
}
.modal-content-con .layui-table-header tr{
    background: #F8FAFE;
}
.modal-input-info{
    width: calc(50% - 1.8rem);
    display: flex;
    align-items: center;
    margin-bottom: 1.06rem;
}
.flexwrap{
    flex-wrap: wrap;
    align-items: flex-start;
}
.modal-input-info .layui-form-item{
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
}
.modal-input-info .layui-form-label{
    padding: 0;
    margin: 0;
    margin-right: 0.75rem;
    width: unset;
    text-align: left;
}
.flexwrap.modal-input-info .layui-form-label{
    margin-top:1rem;
}
.modal-input-info .layui-input-block{
    margin: 0;
    flex: 1;
}
.modal-input-info .layui-form-select .layui-input{
    width: 100%;
}
.modal-div-info{
    flex-wrap: wrap;
}
.modal-div-info .modal-input-info{
    justify-content: center;
}
.modal-input-info label{
    font-size:0.88rem;
    font-weight:400;
    line-height:1.25rem;
    color:#333;
    margin-right: 0.75rem;
}
.modal-input-info .impt{
    color:#FF5B5A;
    margin-right: 0.5rem;
}
.modal-input-info .cort{
    color: transparent;
}
.modal-input-info input,
.modal-input-info textarea{
    flex:1;
    box-sizing: border-box;
    padding: 0 1rem;
    border-radius:0.13rem;
    border:1px solid rgba(204,204,204,1);
    line-height: 2.63rem;
    font-size:0.88rem;
    font-weight:400;
    height: 2.3rem;
}
.modal-input-info textarea{
    height: 7rem;
    resize: none;
}
.width100.modal-input-info input,
.modal-input-info textarea{
    flex: 1;
    width: unset;
}
.modal-input-info input::placeholder,
.modal-input-info textarea::placeholder{
    color: #ccc;
}
.modal-input-info .layui-btn,
.introuductionln .layui-btn{
    width: 8.13rem;
    height: 7.5rem;
    background-color: #fff;
    border-radius:0.13rem;
    border:0.06rem solid rgba(204,204,204,1);
}
.introuductionln .layui-btn{
    width: 11rem;
    height: 11rem;
    background-color: #F2F2F2;
}
.introuductionln .layui-btn p{
    font-size:0.88rem;
    color:#666;
    line-height:1.25rem;
}
.modal-input-info .upload-img{
    width: 8.13rem;
    height: 7.5rem;
    object-fit: cover;
}
.modal-input-info .upload-img.hide,
.introuductionln .upload-img.hide{
    display: none;
}
.introuductionln .upload-img{
    position: relative;
    width: 11rem;
    height: 11rem;
}
.introuductionln .upload-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.introuductionln .upload-img .layui-icon{
    position: absolute;
    right: 5px;
    top:5px;
    width: 20px;
    line-height: 20px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    background-color: #ccc;
    color: #fff;
}
.modal-input-info .layui-btn .layui-icon,
.introuductionln .layui-btn .layui-icon{
    font-size:3rem;
    color:#ccc;
    margin-right: 0;
}
.introuductionln .layui-btn .layui-icon{
    font-size: 2.63rem;
}
/*introuductionln*/
.moadl-all-info{
    width: 100%;
    box-sizing: border-box;
    padding:0 0.88rem;
    line-height:2.13rem;
    background:rgba(210,234,251,1);
    font-size:0.88rem;
    color:#333;
    margin-bottom: 1.63rem;
}
.moadl-all-info span:last-child{
    margin-left: 1rem;
}
.modal-content-con .res-date-list-time{
    padding-bottom: 0.375rem;
    min-height: unset;
}
.modal-input-remarks{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1.75rem;
}
.modal-input-remarks label{
    width:2.75rem;
    font-size:0.88rem;
    color:rgba(51,51,51,1);
    line-height:1.25rem;
    padding-top:0.5rem;
    margin-right: 1rem;
}
.modal-input-remarks textarea{
    flex: 1;
    height: 6.13rem;
    resize: none;
    border-radius:0.13rem;
    border:1px solid rgba(204,204,204,1);
    padding:0.5rem 1rem;
}
.modal-input-remarks textarea::placeholder{
    color:#ccc;
}
.modal-time-total{
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    color: #333;
    margin-bottom: 1.5rem;
    font-size:0.88rem;
}
.modal-time-total span{
    margin-left:2.5rem;
}
.modal-time-total span:first-child{
    margin-left: 0;
}
.modal-time-total i{
    font-style: normal;
    color:#FF5B5A;
    font-size:1.2rem;
}
.modal-table-title{
    font-size:1rem;
    color:rgba(102,102,102,1);
    line-height:1.38rem;
    letter-spacing:1px;
    margin-bottom: 0.8rem;
}
/*  */
.meet-detail{
    margin: 0 auto;
    box-sizing: border-box;
    /*background-color:white;*/
}
.meet-detail-info{
    display: flex;
    flex-wrap: wrap;
    padding:1.5rem;
    margin-bottom: 2.5rem;
    box-shadow:0rem 0.5rem 1rem 0rem rgba(140,153,191,0.2);
    background-color: #fff;
}
.meet-detail .info-title{
    padding: 2.25rem 0 1.5rem;
    font-size:1.25rem;
    font-weight:600;
    color:rgba(51,51,51,1);
    line-height:1.5rem;
}
.pla-con .meet-detail .info-title{
    padding-top: 1.63rem;
}
.meet-detail .info-title span{
    float:right;
    font-weight: normal;
}
.meet-detail .info-des{
    font-size:0.88rem;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:1.5rem;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.enterprise-detail{
    background-color: transparent;
}
.enterprise-detail .info-des{
}
.meet-detail-info-title{
    box-sizing: border-box;
    width: 100%;
    font-size:1.5rem;
    font-weight:500;
    color:rgba(34,153,238,1);
    line-height:1.5rem;
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.meet-message .meet-detail-info-title{
    color:#333;
}
.meet-list-1 .meet-detail-info-title:nth-of-type(1){
    border-top: 1px solid #ccc;
    padding-bottom: 0;
    padding-top: 2.5rem;
}
.meet-detail-info textarea{
    width: 100%;
    resize: none;
    box-sizing: border-box;
    padding: 0.75rem;
    line-height: 1.2;
    font-size: 0.88rem;
    height: 11.33rem;
    border: 1px solid #ccc;
    border-radius: 0.13rem;
    margin-bottom:1.31rem;
}
.meet-detail-info textarea::placeholder{
    color:#ccc;
}
.meet-detail-ver{
    display: block;
    width: 100%;
}
.meet-detail-ver::after{
    display: block;
    content: " ";
    clear: both;
}
.meet-detail-ver input{
    box-sizing: border-box;
    width:9.06rem;
    height:2.25rem;
    background:rgba(255,255,255,1);
    border-radius:0.13rem;
    border:1px solid rgba(204,204,204,1);
    padding:0 0.5rem;
    margin-right:0.75rem;
}
.meet-detail-ver input::placeholder{
    color:#ccc;
}
.meet-detail-ver .meet-detail-btn{
    float: right;
    margin: 0;
}
.service-query-list .meet-detail-btn{
    position: absolute;
    bottom:1.88rem;
    right: 2.5rem;
    margin: 0;
}
.service-query-list .service-evaluate-btn{
    right: calc(8.76rem + 5em);
    background-color: #fff;
    color:#000;
    padding-left: 1em;
    padding-right: 1em;
}
.service-query-list .service-evaluate-btn:hover{
    border: 1px solid #ccc;
}
.service-query-list .service-evaluate-btn .tips{
   display: none;
}
.service-query-title .meet-detail-btn{
    padding: 0 1rem;
    margin: 0;
    display: inline-block;
    border-color: transparent;
    line-height: 2.13;
    box-sizing: border-box;
}
.detail-message-all.meet-detail-info .meet-detail-info-title{
    font-size:1.25rem;
    font-weight:600;
    color:rgba(51,51,51,1);
    line-height:1.75rem;
    letter-spacing:1px;
}
.meet-detail .message-all-list{
    margin: 0;
    padding: 2.5rem 0;
    border-bottom: 1px solid #eee;
}
.meet-detail .message-all-list:first-child{
    padding-top:1.5rem;
}
.meet-detail-info .des{
    width: 100%;
    box-shadow: none;
}
.meet-detail .message-all-list  .time{
    font-size:0.88rem;
    color:rgba(153,153,153,1);
    line-height:1.25rem;
}
.meet-detail .message-all-list  .time .icon{
    display: inline-block;
    margin-left:1rem;
    background: url(../images/resources/13.png) no-repeat;
    width: 0.75rem;
    height: 0.63rem;
}
.meet-message-btn{
    display: block;
    background-color: transparent;
    border: none;
    font-size:1rem;
    font-weight:500;
    color:#2299EE;
    line-height:1.38rem;
    letter-spacing:1px;
    margin: 1.5rem auto;
}
.meet-detail-map{
    width: 100%;
    height: 22.88rem;
    background-color: #ccc;
    margin-bottom: 1rem;
}
.meet-detail-choosedate{
    float: right;
    display: block;
    border-radius:1.56rem;
    border: 1px solid rgba(227,227,227,1);
    font-size:1rem;
    padding:0.5rem 1.5rem;
    color:rgba(51,51,51,1);
    line-height:1.38rem;
    box-sizing:border-box
}
.meet-detail-choosedate i{
    font-style: normal;
}
.meet-detail-choosedate i:last-child{
    color:#ccc;
    margin-left:0.5rem;
}
.info-sar{
    font-size:0.88rem;
    color:rgba(153,153,153,1);
    line-height:1.5rem;
}
.width100{
    width: 100%;
}
.loadimgtips{
    font-size:0.88rem;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:1.25rem;
    margin-top: 0.75rem;
}
/*  */
.service-query-result-warpper{
    margin-top: 1.5rem;
    padding: 0rem 2.5rem 0rem 2.5rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service-query-list{
    padding:1.5rem 0 ;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.service-more-query-result .service-query-list{
    padding:1.5rem ;
    border: 0.06rem solid #ccc;
    border-bottom:none;
}
.service-more-query-result .service-query-list:last-child{
    border-bottom:0.06rem solid #ccc;
}

.service-more-query-result .service-query-list:nth-of-type(2n){
    background-color: #FAFAFA;
}
.service-query-list .title{
    font-size:1.13rem;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:1.4;
    margin-bottom: 0.75rem;
}
.service-query-list .icon{
    display: inline-block;
    margin-left:1rem;
    padding:2px 0.4rem;
    font-size:0.88rem;
    font-weight: lighter;
    border-radius: 25%/50% ;
    color:#fff;
}
.service-query-list.pending .icon{
    background-color: #2299EE;
}
.service-query-list.inprocessing .icon{
    background-color: #FF9483;
}
.service-query-list.inprocessing .info{
    display: none;
    color: #FF9483;
    font-size:0.88rem;
    font-weight: lighter;
    margin-left: 1rem;
}
.service-more-query-result .service-query-list.inprocessing .info{
    display: inline;
}
.service-query-list.completed .icon{
    background-color: #77CB3E;
}
.service-query-list .time{
    font-size:0.88rem;
    color:rgba(102,102,102,1);
    line-height:1.4;
}
.service-category-warpper{
    display: flex;
}
.service-category-list{
    padding: 0 2rem;
    line-height: 2.63;
    font-size:1rem;
    color:#333;
    border: 0.065rem solid #e3e3e3;
    background: #fff;
    box-sizing: border-box;
    margin-left:-1px;
}
.service-category-list.active,
.service-category-list:hover{
    background-color: #2299EE;
    border-color: #2299EE;
    color: #fff;
}
.service-query-warpper{
    padding: 1.5rem;
    background: #fff;
    margin-bottom: 1.5rem;
}
.service-query-title{
    display: flex;
    box-sizing: border-box;
    padding:0 1.5rem;
    background: #F0F4F7;
    border:1px solid #ccc;
    font-size:1rem;
    font-weight:bold;
    color:#333;
    justify-content: space-between;
    align-items: center;
}
.bg-white .service-query-title{
    background-color: #fff;
}
.bg-white .btn{
    border: 1px solid #ccc;
    height: 2.13rem;
    padding: 0 1rem;
    color:#666;
    font-weight: lighter;
    font-size: 0.88rem;
}
.service-query-title p{
    line-height: 3.63rem;
}
.service-query-con{
    display: flex;
    box-sizing: border-box;
    padding: 1.5rem;
    background-color: #fff;
    border: 0.06rem solid #ccc;
    margin-top: -1px;
}
.bg-white .service-query-con{
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0;
}
.bg-white .service-query-con > span{
    margin-bottom: 1rem;
}
.service-query-con label{
    color:#333;
    font-size:0.88rem;
    line-height:1.4;
    margin-right: 0.5rem;
}
.service-query-con input{
    box-sizing: border-box;
    padding:0 0.75rem;
    font-size:0.88rem;
    line-height: 2.8;
    border: 0.065rem solid #ccc;
    margin-right:3.75rem;
    color: #333;
    height: 2.3rem;
}
.serviceFgbb .service-query-con input{
    line-height: 2.25rem;
    height: 2.3rem;
}
.bg-white .service-query-con input{
    width: 28rem;
    background-color: #eee;
    line-height: 2.3;
    margin: 0;
}
.service-more-query-result{
    margin: 0;
    padding: 0;
}
.pla-con .con-left{
    flex: 1;
    margin-right: 1.5rem;
}
.pla-con .con-right{
    width: 24rem;
}
.step-warpper{
    display: flex;
    justify-content: space-between;
    margin-right: 2.5rem;
}
.step-show{

}
.step-list{
    flex: 1;
    display: flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: flex-end;
}
.step-list:first-child{
    flex: unset;
}
.step-list .con{
    text-align: center;
    transform: translateX(25%);
}
.step-show{
    position: relative;
    text-align: center;
    width: 100%;
    text-align: right;
}
.step-show::after{
    width:1.25rem;
    height:1.25rem;
    content: " ";
    display: inline-block;
    background:#ccc;
    border-radius: 50%;
    margin-bottom: 0.75rem;
    font-size: 0.88rem;
    line-height: 1.88rem;
    text-align: center;
    z-index: 2;
    margin-top:5px;
}
.step-show::before{
    position: absolute;
    content: "";
    left: 0;
    right: 1.25rem;
    top:0.69rem;
    height: 0.5rem;
    background:#ccc;
    z-index: 1;
    font-size: 0.88rem;
}
.step-list:first-child .step-show::before{
    display: none;
}
.step-list.over .step-show::before,
.step-list.over .step-show::after{
    background:#2299EE;
    right: 1.88rem;
}
.step-list .con .staus{
    font-size: 0.88rem;
    color:#666;
    line-height:1.65rem;
    margin-bottom: 0.38rem;
}
.step-list .con span:last-child{
    font-size:0.75rem;
    color:#666;
    line-height:1.06rem;
}
.step-list.over .con .staus,
.step-list.active .con .staus{
    color: #2299EE;
}
.step-list.over .step-show::after{
    width:1.88rem;
    height:1.88rem;
    content:"\e605";
    color: #fff;
    margin-top:0;
}
.step-list.active .step-show::before,
.step-list.active .step-show::after{
    background:rgba(34,153,238,1);
}
.step-list.active .step-show::after{
    width:1.88rem;
    height:1.88rem;
    background: url(../images/dot.png) no-repeat;
    background-size: cover;
    color: #fff;
    margin-top:0;
}
/*  */
.service-base .service-base-con{
    padding-top:2.5rem;
    display: flex;
    margin: 0 auto;
}
.service-base-title{
    color: #2299EE;
    font-size:1.75rem;
    font-weight:bold;
    line-height:1;
    padding-bottom: 1.5rem;
}
.service-base-left{
    margin-right: 1.5rem;
    flex: 1;
}
.service-base-right{
    width:22rem;
}
.service-base-con input{
    padding: 0 1rem;
    font-size:1rem;
    height: 2.63;
    box-sizing: border-box;
    border-radius:0.13rem;
    border:1px solid #ccc;
}
.service-base-con input::placeholder{
    font-size:0.88rem
}
.service-base-con .btn{
    height: 2.63;
    box-sizing: border-box;
    border-radius:0.13rem;
    border:1px solid #ccc;
    padding:0 0.63rem;
    margin-left:-1px;
}
.service-base-con .btn:hover{
    background-color: #2299EE;
    color:#fff;
}

.service-bg-white{
    background-color: #fff;
    padding: 2.5rem;
}
.service-base-left .service-base-list-warpper{
    display: flex;
    flex-wrap: wrap;
}
.service-base-list-warpper li{
    background-color: #fff;
    margin-right: 1rem;
}
.service-base-list:nth-of-type(3n){
    margin-right: 0;
}
.service-base-list{
    width: 16.94rem;
    height: 25.5rem;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.service-hot-list{
    padding: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.service-base-list-warpper .avtr{
    object-fit: cover;
}
.service-base-list .avtr{
    height: 12.5rem;
    width: 100%;
    margin-bottom: 1rem;
}
.service-hot-list .avtr{
    width:4.38rem;
    height:4.38rem;
    border-radius:50%;
    margin-right: 1rem;
}
.service-base-list-warpper .info{
    flex: 1;
}
.service-base-list-warpper .des{
    color: #999;
    font-size: 0.88rem;
    margin-top: 0.75rem;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.service-base-list .list-hover .des{
    margin-top: 1.5rem;
    color:#fff;
    text-align: left;
    -webkit-line-clamp: 8;
}
.service-base-list .pad_1r{
    padding: 0 1rem 1.5rem;
}
.service-base-list-warpper .name{
    font-size:1.5rem;
    font-weight:bold;
    color:#333;
    line-height:2.5rem;
    vertical-align: middle;
}
.service-base-list .list-hover .name{
    color:#fff;
    line-height: 2.38rem;
}
.service-base-list-warpper .icon{
    width:5rem;
    height:1.38rem;
    display: inline-block;
    background:rgba(34,153,238,1);
    border-radius:0.69rem;
    font-size:0.75rem;
    color:#fff;
    line-height:1.38rem;
    text-align: center;
    margin-left: 0.5rem;
    vertical-align: middle;
}
.service-base-list .list-hover .icon{
    border:1px solid #fff;
    margin-top: 0.75rem;
}
.service-base-list-warpper .title{
    font-size:1rem;
    color:#333;
    line-height:1.5;
}
.service-base-list .list-hover .title{
    margin-top: 0.75rem;
    color: #fff;
}
.service-hot-list::before{
    position: absolute;
    right: 0;
    top:0.5rem;
    width:3.5rem;
    height:1.63rem;
    background:rgba(255,91,90,1);
    border-radius:0.75rem 0rem 0rem 0.75rem;
    color: #fff;
    text-align: center;
    line-height: 1.63rem;
    font-size: 1rem;
    font-weight: bold;
}
.service-hot-list:first-child::before{
    content: 'NO.1';
}
.service-hot-list:nth-of-type(2)::before{
    content: 'NO.2';
    background-color: #F99227;
}
.service-hot-list:nth-of-type(3)::before{
    content: 'NO.3';
    background-color: #FFD14F;
}
.service-base-list:hover,.service-base-list.active {
    background-color: #2299EE;
    text-align: center;
    padding: 2.38rem 1rem 1.5rem;
}
.service-base-list .list-hover{
    display: none;
}
.service-base-list:hover .normal,
.service-base-list.active .normal {
    display: none;
}
.service-base-list:hover .list-hover,
.service-base-list.active .list-hover{
    display: block;
}
.service-base-detail{
    padding: 1.5rem;
    background-color: #fff;
}
.service-base-detail-header{
    padding-bottom: 1.44rem;
    border-bottom:1px solid #eee;
}
.service-base-detail-con{
    margin-top: 1.5rem;
}
.service-base-detail-header.service-base-list-warpper{
    justify-content: flex-start;
}
.service-base-detail-header img{
    width:9rem;
    height:9.38rem;
    object-fit: cover;
    margin-right: 1.5rem;
}
.service-base-detil-info{
    flex:1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-base-detil-info .name{
    width: 100%;
}
.service-base-detil-info .title{
    font-size:0.88rem;
    color:#999;
    width: 72%;
    max-width: calc(100% - 170px);
}
.service-base-detil-info .phone{
    width: 25%;
    min-width: 170px;
}
.service-base-detil-info  .num-icon{
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.5rem;
    background: #ccc;
}
.service-base-detil-info .tel{
    background: url(../images/tel-gray.png) no-repeat;
}
.service-base-detil-info .mail{
    background: url(../images/mail-gray.png) no-repeat;
}
.service-base-detil-info .mobile{
    background: url(../images/phone-gray.png) no-repeat;
}
.service-base-detil-info .bold{
    color:#333;
    font-weight: bold;
    margin-left: -0.5em;
}
.service-base-detail-con h3{
    font-weight: bold;
    font-size:0.88rem;
    color:#333;
    line-height:1.5rem;
    margin-bottom: 0.75rem;
}
.service-base-detail-con p {
    font-size:0.88rem;
    color:#999;
    line-height:1.5rem;
    margin-bottom: 2.5rem;
}
/**/
.inputgroup{
}
.form-disable .inputgroup{
}
.inputgroup label{
    font-size:0.88rem;
    color:#333;
    line-height:1.25rem;
    margin-right: 0.75rem;
}
.form-disable .inputgroup label{

}
.inputgroup input{
    box-sizing: border-box;
    font-size:0.88rem;
    font-weight:600;
    color:#333;
    line-height:1.25rem;
    width:18.75rem;
    border-radius:3px;
    border:1px solid #ccc;
    padding:1rem;
    margin-bottom: 1rem;
}
.form-disable .inputgroup input{
    width: unset;
    border: none;
    background-color: transparent;
    cursor: default;
    padding:0;
    margin-bottom: 0;
}
.info-detail{
    width: 100%;
    margin-top: 1.5rem;
    display: flex;
    padding-bottom: 1.5rem;
}
.info-detail-title{
    margin-right: 1rem;
    font-size:0.88rem;
    color:#333;
    line-height:1.25rem;
}
.info-detail-checkboxs-warpper{
    flex:1;
    background:#fff;
    border-radius:3px;
    border:1px solid rgba(204,204,204,1);
    box-sizing: border-box;
    padding: 1rem;
}
.info-detail-checkboxs{
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size:0.88rem;
    color:#333;
    line-height:1.25rem;
}
.info-detail-checkboxs input{
    margin-right: 0.4rem;
    position: relative;
}
.info-detail-checkboxs .layui-checkbox-disbaled[lay-skin=primary] span{
    color: #333;
}
.info-detail-checkboxs .layui-form-checkbox[lay-skin=primary]:hover i,
.payment-modal-list .layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #2299EE;
}
.info-detail-checkboxs .layui-form-checked[lay-skin=primary] i,
.payment-modal-list .layui-form-checked[lay-skin=primary] i{
    border-color: #2299EE!important;
    background-color: #2299EE;
}
.flexalign{
    justify-content: flex-start;
    max-height: 100%;
}
/**/
/** carry **/
.list-carry{
    padding: 2.5rem 3.75rem;
    background-color: #fff;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list-carry-left{
    display: flex;
    flex-direction: column;
}
.list-carry-left .bigger{
    font-size:3.5rem;
    font-weight:600;
    color:#2299EE;
    line-height:4.88rem;
    margin-bottom: 0.5rem;
}
.list-carry-left .text-bottom{
    font-size:1.25rem;
    color:#333;
    line-height:1.75rem;
}
.list-carry-left .down{
    font-size:1.13rem;
    color:#999;
    line-height:1.56rem;
    margin-top: 1rem;
}
.list-carry-left .icon.exl,
.list-carry-left .icon.pers{
    display: block;
    margin-right: 1.5rem;
    width: 4.88rem;
    height: 4.88rem;
    background-size: cover;
}
.list-carry-left .icon.exl{
    background-image: url(/app/v3/bench/images/excel.png);
}
.list-carry-left .icon.pers{
    background-image: url(/app/v3/bench/images/carry.png);
}
.carry-table{
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background-color: #fff;
    border-top:solid #CCCCCC 1px;
}
.carry-table.hide{
    display: none;
}
.carry-table .all{
    font-size:0.88rem;
    color:#333;
    line-height:1.25rem;
    margin-bottom: 1.56rem;
}
.carry-table .layui-table tr th{
    font-weight: bold;
    color: #333333;
}
.carry-table .layui-table td{
    border: none;
}
.carry-table .layui-table thead tr{
    border-bottom: 0.06rem solid #eee;
}
.pay-warpper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    font-size:0.88rem;
    color:#333;
    line-height:1.25rem;
    vertical-align: middle;
}
.pay-warpper > span{
    flex: 1;
}
.pay-warpper .theme-btn{
    float: right;
    vertical-align: middle;
}
.pay-warpper .normal-text{
    font-size:1.5rem;
}
.pay-warpper.fail .normal-text{
    color:#FF5B5A;
}
.pay-warpper.sussess .normal-text{
    color:#2299EE;
}
.pay-warpper.fail .theme-btn{
    border: none;
    background: none;
    color:#FF5B5A;
}
.pay-warpper.gray .theme-btn{
    background: #ccc;
    color:#fff;
}
.pay-tl{
    width: 100%;
    font-size:1.25rem;
    font-weight:bold;
    color:#333;
    letter-spacing:1px;
    text-align: center;
    margin-top: 2.25rem;
}
.pay-tl .normal-text{
    font-size:3.5rem;
    color:#2299EE;
}
.pay-form .layui-input-block{
    position: relative;
    margin-bottom: 1.5rem;
}
.pay-form .layui-input{
    height:2.63rem;
    border-radius:0.13rem;
    box-sizing: border-box;
}
.pay-form .layui-input-block .btn{
    position: absolute;
    right: 5px;
    top:0.5rem;
    padding:0 0.78rem;
    font-size:0.75rem;
    color:#fff;
    line-height:1.5rem;
    background:rgba(34,153,238,1);
    border-radius:0.81rem;
    height: 1.625rem;
}
.pay-form .theme-btn{
    margin: 3.3rem auto;
}
.carry-modal-input{
    font-size:0.88rem;
    color:#ccc;
    line-height:1.25rem;
    vertical-align: middle;
}
.carry-modal-input .normal-text{
    color:#FF5B5A;
    margin-right:3px;
    vertical-align: middle;
}
.carry-modal-input input{
    width:9.5rem;
    height:1.88rem;
    font-size: 0.88rem;
    line-height: calc(1.88rem - 0.12rem);
    background:rgba(255,255,255,1);
    border-radius:0.06rem;
    border:0.06rem solid rgba(204,204,204,1);
    box-sizing: border-box;
    padding: 0  0.5rem;
    margin:0 1.5rem 0 0.5rem;
}
.payment-modal-warpper{
    width: 100%;
}
.payment-modal-list{
    width: 100%;
    font-size:0.88rem;
    font-weight:bold;
    color:#333;
    line-height:1.25rem;
    margin-bottom: 1.5rem;
}
.payment-modal-list span{
    float: right;
}
.payment-modal-list .layui-form-checkbox[lay-skin=primary] span{
    font-weight: lighter;
    font-size: 1rem;
}
.carry-tips{
    margin:2.5rem 0 1.5rem;
    color:#FF9031;
    font-size:1rem;
    font-weight:600;
    line-height:1.5rem;
    padding-left:2.5rem;
    background:url("../images/carry-tips.svg") no-repeat left top;
    background-size:1.5rem 1.5rem;
}
/** carry **/

/*企业工作台 补充*/
.message-query{
    display: flex;
    width: 100%;
}
.message-query .btn{
    width:7.5rem;
    height:2.63rem;
    background:#fff;
    border:1px solid #E3E3E3;
    font-size:1rem;
    color:#333;
    margin: 0;
}
.message-query .btn:last-child{
    margin-left: -1px;
}
/* .message-query .btn:hover, */
.message-query .btn.active{
    background-color: #2299EE;
    border-color: #2299EE;
    color: #fff;
}
.message-table-warpper{
    width: 100%;
    margin-top:1.5rem
}
/**/

.agr-page-warpper{
    float: left;
    margin: 5rem 6.25rem;
    background-color: #fff;
    box-shadow:0rem 0.5rem 1.5rem 0rem rgba(157,188,210,0.25);
}
.agr-title{
    padding: 2.5rem;
    height:4.06rem;
    font-size:2.88rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:4.06rem;
    letter-spacing:1px;
    text-align: center;
    margin-bottom: 3.8rem;
}
.agr-warpper{
    margin: 0 2.5rem 2.5rem;
    border: 1px solid #ccc;
}
.agr-warpper >p{
    padding:0 2.5rem ;
    font-size:1.25rem;
    font-weight:500;
    color:#000;
    line-height: 4.19rem;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
}
.agr-form-warpper{
    display: flex;
    flex-wrap: wrap;
}
.agr-form-warpper > p{
    margin-bottom: 1.5rem;
    width: 100%;
    box-sizing: border-box;
}
.agr-form-warpper .layui-form-item{
    width: 33%;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}
.agr-form-warpper .layui-form-label{
    color: #333;
    flex: 1;
    box-sizing: border-box;
}
.agr-form-warpper .layui-input:disabled{
    background-color: #F2F2F2;
    border: none;
    color: #333;
    flex: 2.5;
}
.arg-form-down{
    width: 100%;
    display: flex;
    justify-content: center;
}
.agr-warpper .layui-table{
    margin: -1px 0 -1px;
}
.arg-form-down > p{
    padding-right: 15px;
    flex: 1;
    text-align: right;
}
.arg-form-down  > div{
    display: flex;
    flex-wrap: wrap;
    flex: 9.5;
}
.arg-form-down .title{
    width: 30%;
    margin-bottom: 1rem;
}
.arg-form-down .icon{
    font-size: 1.5rem;
    margin-right: 0.5rem;
}
.agr-warpper .layui-table[lay-skin=line] {

    border-color:#ccc;
    border-left: 0;
    border-right: 0;
    border-bottom:1px solid #ccc;
}
.agr-warpper .layui-table[lay-skin=line] td{
    border: 0;
}
.agr-warpper .layui-table thead tr{
    background-color: #F2F5F6;
}
/*补充 layui reset*/
.layui-laydate .layui-laydate-content .layui-this{
    background-color: #2299EE!important;
}
.layui-laydate .layui-laydate-footer span:hover{
    color: #2299EE;
}
.layui-laydate .layui-laydate-header i:hover,
.layui-laydate .layui-laydate-header span:hover{
    color: #2299EE;
}
.layui-form-select dl dd:hover,
.layui-form-select dl dd.layui-this{
    background-color: #2299EE;
    color:#fff;
    transition: unset;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #2299EE;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #2299EE!important;
    background-color: #2299EE;
}
.layui-table .btn{
    background:#fff;
    padding:0 1rem;
    border-radius:0.13rem;
    border:0.06rem solid #999;
    font-size:0.88rem;
    color:rgba(102,102,102,1);
    line-height:1.75rem;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #2299EE;
}
.layui-laypage a:hover{
    color: #2299EE;
}
.layui-laypage input:focus, .layui-laypage select:focus{
    border-color:  #2299EE!important;
}
.pla-con .layui-table-box{
    top:0px;
}
.pla-con .layui-table-body{
    background: #fff;
}
.pla-con .layui-table-fixed{
    top:0px;
    box-shadow: none;
}
.pla-con .layui-table-header{
    background: transparent;
}
.pla-con .layui-table-header .layui-table-cell{
    color: #333;
    font-weight: 600;
}
.pla-con .layui-table-header .layui-table{
}
.pla-con .layui-table-fixed .layui-table-header .layui-table{
    border:0;
}
.pla-con .layui-table-view .layui-table td{
    border:0;
}
.pla-con .layui-form-select dl dd{
    color:#666
}
.pla-con .layui-form-select dl dd:hover{
    background-color: #EEEEEE;
}
.pla-con .layui-form-select dl dd.layui-this{
    background-color: #E3F3FF!important;
    color:#2299EE;
}
.pla-con .layui-input-inline{
    margin-right:3.75rem
}
.pla-con .layui-form-select input{
    margin-right:0
}
.evaluate-title{
    line-height:3.19rem;
    padding-left:1em;
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    background-color:#ccc;
    font-size:1.25rem;
    font-weight:600;

}

.evaluate-form{

    background-color:#f2f2f2;

    padding-bottom:2em;

    display: flex;

    flex-direction: column;

    align-items: center;
}
.evaluate-form:after{
    display:block;
    content:"";
    clear:both;
}
.pla-con-files > .evaluate-form{
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    padding-right:2em;
    padding-top:2em;
}
.evaluate-form .layui-form-item{
    width:100%;
    display:flex;
    justify-content: center;
    margin-bottom: 1.18rem;
}
.evaluate-form .evaluate-form-label{
    height:100%;
    padding:0 2em;
}

.evaluate-input{
    /* width:100%; */
    display:flex;
    /* align-items: center; */
}
.evaluate-input li{
    margin-right:2.63rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor: pointer;
    color:#666666;
}

.evaluate-input li:before{
    display:block;
    content:"";
    width:3.38rem;
    height:3.38rem;
    background-image:url("../images/satisfied/Satisfied_3.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom:0.5em;
}
.evaluate-input li:first-child:before{
    background-image:url("../images/satisfied/Satisfied_1.png");
}
.evaluate-input li:last-child:before{
    background-image:url("../images/satisfied/Satisfied_2.png");
}
.evaluate-input li:hover{
    color:#2299EE;
}
.evaluate-input li:hover:before,
.evaluate-input li.active_2:before{
    background-image:url("../images/satisfied/Satisfied_blue_3.png");
}
.evaluate-input li:first-child:hover:before,
.evaluate-input li.active_1:before{
    background-image:url("../images/satisfied/Satisfied_blue_1.png");
}
.evaluate-input li:last-child:hover:before,
.evaluate-input li.active_3:before{
    background-image:url("../images/satisfied/Satisfied_blue_2.png");
}
textarea.evaluate-input{
    resize:none;
    border:none;
    padding:0.5em;
    width: 100%;
}
.pla-con .evaluate-form .layui-form-item{
    width: 90%;
}
.evaluate-form .theme-btn{
    /* float:right; */
}
.security .layui-form-item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.security .layui-input-block{
    display: inline-block;
    width: 36.94%;
    margin-left: 0;
}
.security .tips{
    padding-left: 110px;
    width: 100%;
    padding-top: 1em;
    color:#666666;
}
.security .theme-btn{
    margin-left: 110px;
    margin-top: 3.75rem;
}
.security-modal .modal-content{
    width: 34.75rem;
    top:15rem;
    left: calc(50% - 17.375rem);
}
.security-modal .modal-content-con{
    max-height: unset;
}
.security-con-sussess{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-top:2rem;
    margin-bottom:4rem;
}
.security-con-sussess p{
    margin-bottom: 3rem;
    font-size:1.25rem;
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:2.88rem;
    background: url(../images/login/sus.png) no-repeat;
    padding-left: 3.88rem;
}

@media screen and (max-height: 768px ) {
    .security-con-sussess p {
        line-height: 5rem;
        padding-left: 5rem;
    }
}

.line_white{
    margin-left: 1rem;
    margin-right: 1rem;
}

.index_workbench{
    width:5rem;
    height:1rem;
    font-weight:500;
    line-height:16px;
}
.whiteNavigation .index_workbench{
    color:#2299EE
}
.logout{
    width:4rem;
    height: 1rem;
    font-weight:500;
    line-height:16px;
}

.pla-con-zf{
    /*padding-left: 1.5rem;*/
}