.clearfix{zoom:1}.clearfix:after{display:block;content:"";clear:both}.fl{float:left}.fr{float:right}.htdetailbox{position:relative;width:1120px;margin:0 auto;height:680px;background:#f9f9f9}.htdetailbox li{list-style:none}.htdetailbox .imgboxs{width:680px;position:relative;padding:20px;background:#fff;height:640px}.htdetailbox .imgboxs .title{font-size:16px;font-weight:700;color:#212121;line-height:22px;margin-bottom:8px}.htdetailbox .imgboxs .count{line-height:18px;margin-bottom:36px;font-size:12px;color:#6f6f6f;display:block}.htdetailbox .imgboxs img{display:block;max-width:678px;max-height:554px;margin:0 auto;border:1px solid #D7D7CE}.htdetailbox .imgboxs .slides li{height:476px;display:flex!important;align-items:center}.htdetailbox .imgboxs .flex-control-nav{display:none}.htdetailbox .imgboxs .flex-direction-nav{display:none}.htdetailbox .imgboxs .flex-direction-nav a{display:inline-block;cursor:pointer;position:absolute;bottom:218px;width:28px;height:50px;background:#fff; border-radius: inherit;}.htdetailbox .imgboxs .flex-direction-nav a em{border:12px solid transparent;width:0;position:absolute;top:13px}.htdetailbox .imgboxs .flex-direction-nav a:hover{background:#F6F6F6}.htdetailbox .imgboxs .flex-direction-nav a.flex-prev{left:22px}.htdetailbox .imgboxs .flex-direction-nav a.flex-prev .e1{border-right-color:#D7D7CE;left:-4px}.htdetailbox .imgboxs .flex-direction-nav a.flex-prev .e2{left:-2px;border-right-color:#fff}.htdetailbox .imgboxs .flex-direction-nav a.flex-prev:hover .e1{border-right-color:#e03236}.htdetailbox .imgboxs .flex-direction-nav a.flex-prev:hover .e2{border-right-color:#F6F6F6}.htdetailbox .imgboxs .flex-direction-nav a.flex-next{right:22px}.htdetailbox .imgboxs .flex-direction-nav a.flex-next .e1{border-left-color:#D7D7CE;right:-4px}.htdetailbox .imgboxs .flex-direction-nav a.flex-next .e2{right:-2px;border-left-color:#fff}.htdetailbox .imgboxs .flex-direction-nav a.flex-next:hover .e1{border-left-color:#e03236}.htdetailbox .imgboxs .flex-direction-nav a.flex-next:hover .e2{border-left-color:#F6F6F6}.htdetailbox .htdetail{width:320px;padding:40px 40px 20px;position:relative;height:540px}.htdetailbox .htdetail .blocktop{position:relative;line-height:30px;height:30px;padding-bottom:20px}.htdetailbox .htdetail .blocktop label{font-family:'微软雅黑';color:#212121;font-weight:700;font-size:24px}.htdetailbox .htdetail p{line-height:21px;color:#B7B7B7;font-size:12px;margin-bottom:9px}.htdetailbox .htdetail p b{color:#212121}.htdetailbox .htdetail p .red{color:#FF3332;font-size:16px;vertical-align:top}.htdetailbox .htdetail p.clearfix{margin-bottom:16px;    display: flex;
    justify-content: space-between;}.htdetailbox .htdetail p.clearfix span{float:left;font-size:12px;color:#b7b7b7;line-height:14px}.htdetailbox .htdetail p.clearfix b{display:block;font-size:16px;line-height:21px;margin-top:10px}.htdetailbox .htdetail p.inline{display:inline-block}.htdetailbox .htdetail p.inline b{font-weight:400}.htdetailbox .htdetail p.inline+.inline{margin-left:20px}.htdetailbox .htdetail .tj{padding-left:50px;font-size:12px;color:#212121;margin-bottom:3px}.htdetailbox .htdetail .tj b{margin-left:-50px;font-weight:400;color:#b7b7b7;width:50px;display:inline-block}.htdetailbox .htdetail .big{font-size:16px;margin-top:30px;margin-bottom:15px}.htdetailbox .htdetail .dinyuebox{width:320px}.htdetailbox .htdetail .dinyuebox .title{font-size:18px;margin-bottom:16px;font-weight:700;line-height:24px}.htdetailbox .htdetail .dinyuebox .intro{line-height:21px;font-size:14px;color:#646360}.htdetailbox .htdetail .dinyuebox input[type=text]{outline:0;text-align:center;line-height:20px;padding:12px;background:#EDEDF2;width:296px;border:0;margin:32px 0 16px;font-size:14px;color:#212121;border-radius:4px}.htdetailbox .htdetail .dinyuebox .dybtn{display:block;line-height:44px;background:#e03236;border-radius:4px;font-size:15px;color:#fff;text-align:center;text-decoration:none}.htdetailbox .htdetail .dinyuebox .tell{color:#FF3332;font-weight:700;line-height:32px;margin-top:24px;font-size:14px;margin-right:-10px}.htdetailbox .htdetail .dinyuebox .tell b{font-size:26px;vertical-align:top;color:#FF3332}
    
.albumWrap .swiper-container img{display:block;width:100%;height:100%;object-fit:contain;}
.albumWrap .gallery-top{height:85%;width:100%;}
.albumWrap .gallery-thumbs{height:15%;box-sizing:border-box;padding:10px;}
.albumWrap .gallery-thumbs .swiper-slide{height:100%;opacity:0.6;border:2px solid #ccc;box-sizing:border-box;}
.albumWrap .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border-color:#eee;}
.albumWrap .ab-info{float:right;width:25%;background:#fff;height:100%;box-sizing:border-box;padding:45px 20px;}
.albumWrap .ab-main{float:left;width:75%;height:100%;}
.albumWrap .bdname{line-height:30px;font-size:18px;font-weight:700;color:#333;}
.albumWrap .bdtel{line-height:40px;color:#666}
.albumWrap .bdtel span{color:#f44336;font-size:18px;font-weight:700;}
.albumWrap .bdtype span{display:block;cursor:pointer;line-height:36px;margin-top:10px;background:#eee;padding:0 10px;border-radius:2px;}
.albumWrap .bdtype span.active{background:#333;color:#fff;}
.albumWrap .gallery-top{display:none;}
.albumWrap .gallery-top.show{display:block;}

/*弹出户型图*/
.popbox{width:1120px;height:600px;position:absolute;left:50%;top:50%;margin-left:-560px;margin-top:-300px}
.htdetailbox{position:relative;height:600px;background:#f9f9f9;}
.h-left{float:left;width:680px;padding:20px;background:#fff;height:560px;}
.title{font-size:16px;font-weight:700;color:#212121;line-height:22px;margin-bottom:8px;}
.imgcount{line-height:18px;margin-bottom:30px;font-size:12px;color:#6f6f6f;}
.imgwrap{width:680px;height:476px;display:table-cell;vertical-align:middle;text-align:center;}
.imgwrap img{max-width:100%;max-height:100%;border:1px solid #D7D7CE;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;}
.imgwrap img{width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat;}
.h-right{float:right;width:320px;padding:40px 40px 20px;position:relative;height:540px;}
.httitle{color:#212121;font-weight:700;font-size:24px;line-height:30px;height:30px;padding-bottom:20px;}
.h-right p{line-height:21px;color:#B7B7B7;font-size:12px;margin-bottom:9px;}
.h-right p b{color:#212121;}
.h-right p .red{color:#f57164;font-size:16px;vertical-align:top}
.h-right p.colsbox{margin-bottom:16px;height:80px;}
.colsbox span{float:left;width:25%;font-size:12px;color:#b7b7b7;line-height:14px;}
.colsbox b{display:block;font-size:16px;line-height:21px;margin-top:10px;}
.inline{display:inline-block;}
.inline b{font-weight:400;}
.inline+.inline{margin-left:20px;}
.h-right .tj{padding-left:50px;font-size:12px;color:#212121;margin-bottom:3px;}
.h-right .tj b{margin-left:-50px;font-weight:400;color:#b7b7b7;width:50px;display:inline-block;}
.h-right .big{font-size:16px;margin-top:30px;margin-bottom:15px;}
.dinyuebox{width:320px;}
.dinyuebox input[type=text]{display:block;width:297px;line-height:20px;padding:12px;background:#EDEDF2;border:0;margin:32px 0 16px;font-size:14px;color:#212121;border-radius:4px;text-align:center;}
.dinyuebox .tell{font-size:14px;color:#f57164;line-height:21px;margin-top:24px}
.dinyuebox .tell b{font-size:26px;color:#f57164;}
.dinyuebox .dybtn{display:block;line-height:44px;border-radius:4px;font-size:15px;color:#fff;text-align:center;background:linear-gradient(45deg, #ff4746, #ff8b60);cursor:pointer;}
.ch-icon{position:absolute;top:50%;font-size:50px;color:#D7D7CE;z-index:1;margin-top:-25px;cursor:pointer;}
.ch-icon:hover{color:#999;}
.ch-icon.lf{left:0;}
.ch-icon.rt{right:0;}

.popwraps{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}
.swiper-button-prev img,.swiper-button-next img{width: 30px!important;}