/*html { height: 100%; }*/
body {
    /*height: 100%;*/
    color: #747474;
}

a {
    color: #747474;
}

.btn {
    margin: 0;
    box-sizing: border-box;
    font-size: 1.1rem;
    padding: 0.5rem 1.3rem;
    border-radius: 2px;
}

.btn-primary {
    background-color: #0080ff;
    color: #fff;
}

.btn-default {
    border: solid 1px #d9d9d9;
    background-color: #fff;
    color: #555;
}

.img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.img-contain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.layui-input {
    border-radius: 4px;
}

.layui-form-largelabel .layui-form-label {
    width: 140px;
}

.layui-form-largelabel .layui-input-block {
    margin-left: 170px;
}

.whiteNavigation {
    background-color: #fff;
    border-bottom: 1px solid #0080ff;
}

.whiteNavigation .logo span {
    color: #0080ff;
}

.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: #0080ff;
}

.navi-list > li::before {
    content: '';
    width: 4px;
    height: 0;
    background: #0080ff;
    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: #0080ff;
    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: #0080ff;
}

.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 {
    bottom: 4%;
    display: flex;
    height: 21.13rem;
    z-index: 2;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .banner-suspension {
        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: #0080ff;
}

.banner-tab-list.active::after {
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    content: '';
    z-index: -1;
    border-bottom: 0.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: cover;
}

.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: #0080ff;
}

.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: 1rem;
    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: #0080ff;
}

#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: #0080ff;
}

.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: 1rem;
    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: #0080ff;
}

.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: cover;
    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;
    padding: 0.2rem 0;
    border-radius: 2px;
    border: 0.06rem solid rgba(242, 242, 242, 1);
}

.qylogo a {
    display: block;
    width: 100%;
    height: 100%;
}

.qylogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.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);
}

.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: 22.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 0.2s;
}

.server-list-static li:hover .inner {
    background-color: #0080ff;
}

.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 0.2s;
}

.server-list-static li:hover .inner img {
    transform: translateY(10px);
    transition: transform 0.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, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.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: #0080ff;
}

.service-con {
    display: flex;
    width: 100%;
    background-color: #fafafa;

    height: 100%;
    position: fixed;
    z-index: 200000;
}

.pla-con-top::after,
.pla-con-center::after,
.pla-con-footer::after {
    display: block;
    content: ' ';
    clear: both;
}

.pla-nav {
    width: 13.8rem;
    /* background-color: #f2f2f2; */
    /*background-color: #001529;*/
    /*background-color: #101c2d;*/
    background-color: #20222a;
    /*padding-top: 24px;*/
    min-height: 36rem;
    transition: width 0.3s linear;
    overflow: hidden;
}

.pla-nav-main {
    width: 13.8rem;
    height: calc(100% - 4rem);
    overflow-y: auto;
}

.pla-nav-header {
    width: 13.8rem;
    height: 4rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    background-color: #0080ff;
}

.pla-nav-title {
    flex: 1;

    transition: all 0.3s linear;
    white-space: nowrap;
    padding-left: 0.9rem;
    font-weight: 600;
}

.pla-nav-operator {
    width: 3.25rem;
    cursor: pointer;
}

.pla-nav-operator .icon {
    color: #747474;
}

.pla-nav-list a[data-name*='首页'] .webicon:before {
    content: '\e674';
}

.pla-nav-list a[data-name*='服务'] .webicon:before {
    content: '\e676';
}

.pla-nav-list a[data-name*='员工'] .webicon:before {
    content: '\e680';
}

.pla-nav-list a[data-name*='园付通'] .webicon:before {
    content: '\e673';
}

.pla-nav-list a[data-name*='企业'] .webicon:before {
    content: '\e67a';
}

.pla-nav-list a[data-name*='消息'] .webicon:before {
    content: '\e66f';
}

.pla-nav-list a[data-name*='安全'] .webicon:before {
    content: '\e66c';
}

.pla-nav-list a[data-name*='管理员'] .webicon:before {
    content: '\e66d';
}

.pla-nav-list a[data-name*='适岗培训'] .webicon:before {
    content: '\e600';
}

.pla-nav-list a[data-name*='帐单'] .webicon:before {
    content: '\e677';
}

