@import url('lightgallery.min.css');
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover{
    border-color: #f5580c;
}
.lg-outer .lg-thumb-outer .lg-thumb-item{
    position: relative;
}
.lg-outer .lg-thumb-outer .lg-thumb-item .tip-name{
    position: absolute;
    width: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    top: 50%;
    margin-top: -11px;
    left: 0;
}
.bj-gray{
    background-color: #f4f4f4;
}

.detail-shortinfo{
    margin: 12px 0 0;
    text-align: right;
    font-size: 12px;
}
.detail-shortinfo span{
    margin: 0 0 0 15px;
    position: relative;
}
.detail-shortinfo span .appicon{
    margin: 0 2px 0 0;
    font-size: 14px;
}
.detail-shortinfo span .bdsharebuttonbox a,
.detail-shortinfo span .bdsharebuttonbox{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: none;
}
.detail-zdh{
    margin: 15px 0 20px;
    height: 20px;
    line-height: 20px;
    color: #aeafaf;
    font-size: 14px;
}
.detail-zdh a{
    padding: 0 5px;
}
.detail-zdh span{
    padding: 0 5px;
}
.detail-header{
    position: relative;
    height: 600px;
}
.detail-header .pic-box{
    float: left;
    width: 720px;
    height: 600px;
}
.detail-header .pic-box .stage .txt{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
    left: 0;
    bottom: 0;
    padding: 0 15px;
    color: #fff;
}
.detail-header .pic-box .stage {
    width: 720px;
    margin: 0 auto;
    position: relative;
}
.detail-header .pic-box .carousel-stage {
    height: 480px;
    overflow: hidden;
    position: relative;
}
.detail-header .pic-box .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.detail-header .pic-box .carousel ul.lightgallery>li{
    position: relative;
    height: 480px;
    width: 720px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ffffff;
}
.detail-header .pic-box .carousel ul.lightgallery>li .icon-vr{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    background: url('/static/img/vr_icon01.gif') no-repeat center center / contain;
    margin: -100px 0 0 -100px;
    cursor: pointer;
}
.detail-header .pic-box .stage .next-stage,
.detail-header .pic-box .stage .prev-stage{
    position: absolute;
    height: 100%;
    line-height: 480px;
    top: 0;
    width: 80px;
    text-align: center;
    color: #fff;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}
.detail-header .pic-box .stage .appicon{
    font-size: 60px;
    text-shadow: 0 0 8px #000;
    color: rgba(255,255,255,0.6);
    transition: all 0.4s;
}
.detail-header .pic-box .stage .prev-stage{
    left: 0;
}
.detail-header .pic-box .stage .next-stage{
    right: 0;
}
.detail-header .pic-box .stage .next-stage:hover .appicon,
.detail-header .pic-box .stage .prev-stage:hover .appicon{
    color: rgba(255,255,255,0.9);
}
.detail-header .pic-box .stage:hover .next-stage,
.detail-header .pic-box .stage:hover .prev-stage{
    visibility: visible;
    opacity: 1;
}
.detail-header .pic-box .carousel-navigation li,
.detail-header .pic-box .carousel-stage ul li {
    float: left;
}
.detail-box .content .morepic-box .pic .lightgallery img,
.detail-header .pic-box .carousel-stage ul li img{
    margin: 0 auto;
    display: block;
    height: 100%;
}
.detail-header .pic-box .navigation {
    width: 660px;
    margin: 10px auto;
    position: relative;
}
.detail-header .pic-box .carousel-navigation {
    height: 80px;
    width: 650px;
    overflow: hidden;
    position: relative;
}
.detail-header .pic-box .carousel-navigation li {
    cursor: pointer;
    padding: 0 7px;
    position: relative;
}
.detail-header .pic-box .carousel-navigation li img {
    display: block;
    width: 120px;
    height: 80px;
}
.detail-header .pic-box .carousel-navigation li.active img {
    border: 2px solid #40100c;
}
.detail-header .pic-box .carousel-navigation li.active span.txt{
    opacity: 0;
    filter: alpha(opacity=0);
}
.detail-header .pic-box .carousel-navigation li span.txt{
    position: absolute;
    bottom: 4px;
    right: 8px;
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: rgba(0,0,0,0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000);
    color: #fff;
    font-size: 13px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.detail-header .pic-box .carousel-navigation li span i.icon{
    display: inline-block;
    margin-right: 5px;
    width: 23px;
    height: 23px;
    vertical-align: middle;
}
.detail-header .pic-box .carousel-navigation li span.txt1 i.icon{
    background-image: url('/static/img/icon10.png');
}
.detail-header .pic-box .carousel-navigation li span.txt2 i.icon{
    background-image: url('/static/img/icon11.png');
}
.detail-header .pic-box .carousel-navigation li span.txt3 i.icon{
    background-image: url('/static/img/icon12.png');
}
.detail-header .pic-box .navigation>a{
    position: absolute;
    height: 80px;
    line-height: 80px;
    width: 24px;
    text-align: center;
    color: #fff;
    background-color: #40100c;
    top: 0;
    z-index: 1;
    font-size: 36px;
}
.detail-header .pic-box .navigation>a.prev{
    left: -30px;
}
.detail-header .pic-box .navigation>a.next{
    right: -30px;
}
.detail-header .right-box{
    position: relative;
    margin-left: 745px;
    height: 570px;
}
.detail-header .right-box .header-right-bottom{
    position: absolute;
    left: 0;
    bottom: 0;
}
.detail-header .right-box h1.house-title{
    margin: 0 0 10px 0;
    padding: 0 5px 0;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    line-height: 32px;
}
.detail-header .right-box h1.title{
    margin: 0 0 10px 0;
    padding: 0 5px 0 0;
    font-size: 32px;
    color: #000;
    font-weight: 400;
    line-height: 32px;
}
.detail-header .right-box h1.title.border-bottom{
    border-bottom: 1px solid #e9e9eb;
    padding: 0 5px 25px 0;
}
.detail-header .right-box h1.title .link{
    font-size: 14px;
    color: #000;
    padding: 5px 0;
    position: relative;
}
.detail-header .right-box h1.title .link i{
    color: #999999;
    transition: all 0.4s;
}
.detail-header .right-box h1.title .link:hover i,
.detail-header .right-box h1.title .link:hover{
    color: #f5580c;
}
.detail-header .right-box .line{
    margin: 20px 0 0;
    height: 1px;
    background-color: #e9e9eb;
}
.detail-header .right-box .ftitle{
    padding: 0 0 0 5px;
    font-size: 12px;
}
.detail-header .right-box .ftitle .button{
    margin: 0 0 0 10px;
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    background-color: #bbbbbb;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
.detail-header .right-box .block-status-text{
    margin: 10px 0 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: #fef2eb;
    border-radius: 3px;
}
.detail-header .right-box .block-status-text .blue{
    color: #0054ff;
}
.detail-header .right-box .block-status-text .green{
    color: #19aa20;
}
.detail-header .right-box .block-status-text .gray{
    color: #999999;
}
.detail-header .right-box .ftitle .head-pic{
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
}
.detail-header .right-box .ftitle .name{
    color: #4497d1;
    margin: 0 5px;
}
.detail-header .right-box .ftitle .read,
.detail-header .right-box .ftitle .time{
    color: #6e6e6e;
}
.detail-header .right-box .main-list{
    overflow: hidden;
    margin: 10px 0 20px;
}
.detail-header .right-box .main-list .col-xs-4{
    padding: 0 5px;
}
.detail-header .right-box .main-list .ctitle{
    font-size: 16px;
}
.detail-header .right-box .main-list .ctitle big{
    font-size: 34px;
    font-weight: bold;
    line-height: 45px;
}
.detail-header .right-box .main-list .name{
    font-size: 12px;
    color: #323232;
}
.detail-header .right-box .fmain-list{
    margin: 0 0 26px;
    overflow: hidden;
    border-bottom: 1px solid #f2eae9;
}
.detail-header .right-box .l-border{
    position: relative;
}
.detail-header .right-box .l-border::before{
    content: '';
    width: 1px;
    height: 100%;
    background-color: #ebecf0;
    position: absolute;
    left: 0;
    top: 0;
}
.detail-header .right-box .price-box{
    padding: 5px 0 15px;
}
.detail-header .right-box .price-box .price{
    font-size: 34px;
    color: #e84a01;
    font-weight: bold;
}
.detail-header .right-box .price-box .price small{
    font-size: 18px;
}
.detail-header .right-box .price-box.estate-price .price-list{
    font-size: 16px;
    color: #000000;
    padding: 0;
}
.detail-header .right-box .price-box.estate-price .price-list.small{
    font-size: 12px;
}
.detail-header .right-box .price-box.estate-price .price-list.small .price{
    font-size: 18px;
    color: #666666;
    font-weight: 400;
}
.detail-header .right-box .price-box.estate-price{
    padding: 0 0 20px;
}
.detail-header .right-box .price-box .price-list .sprice{
    font-size: 28px;
    color: #f5580c;
    font-weight: 600;
    margin: 0 2px;
}
.detail-header .right-box .price-box .update{
    font-size: 14px;
    color: #a1a1a1;
    margin-left: 35px;
}
.detail-header .right-box .price-box .update .red{
    color: #ff0000;
}
.detail-header .right-box .price-box .update .green{
    color: #48c265;
}
.detail-header .right-box .col30{
    float: left;
    width: 30%;
}
.detail-header .right-box .col40{
    float: left;
    width: 40%;
}
.detail-header .right-box .col50{
    float: left;
    width: 50%;
}
.detail-header .right-box .col100{
    width: 100%;
}
.detail-header .right-box .col3{
    height: 70px;
}
.detail-header .right-box .col30 .icon-stamp{
    position: absolute;
    z-index: 2;
    top: 220px;
    left: 100px;
    width: 72px;
    height: 72px;
}
.detail-header .right-box .col30 .icon-stamp.sold{
    background: url('/static/img/icon_stamp01.png') no-repeat center center / contain;
}
.detail-header .right-box .col30 .icon-stamp.reserved{
    background: url('/static/img/icon_stamp02.png') no-repeat center center / contain;
}
.detail-header .right-box .col3 .ctitle{
    position: relative;
    font-size: 16px;
    color: #e44a00;
    margin: 5px 0;
}
.detail-header .right-box .col3 .ctitle .text-old{
    position: relative;
    font-size: 16px;
}
.detail-header .right-box .col3 .ctitle .text-old::before{
    content: '';
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f56a25;
    transform: rotate(15deg);
}
.detail-header .right-box .col3 .ctitle .text-old-rent{
    padding: 18px 0 0;
    text-decoration: line-through;
    font-size: 16px;
}
.detail-header .right-box .col3 .ctitle .text-new-rent big{
    font-size: 28px;
    line-height: 35px;
}
.detail-header .right-box .col3 .ctitle .text-new-rent{
    position: absolute;
    top: -10px;
    font-size: 16px;
    color: #1075bd;
    line-height: 35px;
}
.detail-header .right-box .col3 .ctitle .text-new{
    color: #1075bd;
}
.detail-header .right-box .col3 p.name{
    font-size: 13px;
    color: #a1a1a1;
}
.detail-header .right-box .user-box{
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 26px;
    padding: 26px 0 0;
    border-top: 1px solid #f2f2f2;
}
.detail-header .right-box .user-box .pic{
    position: absolute;
    top: 26px;
    left: 0;
    width: 62px;
    height: 62px;
    vertical-align: top;
    border-radius: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.detail-header .right-box .user-box .txt-box{
    display: inline-block;
    margin: 2px 0 0 10px;
    width: 100%;
    padding: 0 0 0 65px;
    height: 62px;
    vertical-align: top;
}
.detail-header .right-box .user-box .txt-box .sname{
    color: #999999;
    font-size: 16px;
}
.detail-header .right-box .user-box .txt-box .sname .realname{
    color: #333333;
    font-size: 24px;
    font-weight: 600;
}
.detail-header .right-box .user-box .txt-box .stime{
    color: #333333;
    font-size: 14px;
}
.detail-header .right-box .sure-time{
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e9e9eb;
    border-bottom: 1px solid #e9e9eb;
    font-size: 14px;
    margin-bottom: 10px;
}
.detail-header .right-box .sure-time .blue{
    color: #4497d1;
}
.detail-header .right-box .sure-time .gray{
    color: #666;
}
.detail-header .right-box .sure-time i{
    margin-right: 3px;
}
.detail-header .right-box .col1,
.detail-header .right-box .col2{
    padding: 0 5px;
    overflow: hidden;
}
.detail-header .right-box .col-xs-12,
.detail-header .right-box .col-xs-6{
    padding: 0;
}
.detail-header .right-box .content{
    font-size: 14px;
    margin-bottom: 12px;
    height: 25px;
    line-height: 25px;
    position: relative;
}
.detail-header .right-box .content .dropdown-menu{
    min-width: auto;
    right: 15px;
    left: initial;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border: 2px solid #e0e0e0;
    font-size: 15px;
    transition: all 0.4s;
    top: 80%;
    display: block;
    visibility: hidden;
    background-color: #fff;
    opacity: 0;
}
.detail-header .right-box .content.open>.dropdown-menu{
    top: 100%;
    visibility: visible;
    opacity: 1;
}
.detail-header .right-box .content .dropdown-menu>li{
    border-top: 1px solid #e0e0e0;
}
.detail-header .right-box .content .dropdown-menu>li:first-child{
    border-top-width: 0;
}
.detail-header .right-box .content .dropdown-menu>li>a{
    padding: 5px 20px;
    color: #666666;
}
.detail-header .right-box .content .dropdown-menu>li>a:hover{
    background-color: transparent;
    color: #f5580c;
}
.detail-header .right-box .content .menu-txt{
    color: #5eb4f1;
    font-size: 15px;
    margin-left: 5px;
}
.detail-header .right-box .content .menu-txt .appicon{
    margin-left: 5px;
}
.detail-header .right-box.bigheight .content{
    margin-bottom: 20px;
}
.detail-header .right-box .content .blue{
    color: #63a2e3;
}
.detail-header .right-box .content .name{
    color: #a1a1a1;
}
.detail-header .right-box .content .value{
    color: #000;
}
.detail-header .right-box .content .small{
    font-size: 13px;
    color: #000;
}
.detail-header .right-box .content .small.red{
    color: #e44a00;
}
.detail-header .right-box .content i.icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
.detail-header .right-box .content i.icon.icon1{
    background-image: url('/tpl/house/img/houseicon10.jpg');
}
.detail-header .right-box .btn-group{
    padding: 0 5px;
    position: relative;
}
.detail-header .right-box .btn-group.pos-btn-group{
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 485px;
}
.detail-header .right-box .btn-group .tel{
    line-height: 45px;
    margin-left: 25px;
    font-size: 20px;
    color: #000;
}
.detail-header .right-box .btn-group .tel i{
    font-size: 26px;
    color: #e74b00;
    vertical-align: middle;
}
.detail-header .right-box .btn-group .btn-txt{
    /*position: absolute;*/
    display: inline-block;
    width: 60px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #333333;
}
.detail-header .right-box .btn-group .btn-txt .appicon{
    position: relative;
    font-size: 20px;
    color: #999999;
}
.detail-header .right-box .btn-group .btn-txt .appicon .num{
    position: absolute;
    right: 15px;
    top: -4px;
    font-size: 12px;
    color: #f5580c;
    font-weight: bold;
}
.detail-header .right-box .btn-group .btn-txt.pos1{
    left: 10px;
}
.detail-header .right-box .btn-group .btn-txt.pos2{
    left: 80px;
}
.detail-header .right-box .btn-group .btn-submit, .btn-contact{
    margin: 0 0 0 40px;
    /*display: inline-block;*/
    float: right;
    width: 282px;
    height: 60px;
    padding: 0 40px;
    line-height: 60px;
    background-color: #f56a25;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    font-size: 20px;
    cursor: pointer;
}
.detail-header .right-box .btn-group .btn-submit.tel{
    background-color: #ffffff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .12);
    color: #f56a25;
    font-size: 20px;
    width: 260px;
    margin: 0;
}
.detail-header .right-box .btn-group .btn-submit.tel .appicon{
    font-size: 32px;
}
.detail-box .app-download,
.detail-header .right-box .btn-group .app-download{
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    z-index: 2;
    padding: 20px 25px;
    top: 65px;
    left: -80px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
    width: 260px;
}
.detail-box .app-download.show,
.detail-header .right-box .btn-group .app-download.show{
    visibility: visible;
    opacity: 1;
}
.detail-box .app-download .appicon-close,
.detail-header .right-box .btn-group .app-download .appicon-close{
    position: absolute;
    top: 5px;
    right: 10px;
    color: #d8d9da;
    font-size: 26px;
    cursor: pointer;
}
.detail-box .app-download .tip,
.detail-header .right-box .btn-group .app-download .tip{
    color: #000;
    font-size: 16px;
    margin: 8px 0;
    text-align: center;
}
.detail-box .app-download .pic,
.detail-header .right-box .btn-group .app-download .pic{
    border: 1px solid #000;
    width: 112px;
    margin: 10px auto;
}
.detail-box .app-download>a,
.detail-header .right-box .btn-group .app-download>a{
    display: block;
    text-align: center;
    margin: 5px auto;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #f5580c;
    margin: 10px 20px;
    border-radius: 4px;
    color: #f5580c;
}
.detail-box .app-download>a .appicon,
.detail-header .right-box .btn-group .app-download>a .appicon{
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.detail-box .app-download>a:hover,
.detail-header .right-box .btn-group .app-download>a:hover{
    background-color: #f5580c;
    color: #fff;
}
.detail-header .right-box .btn-group.style1{
    float: left;
    display: block;
    width: 100%;
}
.detail-header .right-box .btn-group.style1 .btn-submit{
    margin: 0;
    padding: 0;
    float: left;
    width: 60%;
    min-width: 240px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
}
.detail-header .right-box .btn-group.style1 .btn-attention{
    margin: 0 0 0 15px;
    width: 25%;
    background-color: #ffeae0;
    height: 50px;
    line-height: 50px;
    border: 1px solid #f6793b;
    color: #f56a25;
    font-size: 20px;
}
.detail-header .right-box .hr{
    margin: 10px 0 20px;
    width: 100%;
    height: 1px;
    background-color: #f2eae9;
}
.detail-header .bdsharebuttonbox a,
.detail-header .bdsharebuttonbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
}
.nav-dh{
    height: 63px;
    line-height: 65px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    color: #000;
    border: 1px solid #f0f0f0;
}
.nav-dh ul{
    display: inline-block;
}
.nav-dh ul>li{
    /*width: 120px;*/
    padding: 0 12px;
    height: 65px;
    text-align: center;
    position: relative;
}
.nav-dh ul>li a{
    transition: none;
}
.nav-dh ul>li.active:hover a:hover,
.nav-dh ul>li.active:hover a,
.nav-dh ul>li.active:hover,
.nav-dh ul>li.active{
    background-color: #f56a25;
    color: #fff;
}
.nav-dh ul>li.active::before{
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 12px solid #f56a25;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
}
.nav-dh .pull-right{
    padding-right: 20px;
}
.nav-dh .pull-right.orange{
    color: #e84a01;
    font-size: 14px;
}
.container.scroll-top{
    position: relative;
    padding-top: 120px;
}
.container.scroll-top .nav-dh{
    position: absolute;
    /*width: 1230px;*/
    height: 65px;
    top: 20px;
    right: 20px;
    left: 10px;
    z-index: 9;
}
.detail-box{
    margin: 15px 0 50px 0;
    clear: both;
}
.huxing-box .title,
.modal-detail-box .title,
.detail-box .title{
    padding: 25px 0 15px 10px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 22px;
    color: #333333;
    line-height: 29px;
    letter-spacing: 1px;
}
.modal-detail-box .title .square,
.detail-box .title .square{
    display: inline-block;
    width: 8px;
    height: 38px;
    background-color: #f37c42;
    vertical-align: middle;
    margin-right: 5px;
}
.huxing-box .title span,
.modal-detail-box .title span,
.detail-box .title span{
    vertical-align: middle;
}
.detail-box .title .text-muted{
    margin: 0 0 0 10px;
    font-size: 22px;
}
.detail-box .title strong{
    font-size: 24px;
    color: #333333;
}
.detail-box .title .link-attention{
    margin: 0 15px 0 0;
    font-size: 16px;
    padding-top: 5px;
    color: #999999;
}
.detail-box .title .link-attention:hover,
.detail-box .title .link-attention.active{
    color: #f5580c;
}
.detail-box .title .link-attention .appicon{
    font-size: 18px;
    vertical-align: middle;
}
.detail-box .title .rtxt{
    font-size: 16px;
    color: #c7c7c7;
}
.detail-box .title small.gray{
    font-size: 14px;
}
.detail-box .content{
    /*padding: 38px 50px;*/
    /*padding: 38px 0;*/
    position: relative;
    overflow: hidden;
}
.detail-box .content .rent-setting li {
    margin: 0 25px;
    text-align: center;
}
.detail-box .content .rent-setting li .icon{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background-color: #f4f4f4;
    color: #dadde4;
}
.detail-box .content .rent-setting li .icon .appicon{
    font-size: 32px;
}
.detail-box .content .rent-setting li .sname{
    margin: 10px 0 0; 
    font-size: 18px;
    color: #000000;
}
.detail-box .content .rent-setting li.active .icon{
    background-color: #fef4eb;
    color: #fd8246;
}
.detail-box .content .col-xs-12,
.detail-box .content .col-xs-6{
    padding: 0;
}
.detail-box .content .txt-box p.pcontent{
    margin-bottom: 10px;
}
.detail-box .content .txt-box p.pcontent .value{
    font-size: 14px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
}
.detail-box .content .txt-box p.pcontent .name{
    font-size: 14px;
    color: #999999;
}
.detail-box .content .txt-box .bz{
    margin: 30px 0 0;
    color: #999999;
    font-size: 12px;
    display: block;
}
.detail-box.unityinfo .content .txt-box .value{
    margin: 0 0 0 20px;
}
.detail-box .content .school-bz{
    margin: 0 0 20px;
    font-size: 12px;
    color: #999999;
}
.detail-box .content .morepic-box .pic{
    display: inline-block;
    width: 224px;
    height: 171px;
    margin-left: 30px;
    background-position: center center;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    position: relative;
    cursor: pointer;
    background-size: cover;
}
.detail-box .content .morepic-box .pic:first-child{
    margin-left: 0;
}
.detail-box .content .morepic-box .pic .span{
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #999999;
    bottom: -40px;
    left: 0;
    font-size: 14px;
}
.detail-box .content .morepic-box .pic .lightgallery{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.detail-box .content .morepic-box .pic .lightgallery>li{
    height: 100%;
}
.detail-box .content table.table1{
    font-size: 14px;
}
.detail-box .content table.table1 td{
    padding: 25px 10px;
    border-bottom-color: #f8f8f8;
}
.detail-box .content table.table1 td.no-border{
    border-bottom-color: transparent;
}
.detail-box .content table.table1 .name{
    display: block;
    width: 175px;
    color: #a1a1a1;
}
.detail-box .content table.table1 .value{
    margin: 0;
    line-height: 26px;
    color: #666666;
}
.detail-box .content table.table1 .feature span{
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 12px;
    background-color: #f9f8e5;
    color: #c5a42b;
}
.detail-box .content table.table1 .feature span.red{
    background-color: #ffece8;
    color: #ff8062;
}
.detail-box .content table.table1 .feature span.green{
    background-color: #e1f5ed;
    color: #28b78a;
}
.detail-box .content table.table1 .feature span:nth-child(1){
    background-color: #ffece8;
    color: #ff8062;
}
.detail-box .content table.table1 .feature span:nth-child(2){
    background-color: #e1f5ed;
    color: #28b78a;
}
.detail-box .content table.table1 .feature span:nth-child(3){
    background-color: #f5f4e1;
    color: #fab010;
}
.detail-box .content table.table1 .feature span:nth-child(4){
    background-color: #e8f6ff;
    color: #55ade5;
}
.detail-box .content table.table1 .feature span:nth-child(5){
    background-color: #f7eafd;
    color: #d37bf4;
}
.detail-box .content .feather-content .box{
    position: relative;
    padding: 0 10px;
    font-size: 14px;
}
.detail-box .content .feather-content .box .name{
    position: absolute;
    top: 25px;
    left: 0;
    width: 175px;
    color: #a1a1a1;
}
.detail-box .content .feather-content .box .value{
    margin: 0 0 0 175px;
    padding: 25px 0;
    line-height: 26px;
    color: #666666;
    border-bottom: 1px solid #f8f8f8;
}
.detail-box .content .feather-content .feature span{
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 12px;
    background-color: #f9f8e5;
    color: #c5a42b;
}
.detail-box .content .feather-content .feature span:nth-child(1){
    background-color: #ffece8;
    color: #ff8062;
}
.detail-box .content .feather-content .feature span:nth-child(2){
    background-color: #e1f5ed;
    color: #28b78a;
}
.detail-box .content .feather-content .feature span:nth-child(3){
    background-color: #f5f4e1;
    color: #fab010;
}
.detail-box .content .feather-content .feature span:nth-child(4){
    background-color: #e8f6ff;
    color: #55ade5;
}
.detail-box .content .feather-content .feature span:nth-child(5){
    background-color: #f7eafd;
    color: #d37bf4;
}
.detail-box .content .feather-more-txt{
    margin: 40px 0 0;
    font-size: 12px;
    color: #999999;
    text-align: center;
    cursor: pointer;
}
.detail-box .content .flowprocess-box{
    display: inline-block;
    width: 945px;
    position: relative;
    margin-top: 16px;
}
.detail-box .content .flowprocess-box .process-wrap{
    white-space: nowrap;
    width: 945px;
    height: 120px;
    overflow: hidden;
}
.detail-box .content .flowprocess-box li{
    width: 188px;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}
.detail-box .content .flowprocess-box li .line{
    width: 100%;
    height: 3px;
    background-color: #f56a25;
    margin-top: 25px;
}
.detail-box .content .flowprocess-box li .circle{
    width: 10px;
    height: 10px;
    background-image: url('/static/img/icon03.jpg');
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 21px;
}
.detail-box .content .flowprocess-box li .time{
    color: #999999;
    font-size: 14px;
    margin-top: 18px;
}
.detail-box .content .flowprocess-box li .value{
    font-size: 16px;
    color: #000000;
    margin-top: 4px;
}
.detail-box .content .flowprocess-box li .value.red{
    font-size: 15px;
    color: #ff1515;
}
.detail-box .content .flowprocess-box li .value.green{
    font-size: 15px;
    color: #39b737;
}
.detail-box .content .flowprocess-box .dh-box{
    position: absolute;
    top: -20px;
    right: 5px;
}
.detail-box .content .flowprocess-box .dh-box span{
    border: 1px solid #dfe1e3;
    border-radius: 2px;
    color: #9ea09f;
    margin-left: 2px;
    cursor: pointer;
}
.detail-box .content .flowprocess-box .dh-box span:hover{
    color: #f5580c;
    border-color: #f5580c;
}
.detail-box .content .new-list{
    width: 700px;
}
.detail-box .content .new-list .first-news{
    margin: -15px 0 0;
}
.detail-box .content .new-list .first-news .stitle{
    color: #010101;
    font-size: 20px;
}
.detail-box .content .new-list .first-news .description{
    margin: 10px 0;
    color: #999999;
    font-size: 14px;
}
.detail-box .content .new-list .first-news .sfoot{
    color: #999999;
    font-size: 14px;
}
.detail-box .content .new-list .newslist{
    margin: 10px 0 0 0;
    padding: 10px 0 0 20px;
    border-top: 1px solid #f2f2f2;
}
.detail-box .content .new-list .newslist>li{
    height: 30px;
    line-height: 30px;
    list-style-type: disc;
    font-size: 14px;
}
.detail-box .content .new-list .newslist>li .txt{
    color: #333333;
}
.detail-box .content .new-list .newslist>li a:hover .txt{
    color: #f56a25;
}
.detail-box .content .news-pic{
    position: absolute;
    top: 40px;
    right: 40px;
    width: 365px;
    height: 220px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .43);
}
.detail-box .content .view-box{
    position: relative;
    margin-top: -4px;
    letter-spacing: 1px;
}
.detail-box .content .view-box .name{
    margin: 5px 5px 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}
.detail-box .content .view-box .big{
    display: inline-block;
    vertical-align: top;
    font-size: 75px;
    line-height: 68px;
    color: #333333;
    font-weight: bolder;
}
.detail-box .content .view-box .ftitle{
    display: inline-block;
    vertical-align: bottom;
    color: #333333;
    font-size: 15px;
}
.detail-box .content .echart1{
    height: 440px;
    text-align: center;
}
.detail-box .content .echart1 .icon{
    font-size: 50px;
    color: #ddd;
    line-height: 450px;
}
.detail-box .content .echart-rtxt{
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 14px;
    color: #999999;
    line-height: 35px;
}
.detail-box .title .tab-title{
    margin-right: 35px;
    color: #b2b2b2;
}
.detail-box .title .tab-title a:hover,
.detail-box .title .tab-title strong{
    color: inherit;
}
.detail-box .title .tab-title.active{
    color: #000000;
}
.detail-box .title .gray{
    font-size: 16px;
    color: #acacac;
}
.detail-box .title .slide-up{
    cursor: pointer;
    font-size: 16px;
    color: #999;
    position: relative;
    top: 10px;
}
.detail-box .title .slide-up:hover{
    color: #f5580c;
}
.detail-box .content .detail-txt p{
    text-indent: 2em;
    font-size: 16px;
    color: #6e6e6e;
    line-height: 32px;
    margin: 0;
    letter-spacing: 1px;
}
.detail-box .content .detail-txt p a.more{
    color: #f5580c;
    margin: 0 10px;
}
.huxing-box .huxing-nav,
.detail-box .huxing-nav{
    margin: 0 auto 10px;
    color: #333333;
    font-size: 16px;
}
.huxing-box .huxing-nav>li,
.detail-box .huxing-nav>li{
    margin-right: 25px;
    font-weight: 600;
}
.huxing-box .huxing-nav>li.active,
.detail-box .huxing-nav>li.active{
    color: #f5580c;
}
.detail-box .huxing-content>li{
    position: relative;
    padding: 25px 0;
    border-top: 1px solid #eeeeee;
    height: 260px;
}
.detail-box .huxing-content>li:first-child{
    border-top-width: 0;
}
.detail-box .huxing-content>li .pic{
    width: 207px;
    height: 207px;
    position: absolute;
    top: 25px;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.detail-box .huxing-content>li .pic .txt{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px;
    background-color: #595959;
    color: #fff;
}
.detail-box .huxing-content>li .pic .play{
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url('/static/img/icon13.png');
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    z-index: 1;
}
.detail-box .huxing-content>li .pic .vr{
    width: 46px;
    height: 28px;
    background-image: url('/static/img/icon14.png');
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.detail-box .huxing-content>li .txt-box{
    margin-left: 240px;
    padding: 10px 0;
}
.detail-box .huxing-content>li .txt-box .name{
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
}
.huxing-box .huxing-wrap .txt-box .status,
.detail-box .huxing-content>li .txt-box .name .status{
    padding: 2px 8px;
    background-color: #9a9a9a;
    color: #fff;
    font-size: 12px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
.huxing-box .huxing-wrap .txt-box .status.orange,
.detail-box .huxing-content>li .txt-box .name .status.orange{
    background-color: #f6580e;
}
.huxing-box .huxing-wrap .txt-box .status.blue,
.detail-box .huxing-content>li .txt-box .name .status.blue{
    background-color: #5181df;
}
.detail-box .huxing-content>li .txt-box .p-content{
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
}
.detail-box .huxing-content>li .txt-box .p-content .text-ellipsis{
    display: inline-block;
    vertical-align: top;
}
.detail-box .huxing-content>li .txt-box .p-content .sname{
    color: #999999;
}
.detail-box .huxing-content>li .txt-box .p-content .value{
    color: #999999;
}
.detail-box .huxing-content>li .txt-box .p-content .value big{
    font-size: 21px;
}
.detail-box .huxing-content>li .txt-box .p-content .gray{
    color: #a1a1a1;
}
.detail-box .huxing-content>li .features-group{
    margin: 15px 0;
}
#huxing-detail .features-group span,
.detail-box .huxing-content>li .features-group span{
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    display: inline-block;
    margin-right: 10px;
    color: #adadad;
    border: 1px solid #ebebeb;
    font-size: 14px;
    border-radius: 2px;
}
.detail-box .huxing-content>li .features-group span.purple{
    background-color: #c5a9dd;
}
.detail-box .huxing-content>li .features-group span.green{
    background-color: #a9ddb4;
}
.detail-box .huxing-content>li .features-group span.yellow{
    background-color: #f4d2a4;
}
.detail-box .huxing-content>li .features-group span.red{
    background-color: #f5c0d5;
}
.detail-box .huxing-content>li .features-group span.blue{
    background-color: #9ad8e8;
}
.detail-box .huxing-content>li .btn-button{
    position: absolute;
    width: 80px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    right: 50px;
    top: 50%;
    margin-top: -27px;
    text-align: center;
}
.detail-box .huxing-morelink{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    color: #999999;
}
.detail-box table.table2 td{
    border-color: #eee;
    padding: 15px 0 0;
}
.detail-box table.table2 td.no-border{
    border: 0;
}
.detail-box table.table2 .name{
    display: block;
    width: 190px;
    color: #f5580c;
    font-size: 14px;
    font-weight: 600;
}
.detail-box table.table2 .p-content{
    font-size: 14px;
    margin: 0 0 15px;
    white-space: nowrap;
    padding: 0;
}
.detail-box table.table2 .p-content .blue{
    color: #63a2e3;
    vertical-align: middle;
}
.detail-box table.table2 .p-content .sname{
    color: #999999;
    display: inline-block;
    width: 100px;
}
.detail-box table.table2 .p-content .value{
    display: inline-block;
    color: #000;
    vertical-align: top;
}
.detail-box table.table2 .p-content .value small{
    font-size: 12px;
    color: #989898;
    display: block;
}
.detail-box table.table2 .p-content-txt{
    font-size: 14px;
    color: #000;
    line-height: 28px;
    margin: 0 0 15px;
    letter-spacing: 1px;
}
.detail-box table.table2 .p-content-txt a{
    color: #f37c42;
}
.detail-box table.table2 .col50{
    display: inline-block;
    width: 400px;
}
.detail-box table.table2 .p-content + .col2{
    margin: -15px 0;
}
.detail-box .input-col2{
    padding: 0;
}
.detail-box .input-col2 .input-box{
    margin: 20px 0;
}
.detail-box .input-col2 .input-box label{
    display: inline-block;
    width: 155px;
    color: #8a8b8b;
    font-size: 15px;
    font-weight: 400;
}
.detail-box .input-col2 .input-box .input{
    display: inline-block;
    width: 330px;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border: 0;
    background-color: #fafafa;
    color: #000;
    font-size: 15px;
}
.detail-box .input-col2 .input-box .col1,
.detail-box .input-col2 .input-box .col2{
    width: 330px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 45px;
}
.detail-box .input-col2 .input-box .col2 .input{
    width: 50%;
    float: left;
}
.detail-box .input-col2 .input-box .col2 input.input{
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    float: right;
    width: 48%;
    transition: all 0.4s;
}
.detail-box .input-col2 .input-box .col1 input.input{
    width: 100%;
    float: none;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.4s;
}
.detail-box .input-col2 .input-box input.input:focus{
    border-bottom-color: #ff8062;
}
.detail-box .input-col2 .input-box .col1 .unit,
.detail-box .input-col2 .input-box .col2 .unit{
    position: absolute;
    right: 10px;
    height: 45px;
    line-height: 45px;
    top: 0;
}
.detail-box .input-col2 .input-box .col2 .radio-inline input{
    top: 50%;
    margin-top: -8px;
}
.detail-box .input-col2 .input-box .col2 .radio-inline label{
    width: 80px;
}
.detail-box .input-col2 a.btn-button{
    display: inline-block;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    width: 330px;
    text-align: center;
}
.detail-box .input-col2 .result-box{
    width: 350px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px 0 10px;
    margin: 15px 0 15px 0;
    font-size: 15px;
}
.detail-box .input-col2 .result-box .name{
    color: #8a8b8b;
}
.detail-box .input-col2 .result-box .value{
    color: #000;
    letter-spacing: 1px;
}
.detail-box .input-col2 .result-box.line{
    border-bottom: 1px solid #e4e4e4;
}
.detail-box .input-col2 .result-box.red{
    background-color: #fde1e8;
}
.detail-box .input-col2 .result-box.green{
    background-color: #d6ede6;
}
.detail-box .input-col2 .result-box.blue{
    background-color: #dde3fd;
}
.detail-box .input-col2 .result-box.yellow{
    background-color: #ffeadf;
}
.detail-box .input-col2 .result-box-txt{
    margin: 15px 0 15px 150px;
    color: #8a8b8b;
    width: 350px;
    font-size: 15px;
}
.detail-box .input-col2 .result-echrats{
    height: 300px;
    margin: 20px 0;
    width: 350px;
    margin: 0;
}
.detail-box .recommend-box{
    padding: 38px 0;
}
.detail-box .estategallery .recommend-list>li{
    width: calc((100% - 80px)/4);
    margin-left: 10px;
    padding: 0;
    background-color: #fff;
}
.detail-box .estategallery1 .pic{
    position: relative;
}
.detail-box .estategallery1 .pic .appicon{
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 20px;
    font-size: 22px;
}
.detail-box .estategallery1 .pic .appicon-heart{
    color: #ffffff;
}
.detail-box .estategallery1 .pic .appicon-heart-fill{
    color: #f56a25;
}
.detail-box .recommend-box .recommend-list>li{
    width: 295px;
    margin-left:10px;
}
.detail-box .recommend-list>li:first-child{
    margin-left: 0;
}
.detail-box .recommend-list>li .pic{
    height: 220px;
    background-position: center center;
    margin-bottom: 10px;
    background-size: 100% 100%;
    transition: all 0.4s;
    width:auto;
    background-repeat: no-repeat;
    display: block;
}
.detail-box .recommend-list>li .pic:hover{
    background-size: 110% 110%;
}
.detail-box .recommend-list>li .txt{
    font-size: 14px;
    margin: 0;
    color: #999;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
}
.detail-box .recommend-list>li .txt .name{
    color: #666666;
    font-size: 14px;
    float: left;
}
.detail-box .recommend-list>li .txt .text-gray{
    float: left;
}
.detail-box .recommend-list>li .txt .price{
    font-size: 12px;
    color: #999999;
}
.detail-box .recommend-list>li .txt .price strong{
    font-size: 16px;
}
.detail-box .estategallery{
    position: relative;
}
.detail-box .estategallery li{
    padding: 20px;
    background-color: #f4f4ec;
    margin-right: 10px;
    cursor: pointer;
}
.detail-box .estategallery .pic{
    width: 240px;
    height: 189px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}
.detail-box .estategallery .pic>ul{
    opacity: 0;
    filter: alpha(opacity=0);
}
.detail-box .estategallery .txt{
    margin: 10px 0 0;
}
.detail-box .estategallery .pic a{
    height: 100%;
    display: block;
}
.detail-box .estategallery i.appicon{
    font-size: 32px;
}
.detail-box .estategallery .frame{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    /*width: 1160px;*/
    margin: 0 auto;
    min-height: 260px;
}
.detail-box .estategallery .js_prev,
.detail-box .estategallery .js_next{
    position: absolute;
    top: 100px;
    cursor: pointer;
}
.detail-box .estategallery .js_prev{
    left: -50px;
}
.detail-box .estategallery .js_next{
    right: -50px;
}
.detail-box .community-tabs .stitle{
    font-size: 24px;
    color: #f37c42;
    padding: 0 15px 8px;
}
.detail-box .community-tabs .nav>li>a{
    color: #bebdbd;
}
.detail-box .community-tabs .nav>li>a:hover{
    color: #000;
}
.detail-box .community-tabs .nav>li.active>a{
    color: #000;
    background-color: #ffffff;
}
.detail-box .community-tabs .tab-content{
    border-left: 1px solid #ebebed;
    padding: 0 0 0 30px;
}
.detail-box .community-tabs .tab-content li{
    padding: 10px 0;
    border-bottom: 1px solid #ebebed;
    height: 95px;
    position: relative;
}
.detail-box .community-tabs .tab-content li>a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.detail-box .community-tabs .tab-content li .pic{
    display: inline-block;
    width: 99px;
    height: 66px;
    overflow: hidden;
    position: relative;
    margin-right: 50px;
    cursor: pointer;
    background-position: center center;
    background-size: cover;
}
.detail-box .community-tabs .tab-content li .pic .tip{
    position: absolute;
    color: #fff;
    font-size: 12px;
    right: 5px;
    bottom: 5px;
}
.detail-box .community-tabs .tab-content li .pic .lightgallery{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.detail-box .community-tabs .tab-content li .row{
    width: 450px;
    white-space: nowrap;
}
.detail-box .community-tabs .tab-content li .txt{
    display: inline-block;
    line-height: 66px;
    color: #000;
    font-size: 17px;
    vertical-align: top;
}
.detail-box .community-tabs .tab-content li .txt-box{
    display: inline-block;
    padding: 2px 12px;
    color: #ff8062;
    letter-spacing: 2px;
    background-color: #ffece8;
    vertical-align: top;
    margin-left: 16px;
    margin-top: 18px;
}
.detail-box .community-tabs .tab-content li .price{
    font-size: 20px;
    color: #f37c42;
    margin-top: 16px;
    margin-right: 20px;
}
.detail-box .community-tabs .tab-content .arrow-icon{
    height: 60px;
    background: url('/static/img/houseicon12.jpg') no-repeat center center;
    cursor: pointer;
    transition: all 0.4s;
}
.detail-box .community-tabs .tab-content .list{
    min-height: 200px;
    max-height: 380px;
    overflow: hidden;
}
.detail-box .community-tabs .tab-content .list.show{
    height: auto;
    max-height: none;
}
.detail-box .community-tabs .tab-content .arrow-icon.reverse{
    transform: rotate(180deg);
}
.detail-box .unitybenefits .ad-pic{
    position: absolute;
    width: 236px;
    height: 253px;
    background-image: url('/tpl/house/img/detailpic09.jpg');
    top: 38px;
    left: 10px;
}
.detail-box .unitybenefits .ad-pic a{
    display: block;
    height: 100%;
    cursor: pointer;
}
.detail-box .unitybenefits .ad-pic .app-download{
    left: 0px;
    top: -25px;
}
.detail-box .unitybenefits .ad-pic .app-download.show{
    left: 250px;
}
.detail-box .unitybenefits .table{
    margin-left: 240px;
    font-size: 15px;
    width: 920px;
}
.detail-box .unitybenefits .table td{
    padding: 10px;
}
.detail-box .unitybenefits .table thead{
    color: #000;
}
.detail-box .unitybenefits .table thead td{
    background-color: #f0f3f6;
}
.detail-box .unitybenefits .table tbody{
    color: #81828c;
}
.detail-box .unitybenefits .table tbody>tr:nth-child(even)>td{
    background-color: #f5fafe;
}
.detail-box .unitybenefits .table tfoot td{
    border-width: 0;
}
.detail-box .unitybenefits .unitypage{
    font-size: 14px;
    margin-right: 10px;
}
.detail-box .unity-ad-pic{
    height: 103px;
    background: url('/static/img/detailpic10.jpg') no-repeat center center;
    background-size: cover;
}
.detail-box .unitybenefits .norecord-pic{
    margin-left: 240px;
    height: 253px;
    background-image: url('/static/img/unitydetail_pic01.jpg');
    width: 920px;
}
.detail-box .unity-ad-pic a{
    display: block;
    height: 100%;
}
.detail-box .unitybenefits .table tbody .text-ellipsis{
    display: inline-block;
    width: 410px;
    vertical-align: middle;
}
.detail-box .unitysale{
    padding: 38px 10px;
    overflow: visible;
}
.detail-box .unitysale ul>li{
    margin: 0 0 20px 6px;
    padding: 20px 15px;
    background-color: #fff;
    transition: all 0.4s;
}
.detail-box .unitysale ul>li:hover{
    box-shadow: 3px 3px 8px rgba(0,0,0,0.15);
}
.detail-box .unitysale ul>li:first-child{
    margin-left: 0;
}
.detail-box .unitysale .pic{
    height: 138px;
    width: 240px;
    margin-bottom: 10px;
    position: relative;
    background-position: center center;
    background-size: cover;
}
.detail-box .unitysale .pic>a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.detail-box .unitysale .txt{
    margin: 4px 0;
    font-size: 14px;
}
.detail-box .unitysale .txt .name{
    color: #333333;
}
.detail-box .unitysale .txt .price{
    color: #f37c42;
}
.detail-box .aroundMap-wrap{
    padding: 35px 0;
}
.detail-box .aroundMap-wrap img{
    max-width: inherit;
    max-height: inherit;
}
.detail-box .aroundMap{
    height: 540px;
    width: 100%;
}
.detail-box .aroundMap .pos-txt{
    width: 200px;
    left: -100px;
    bottom: 0;
    position: absolute;
    padding-bottom: 12px;
    text-align: center;
}
.detail-box .aroundMap .pos-txt div{
    background-color: #f56a25;
    color: #ffffff;
    width: auto;
    margin: 0 auto;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    padding: 10px 10px;
    border-radius: 4px;
    font-size: 14px;
}
.detail-box .aroundMap .pos-txt span {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    font-size: 20px;
    bottom: -1px;
    color: #f56a25;
}
.detail-box .map-tabBox{
    position: absolute;
    top: 65px;
    right: 40px;
    width: 385px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    height: 480px;
}
.detail-box .map-tabBox .aroundType{
    width: 100%;
    height: 45px;
    font-size: 0;
    background-color: #f2f2f2;
    border-radius: 2px;
    padding: 0 5px 0;
}
.detail-box .map-tabBox .aroundType li {
    cursor: pointer;
    display: inline-block;
    width: 16.66%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #999999;
    font-size: 16px;
}
.detail-box .map-tabBox .aroundType li.selectTag {
    position: relative;
    background: #fff;
    color: #f56a25;
}
.detail-box .map-tabBox .itemTagBox {
    box-sizing: border-box;
    padding-top: 10px;
    border-bottom: 1px solid #eeeeee;
}
.detail-box .map-tabBox .itemTagBox .tagStyle {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    margin-right: 22px;
    cursor: pointer;
}
.detail-box .map-tabBox .itemTagBox .tagStyle.select {
    box-sizing: border-box;
    border-bottom: 1px solid #2a86ef;
    color: #2a86ef;
}
.detail-box .map-tabBox .aroundList {
    padding-top: 10px;
    height: 425px;
    overflow-y: auto;
    overflow-x: hidden;
}
.detail-box .map-tabBox .aroundList .pad-h-sm{
    padding: 0 20px;
    margin-bottom: 20px;
}
.detail-box .map-tabBox .aroundList .text-gray{
    font-size: 13px;
    background-color: transparent !important;
}
.detail-box .map-tabBox .aroundList .distance{
    font-size: 15px;
}
.detail-box .map-tabBox .aroundList .active{
    color: #f5580c;
}
.detail-box .map-tabBox .itemBox li {
    padding: 10px 0;
    cursor: pointer;
}
.detail-box .map-tabBox .contentBox, 
.detail-box .map-tabBox .makerDetailStyle {
    border-left: 2px solid #fff;
    padding: 0 23px;
}
.detail-box .map-tabBox .contentBox .itemContent, 
.detail-box .map-tabBox .makerDetailStyle .itemContent {
    color: #394043;
    font-size: 14px;
    overflow: hidden;
}
.detail-box .map-tabBox .contentBox .itemInfo, 
.detail-box .map-tabBox .makerDetailStyle .itemInfo {
    color: #9c9fa1;
    font-size: 14px;
    padding: 8px 19px 0 30px;
    text-align: justify;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
}
.detail-box .map-tabBox .loading {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    color: #999;
}
.detail-box .map-tabBox .loading .loadingText {
    display: inline-block;
    margin: 6px 0 0 10px;
}
.detail-box .map-tabBox .loading .loadingImg {
    background: #fff;
    width: 34px;
}
.detail-box .aroundMap .location-search{
    position: relative;
    margin: -.6em 0 0;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    border-radius: 100%;
    background: #f5580c;
    color: #ffffff;
    text-align: center;
}
.detail-box .aroundMap .location-search::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -.3em;
    border-left: .2em solid transparent; 
    border-right: .2em solid transparent; 
    border-top: .4em solid #f5580c;
    transform: translate(-50%, 0);
}
.detail-box .aroundMap .location-search .appicon{
    font-size: 20px;
}
.detail-box .street-map{
    height: 580px;
}
.modal-detail-box .modal-dialog{
    border-radius: 0;
}
.modal-detail-box .modal-content{
    padding: 0 20px;
}
.modal-detail-box .title{
    position: relative;
}
.modal-detail-box .title .appicon-close{
    position: absolute;
    font-size: 26px;
    right: 10px;
    cursor: pointer;
    top: 30px;
    color: #d8d9da;
}
.modal-detail-box .input-wrap{
    padding: 20px 40px;
}
.modal-detail-box .input-box{
    margin: 10px 0 20px;
}
.modal-detail-box .input-box label{
    font-weight: 400;
    font-size: 18px;
    color: #666;
}
.modal-detail-box .input-box select{
    width: 210px;
    height: 38px;
    padding: 0 10px;
    color: #010101;
    font-size: 16px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.modal-detail-box .input-box textarea{
    display: block;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    width: 100%;
    padding: 5px 15px;
}
.modal-detail-box .input-box input{
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    width: 135px;
    height: 38px;
    padding: 0 10px;
}
.modal-detail-box .input-box .btn-img{
    margin-left: 15px;
}
.modal-detail-box .input-box .btn-img span{
    margin-left: 10px;
}
.modal-detail-box .btn-reserve-pay,
.modal-detail-box .btn-reserve-submit,
.modal-detail-box .btn-report-submit{
    display: block;
    width: 240px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    border-radius: 3px;
    margin: 30px auto 20px;
}
.modal-detail-box .icon{
    width: 100px;
    height: 100px;
    margin: 50px auto 30px;
    display: block;
}
.modal-detail-box .icon.icon1{
    background-image: url('/static/img/icon09.jpg');
}
.modal-detail-box .txt1{
    font-size: 18px;
}
.modal-detail-box .txt2{
    font-size: 22px;
}
.modal-detail-box .txt3{
    font-size: 18px;
    color: #666;
    margin: 40px 0 15px;
    letter-spacing: 1px;
}
.modal-detail-box .calendar-wrap{
    position: relative;
}
.modal-detail-box .calendar-box{
    text-align: center;
}
.modal-detail-box .calendar-box>li{
    width: 112px;
    height: 125px;
    border: 1px solid #939393;
    border-radius: 2px;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.2s;
}
.modal-detail-box .calendar-box>li:first-child{
    margin-left: 0;
}
.modal-detail-box .calendar-box>li.active{
    border-color: #f37c42;
}
.modal-detail-box .calendar-box>li.active .week{
    background-color: #f37c42;
}
.modal-detail-box .calendar-box>li .week{
    font-size: 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background-color: #939393;
    transition: all 0.2s;
}
.modal-detail-box .calendar-box>li .date{
    color: #394043;
    font-size: 35px;
    height: 50px;
    line-height: 50px;
}
.modal-detail-box .calendar-box>li .month{
    color: #394043;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
}
.modal-detail-box .calendar-wrap .dh{
    font-size: 18px;
    padding: 2px 5px;
    color: #bbb;
    border: 1px solid #dde0e2;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s;
}
.modal-detail-box .calendar-wrap .dh:hover{
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    color: #828889;
}
.modal-detail-box .calendar-wrap .dh.prev{
    left: 0;
}
.modal-detail-box .calendar-wrap .dh.next{
    right: 0;
}
.modal-detail-box .time-box{
    height: 48px;
    overflow: hidden;
    border-radius: 3px;
}
.modal-detail-box .time-box>li{
    width: 20%;
    float: left;
    text-align: center;
    height: 48px;
    line-height: 48px;
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    transition: all 0.2s;
}
.modal-detail-box .time-box>li:first-child{
    border-left: 1px solid #e6e6e6;
}
.modal-detail-box .time-box>li.active{
    background-color: #f37c42;
    border-color: #f37c42 !important;
    color: #fff;
}
.modal-detail-box .time-box>li.disabled{
    background-color: #f9f9f9;
    color: #bbb;
    cursor: not-allowed;
}
.modal-detail-box .txt4{
    margin: 60px 0 20px;
}
.modal-detail-box .btn-reserve-submit{
    margin: 30px auto 40px;
}
.modal-detail-box .btn-reserve-pay{
    margin: 60px auto 50px;
}
#myReserve .modal-dialog{
    width: 950px;
}
#huxing-detail .modal-dialog{
    width: 1000px;
    height: 530px;
    box-shadow: none;
    border-width: 0;
    border-radius: 3px;
    margin: 0 auto;
}
#huxing-detail .modal-dialog .left-box,
#huxing-detail .modal-dialog .right-box{
    height: 530px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 25px 30px;
}
#huxing-detail .modal-dialog .left-box{
    width: 620px;
}
#huxing-detail .modal-dialog .right-box{
    width: 365px;
    background-color: #f4f4f4;
    margin-left: 11px;
    border-radius: 0 3px 3px 0;
    position: absolute;
    top: 0;
    right: 0;
}
#huxing-detail .pic{
    height: 480px;
    position: relative;
}
#huxing-detail .pic img{
    display: block;
    height: 100%;
    margin: 0 auto;
}
#huxing-detail .pic a{
    position: absolute;
    right: 0;
    bottom: 0px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-shadow: 2px 2px 8px rgba(255,255,255,0.8);
}
#huxing-detail .pic .txt{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 25px;
    background-color: #595959;
    color: #fff;
}
#huxing-detail .pic a .pos{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    top: 0;
    left: 0;
}
#huxing-detail .name{
    color: #000;
    font-size: 24px;
}
#huxing-detail .features-group{
    margin: 20px 0 10px;
}
#huxing-detail .features-group span{
    margin-right: 10px;
    margin-bottom: 10px;
}
#huxing-detail .line{
    height: 1px;
    background-color: #dcdcdc;
    margin: 10px 0 20px;
}
#huxing-detail .p-content{
    margin: 5px 0;
    font-size: 14px;
    line-height: 26px;
}
#huxing-detail .p-content .sname{
    color: #a1a1a1;
}
#huxing-detail .p-content .value{
    color: #000000;
}
#huxing-detail .p-content .value .gray{
    color: #5eb4f1;
}
#huxing-detail .p-content .value.scroll{
    display: inline-block;
    height: 110px;
    overflow: auto;
    width: 230px;
    vertical-align: top;
}
#huxing-detail .phone-txt{
    font-size: 24px;
    color: #ea4901;
    position: absolute;
    left: 30px;
    bottom: 10px;
}
#huxing-detail .phone-txt i{
    font-size: 36px;
    vertical-align: middle;
    letter-spacing: 4px;
}
#huxing-detail .appicon-close{
    position: absolute;
    font-size: 80px;
    top: -95px;
    right: -85px;
    color: #fff;
    cursor: pointer;
}
.banner-activity{
    height: 500px;
    background: url('/static/img/unityactivity01.jpg') no-repeat center center;
}
.title-activity{
    height: 70px;
    line-height: 70px;
    background: url('/static/img/unityactivity02.jpg') no-repeat center center;
    color: #f5580c;
    font-size: 30px;
    margin: 35px auto;
}
.content-activity{
    width: 865px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 42px;
    margin: 35px auto;
    position: relative;
}
.content-activity .p-activity{
    margin: 10px 0;
}
.content-activity .name{
    color: #f5580c;
}
.content-activity .value{
    color: #333333;
    display: inline-block;
    width: 740px;
    vertical-align: top;
}
.content-activity .activity-endpic{
    position: absolute;
    width: 150px;
    height: 150px;
    background-image: url('/static/img/unityactivity04.png');
    top: 30px;
    right: 150px;
}
.ad-activity{
    margin: 60px auto 85px;
}
.huxing-box .title{
    padding: 0 0 0 10px;
    margin: 35px 0;
    border-width: 0;
}
.huxing-box .content{
    padding: 0 10px;
}
.huxing-box .huxing-nav{
    margin: 30px 0;
}
.huxing-box .all-huxing-wrap{
    min-height: 360px;
}
.huxing-box .huxing-wrap{
    padding: 0 15px;
    border: 1px solid #ececec;
    margin: 20px 0;
}
.huxing-box .huxing-wrap .name{
    font-size: 16px;
    color: #000;
    padding: 20px 0 20px;
}
.huxing-box .huxing-wrap li{
    margin-right: 20px;
    margin-bottom: 35px;
    width: 210px;
    cursor: pointer;
}
.huxing-box .huxing-wrap .pic{
    height: 209px;
    position: relative;
    border: 1px solid #e1e1e1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.huxing-box .huxing-wrap .pic .txt{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px;
    background-color: #595959;
    color: #fff;
}
.huxing-box .huxing-wrap .pic .play{
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url(/static/img/icon13.png);
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    z-index: 1;
}
.huxing-box .huxing-wrap .pic .vr{
    width: 46px;
    height: 28px;
    background-image: url(/static/img/icon14.png);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.huxing-box .huxing-wrap .txt-box{
    text-align: center;
    color: #878787;
    font-size: 14px;
    margin: 10px 0 0;
}
.huxing-box .huxing-wrap .txt-box .status{
    margin-left: 5px;
}
.tools-title{
    background-color: #f4f4f4;
    padding: 50px 0;
    font-size: 35px;
    color: #000;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
}
.tools-box{
    margin: 55px 0;
}
.tools-box .title{
    padding: 25px 0 16px 10px;
}
.tools-box .title .tab-title{
    padding: 15px 15px 15px;
    color: #333;
    border-radius: 10px 10px 0 0;
    margin-left: 5px;
    margin-right: 5px;
}
.tools-box .title .tab-title.active a:hover{
    color: #fff;
}
.tools-box .title .tab-title.active{
    background-color: #f37c42;
    color: #fff;
}
.tools-box .input-col2{
    padding: 0;
}
.tools-box .col-xs-6{
    float: none;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.tools-box .input-col2 .input-box .col2 .radio-inline label{
    position: relative;
    width: 90px;
}
.tools-box .input-col2 .input-box .col2 .radio-inline input{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tools-box .input-col2 .input-box .col2 .radio-inline .appicon{
    font-size: 18px;
}
.tools-box .input-col2 .input-box .col2 .radio-inline .appicon-checkbox{
    background-color: #f9f9f9;
    color: #cccccc;
}
.tools-box .input-col2 .input-box .col2 .radio-inline .appicon-checked-fill{
    color: #324d5b;
}
.app-download-qrcode{
    position: relative;
    width: 630px;
    margin: 0 auto;
    padding: 80px 50px 40px;
}
.app-download-qrcode .pic{
    position: absolute;
    width: 145px;
    height: 145px;
    top: 80px;
    left: 50px;
}
.app-download-qrcode .right-box{
    margin-left: 165px;
    font-size: 20px;
}
.app-download-qrcode .right-box p .icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/static/img/icon18.jpg');
    vertical-align: middle;
    margin-right: 15px;
}
.app-download-qrcode .right-box .name{
    font-size: 22px;
    color: #f5580c;
    margin: 25px 0 0;
}
.app-download-qrcode .appicon-close{
    position: absolute;
    top: 15px;
    right: 20px;
    color: #d8d9da;
    font-size: 32px;
    cursor: pointer;
}

.details-title{
    font-size: 22px;
    margin-bottom: 44px;
    padding-top: 25px;
    /*margin-top: 25px;*/
}
.details-title .link-attention {
    margin: 0 15px 0 0;
    font-size: 16px;
    padding-top: 5px;
    color: #999999;
}
.house-content{
    font-size: 14px;

}

.houseinfo-row {
    margin-top: 14px;
    display: flex;

}
.houseinfo-row-title{
    color: #333333;
    font-weight: 600;
    /*width: 83px;*/
    flex-shrink:0;

}
.houseinfo-row-class{
    display: flex;
}
.houseinfo-row-block{
    display: flex;
    color: #333333;
    margin-left: 32px;
    margin-bottom: 18px;
}
.houseinfo-row-item {
    display: flex;
    color: #333333;
    margin-left: 32px;
    margin-bottom: 18px;
    width: 298px;
}
.houseinfo-row-item-title {
    color: #999999;
    width: 94px;
    flex-shrink:0;
}

.houseinfo-row-item-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;


}

.houseinfo-row-description{
    color: #333333;
    margin-left: 32px;
    margin-bottom: 18px;
}
.school-item{
    display: flex;
    margin-bottom: 49px;
}
.school-img-wrap > img{
    width: 140px;
    height: 100px;
    border-radius:3px
}
.school-content {
    flex-grow:1;
    padding-left: 22px;

}

.school-item-header{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.school-item-title{
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

.school-label{
    display: flex;
    margin-top: 28px;

}

.school-label > span{
    padding: 0 16px;
    color: #7373be;
    font-size: 15px;
    font-weight: 600;
}

.seen-item {
    display: flex;
    margin-bottom: 50px;

}

.seen-img-wrap{
    width: 80px;
    flex-shrink: 0;
}

.seen-img-wrap > img{
    width: 55px;
    height: 55px;
    border-radius:50%;
}

.seen-content{
    padding-left: 24px;
}

.seen-content-header {
    display: flex;
    justify-content: space-between;

}

.seen-content-name {
    font-size: 18px;
    color: #333333;
    font-weight: 600;
}

.seen-content-mobile {
    font-size: 17px;
    color: #f5580c;
    font-weight: 600;
}

.seen-content-shop{
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    color: #36a87a;
    background-color: #e6f7f0;

    margin-left: 15px;
    padding: 0 6px;

}

.seen-content-body{
    margin-top: 14px;
    line-height: 27px;
}

.seen-content-footer{
    margin-top: 14px;
    color: #999999;
    font-size: 13px;
}

.pool-member-title{
    padding-left: 92px;
    font-size: 20px;
    font-weight: 600;
}

.pool-member-list{

    position: fixed;
    top: 65px;
    bottom: auto;
    width: 463px;
}

.pool-member-list-wrap{

    /*margin-top: 38px;*/
    display: flex;
    flex-direction:column;
    align-items: flex-end;

}

.pool-member-item {
    margin-top: 38px;
    display: flex;
    align-items: center;
}
.pool-member-img-wrap{

}
.pool-member-img-wrap > img{
    width: 60px;
    height: 60px;
    border-radius:50%;
}
.pool-member-content{
    width: 300px;
    margin-left: 16px;
}

.pool-member-header{
    display: flex;
    justify-content: space-between;
}
.pool-member-name {
    font-size:20px;
    font-weight: 600;
}
.pool-member-shop{
    color: #36a87a;
    font-size: 16px;
    line-height: 24px;
    padding: 0 6px;
    background-color: #e6f7f0;
    height: 24px;

}

.pool-member-label{
    margin-top: 6px;
    color: #1c6ab4;
    font-size: 14px;
}

.pool-member-mobile{
    color: #f5580c;
    font-weight: 600;
    font-size: 18px;
    margin-top: 4px;
}