﻿.sidebar-menu li.header {
    padding:15px 25px 15px 20px;
}
.skin-green-light .sidebar-menu > li.header {
    color:#333;font-size:14px;
}
 .skin-green-light .main-sidebar {
        background-color:#fff;
    }
    .content-header {
        padding:25px 30px 10px 60px;
    }
        .content-header > .breadcrumb {
            right:40px;
        }
    .content {
        padding-left:30px;
        padding-right:30px;
    }
    .content-wrapper {
        background-color:#f5f5f5;
    }
    .skin-green-light .content-wrapper {
        border-left:none;
    }
    .label {border-radius:20px;}
    .skin-green-light .sidebar a>i{color: #00a65a;}
    .skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a {
        color: #00a65a;}
    .content-header > h1 {font-size:18px;}
    .content-header > h1 > small {font-size:14px;}
    .text-muted {
        color:#999;
    }
    .f16 {
        font-size:16px;
    }
.f22 {
    font-size:22px;
}
.f22 a{
    color:#333;
}
    .mb30 {
    margin-bottom:30px;
    }
    .zh-box-r10 {
        border-radius:10px;
    }
    .zh-box-item {
        padding:30px;
    }
    .zh-box-item-img {
        width:100%;padding-top:66.667%;height:1%;position:relative;overflow:hidden;
    }
    .zh-box-item-img img {position:absolute;top:0;left:0;right:0;}
    .zh-box-item-part p b{font-weight:normal;}
    .zh-box-item-part p {margin-bottom:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .zh-btn {
        display: inline-block;width:108px;height:32px;line-height:32px;border-radius:4px;text-align:center;font-size:16px;color:#fff;
    }
        .zh-btn:hover {
            color:#fff;
        }
    .zh-btn-succ {
        background-color:#00a65a;
    }
    .zh-btn-warning {
        background-color:#f39c12;
    }
    .zh-btn-none {
        background-color:#bbbbbb;
    }


    /**园区详情**/
.list-group-unbordered > .list-group-item {
min-width:50%;float:left;
}
    .list-group-unbordered > .list-group-item:first-child,.list-group-unbordered > .list-group-item:last-child {
        width:100%;
    }
.zh-park-carousel-img {
    width:100%;padding-top:75%;height:1%; position:relative;overflow:hidden;background:rgba(0,0,0,.1);
}
.zh-park-carousel-img img{
    position:absolute;top:0;left:0;right:0;
    width:100%;
}
.zh-park-img {
    width:100%;padding-top:62.5%;height:1%;position:relative;overflow:hidden;border:1px solid #f5f5f5;
}
    .zh-park-img img {
        position:absolute;top:0;left:0;right:0;max-width:100%;
    }
.zh-parks-box-footer p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height:40px;
}
.zh-park-group {
    font-size:16px;
    display:block;
    overflow:hidden;
}
    .zh-park-group ul {
        display:block;
        overflow:hidden;
        margin-bottom:0;
    }
    /*.zh-park-group ul li {
        display:flex;
    }*/
.zh-park-group ul li b{
   font-weight:normal;
}
    /*.zh-park-group ul li span {flex: 1;}*/
.park-icon {
    display:inline-block;vertical-align:top; width:20px;height:20px;margin-right:5px;
}
.icon01 {
    background:url('../images/rent/icon01.png') no-repeat center;
    background-size:100%;
}
.icon02 {
    background:url('../images/rent/icon02.png') no-repeat center;
    background-size:100%;
}
.icon03 {
    background:url('../images/rent/icon03.png') no-repeat center;
    background-size:100%;
}
.icon04 {
    background:url('../images/rent/icon04.png') no-repeat center;
    background-size:100%;
}
.icon05 {
    background:url('../images/rent/icon05.png') no-repeat center;
    background-size:100%;
}
.icon06 {
    background:url('../images/rent/icon06.png') no-repeat center;
    background-size:100%;
}
.icon07 {
    background:url('../images/rent/icon07.png') no-repeat center;
    background-size:100%;
}
.icon08 {
    background:url('../images/rent/icon08.png') no-repeat center;
    background-size:100%;
}
.icon09 {
    background:url('../images/rent/icon09.png') no-repeat center;
    background-size:100%;
}
.icon10 {
    background:url('../images/rent/icon10.png') no-repeat center;
    background-size:100%;
}
.zh-park-tabs-custom {
    font-size:16px;
}
    .zh-park-tabs-custom b {
        font-weight:normal;
    }
.zh-park-tabs {
    border-bottom:1px solid #eaeaea;
}
    .zh-park-tabs > li{
        border-top:none;padding:10px 20px;
    }
    .nav-tabs-custom > .zh-park-tabs > li > a {
        padding:7px 5px;border:none;border-bottom:2px solid transparent;
    }
.nav-tabs-custom>.zh-park-tabs>li.active {
     border:none; 
}
.nav-tabs-custom > .zh-park-tabs > li {
    margin-bottom:0;border:none;
}
.zh-park-tabs > li.active > a, .zh-park-tabs > li.active > a:focus, .zh-park-tabs > li.active > a:hover {
    border:none;border-bottom:2px solid transparent;
}
.nav-tabs-custom > .zh-park-tabs > li:first-of-type.active > a {
    border:none;border-bottom:2px solid #00a65a;
}
.nav-tabs-custom > .zh-park-tabs > li.active > a {
    border:none;border-bottom:2px solid #00a65a;
}
.zh-park-tabs-custom .box-header {
    color:#00a65a;font-size:16px;padding:10px 15px;
}
.zh-park-tabs-custom .box-header .box-title {
    font-size:16px;
}
.nav-stacked > li > a {
    border-left:none;
}
.zh-park-detailinfo {
    padding:10px 15px;
    font-size:16px;
    line-height:1.8;
}
    .zh-park-detailinfo img {
        width:auto;max-width:100%;
    }
.zh-park-more .box-header {
    padding:15px 30px;
}
.zh-park-more .box-header .box-title {
    font-size:16px;
}
.zh-park-more .box-body {
    padding:25px;
}
.zh-park-more .box-footer {
    background-color:#f5f5f5;
}
.zh-park-group-btn .zh-btn {
    margin-top:10px;
    display: inline-block;
    width: 240px;
    height: 70px;
    line-height:70px;
    border-radius: 4px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

/**第二版**/
.details-con {
    padding:20px 0;border-bottom:2px solid #f5f5f5;
}
.details-con ul{
    padding:0;margin:0;
    display:block;
    overflow:hidden;
}
    .details-con ul li {
        float:left;
        width: 25%;
        list-style:none;
        text-align:center;
        color:#333;
        font-size:16px;
        position:relative;
    }
        .details-con ul li:after {
            content:"";
            border-right:2px solid #f5f5f5;
            height:80px;
            position:absolute;
            top:50%;right:0; margin-top:-40px;
        }
        .details-con ul li:last-child:after {
            content:"";border-right:none;
        }
        .details-con ul li i {
            margin:0 auto; display:block;width:40px;height:40px;
        }
            .details-con ul li i img {
               max-width:100%;
            }
        .details-con ul li p {
            margin:5px 5px 0;font-size:20px;
            overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
        }
.details-sec {
    display:flex;
    justify-content:space-between;
    align-items:center;color:#333;font-size:16px;padding:20px 40px 0 60px;
}
    .details-sec p {
        font-size:24px;
    }
.details-sec-call{
    margin-left:20px;
    display: inline-block;
    width: 128px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background:#00a65a url('../images/rent/icon-call.png') no-repeat center left;
    background-size:20px;
    background-position:15px center;
    border-radius:3px;
    text-align:center;
    text-indent:20px;
}
    .details-sec-call:hover {
        color:#fff;
    }
.details-mobile h3{
   color:#00a659;font-size:16px; 
}
.details-mobile p {
    font-size:14px;
}
.details-mobile p span{
    color:#f39c12;
}
.mobile-hidden-lg {
        display:none;
    }
.details-mobile .details-sec-call{
    margin-left:10px;
    display: inline-block;
    width: 94px;
    height:24px;
    line-height: 24px;
    color: #fff;
    background:#00a65a url('../images/rent/icon-call.png') no-repeat center left;
    background-size:10px;
    background-position:5px center;
    border-radius:3px;
    text-align:center;
    text-indent:10px;
}
.details-mob-ding {
    margin-left:5%; display:inline-block;width:14px;height:18px;
}
    .details-mob-ding img {
        max-width:100%;
    }

/**弹窗*/
.modal-content {
    border-radius:15px;overflow:hidden;
}
.modal-header {
    padding:50% 20px 0;
    background: url('../images/rent/model-bgb.png') no-repeat center top;
    background-size:100%;
    position:relative;
    border-bottom:0;
}
    .modal-header .close {
        position: absolute;
        top: 17px;
        right: 20px;
        width: 40px;
        height: 40px;
        background: url('../images/rent/icon-del.png') no-repeat center;background-size:100%;
        opacity:1;
        outline:none;
    }
        .modal-header .close span {
            display:none;
        }
.modal-title {
   color:#00a659; 
}
.form-control {
    border-color:#00a659;border-radius:5px;
}
.modal-body {
   padding:15px 20px;
}
.modal-body button {
    width:90px;height:32px;float:right;margin-right:20px;border:1px solid #00a659;border-radius:5px;outline:none;
}
.modal-body button.Submit {
    background-color:#00a659;color:#fff;
}
.modal-body button.cancel {
     background-color:#fff;color:#00a659;
}

/**提示消息**/
.tip-box {
    max-width: 1200px;
    margin: 3% auto 0;
    border-radius: 15px;
    overflow: hidden;
    background: url('../images/rent/tip-none.png');
}
    .tip-box img {
        max-width:100%;vertical-align:top;
    }
.tip-box-body {
    padding:0 70px;text-align:center;font-size:18px;
}
.tip-box-body-info {
    float:left; color:#fff;font-size:18px;padding:50px 0 0;
}
.tip-box-body-img {
   float:right; margin-right:100px;padding-top:15px;
}

@media (max-width: 1440px) {
    .content-header {padding: 25px 20px 10px 30px;}
    .content {padding-left:20px;padding-right: 20px;}
    .mb30 {margin-bottom: 20px;}
    .zh-box-item {padding: 20px;}
    .zh-box-item-part p {margin-bottom: 8px;}
    .padding-bottom-lg {padding-bottom: 15px;}
    .zh-park-group {font-size: 14px;}
}
@media (max-width: 1024px) {
    .details-con ul li {
        font-size:14px;
        width: 50%;
        margin:10px 0;
    }
    .details-con ul li:after {
            content:"";
            border-right:0;
        }
    .details-con ul li p {
        font-size:18px;
    }
    .details-sec {
        display:none;
    }
    .mobile-hidden-lg {
        display:block;
    }
    .zh-park-group-btn .zh-btn {
        width: 120px;height:36px;line-height:36px;font-size:16px;
    }
}

@media (max-width: 767px) {
    .content-wrapper .container .content-header {
        padding: 15px 5px 0px 15px;
    }
    .content-header {padding:15px;}
    .content {padding:0px 10px 15px;}
    .zh-box-item h3{margin-top:20px !important;}
    .f16{font-size:14px;}
    .f22 {font-size:18px;}
    .zh-box-item {padding: 15px;}
    .content-header > h1 {font-size:16px;}
    .zh-park-group {font-size: 14px;}
    .list-group-item {padding: 7px 0px;}
    .zh-park-tabs-custom {font-size: 14px;}
    .zh-park-more .box-header {padding:10px 15px;}
    .zh-park-more .box-header .box-title {font-size:14px;}
    .zh-park-more .box-body {padding:10px;}
    .zh-park-detailinfo {padding: 10px 10px;font-size: 14px;line-height: 1.6;}
    .zh-park-group-btn .zh-btn {
        width: 120px;height:36px;line-height:36px;font-size:16px;
    }
    .list-group-unbordered > .list-group-item {width:100%;}
    .modal-header .close {
        position: absolute;
        top: 17px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: url('../images/rent/icon-del.png') no-repeat center;background-size:100%;
        opacity:1;
        outline:none;
    }
    .tip-box-body {
    padding:10px;text-align:center;font-size:18px;
}
.tip-box-body-info {
    float:none;padding:20px 0 0;text-align:center;
}
.tip-box-body-img {
    float:none;margin-right:0px;padding-top:20px;
}
    .tip-box-body-img img {
        width:80%;
    }

   .map-visible-lg,.details-sec {
        display:none;
    }
    .mobile-hidden-lg {
        display:block;
    }
    .details-con ul li {
        margin:5px 0;
    }
        .details-con ul li i {width:20px;height:20px;}
        .details-con ul li p {
            margin:5px 0 0;font-size:15px;
        }
        .details-con ul li span{font-size:12px;color:#999;}
}