.pla-nav-list a[data-name*='账单'] .webicon:before {
    content: '\e68e';
}

.pla-nav-list a[data-name*='物流'] .webicon:before {
    content: '\e68b';
}

.pla-nav-list a[data-name*='快递'] .webicon:before {
    content: '\e68b';
}

.pla-nav-list a[data-name*='订单'] .webicon:before {
    content: '\e68e';
}

.pla-nav-list {
    position: relative;
}

.pla-nav-list > a {
    position: relative;
    display: block;
    /*border-left: 0.3rem solid transparent;*/
    height: 3.5rem;
    line-height: 3.5rem;
    padding-left: 3.5rem;
    /*padding-left: 3rem;*/
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    transition: all 0.3s linear;
}

.pla-nav-list > a:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 0.3rem;
    height: 0;
    margin-top: 0;
    content: '';
    overflow: hidden;
    transition: all 0.2s linear;
    background-color: #0080ff;
}

.pla-nav-list:hover > a:before,
.pla-nav-list.active > a:before {
    height: 3.25rem;
    margin-top: -1.625rem;
}

.pla-nav-list .pla-nav-list > a:after {
    display: inline-block;
    width: 13rem;
    content: attr(data-name);
    overflow: hidden;
    transition: all 0.3s linear;
    margin-left: 0;
}

/* .pla-nav-list .icon, */
.parks-header-list .icon {
    display: inline-block;
    margin-left: 8px;
    transform: rotate(45deg);
}

.pla-nav-list .icon,
.pla-nav-list .webicon {
    /*position: absolute;*/
    /*top: 20px;*/
    /*left: 20px;  */
    width: 3.5rem;
    float: left;
    line-height: 3.5rem;
    text-align: center;
    color: #9499a1;
    margin-left: -3.5rem;
    transition: all 0.3s linear;
}

.pla-nav-list.parent > a {
    position: relative;
}

.pla-nav-list.parent > a:after {
    /*display: block;*/

    /*float: right;*/
    position: absolute;
    /*right: 0;*/
    /*top: 0;*/

    /*width: 3.25rem;*/
    line-height: 3.25rem;
    /*transform: rotate(180deg);*/
    transition: all 0.5s linear;
    vertical-align: middle;
    text-align: center;

    top: 1rem;
    right: 1rem;
    width: 0;
    height: 0;
    border: solid 0.5rem transparent;
    border-top-color: #747474;
    transform: rotate(0deg) translate(0, 0.4rem);
    content: '';

    /*content: "\e620";*/
    /*font-family: 'feparks3Icon' !important;*/
    /*font-size: 1rem;*/
    /*speak: none;*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*font-variant: normal;*/
    /*text-transform: none;*/
    /*!*line-height: 1;*!*/
    /*vertical-align: baseline;*/
    /*display: inline-block;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
}

.pla-nav-list.parent.active > a:after {
    border-top-color: #fff;
    /*transform: rotate(0deg);*/
    transform: rotate(180deg) translate(0, 0.2rem);
}

.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 {
    /*color: #fff;*/
    /*font-weight: 500;*/
    /*border-left-color: #0080FF;*/
}

.pla-nav-list.active > a:after,
.pla-nav-list:hover > a:after {
    /*border-top-color: #fff;*/
}

.pla-nav-list.active > a {
    color: #fff;
    /*background: #0080FF !important;*/
}

.pla-nav-list:hover > a {
    /*background: rgba(3, 127, 255, 0.7);*/
}

.pla-nav-list.active .icon,
.pla-nav-list:hover .icon {
    color: #fff;
}

.parks-header-list:hover > a {
    /*border-left-color: #0080FF;*/
    color: #0080ff;
    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: 3.25rem;*/
    background-color: rgba(0, 0, 0, 0.3);
}

.pla-nav-list.active > ul {
    display: block;
}

/*.pla-nav-list .pla-nav-list.active > a,*/
/*.pla-nav-list .pla-nav-list:hover > a*/
.pla-nav-list.current > a {
    border-color: transparent !important;
    background-color: transparent !important;
}

.pla-nav-list.current > a:before {
    background-color: #3d5173;
}

.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); */
    width: 100%;
    height: calc(100% - 4rem);
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
}

.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: #0080ff;
    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);
}

.sort-menu .pla-nav {
    width: 4rem;
}

.sort-menu .right {
    width: calc(100% - 3.25rem);
}

.sort-menu .pla-nav-title {
    width: 0;
    flex: 0;
    padding-left: 0;
    overflow: hidden;
}

.sort-menu .pla-nav-list > a {
    border-left-width: 0;
}

.pla-nav-sub .pla-nav-list > a {
    transition: all 0.3s linear;
}

.sort-menu .pla-nav-sub .pla-nav-list > a {
    padding-left: 0.85rem;
    font-size: 0.75rem;
    /*width: 1.5rem;*/
    white-space: nowrap;
}

.sort-menu .pla-nav-list .pla-nav-list > a:after {
    width: 1.5rem;
    margin-left: 0.4rem;
}

.sort-menu .pla-nav-operator .webicon:before {
    content: '\e67c';
}

.sort-menu .pla-nav-list.active .webicon {
    color: #fff;
}

.sort-menu .pla-nav-operator,
.sort-menu .pla-nav-list .icon,
.sort-menu .pla-nav-list .webicon {
    width: 4rem;
}

.animate-nav {
    position: relative;
}

.animate-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 3px;
    border-radius: 2px;
    background-color: #0080ff;
    transition: all 0.3s;
}

.no-animate .animate-line {
    transition: none;
}

.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 {
    min-height: 27rem;
    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: #0080ff;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
}

.pla-tab-list .active::before {
    position: absolute;
    content: ' ';
    width: 100%;
    bottom: 0.4rem;
    border-bottom: 0.5rem solid #eee;
    z-index: -1;
}

.pla-tab-page {
    display: none;
}

.pla-tab-page.active {
    margin: -1rem;
    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;
    margin: calc(0.5rem + 0.5em);
    position: relative;
}

.introuductionln .pla-tab-page li {
    margin: 0;
}

.pla-tab-page li i.texthide {
    display: block;
    width: 7em;
    text-align: center;
}

.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: 1.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: #0080ff;
    border-bottom-color: #0080ff;
}

.service .parks-header-list.active a {
    border-bottom-color: #0080ff;
}

.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: 1rem;
    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';*/
    content: attr(data-before-content);
    background-image: none;
    width: 5em;
    height: 1.4rem;
    font-size: 1rem;
    line-height: 1.4rem;
}

.parks-crumbs-list {
    margin-right: 0.5rem;
    font-size: 1rem;
    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%;
    /*margin-top: 1rem;*/
}

.parks-article-con p img {
    width: unset;
    /*margin-top: 1rem;*/
}

.parks-article-con .img-fit {
    /*height: auto !important;*/
}

.parks-article-title .time {
    font-size: 1rem;
    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: #0080ff;
}

.park-exercise-list .list-poster,
.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: 1rem;
    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: 2.6rem;
    border-radius: 4px;
    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: #0080ff;
    border-color: #0080ff;
    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 #0080ff;
    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: #0080ff;
    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: #0080ff;
    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: 1rem;
    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: #0080ff;
}

.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: #0080ff;
    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 {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding-top: 10.31rem;
    color: #fff;
    font-size: 1.25rem;
    line-height: 2;
    min-height: 12rem;
}

.banner-text-con p {
    margin-bottom: 1.5rem;
}

.banner-text-con p:first-child {
    font-size: 3rem;
    line-height: 1;
    font-weight: 600;
}

/* service menu end */
/*  */
.resources .banner .banner-text-con {
    padding-top: 12rem;
}

.resoureces-center {
    width: 100%;
    margin-top: 1.5rem;
    padding: 1.5rem;
    background-color: #fff;
    box-sizing: border-box;
}

.park-resoureces-warpper-g {
    width: 100%;
}

.park-resoureces-warpper-g:first-child {
    background: #fff;
}

.park-resoureces-warpper {
    display: flex;
    margin: 0 auto;
}

.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;
}

.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: #0080ff;
}

.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: #0080ff;
}

.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: 1rem;
    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: #0080ff;
    border-top: 1px solid #efefef;
    font-size: 1.25rem;
}

.park-res-con-list .btn:hover {
    background-color: #0080ff;
    border-top-color: #0080ff;
    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: 1rem;
}

.disbe-other.red {
    background-color: #ff9483;
}

.disbe-other.theme {
    background-color: #0080ff;
}

.bgary {
    background-color: #fafafa;
}

.enter-title {
    margin: 3.31rem auto 0;
    font-size: 1.4rem;
    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-title-wrap {
    padding: 1.66rem 2rem;
    background-color: #fff;
}

.enter-title-wrap .enter-title,
.enter-title-wrap .enter-title-desc {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.enter-title-wrap .enter-title {
}

.enter-title-wrap .enter-title-desc {
    margin-left: 4px;
    color: #0080ff;
}

.enter-title-wrap .enter-tools {
    float: right;
}

.box-info {
    margin-bottom: 1.5rem;
}

.box-info .enter-title,
.box-info .info-tools {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.box-info .info-tools {
    margin-left: 1rem;
}

.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: #0080ff;
    border-color: #0080ff;
    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: 1rem;
    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: #0080ff;
    border-color: #0080ff;
    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;*/
    padding: 0.5rem 1.3rem;
    color: #fff;
    background-color: #0080ff;
    cursor: pointer;
    border-radius: 4px;
}

.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: #0080FF;
} */
/*  */
.modal {
    display: none;
    position: fixed;
    z-index: 10002;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: -1;
    align-items: center;
}

.modal.show {
    display: block;
    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);
    /*box-shadow: 0 0 1.5rem rgba(0,0,0,0.2);*/
}

.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 {
    position: relative;
    min-height: 3.25rem;
    padding: 0 0 0 1.5rem;
    background-color: #fff;
    display: flex;
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0 0;
}

.modal-header span:first-child {
    line-height: 3.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.75rem;
    padding: 0.44rem 1.38rem;
    margin-top: 1rem;
    cursor: pointer;
}

.modal-tab-list:hover {
    color: #0080ff;
}

.modal-tab-list.active {
    border-color: #ccc;
    background-color: #f2f2f2;
    color: #0080ff;
    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: 1rem;
    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 {
    width: 3.25rem;
    height: 3.25rem;
    line-height: 3.25rem;
    color: #0080ff;
    font-weight: bold;
    text-align: center;
}

.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;
    border-radius: 0 0 4px 4px;
}

.modal-footer.mar1_5r {
    padding: 1.5rem;
}

.modal-flex-end {
    justify-content: flex-end;
}

.modal-footer-left {
    font-size: 1rem;
    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 {
    min-width: 9.63rem;
    height: 2.88rem;
    border-radius: 4px;
    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 {
    border-width: 0;
    background-color: #0080ff;
    color: #fff;
}

.modal-content-con {
    box-sizing: border-box;
    max-height: calc(100% - 10rem);
    padding: 2.5rem 1.5rem 1rem 1.5rem;
    background-color: #fff;
    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: 1rem;
    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: 1rem;
    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: 1rem;
    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: 1rem;
    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: 1rem;
    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: 1rem;
}

.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: 1rem;
    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: 1rem;
    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: 1rem;
    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: #0080ff;
    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: 1rem;
    color: rgba(153, 153, 153, 1);
    line-height: 1.5rem;
}

.width100 {
    width: 100%;
}

.loadimgtips {
    font-size: 1rem;
    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: 1.5rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-query-list {
    padding: 1.5rem 0;
    position: relative;
}

.service-query-list + .service-query-list {
    border-top: 1px solid #ddd;
}

.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.9rem;
    font-weight: lighter;
    border-radius: 99px;
    color: #fff;
}

.service-query-list.pending .icon {
    background-color: #0080ff;
}

.service-query-list.inprocessing .icon {
    background-color: #ff9483;
}

.service-query-list.inprocessing .info {
    display: none;
    color: #ff9483;
    font-size: 1rem;
    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: 1rem;
    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: #0080ff;
    border-color: #0080ff;
    color: #fff;
}

.service-query-warpper {
    padding: 1.5rem;
    background: #fff;
    margin: 0 auto 1.5rem auto;
}

.service-query-title {
    display: flex;
    box-sizing: border-box;
    margin-bottom: 1rem;
    /*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: 1rem;
}

.service-query-title p {
    /*line-height: 3.63rem;*/
    font-size: 1.33rem;
    /*margin-bottom: 1.5rem;*/
}

.service-query-con {
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
    /*padding: 1.5rem 0;*/
    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: 1rem;
    /*line-height: 1.4;*/
    margin-right: 0.5rem;
}

.service-query-con input {
    box-sizing: border-box;
    padding: 0 0.75rem;
    font-size: 1.1rem;
    /*line-height: 2.6rem;*/
    height: 2.6rem;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-right: 1rem;
    color: #333;
}

.service-query-con select {
    box-sizing: border-box;
    padding: 0 0.75rem;
    font-size: 1.1rem;
    /*line-height: 2.6rem;*/
    height: 2.6rem;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-right: 1rem;
    color: #333;
}

.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;
}

.query-col {
    display: flex;
    padding: 0.5rem 0;
}

.query-label {
    min-width: 1px;
    margin-left: 0 !important;
    line-height: 2.6rem;
    white-space: nowrap;
}

.query-input {
    flex: 1;
}

.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: 1rem;
    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: 1rem;
}

.step-list:first-child .step-show::before {
    display: none;
}

.step-list.over .step-show::before,
.step-list.over .step-show::after {
    background: #0080ff;
    right: 1.88rem;
}

.step-list .con .staus {
    font-size: 1rem;
    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: #0080ff;
}

.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: #0080ff;
    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: #0080ff;
    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: 1rem;
    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: #0080ff;
    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: 1rem;
    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: 1rem;
    color: #333;
    line-height: 1.5rem;
    margin-bottom: 0.75rem;
}

.service-base-detail-con p {
    font-size: 1rem;
    color: #999;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
}

/**/
.inputgroup {
    display: flex;
}

.inputgroup label {
    width: 5rem;
}

.form-disable .inputgroup {
}

.inputgroup label {
    font-size: 1rem;
    color: #333;
    line-height: 1.25rem;
    margin-right: 0.75rem;
}

.form-disable .inputgroup label {
}

.inputgroup input {
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.25rem;
    width: 18.75rem;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0.65rem;
    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: 1rem;
    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: 1rem;
    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: #0080ff;
}

.info-detail-checkboxs .layui-form-checked[lay-skin='primary'] i,
.payment-modal-list .layui-form-checked[lay-skin='primary'] i {
    border-color: #0080ff !important;
    background-color: #0080ff;
}

.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: 1rem;
    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: 1rem;
    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: #0080ff;
}

.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: #0080ff;
}

.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: 1rem;
    color: #ccc;
    line-height: 1.25rem;
    vertical-align: middle;
    padding-left: 0.3rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    position: relative;
}

.carry-modal-input .normal-text {
    color: #ff5b5a;
    margin-right: 3px;
    position: absolute;
    left: -0.3rem;
    top: 50%;
    transform: translateY(-50%);
}

.carry-modal-input input {
    width: 9.5rem;
    height: 1.88rem;
    font-size: 1rem;
    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: 1rem;
    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 **/

/*企业工作台 补充*/
.right {
    width: calc(100% - 13.8rem);
    height: 100%;
    transition: width 0.3s linear;
}

.message-header {
    height: 4rem;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.07rem 0.25rem 0rem rgba(0, 21, 41, 0.12);
    /* font-size:1.5rem; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #eee;
}

.message-company_name {
    /* width:22.5rem; */
    height: 2.07rem;
    font-size: 1.5rem;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: rgba(3, 127, 255, 1);
    line-height: 2.07rem;
    padding-left: 2.5rem;
}

.message-logo {
    display: flex;
}

.safeout {
    margin-right: 1.5rem;
}

.message-query {
    position: relative;
    display: flex;
    margin: -1.5rem -1.5rem 1.5rem -1.5rem;
    padding-left: 1rem;
    /*width: 100%;*/
    height: 4.2rem;
    line-height: 4.2rem;
    box-shadow: inset 0rem 0.07rem 0.25rem 0rem rgba(0, 21, 41, 0.12);
    background-color: #fff;
}

.message-query .btn {
    /*width:7.5rem;*/
    height: 100%;
    /* background:#fff; */
    /* border:1px solid #E3E3E3; */
    /* border-bottom: 1px solid #0080FF; */
    font-size: 1.13em;
    color: #001529;
    /* color: rgba(0,21,41,1); */
    margin: 0 1.2rem;
}

/*.message-query .btn:after {*/
/*    content: "";*/
/*    display: block;*/
/*    margin: auto;*/
/*    width: 4rem;*/
/*    height: 3px;*/
/*    background-color: #0080FF;*/
/*}*/
.message-query .btn:last-child {
    /*margin-left: -1px;*/
}

/* .message-query .btn:hover, */
.message-query .btn.active {
    /* background-color: #0080FF; */
    /* border-color: #0080FF; */
    /*border-bottom: 2px solid #0080FF;*/
    color: #0080ff;
    /* color: #fff; */
}

.message-table-warpper {
    width: 100%;
    margin-top: 1.5rem;
    padding: 1.5rem;
    background-color: #fff;
    box-sizing: border-box;
}

.message-table-title {
    color: #333;
    font-weight: bold;
}

.message-table-info {
}

.message-table-info .info-tools {
    display: inline-block;
    margin-left: 1rem;
}

.message-table-info .info-tools .btn {
    margin-left: 4px;
    margin-right: 4px;
}

/**/
.animate-line {
    position: absolute;
    bottom: 0;
}

.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: #0080ff !important;
}

.layui-laydate .layui-laydate-footer span:hover {
    color: #0080ff;
}

.layui-laydate .layui-laydate-header i:hover,
.layui-laydate .layui-laydate-header span:hover {
    color: #0080ff;
}

.layui-form-select dl dd:hover,
.layui-form-select dl dd.layui-this {
    background-color: #0080ff;
    color: #fff;
    transition: unset;
}

.layui-form-checkbox[lay-skin='primary']:hover i {
    border-color: #0080ff;
}

.layui-form-checked[lay-skin='primary'] i {
    border-color: #0080ff !important;
    background-color: #0080ff;
}

.layui-table[lay-filter='mytable'] {
    margin: 0;
}

.layui-table .btn {
    background: #fff;
    padding: 0 1rem;
    border-radius: 0.13rem;
    border: 0.06rem solid #999;
    font-size: 1rem;
    color: rgba(102, 102, 102, 1);
    line-height: 1.75rem;
}

.layui-table {
    margin: 5px auto;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #0080ff;
}

.layui-laypage a:hover {
    color: #0080ff;
}

.layui-laypage input:focus,
.layui-laypage select:focus {
    border-color: #0080ff !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: #0080ff;
}

.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: #0080ff;
}

.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 {
    min-width: 5rem;
    height: 1rem;
    font-weight: 500;
    line-height: 16px;
}

.whiteNavigation .index_workbench {
    color: #0080ff;
}

.logout {
    width: 4rem;
    height: 1rem;
    font-weight: 500;
    line-height: 16px;
}

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

#message—table {
    margin: 0;
}

/*
@author: dwh
    增加客服处理结果
*/
.result-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;
}

.result-form {
    background-color: #f2f2f2;
    padding-bottom: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.result-form:after {
    display: block;
    content: '';
    clear: both;
}

.pla-con-files > .result-form {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-right: 2em;
    padding-top: 2em;
}

.result-form .layui-form-item {
    width: 100%;
    display: flex;
    /*justify-content: center;*/
    margin-bottom: 1.18rem;
}

.result-form .result-form-label {
    height: 100%;
    padding: 0 2em;
    width: 80px;
}

.result-input {
    display: flex;
}

.result-input-deal li {
    margin-right: 2.63rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #30a126;
    cursor: default;
}

.result-input-back li {
    margin-right: 2.63rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ff0808;
    cursor: default;
}

.result-input-back li:before {
    display: block;
    content: '';
    width: 3.38rem;
    height: 3.38rem;
    background-image: url('../images/satisfied/Satisfied_1.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.5em;
}

.result-input-deal li:before {
    display: block;
    content: '';
    width: 3.38rem;
    height: 3.38rem;
    background-image: url('../images/satisfied/Satisfied_blue_3.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.5em;
}


textarea.result-input {
    resize: none;
    border: none;
    padding: 0.5em;
    width: 100%;
    cursor: default;
}

.pla-con .result-form .layui-form-item {
    width: 90%;
}

.result-form .theme-btn {
}