﻿/*
 * 网上售楼处样式
 */
@charset "utf-8";

/**==== 公共样式 ==== begin ====*/
.public{width: 1200px;margin:0 auto; clear: both;}
.re{position: relative;}
h1,h2,h3,h4,h5{font-weight: normal;}
.online-col-1{width: 870px; float: left;}
.online-col-2{width: 310px; float: right;}
.online-col-3{width: 260px; float: right;}

/**==== 固定网上售楼处导航头部 | 样式重新 ==== begin ====*/
.header{position: static;}
.sell_index_1{position: fixed; top: 0; left: 0; z-index: 2;}

/**==== header ==== begin ====*/
.sell_index{width: 100%; height: 50px; background: #433769;}
.sell_index_252{background: #433769;}
.sell_index_267{background: #2c2c2c;}
.sell_index_130{background: #192851;}
.sell_index_79{background: #0b1942;}
.sell_index_91{background: #44202E;}
.sell_index_268{background: #484443;}
.sell_index_141{background: #332a2d;}
.sell_index_218{background: #153170;}
.sell_index_254{background: #561d24;}
.sell_index_268{background: #484443;}
.sell_index_269{background: #121F42;}
.sell_index_270{background: #171e3b;}
.sell_index_271{background: #2c2c2c;}
.sell_index_272{background: #1f1a17;}
.sell_index_273{background: #211e34;}
.sell_index_174{background: #0e1736;}
.sell_index_265{background: #121f42;}
.sell_index_276{background: #02082b;}
.sell_index_274{background: #332b2a;}
.sell_index_277{background: #171635;}
.sell_index_278{background: #2d2b2b;}
.sell_index_279{background: #17282D;}
.sell_index_280{background: #341818;}
.sell_index_282{background: #41281f;}
.sell_index_283{background: #042D50;}
.sell_index_284{background: #171e3b;}
.sell_index_286{background: #1b2848;}
.sell_index_229{background: #333436;}
.sell_index_288{background: #312725;}
.sell_index_289{background: #29211c;}
.sell_index_148{background: #312a26;}
.sell_index_322{background: #1e1818;}
.sell_index_258{background: #0e1736;}
.sell_index .head-l{line-height: 50px; float: left; height: 50px;}
.sell_index .head-l a{font-size: 22px;color: #ffffff;display: block; float: left;}
.sell_index .head-l a:hover{color: #ef4238;}
.sell_index .head-l em{line-height: 19px; margin: 18px 0 0 20px; text-align: center; display: inline-block; float: left; padding:0 4px;height: 19px; background: #2b99ff; border-radius: 2px; font-size: 12px;color: #FFFFFF;}
.sell_index .head-l span{line-height: 19px; height: 19px; width: 62px; background: url(../images/online-common-banner-icon01.png) no-repeat; display: inline-block; float: left; margin: 18px 0 0 6px; color: #ffffff; padding-left: 8px; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.sell_index .head-l label{font-size: 20px; font-style: italic; font-weight: bold; color: #ffffff; margin-left: 10px; display: inline-block;}
.sell_index .head-r{float: right;}
.sell_index .head-r input{width: 120px;height: 30px; background: #ef4238; color: #FFFFFF; border-radius: 3px; float: right;margin-top: 20px;margin-left: 23px;}
.sell_index .head-r input:hover{background: #e51b02;}
.sell_index .head-r .head-r-nav{float: left; line-height: 50px; height: 50px;}
.sell_index .head-r .head-r-nav ul li{float: left;}
.sell_index .head-r .head-r-nav ul li i{width: 30px; height: 6px; display: inline-block; background: url(../images/online-common-banner-icon02.png) center center no-repeat;}
.sell_index .head-r .head-r-nav ul li a{font-size: 14px;color: #ffffff;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.sell_index .head-r .head-r-nav ul li a:hover{color: #EF2438;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.sell_index .head-r .head-r-nav ul li a.act{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.sell_index .head-r .service{float: right; width: 98px; height: 30px; line-height: 28px; margin: 10px 0 0 32px;}
.sell_index .head-r .service a.box-btn{width: 96px; height: 28px; line-height: 28px; background-color: #EF4238; border: 1px solid #EF4238; text-align: center; border-radius: 2px; display: inline-block; color: #FFFFFF;}
.sell_index .head-r .service a.box-btn:hover{color: #ffffff !important;background-color: #cb3830; }

/*特殊价格样式（预约咨询中）*/
.appointment{margin-top: 10px; float: left; font-size: 16px; font-weight: normal;}
.price{}

.nav1{width: 100%; height: 50px; line-height: 50px;}
.nav1 .center{width: 1200px; margin: 0 auto;}
.nav1 .center .center-left{float: left;}
.nav1 .center .center-left h1{font-size: 22px; color: #fff; float: left; margin-right: 20px;}
.nav1 .center .center-left h2{font-weight: bold; color: #F1554C; float: left; font-style: italic; line-height: 1;}
.nav1 .center .center-left h2 b{font-size: 22px; float: left; margin-top: 17px;}
.nav1 .center .center-left h2 span{font-size: 20px;  float: left; margin: 0 5px; margin-top: 16px;}
.nav1 .center .center-right{float: right; position: relative;}
.nav1 .center .center-right a{display:block; float: left; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 18px; position: relative; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.nav1 .center .center-right a.act{color: #fff!important; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity:1;}
.nav1 .center .center-right a:hover{color:#fff!important; opacity: 1;}
.nav1 .center .center-right a:after{content: ""; position: absolute; right: 0; top: 19px; width: 1px; z-index: 1; height: 14px; background-color: rgba(255,255,255,0.15);}
.nav1 .center .center-right a.group{padding-left: 17px;}
.nav1 .center .center-right a.group:after{width: 0;}
.nav1 .center .center-right img{display: block; width: 6px; height: 6px; background-color: #F1554C; border-radius: 50%; position: absolute; right: 124px; top: 12px; filter:alpha(opacity=100); opacity: 1; z-index: 98;}
.nav1 .center .center-right .btn{float: left; margin-left: 12px; width: 98px; height: 34px; line-height: 34px; text-align: center; background-color: #F1554C; border-radius: 4px; margin-top: 8px; font-size: 16px; color: #fff; cursor: pointer;}
.nav1 .center .center-right .btn:hover{background-color: #d84c44;}

/*hover层*/
.sell_index .head-r .service-hover{float: right; width: 98px; height: 38px; line-height: 28px; margin: 10px 0 0 32px; position: relative;}
.sell_index .head-r .service-hover a.box-btn{color: #EF4238; width: 96px; height: 40px; background-color: #ffffff; border: 1px solid #e6e6e6; border-bottom: 0px; text-align: center; border-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; display: inline-block; position: absolute; z-index: 10;}
.sell_index .head-r .service-hover .service-person{position:absolute; background-color: #ffffff; overflow: hidden; width: 196px; border: 1px solid #e6e6e6; line-height: normal; top: 40px; left: -100px; text-align: center; z-index: 9;}
.sell_index .head-r .service-hover .service-person .box-avatar{width: 90px; height: 90px; border-radius: 50%; margin-top: 20px;}
.sell_index .head-r .service-hover .service-person .box-name{font-size: 18px; line-height: 18px; padding-top: 8px;}
.sell_index .head-r .service-hover .service-person .box-tip{font-size: 12px; line-height: 12px; color: #666666; padding-top: 8px;}
.sell_index .head-r .service-hover .service-person .box-wx{width: 112px; height: 26px; line-height: 22px; color: #ffffff; text-align: center; background: url(../images/online-common-banner-wx-tip.png) center center no-repeat; margin: 18px auto 0;}
.sell_index .head-r .service-hover .service-person .box-qrcode{width: 140px; height: 140px; margin-top: 4px;}
.sell_index .head-r .service-hover .service-person .box-tel{background-color: #e6e6e6; margin-top: 9px; overflow: hidden;}
.sell_index .head-r .service-hover .service-person .box-tel .t-tit{padding-top: 8px; color: #666666; font-size: 12px;}
.sell_index .head-r .service-hover .service-person .box-tel .b-number{padding: 5px 0 10px; color: #EF4238; font-size: 16px; line-height: 16px; font-style: italic; font-weight: bold;}
/**==== header ==== begin ====*/

/*我要看房弹窗*/
.lookhose_tk{display: none; z-index: 9999;width: 441px; height: 439px; background: #ffffff;}
.lookhose_tk .lookhose_tit{height: 57px;border-bottom: 1px solid #eeeeee; background: #fafafa;line-height: 57px;color: #222222; font-size: 18px;padding-left: 28px;}
.lookhose_tk .lookhose_tit label{float: right;margin-right: 21px;margin-top: 6px;cursor: pointer;}
.lookhose_tk .lookhose_srk{padding-left: 70px;}
.lookhose_tk .lookhose_srk input{width: 298px; height: 38px; border: 1px solid #dddddd; border-radius: 2px; margin-bottom: 19px;text-indent: 10px;font-family: "微软雅黑";}
::-webkit-input-placeholder{color: #cacaca;}
:-moz-placeholder{/* Firefox 18- */color: #cacaca;}
::-moz-placeholder{/* Firefox 19+ */color: #cacaca;}
:-ms-input-placeholder{color: #cacaca;}
.lookhose_tk .lookhose_srk input:nth-of-type(3){margin-top: 21px; background: #ef4238;color: #FFFFFF; border: none;font-size: 16px;}
.lookhose_tk .lookhose_srk p{width: 298px;text-align: center;}
.lookhose_tk .lookhose_srk p:nth-of-type(1){font-size: 22px; color: #333333;margin: 15px 0 30px 0;}
.lookhose_tk .lookhose_srk p:nth-of-type(1) img{vertical-align: middle;margin-right: 10px;}
.lookhose_tk .lookhose_srk p:nth-of-type(2) img{vertical-align: middle;margin-top: -4px;margin-right: 11px;}
.lookhose_tk .lookhose_srk p:nth-of-type(2) font{color: #EF4238;}
.lookhose_tk .lookhose_foot{height: 60px;border-top: 1px solid #eeeeee;background: url(../images/online-icon-img-tk3.png) no-repeat;margin-top: 28px;}
.lookhose_tk .lookhose_foot p{text-align: center; line-height: 60px;}
.lookhose_tk .lookhose_foot p font{font-size: 18px; color: #222222;}

/*右侧免费通话  + 立即关注*/
.online-house-AI{margin-top: 0; float: right; width: 260px;}
/*免费通话*/
.online-house-AI .box-right-zxkf{width: 260px; height: 160px; background:url(../images/online-comment-bj-img-tel.jpg) center center no-repeat;font-size: 16px; color: #333333; text-align: center;}
.online-house-AI .box-right-zxkf h2{padding-top: 17px;}
.online-house-AI .box-right-zxkf p{font-size: 12px; color: #666666;margin-top: 7px;}
.online-house-AI .box-right-zxkf input{width: 120px;height: 34px; border:1px solid #EF4238; color: #EF4238;margin-top: 20px; cursor: pointer;}
/*立即关注*/
.online-house-AI .box-right-yy{width: 260px;}
.online-house-AI .AI-top{border-bottom: 1px solid #eee; padding-bottom: 16px;}
.online-house-AI .AI-yy{margin-top: 78px;}
.online-house-AI .online-title{border-left: 4px solid #ef4238; padding-left: 15px; font-size: 24px; line-height: 24px; display: block;}
.online-house-AI .AI-per li{padding-top: 24px; clear: both; height: 81px;}
.online-house-AI .AI-per li div{float: left; width: 33.33%; height: 81px;}
.online-house-AI .AI-image{width: 80px; height: 80px; border-radius: 40px;}
.online-house-AI .AI-name .AI-p1{line-height: 50px; font-size: 18px; color: #333; padding-left: 10px;}
.online-house-AI .AI-name .AI-p2{line-height: 7px; font-size: 14px; color: #43addf; padding-left: 10px;}
.online-house-AI .AI-button{text-align: right;}
.online-house-AI .AI-button input{cursor: pointer;border-radius: 2px; background-color: #ef4238; color: #fff; margin-top: 20px; padding: 7px 12px;}
.online-house-AI .AI-button input:hover{background: #e51b02;}
.online-house-AI .AI-search{margin-top: 29px;}
.online-house-AI .AI-search p{font-size: 14px; color: #666666;margin-bottom: 27px;}
.online-house-AI .AI-search .input1{height: 37px; line-height: 37px; width: 169px; text-indent:14px; border:1px solid #cacaca; border-right: none; float: left;}
.online-house-AI .AI-search .input2{cursor: pointer; height: 39px; width: 89px; color: #fff; background-color: #ef4238; margin-left: -4px; float: left;}
.online-house-AI .AI-search .input2:hover{background: #E51B02;}
/*=====免费通话 + 立即关注弹出窗=====*/
.lookhose_tk2{display: none; z-index: 9999;width: 440px; height: 338px; background: #ffffff;position: fixed; top:50%;bottom: 50%;left: 1%; right: 1%;margin: -220px auto 0;}
.lookhose_tk2.focus_house{height: 300px;margin-top: -150px;}
.lookhose_tk2 .lookhose_tit{height: 57px;border-bottom: 1px solid #eeeeee; background: #fafafa;line-height: 57px;color: #222222; font-size: 18px;padding-left: 28px;}
.lookhose_tk2 .lookhose_tit label{float: right;margin-right: 21px;cursor: pointer;}
.lookhose_tk2 .lookhose_tit span{border-left:4px solid #EF4238 ;padding-left: 14px;}
.lookhose_tk2 .lookhose_srk{padding-left: 70px;}
.lookhose_tk2 .lookhose_srk input{width: 298px; height: 38px; border: 1px solid #dddddd; border-radius: 2px; margin-bottom: 19px;text-indent: 10px;font-family: "微软雅黑";}
/*.lookhose_tk2 .lookhose_srk input:nth-of-type(2){width: 185px;border-top-right-radius: 0px; border-bottom-left-radius: 0px;}*/
.lookhose_tk2 .lookhose_srk input:nth-of-type(3){text-indent: 0; width: 112px;background: #ededed;  border-left: none;height: 40px; border-radius: 0px;color: #666666;text-align: center; cursor: pointer;border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_tk2 .lookhose_srk input:nth-of-type(2){cursor: pointer; margin-top: 21px; background: #ef4238;color: #FFFFFF; border: none;font-size: 16px;}
.lookhose_tk2 .lookhose_srk p{width: 298px;text-align: center;}
.lookhose_tk2 .lookhose_srk p:first-child{font-size: 22px; color: #333333;margin: 15px 0 30px 0;}
.lookhose_tk2 .lookhose_srk p:nth-of-type(1) img{vertical-align: middle;margin-right: 10px;}
.lookhose_tk2 .lookhose_srk p:nth-of-type(2) img{vertical-align: middle;margin-top: -4px;margin-right: 11px;}
.lookhose_tk2 .lookhose_srk p:nth-of-type(2) font{color: #EF4238;}
.lookhose_tk2 .lookhose_foot{height: 60px;border-top: 1px solid #eeeeee;background: url(../images/online-icon-img-tk3.png) no-repeat;margin-top: 28px;}
.lookhose_tk2 .lookhose_foot p{text-align: center; line-height: 60px; font-size: 14px;}
.lookhose_tk2 .lookhose_foot p font{font-size: 18px; color: #222222;}
.lookhose_srk2{padding-left: 70px;padding-bottom: 8px;}
.lookhose_srk2 input{width: 298px; height: 38px; border: 1px solid #dddddd; border-radius: 2px; text-indent: 10px;font-family: "微软雅黑";}
.lookhose_srk2 input:nth-of-type(1){margin-top: 40px; width: 185px; border-top-right-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_srk2 input:nth-of-type(2){text-indent: 0; width: 112px;background: #ededed;  border-left: none;height: 40px; border-radius: 0px;color: #666666;text-align: center; cursor: pointer; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.lookhose_srk2 input:nth-of-type(3){cursor: pointer; margin-top: 25px; background: #ef4238;color: #FFFFFF; border: none;font-size: 16px;}
.lookhose_srk2 input.get_code{margin-top: 40px;}

/*视频弹出*/
.video-popup{z-index: 9998;display: none; position: fixed; top: 50%;left: 50%; transform: translate3d(-50%,-50%, 0);;  width: 1200px; height: 725px; overflow: hidden; background-color: #000000;}
.video-popup .video-popup-title{background-color: #000000; height: 50px; line-height: 50px; color: #ffffff; position: relative; font-size: 18px; padding-left: 20px;}
.video-popup .video-popup-title .video-close{background: url(../images/common-icon-close.png) no-repeat; width: 21px; height: 20px; display: inline-block; position: absolute; right: 20px; top: 15px; cursor: pointer;}
.video-popup video{width: 100%;}

/*公共小盒子 ｜ 售楼处客服*/
.box-service-person{border: 1px solid #e9e9e9; padding: 20px 26px 30px; text-align: center;}
.box-service-person img.avatar{width: 120px; height: 120px; border-radius: 50%;}
.box-service-person h2{padding: 20px 0px 10px; font-size: 16px;}
.box-service-person p{line-height: 22px; font-size: 14px; color: #999; text-align: left;}
.box-service-person div.line{height: 1px; background-color: #e6e6e6; margin-top: 24px;}
.box-service-person div.contact{font-size: 16px; line-height: 16px; margin-top: 24px;}
.box-service-person div.qrcode{margin-top: 21px;}
.box-service-person div.qrcode img{width: 130px; height: 130px;}
.box-service-person div.qrcode-join{width: 102px; height: 26px; background: url(../images/online-group-bg.png) 0 -232px no-repeat; vertical-align: middle; margin: 0px auto; margin-top: 14px;}
.box-service-person div.tel{margin-top: 16px; font-size: 18px; color: #EF4238; font-family: arial; font-style: italic; font-weight: 600; height: 20px; line-height: 20px;}
.box-service-person div.tel em{width: 20px; height: 24px; background: url(../images/online-group-bg.png) 0 -260px no-repeat; vertical-align: middle; display: inline-block;}
.box-service-person div.tel strong{font-style: initial; padding-left: 2px;}

/*公共小盒子 ｜ 楼盘实时详情*/
.box-house-time{border: 1px solid #e9e9e9; text-align: center; height: 238px; background-color: #f7f7f7;}
.box-house-time h2{margin-top: 34px; font-size: 16px; font-weight: bold; line-height: 16px; color: #EF4238;}
.box-house-time p{margin-top: 14px; font-size: 14px; line-height: 20px; color: #666;}
.box-house-time a.btn{width: 120px; height: 36px; line-height: 36px; background-color: #EF4238; color: #fff; border-radius: 2px; font-size: 16px; display: inline-block; margin-top: 18px;}
.box-house-time a.btn:hover{background-color: #E51B02; color: #fff !important;}
.box-house-time h3{margin-top: 16px; font-size: 12px; line-height: 12px; color: #999;}

/*公共小盒子 ｜ 免费通话*/
.box-free-call{border: 1px solid #EF4238; border-top: 6px solid #EF4238; text-align: center; height: 153px;}
.box-free-call h2{margin-top: 28px; font-size: 16px; font-weight: bold; line-height: 16px; color: #EF4238;}
.box-free-call h3{margin-top: 16px; font-size: 12px; line-height: 12px; color: #999;}
.box-free-call a.btn{width: 120px; height: 36px; line-height: 36px; background-color: #EF4238; color: #fff; border-radius: 2px; font-size: 16px; display: inline-block; margin-top: 18px;}
.box-free-call a.btn:hover{background-color: #E51B02; color: #fff !important;}

/*公共小盒子 ｜ 拨打客服电话1*/
.box-call-service-tel-1{border: 1px solid #e9e9e9; text-align: center; height: 278px; padding: 0 30px; text-align: left;}
.box-call-service-tel-1 h2{font-size: 16px; line-height: 20px; color: #666; margin-top: 24px;}
.box-call-service-tel-1 h2 img{margin-top: -4px;}
.box-call-service-tel-1 p{font-size: 14px; line-height: 24px; color: #999; margin-top: 10px;}

/*公共小盒子 ｜ 拨打客服电话2*/
.box-call-service-tel-2{border: 1px solid #EF4238; text-align: center; height: 138px;}
.box-call-service-tel-2 h2{font-size: 16px; line-height: 16px; color: #EF4238; margin-top: 27px; font-weight: bold;}
.box-call-service-tel-2 p{font-size: 14px; line-height: 14px; color: #999; margin-top: 15px;}
.box-call-service-tel-2 h3{font-size: 22px; height: 48px; line-height: 48px; color: #fff; background-color: #EF4238; margin-top: 18px;}

/**==== 公共样式 ==== end ====*/

/**==== 概述页面 ==== begin ====*/
/*more-service | 看房服务*/
.project .moreservice{width: 100%;height: 200px; padding-top:60px; overflow: hidden;}
.project .moreservice ul li{width: 33%; float:left; text-align: center;}
.project .moreservice ul li img{margin-top:5px;}
.project .moreservice ul h2{padding-top:15px; font-size: 16px; font-weight: 600;}
.project .moreservice ul li p{padding-top: 10px; line-height: 24px; font-size: 14px; filter:alpha(opacity=80); opacity:0.8;}
.project .moreservice ul li.border-line{border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}

/*onlinelook | 网上看房*/
.project .onlinelook {height: 180px; width: 100%; background: #ededed; cursor: pointer; -webkit-transition-property: background-color; -webkit-transition-duration: 0.9s; -webkit-transition-timing-function: ease; text-align: center;}
/*.project .onlinelook h3 {font-size: 16px; padding-top: 50px; font-weight: normal;}
.project .onlinelook h3 a {color: #999999;}
.project .onlinelook h2 a {color: #c0a07a;}
.project .onlinelook:hover{background-color:#c0a07a; color: #fff !important;}
.project .onlinelook:hover a{color: #fff !important;}
.project .onlinelook h2 a:hover,.overview-more h3 a:hover{text-decoration: none !important; color:#fff !important;}
.project .onlinelook h2 {font-size: 30px;  margin-top: 9px; font-weight: normal;} */
.project .onlinelook .public .public-con{display: block; width: 25%; height: 180px; float: left; text-align: center;}
.project .onlinelook .public-con:hover{background-color:#c0a07a;}
.project .onlinelook .public .public-con p{font-size: 16px; padding-top: 50px; font-weight: normal; color: #999999;}
.project .onlinelook .public .public-con h1{font-size: 30px;  margin-top: 9px; font-weight: normal; color: #c0a07a;}
.project .onlinelook .public .public-con:hover p{color:#fff;}
.project .onlinelook .public .public-con:hover h1{color:#fff; font-size: 40px;}

/*backtop | 回顶部*/
.backtop{width: 80px;height: 80px; background: url(../images/online-img-bjback-top.png) center center no-repeat; cursor: pointer; position: fixed; bottom: 0px;right: 0px;}
.backnew{width: 80px; height: 80px; line-height: 80px; background: rgba(0,0,0,0.4); position: fixed; bottom: 0px;right: 0px; text-align: center; z-index: 3;}
.phonelook:hover,.backnew:hover{background: rgba(0,0,0,0.6);}
.phonelook{width: 80px; height: 80px; line-height: 80px; background: rgba(0,0,0,0.4); position: fixed; bottom: 80px;right: 0px; text-align: center; z-index: 3;}
.phonelook .float_ma{width: 180px; height: 190px; position: absolute;left: -180px; top: -50px; display: none; z-index: 3;}

/**==== 看房 ==== begin ====*/
/*视频*/
.look .look-video{overflow: hidden;}
.look .look-video ul li{padding-right: 13px; overflow: hidden; width: 290px; float: left;}
.look .look-video ul li.last{padding-right: 0px;}
.look .look-video ul li.last-box{border: 1px solid #eeeeee; width: 288px; height: 258px; line-height: 258px; font-size: 20px; color: #999999; text-align: center; padding-right: 0px;}
.look .look-video ul li .box-img{position: relative; display: inline-block; width: 290px; height: 193px;}
.look .look-video ul li .box-img img{width: 290px; height: 193px;}
.look .look-video ul li .box-img i{width: 40px; height: 40px; background: url(../images/online-look2-img-01.png) no-repeat; position: absolute; bottom: 10px; left: 10px;}
.look .look-video ul li .box-img:hover i{background: url(../images/online-look2-img-01-hover.png) no-repeat;}
.look .look-video ul li .box-title{border: 1px solid #eeeeee; border-top: none; height: 66px; padding-left: 24px;}
.look .look-video ul li .box-title span{font-size: 20px; line-height: 66px; float: left;}
.look .look-video ul li .box-title i{width: 75px; height: 19px; background: url(../images/online-look2-img-02.png) no-repeat; display: inline-block; float: left; margin: 24px 0 0 16px; color: #fff; line-height: 18px; padding-left: 12px;}
/*列表*/
.look .look-bottom{overflow: hidden;}
.look .look-bottom .article-list{float: left; width: 870px; overflow: hidden;}
.look .look-bottom .article-list .list-item{float: left; width: 870px; height: 197px; margin-bottom: 40px; overflow: hidden;}
.look .look-bottom .article-list .list-item .item-img{width: 290px; height: 193px; float: left; overflow: hidden; transition: 1s transform; transform: translateZ(0);}
.look .look-bottom .article-list .list-item .item-img img{width: 290px; height: 193px;}
.look .look-bottom .article-list .list-item .item-img img:hover{transform: scale(1.1, 1.1);transition: 2s transform;}
.look .look-bottom .article-list .list-item .info{float: left; border: 1px solid #eeeeee; border-left: none; height: 192px; width: 547px; padding-left: 32px;}
.look .look-bottom .article-list .list-item .info h2{font-size: 20px; line-height: 20px; margin-top: 30px;}
.look .look-bottom .article-list .list-item .info p{font-size: 14px; margin-top: 20px; line-height: 20px; width: 500px;}
.look .look-bottom .article-list .list-item .info .info-person{margin-top: 35px; overflow: hidden;}
.look .look-bottom .article-list .list-item .info .info-person .person{float: left;}
.look .look-bottom .article-list .list-item .info .info-person .person img{width: 24px; height: 24px; line-height: 24px; margin-bottom: 5px;border-radius: 50%;}
.look .look-bottom .article-list .list-item .info .info-person .person .name{padding-top: 5px;}
.look .look-bottom .article-list .list-item .info .info-person .person .time{color: #9e9e9e; margin-left: 12px;}
.look .look-bottom .article-list .list-item .info .info-person .review{float: right; padding-right: 12px; padding-top: 5px;}
.look .look-bottom .article-list .list-item .info .info-person .review img{margin-top: -4px;}
.look .look-bottom .article-list .list-item .info .info-person .review span{color: #9e9e9e; margin-right: 8px;}

/*弹出视频*/
.lookhose_tk1{z-index: 9998;display: none; position: fixed; top: 0;left: 0;background-color: #000; width: 100%;}
.lookhose_tk1 .close1{position: absolute; z-index:9999;top:20px; right: 20px;display: block;width: 40px;height: 40px;cursor: pointer;border-radius: 20px;background-color: #ef4238; line-height: 40px; text-align: center;}
.lookhose_tk1 .close1 img{width: 18px; height: 18px;}
.lookhose_tit1 video{width: 90%;background-color:#000;margin-left:5%;margin-top: 3%  }

/*===== 看房 ==== end ====*/

/*===== 看房详情 ==== end ====*/
/*标题 + 文章信息*/
.l-info{margin-top: 30px;}
.cont-l{width: 810px;}
.cont-l .tit{font-size: 34px; color: #333;line-height: 48px;}
.cont-l .information{height: 72px; line-height: 72px; border-bottom: 1px dashed #e6e5e5; margin-top: 7px;}
.cont-l .information .information-fl{float: left; font-size: 14px; color: #eeeeee;}
.cont-l .information .information-fl font a{color: #2d98f3;margin-right: 10px;}
.cont-l .information .information-fl span{color: #666;padding: 0 10px;}
.cont-l .information .information-fr{float: right;margin-top: 29px; }
.cont-l .information .information-fr span{cursor: pointer; text-indent: 43px; display: block; float: left; width: 78px; height: 20px; font-size: 12px;line-height: 20px;}
.cont-l .collect{ background: url(../images/online-look-img-tubiao1.png)20px 0px  no-repeat;color: #666666;}
.cont-l .collect:hover{background:url(../images/online-look-img-tubiao1on.png) 20px 0px  no-repeat; color: #ef4238;}
.cont-l .praise{background: url(../images/online-look-img-tubiao3.png) 18px 0px  no-repeat;color: #666666;}
.cont-l .praise:hover{background: url(../images/online-look-img-tubiao3on.png) 18px 0px  no-repeat;color: #ef4238;}
.cont-l .reply{background: url(../images/online-look-img-tubiao4.png)18px 2px  no-repeat;color: #666666;}
.cont-l .reply:hover{background: url(../images/online-look-img-tubiao4on.png)18px 2px  no-repeat;color: #ef4238;}
/*标签 + 分享 + 内容*/
.cont-l .tag{height: 22px; padding: 44px 0 25px 90px; color: #666666; position: relative;}
.cont-l .tag ul li{ float: left;padding: 4px 15px; background: #f0f0f0; border-radius: 25px; font-size: 12px; margin-right: 10px;}
.cont-l .tag .share-cont{width: 48px; height: 221px;position:absolute;top: 25px; left: 0; background: url(../images/online-img-share.png) no-repeat;}
.cont-l .tag .share-cont span{display: block;width: 28px;height: 28px; margin: 15px 0 0 8px;cursor: pointer;}
.cont-l .tag .share-cont span.wx{margin-top: 45px;}
.cont-l .tag .share-cont span.wx:hover{ background: url(../images/online-img-shareh.png)-8px 0 no-repeat;}
.cont-l .tag .share-cont span.qq:hover{background: url(../images/online-img-shareh.png)-8px -43px no-repeat;}
.cont-l .tag .share-cont span.kj:hover{background: url(../images/online-img-shareh.png)-8px -86px no-repeat;}
.cont-l .details-article{width: 720px;margin-left:90px ;}
.cont-l .details-article img.wang{max-width: 100%;}
.cont-l .details-article span.nan{color: rgb(255, 0, 0);}
.cont-l .details-article p{font-size: 16px; color: #333333; line-height: 26px;}
.cont-l .details-article p img{max-width: 700px;margin: 14px auto;}
.cont-l .details-article .wxq img{width: 720px;height: 200px;margin:40px 0}
.cont-l .details-article-bottom{margin-left: 88px;}
.cont-l .details-article-bottom .end{ color: #b8c4e4;font-size: 16px; line-height: 90px;}
/*点赞 + 收藏*/
.cont-l .coll{padding-left: 303px;margin-top: 60px;}
.cont-l .coll span{cursor: pointer; float: left;width: 118px; height: 46px;line-height: 50px; display: block;  }
.cont-l .coll .zan{font-size: 16px;text-indent: 50px; color: #ffffff;background: url(../images/online-look-img-bunner-zan.png) no-repeat;}
.cont-l .coll .zanlast{text-indent: 46px; color: #ffffff;background: url(../images/online-look-img-bunner-yzan.png) no-repeat;}
.cont-l .coll .sc{margin-left: 60px;text-indent: 54px; color: #333333; background: url(../images/online-look-img-bunner-scd.png) no-repeat;}
.cont-l .coll .sclast{margin-left: 60px;text-indent: 54px; color: #333333; background: url(../images/online-look-img-bunner-yscd.png) no-repeat;}
/*未登录*/
.details-body-left-pinglun-false{width: 720px;height: 35px;background-color: #ffffe1;margin-top: 50px;border: 1px solid #fdd4b2;text-align: center;line-height:35px;font-family: "微软雅黑";font-size: 12px;color:#666;margin-left: 90px;}
.details-body-left-pinglun-false:hover {background-color: #ffffcb;color:#333;}
.details-body-left-pinglun-false a{color: #333333;}
.details-body-left-pinglun-false a:hover{color: #333333;}
/*已登录发表评论*/
.details-body-left-pinglun-true{width: 720px; height: 170px; margin-top: 15px;}
.details-body-left-pinglun-true p{height: 170px;float: left;}
.details-body-left-pinglun-true p span{width: 60px;height: 60px;border-radius:30px;display: block;margin-left: 15px;overflow: hidden;}
.details-body-left-pinglun-true p span img.trtu{width:60px;}
.details-body-left-pinglun-true div{width: 555px; height: 170px; float: left;}
.details-body-left-pinglun-true div textarea{    width: 600px; height: 90px; border: 1px solid #F0F0F0; padding: 15px;   font-family: "微软雅黑";   font-size: 14px;   color: #9e9e9e;   margin-left: 15px;}
.details-body-left-pinglun-true div span{color: #9e9e9e;font-family: "微软雅黑";font-size: 12px;margin-top: 20px;display: block;float: left;margin-left: 14px;}
.details-body-left-pinglun-true div button{margin-right: -91px; cursor: pointer;float: right;margin-top: 15px;width: 68px;height: 35px;border: none;background-color: #d3d3d3;border-radius:2px;font-family: "微软雅黑";font-size: 14px;color: #ffffff;}
.details-body-left-pinglun-true div button:hover{background-color: #EF4238;color: #ffffff;}
/*列表*/
.details-body-left-pinglun{margin-top: 50px;margin-left: 90px;width: 720px;}
.details-body-left-pinglun h1{font-family: "微软雅黑";font-size: 22px;color: #333333;font-weight: 400;}
.details-body-left-pinglun h1 span{color: #ef2438;}
.details-body-left-pinglun ul li{padding: 30px 0 30px 20px;width: 722px; clear: both;}
.details-body-left-pinglun ul li p{float: left;}
.details-body-left-pinglun ul li p span{display: block;width: 50px;height: 50px;border-radius:25px;overflow: hidden;}
.details-body-left-pinglun ul li div{}
.details-body-left-pinglun  ul  li  div.fr  { border-bottom:  1px  dashed  #d3d3d3;  float:  left;   margin-left:  15px;   padding-bottom:  30px;   width:  641px;}
.details-body-left-pinglun ul li div div{clear: both;}
.details-body-left-pinglun ul li div h1{font-weight: 400;font-family: "微软雅黑";font-size: 12px;color: #ef2438;}
.details-body-left-pinglun  ul  li  div  h2  { color:  #333333;  font-family:  "微软雅黑";  font-size:  14px; font-weight:  400;  margin-top:  8px;}
.details-body-left-pinglun ul li div h3{font-weight: 400;font-family: "微软雅黑";font-size: 12px;color: #9e9e9e;margin-top: 22px;}
.details-body-left-pinglun ul li div h3 span{cursor: pointer;float: right;display: block;margin-left: 25px;color: #333333;}
.details-body-left-pinglun ul li div h3 span img{margin-right: 5px;position: relative;top: 0px;}
.details-body-left-pinglun ul li div h3 span:hover{color: #EF4238;}
.details-body-left-pinglun ul li div h4{font-family: "微软雅黑";font-weight: 400;font-size: 12px;color: #666666;margin-top: 22px;border-left:2px solid #ef2438 ;}
.details-body-left-pinglun ul li div h4 span{display: block;line-height: 20px;margin-left: 10px;}
.details-body-left-pinglun ul li div .comment{display: none;margin-top: 22px;position: relative;}
.details-body-left-pinglun ul li div .comment textarea{width: 620px;height: 40px;padding: 10px;font-family: "微软雅黑";font-size: 12px;color: #333; border:1px solid #F0F0F0}
.details-body-left-pinglun ul li div .comment span{display: block;float:left;margin-top: 28px;font-family: "微软雅黑";font-weight: 400;font-size: 12px;color: #9e9e9e;}
.details-body-left-pinglun ul li div .comment button{float: right;margin-top: 15px;width: 68px;height: 30px;border: none;font-family: "微软雅黑";font-size: 12px;color: #ffffff;background-color:#d3d3d3}
.details-body-left-pinglun ul li div .comment button:hover{background-color: #EF4238;}
.details-body-left-pinglun ul li div .comment p{font-family: "微软雅黑";font-size: 12px;color: #9e9e9e;position: absolute;top: 10px;left: 10px;font-weight: 400;}
/*更多*/
.details-body-left-pinglun-gengduo{cursor: pointer; width:720px;height: 35px;background-color: #F0F0F0;clear: both;margin-top: 35px;font-family: "微软雅黑";font-weight: 400;text-align: center;line-height: 35px;color: #666666;font-size: 12px;margin-bottom: 120px;}
.details-body-left-pinglun-gengduo:hover {background-color: #e2e2e2;}
/*===== 看房详情 ==== end ====*/

/*===== 评测 ==== begin ====*/
.ping{margin-top: 60px;}
.cont2-left{width: 860px;margin-bottom: 120px; float: left;}
.cont2-left .cont2-left-l{width: 143px; float: left;}
.cont2-left .cont2-left-l ul li{color: #666666;font-size: 16px; cursor: pointer; height: 44px;margin-top: 9px;line-height: 44px; text-align: right;padding-right: 42px;}
.cont2-left .cont2-left-l ul li.active{color: #EF4238;line-height: 44px; border-right: 1px solid #EF4238;}
.cont2-left .cont2-left-l ul li:hover{color: #EF4238;line-height: 44px;}
.cont2-left .cont2-left-r{width: 716px; float: right; border-left: 1px solid #eeeeee;}
.cont2-left .cont2-left-r .cont2-tit{width: 642px; line-height: 57px;font-size: 24px;margin-left: 73px; border-bottom: 1px solid #eeeeee;margin-bottom:40px;}
.cont2-left .cont2-left-r .cont2-tit img{vertical-align: middle; margin-top: -5px;margin-right: 5px;}
.cont2-left .cont2-left-r .cont2-tit label{font-size: 24px;}
.cont2-left .cont2-left-r .cont3-tit{width: 974px; line-height: 57px;margin-left: 73px; border-bottom: 1px solid #eeeeee;margin-bottom:40px;}
.cont2-left .cont2-left-r .cont3-tit label{font-size: 24px;}
.cont2-left .cont2-left-r .cont3-tit img{vertical-align: middle; margin-top: -5px;margin-right: 5px;}
/*内容区*/
.cont2-left .cont2-left-r .uedit{ margin-left: 73px; line-height: 30px; overflow-x: hidden; margin-bottom: 40px; }
.cont2-left .cont2-left-r .uedit p{ font-size: 16px; line-height: 30px; color:#666; }
.cont2-left .cont2-left-r .uedit p img{ max-width: 642px;margin: 15px auto}
.cont2-left .cont2-left-r .uedit table td{color:#666; font-size: 16px; line-height: 30px; word-break: break-all;}
.cont2-left .cont2-left-r .uedit table td p{ color:#333; font-size: 16px; line-height: 30px;}
.cont2-right{width: 260px;float: right;margin-bottom: 120px;margin-top: 85px;}
/*底部*/
.cont2-left .cont2-left-r .original{margin:40px 0 40px 73px; border: 1px solid #eee;height: 80px;}
.cont2-left .cont2-left-r .original p{font-size: 14px;color:#999;line-height: 30px;margin: 10px 20px}
.cont2-left .cont2-left-r .bottom{margin-top:25px;margin-left:73px;height: 30px;margin-bottom: 40px}
.cont2-left .cont2-left-r .bottom div .avatar{width: 25px;height: 25px;border-radius: 50%}
.cont2-left .cont2-left-r .bottom div span{line-height: 27px;margin-left: 10px;color: #999}
.cont2-left .cont2-left-l-fiexd{position: fixed;top:90px;}
.cont2-left .cont2-left-r .bottom-page{margin:25px 0 40px 73px; height: 32px;}
.cont2-left .cont2-left-r .bottom-page a{display: inline-block; width: 154px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; border-radius: 4px; text-align: center; background-color: #c1c1c1; }
.cont2-left .cont2-left-r .bottom-page a.prev{float: left;}
.cont2-left .cont2-left-r .bottom-page a.next{float: right}
.cont2-left .cont2-left-r .bottom-page a:hover{background-color: #EF4238; color: #fff !important;}

/*===== 评测 ==== end ====*/

/*===== 户型 ==== begin ====*/
.jiju{padding-bottom: 100px; margin-top: 60px;}
.huxing-left{float: left; width: 144px; height: 100%; text-align: right; margin-top: 10px;}
.huxing-left li{line-height: 44px; padding-right: 43px; font-size: 16px; width: 103px; color: #666666; cursor: pointer;}
.huxing-left li.active{border-right: 1px solid #ef4238; color: #ef4238; padding-right: 40px;}
.huxing-right{float: right; padding-left: 38px; border-left: 1px solid #eee; margin-top: 20px;}
.huxing-right .huxing-start{width: 1015px; height: 45px; vertical-align: middle; border-bottom: 1px solid #eee;}
.huxing-right .huxing-start span{line-height: 23px; height: 23px; border-left: 4px solid #ef4238; padding-left: 15px; color: #333; font-size:24px; display: block;}
.huxing-right .huxing-items{margin-top: 30px; padding-bottom: 30px; overflow: hidden; border-bottom: 1px solid #e3e3e3;}
.huxing-right .huxing-items:last-child{border: none!important;}
.item1-left, .item2-left{float: left; height: 325px;}
.item1-right, .item2-right{float: right; height: 325px;}
.item1-right{width: 500px; height: 325px; overflow: hidden;}
.item1-right img{width: 500px; height: 325px;transition: 1s transform;transform: translateZ(0);}
.item1-right img:hover{transform: scale(1.02, 1.02);transition: 0.7s transform;}
.item2-left{width: 500px; height: 325px; overflow: hidden;}
.item2-left img{width: 500px; height: 325px;transition: 1s transform;transform: translateZ(0);}
.item2-left img:hover{transform: scale(1.02, 1.02);transition: 0.7s transform;}
.item1-right, .item2-left{width: 500px;}
.item2-right, .item1-left{width: 481px;}
.item2-right{margin-left: 60px; width: 421px;}
.huxing-items .item1-left span:nth-child(1),
.huxing-items .item2-right span:nth-child(1){display: block; color: #fff; width: 90px; height: 30px; font-size: 16px; text-align: center; line-height: 30px; background-color: #bbbbbb; border-radius: 5px; margin-top: 10px;}
.huxing-items .item1-left span:nth-child(2),
.huxing-items .item2-right span:nth-child(2){background-color: #45afe1; color: #fff; font-size: 12px; line-height: 20px; padding: 2px 10px; border-radius: 5px; margin-left: 22px; display:block;float:left; margin-top: 8px;margin-left: 23px;}
.huxing-items .item1-left p,
.huxing-items .item2-right p{width: 410px;}
.huxing-items .item1-left .p1,
.huxing-items .item2-right .p1{margin-top: 22px; font-size: 28px; color: #333;}
.huxing-items .item1-left .p1 a,
.huxing-items .item2-right .p1 a{display:block;float:left;}
.huxing-items .item1-left .p2,
.huxing-items .item2-right .p2{margin-top: 8px; font-size: 12px; color: #999;}
.huxing-items .item1-left .p3,
.huxing-items .item2-right .p3{margin-top: 26px; font-size: 16px; color: #333; height: 24px;}
.huxing-items .item1-left .p3 label:nth-child(1),
.huxing-items .item2-right .p3 label:nth-child(1){display: block; float: left;}
.huxing-items .item1-left .p3 label:nth-child(2),
.huxing-items .item2-right .p3 label:nth-child(2){display: block; float: right;}
.huxing-items .item1-left .p3 label{font-size: 16px;}
.huxing-items .item2-right .p3 label{font-size: 16px;}
.huxing-items .item1-left .p4,
.huxing-items .item2-right .p4{margin-top: 26px; font-size: 14px; color: #666; font-family:"微软雅黑",arial;}
.huxing-items .item1-left>a{float: right; color: #fff; margin-top: 32px; margin-right: 62px; width: 120px; height: 30px; line-height: 30px; border-radius: 2px; text-align: center; display: inline-block; background-color: #EF4238;}
.huxing-items .item2-right>a{float: right; color: #fff; margin-top: 30px; width: 120px; height: 30px; line-height: 30px; border-radius: 2px; text-align: center; display: inline-block; background-color: #EF4238;}
.huxing-items .item1-left>a:hover,
.huxing-items .item2-right>a:hover{color: #fff !important; background-color: #E51B02;}
/*===== 户型 ==== end ====*/

/*===== 户型详情页 ==== begin ====*/
.xq-right{float: right; padding-left: 74px; border-left: 1px solid #eee; width: 981px;}
.xq-right .pc-show span{line-height: 42px; border-left: 4px solid #ef4238; padding-left: 15px; color: #333; font-size:24px;}
.xq-right .xq-start{width: 981px; height: 57px; vertical-align: middle; border-bottom: 1px solid #eee;}
.xq-right .xq-start label{width: 103px; margin-right: 19px; margin-left: 21px; cursor: pointer;}
.xq-right .xq-start label.on{color: #ef4238;}
.xq-right .xq-start label.on a{color: #ef4238;}
.xq-right .xq-pic{margin-top: 62px; height: 426px;}
.xq-right .xq-imgSW{float: left; width: 500px; height: 426px;}
.xq-right .xq-imgSW .imgSW-top{height: 346px}
.xq-right .xq-imgSW .imgSW-top ul{margin: 0 auto;}
.xq-right .xq-imgSW .imgSW-top ul li{float: left;}
.xq-right .xq-imgSW .imgSW-bt{position: relative; height: 64px; margin-top: 16px;}
.xq-right .xq-imgSW .imgSW-bt ul{margin: 0 auto; width: 440px; overflow: hidden; height: 60px;}
.xq-right .xq-imgSW .imgSW-bt ul li{width: 96px; float: left; margin-left: 10px;}
.xq-right .xq-imgSW .imgSW-bt ul li{position: relative;cursor: pointer;}
.xq-right .xq-imgSW .imgSW-bt ul li .imgSW-bot{position: absolute;height: 20px;width: 90px;left: 0px;bottom: 4px;text-align: center;color: #FFFFFF;background: url(../images/online-type-img-icon.png) repeat-x;}
.xq-right .xq-imgSW .imgSW-bt .imgSW-zuo{position: absolute; width: 30px; height: 30px; background-image: url(../images/online-type-xq-zuo.png); top: 50%; left: 0; margin-top: -15px;}
.xq-right #imageShowSmallAnchor{position: absolute;height: 60px;width: 90px;left: 39px;top: -1px;border: 1px solid #EF4238;}
.xq-right .xq-imgSW .imgSW-bt .imgSW-you{position: absolute; width: 30px; height: 30px; background-image: url(../images/online-type-xq-you.png); top: 50%; right: 0; margin-top: -15px;}
.xq-right .xq-imgSW .imgSW-bt .imgSW-zuo:hover{background-image: url(../images/online-left-hover.png);}
.xq-right .xq-imgSW .imgSW-bt .imgSW-you:hover{background-image: url(../images/online-type-right-hover.png);}
.xq-right .xq-mesSW{float: right; width: 400px; margin-left: 80px; vertical-align: middle;}
.xq-right .xq-mesSW span{margin: 0; padding: 0; border: none;}
.xq-right .xq-mesSW p{font-size: 14px; color: #999; margin-top: 12px;}
.xq-right .xq-mesSW p font{font-size: 14px; color: #5d5d5d; margin-left: 10px; font-family: 微软雅黑;}
.xq-right .xq-mesSW .mes-top{height: 216px; border-bottom: 1px solid #eee;}
.xq-right .xq-mesSW .mes-top p:nth-of-type(1){font-size: 30px; font-weight: normal; margin-top: 0; color: #333;}
.xq-right .xq-mesSW .mes-top p:nth-of-type(1) font{font-size: 30px; margin-left: 0px;}
.xq-right .xq-mesSW .mes-top p:nth-child(3) font{color: #ef4238; font-size: 30px;}
.xq-right .xq-mesSW .mes-top p:nth-child(3) span{font-size: 14px;}
.xq-right .xq-mesSW .mes-top p:nth-child(5) img{margin-left: 50px; margin-bottom: -4px;}
.xq-right .xq-mesSW .mes-status{background-color: #45afe1; color: #fff; font-size: 12px; line-height: 20px; padding: 2px 10px; border-radius: 5px; display:block;float:left; margin-top: 8px;margin-left: 23px;}
.xq-right .xq-mesSW .mes-middle{height: 130px; margin-top: 30px; height: 104px; border-bottom: 1px solid #eee;}
.xq-right .xq-mesSW .mes-middle label:nth-child(odd){display: block; float: left; width: 50%;}
.xq-right .xq-mesSW .mes-middle label:nth-child(even){margin-left: 30px;}
.xq-right .xq-mesSW .mes-bottom{margin-top: 30px; height: 74px;}
.xq-right .xq-mesSW .mes-bottom .input1{height: 38px; width: 237px; text-indent:14px; border:1px solid #cacaca; border-right: none;}
.xq-right .xq-mesSW .mes-bottom .input2{height: 39px; width: 100px; color: #fff; background-color: #ef4238; border:1px solid #cacaca; border-left: none; margin-left: -4px;}
/*户型点评*/
.xq-right .xq-ms {margin-top: 90px; width: 981px;}
.xq-right .xq-ms .ms-li {margin-top: 30px; font-size: 16px; color: #666;}
.xq-right .xq-ms .ms-li p{line-height: 30px;}
.xq-right .xq-ms .ms-li img{margin:15px auto; max-width: 640px;}
/*户型详情*/
.xq-right .xq-bottom{margin-top: 80px;}
.xq-right .xq-bottom .bt-left{float: left; width: 640px;}
.xq-right .xq-bottom .bt-left .bt-content{margin-top: 30px; font-size: 16px; color: #666;}
.xq-right .xq-bottom .bt-left .bt-content p{line-height: 30px;}
.xq-right .xq-bottom .bt-left .bt-content img{margin:15px auto; max-width: 640px;}
/*===== 户型 ==== begin ====*/

/*===== 图库 ==== begin ====*/
.tku{margin-top: 35px;}
.cont-left{width: 960px;float: left;}
.cont-left .caption{overflow: hidden; width: 960px; padding: 25px 0px;}
.cont-left .caption label{font-size: 24px; color: #333333; display: block; float: left; line-height: 30px;}
.cont-left .caption span{background: #EF4238;width: 4px; height: 20px;display: block;float: left; margin-top: 8px;margin-right: 16px;}
.cont-left .caption a{display: block; float: right;margin-top: 14px;padding-right: 23px; color: #333333;font-size: 14px;}
.cont-left .caption a:hover{color: #EF4238;}
.cont-left .list ul{overflow: hidden;}
.cont-left .list ul li{width: 300px; height: 240px;background: #f1f1f1; float: left;margin:10px 20px 10px 0px;cursor: pointer;}
.cont-left .list ul li img{width: 300px; height: 200px; background: #D6D6D6;transition: 1s transform;transform: translateZ(0);}
.cont-left .list ul li div{width: 300px; height: 200px;overflow: hidden;}
.cont-left .list ul li p{font-size: 16px; text-align: center;line-height: 36px;}
.cont-left .list2{width: 940px; height: 626px;margin-top: 80px; position: relative;}
.cont-left .list2 ul{width: 940px; height: 626px; overflow: hidden;}
.cont-left .list2 ul li{float: left;width: 940px; height: 626px;}
.cont-left .list2 ul li img{width: 940px; height: 626px;}
.cont-left .list2 a{position: absolute; top: 0px; width:470px; height: 626px;}
.cont-left .list2 a.prev{cursor: url("../../img/pre.cur"), pointer;left: 0px; }
.cont-left .list2 a.next{cursor: url("../../img/next.cur"), pointer;right: 0px;}
.cont-left .drawing{width: 100%; text-align: center; color: #ffffff; font-size: 24px;line-height: 74px;}
/*图库左侧公共*/
.cont-right{width: 210px;float: right;}
.cont-right .cont-right-tit{font-size: 14px;width: 210px; height: 40px; line-height: 40px; text-align: center;margin-top: 93px; border-top: 2px solid #ef4238;}
.cont-right .cont-right-nav ul li{margin-bottom: 1px;}
.cont-right .cont-right-nav ul li label{cursor: pointer; width:159px; height: 40px;line-height: 40px; display: block; font-size: 14px;color: #333333; padding-left: 49px; background: url(../images/online-tuku-icon-mr.png) no-repeat center center #e8e8e8;}
.cont-right .cont-right-nav ul li label.xz{background: url(../images/online-tuku-icon-xz.png) no-repeat center center #e8e8e8;}
.cont-right .cont-right-nav ul li dl{display: none;}
.cont-right .cont-right-nav ul li dl dd{cursor: pointer; border-bottom: 1px solid #eeeeee; font-size: 14px; color: #666666; padding: 10px 10px 10px 50px;}
.cont-right .cont-right-nav ul li dl dd:last-child{border-bottom: none;}
.cont-right .cont-right-nav ul li dl dd:hover{color: #EF4238;}
.cont-right .cont-right-nav ul li dl dd.xzd{color: #EF4238;}
.cont-right .cont-right-nav ul li dl dd a{line-height: 24px; display: inline-block;}
.cont-right .sort{margin-top: 80px;color: #999999; height: 40px;font-size: 14px;}
.cont-right .sort font{float: right;}
.cont-right .sort font a{color: #999999;}
.cont-right .sort font img{vertical-align: middle;margin-right: 10px;margin-top: -4px;}
.cont-right .cont-right-tit2{border: 1px solid #474747; font-size: 14px;width: 208px; height: 40px; background: #2e2e2e; color: #999999; line-height: 40px; text-align: center;}
.cont-right .cont-right-nav2 ul li label{border: 1px solid #474747;cursor: pointer; width:159px; height: 40px;line-height: 40px; display: block; font-size: 14px;color: #999999;padding-left: 49px; background: url(../images/online-tuku-icon-mr.png) no-repeat center center #2e2e2e;}
.cont-right .cont-right-nav2 ul li label.xz{background: url(../images/online-tuku-icon-xz.png) no-repeat center center #2e2e2e;}
.cont-right .cont-right-nav2 ul li dl{display: none;}
.cont-right .cont-right-nav2 ul li dl dd{border-left: 1px solid #474747;border-right: 1px solid #474747;border-bottom: 1px solid #474747;cursor: pointer; height: 39px;line-height: 39px;font-size: 14px; color: #999999; text-indent: 50px;}
.cont-right .cont-right-nav2 ul li dl dd:hover{color: #EF4238;}
.cont-right .cont-right-nav2 ul li dl dd.xzd{color: #EF4238;}
/*===== 图库 ==== end ====*/

/*===== 图库详情页 ==== begin ====*/
.pic-head{height: 70px;width: 100%; background: #333333;}
.pic-head .head-l{padding-left: 30px; line-height: 70px;float: left;}
.pic-head .head-l a{font-size: 22px;color: #999999;display: block; float: left; padding-right: 20px;}
.pic-head .head-l a:hover{color: #ef4238;}
.pic-head .head-l label{color: #999;}
.pic-head .head-r{float: right;}
.pic-head .head-r .head-r-nav{margin-top: 27px;}
.pic-head .head-r .head-r-nav ul li{float: left;padding: 0 17px;}
.pic-head .head-r .head-r-nav ul li a{font-size: 14px;color: #999999;}
.pic-head .head-r .head-r-nav ul li a.act{color: #ef4238;}
/*===== 图库详情页 ==== end ====*/

/*===== 参数 ==== begin ====*/
.param{padding-bottom: 100px; margin-top: 60px;}
.param .cont2-left .cont2-left-r .cont3-tit{width: 680px;}
/*===== 参数 ==== end ====*/

/*===== 客服 ==== begin ====*/
.service{padding-bottom: initial;}
/*info*/
.service .banner{background: url(../images/online-service2-banner.jpg) center center no-repeat; width: 100%; height: 640px;}
.service .banner .person{width: 50%; height: 100%; float: left; background: url(../images/online-service2-banner2.png) no-repeat; background-position: bottom right 94px;}
.service .banner .person.person-252{background: url(../images/online-service2-yuanxifeng.png) no-repeat; background-position: bottom right 94px;}
.service .banner .person.person-267{background: url(../images/online-service2-banner2.png) no-repeat; background-position: bottom right 94px;}
.service .banner .person.person-130{background: url(../images/online-service2-yaoyao.png) no-repeat; background-position: bottom right 94px;}
.service .banner .person.person-79{background: url(../images/online-service2-chenbing.png) no-repeat; background-position: bottom right 94px;}
.service .banner .info{width: 50%; float: right; padding-top: 118px;}
.service .banner .info h2{margin: 0px 0px 0px 26px; font-size: 40px; line-height: 40px;}
.service .banner .info h2 span{color: #EF4238;}
.service .banner .info p{margin: 28px 0px 0px 26px; font-size: 16px; line-height: 28px; width: 510px; color: #666;}
.service .banner .info a.video-play{margin: 30px 0px 0px 26px; background: url(../images/online-service2-banner-bg1.png) no-repeat; width: 185px; height: 44px; display: inline-block;}
.service .banner .info a.video-play:hover{background: url(../images/online-service2-banner-bg1-hover.png) no-repeat;}
.service .banner .info .qrcode{margin: 52px 0px 0px 26px; overflow: hidden;}
.service .banner .info .qrcode img{width: 102px; height: 102px; padding: 8px; border: 1px solid #d7d7d7; border-radius: 6px; float: left;}
.service .banner .info .qrcode .qrcode-info{float: left; padding-left: 30px;}
.service .banner .info .qrcode .qrcode-info .chat{background: url(../images/online-service2-banner-bg3.png) no-repeat; width: 118px; height: 25px; margin-top: 13px;}
.service .banner .info .qrcode .qrcode-info h3{padding: 22px 0px 0px 5px; font-size: 14px; line-height: 14px; color: #666; font-style: italic;}
.service .banner .info .qrcode .qrcode-info h4 {padding: 15px 0px 0px 5px; color: #EF4238;}
.service .banner .info .qrcode .qrcode-info h4 span{font-size: 28px; line-height: 28px; font-style: italic; font-weight: bold; float: left; display: inline-block;}
.service .banner .info .qrcode .qrcode-info h4 em{font-size: 24px; display: inline-block; line-height: 28px; float: left; padding: 0 4px 0 12px;}
/*look*/
.service .look{height: 480px; background-color: #454545; text-align: center; overflow: hidden; color: #ffffff; }
.service .look h2.look-title{font-size: 40px; line-height: 40px; padding-top: 76px;}
.service .look .info{padding-top: 60px;}
.service .look .info .info-item{float: left; width: 33.33%; text-align: center;}
.service .look .info .info-item h2{font-size: 20px; line-height: 20px; margin-top: 30px;}
.service .look .info .info-item p{font-size: 16px; line-height:28px; margin-top: 12px; color: #d9d9d9;}
/*introduce*/
.service .introduce{height: 1000px; overflow: hidden;}
.service .introduce h2.introduce-title{font-size: 40px; line-height: 40px; text-align: center; padding-top: 76px;}
.service .introduce .info{padding: 60px 38px 0;}
.service .introduce .info .info-title{overflow: hidden;}
.service .introduce .info .info-title .info-item{width: 562px; height: 130px; color: #ffffff; float: left; text-align: center;}
.service .introduce .info .info-title .box-left{background-color: #63aaf4;}
.service .introduce .info .info-title .box-right{background-color: #faa45b;}
.service .introduce .info .info-title .info-item h2{font-size: 30px; line-height: 30px; margin-top: 36px;}
.service .introduce .info .info-title .info-item p{font-size: 14px; line-height: 14px; margin-top: 15px;}
.service .introduce .info table.info-content{border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; width: 100%;}
.service .introduce .info table.info-content tr td{border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 50%; font-size: 16px; padding: 38px 0;}
.service .introduce .info table.info-content tr td h2{margin: 0px 0px 0px 60px;}
.service .introduce .info table.info-content tr td p{margin: 14px 0px 0px 60px; line-height: 28px; color: #666666;}
.service .introduce .info table.info-content tr td.last h2{margin: inherit; text-align: center;}
.service .introduce .info table.info-content tr td.last p{margin: inherit; text-align: center; margin-top: 14px;}
/*book*/
.service .book{height: 430px; background-color: #f2f2f2; overflow: hidden; text-align: center;}
.service .book h3{font-size: 22px; line-height: 22px; margin-top: 60px;}
.service .book h2{font-size: 40px; line-height: 40px; margin-top: 15px;}
.service .book h1{font-size: 40px; line-height: 40px; line-height: 50px; margin-top: 42px; color: #EF4238;}
.service .book h1 img{margin-top: -14px;}
.service .book .search-input{margin: 46px auto 0; width: 500px; overflow: hidden;}
.service .book .search-input input{width: 288px; height: 48px; line-height: 48px; border: 1px solid #EF4238; font-size: 20px; color: #666; padding-left: 30px; float: left;}
.service .book .search-input button{width: 180px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; background-color: #EF4238; float: left;}
.service .book .search-input button:hover{background-color: #cb3830;}
.service .book p{font-size: 16px; line-height: 16px; color: #666; margin-top: 25px;}

/*look | 看房服务*/
.project .look{width: 100%;height: 400px;background-color: #192851; color: #c0a07a;}
.project .look .look-title{padding-top:72px;font-size: 36px;text-align: center;}
.project .look .look-content{margin-top:60px; overflow: hidden;}
.project .look .look-content .look-content-video{width: 50%; float: left; overflow: hidden; position: relative; text-align: center;}
.project .look .look-content .look-content-video .video-img-mask{display: none; width: 460px; height: 260px; position: absolute; background-color: #000; filter:alpha(opacity=20); opacity:0.2; left: 50%; margin-left: -230px;}
.project .look .look-content .look-content-video:hover .video-img-mask{display: inline-block;}
.project .look .look-content .look-content-video .video-play{display: inline-block; width: 460px; height: 260px; line-height: 260px; position: absolute; left: 50%; margin-left: -230px;}
.project .look .look-content .look-content-video .video-desc{font-size: 16px; margin-top: 20px;}
.project .look .look-content .look-content-info{width: 50%; /*float: right; text-align: left;*/ margin: 0 auto;}
.project .look .look-content .look-content-info .info-desc{margin: 48px 0 0 0; float: left;}
.project .look .look-content .look-content-info .info-desc .box-top{filter:alpha(opacity=40); opacity:0.4; font-style: italic; font-size: 14px; color: #fff; font-weight: lighter;}
.project .look .look-content .look-content-info .info-desc .box-bottom{margin-top: 19px;}
.project .look .look-content .look-content-info .info-desc .box-bottom input{width: 370px; height: 42px; padding: 5px 20px; border: none; background-color: #ffffff; font-size: 16px; float: left;}
.project .look .look-content .look-content-info .info-desc .box-bottom button{width: 158px; height: 52px; text-align: center; background-color: #c0a07a; font-size: 20px; float: left; margin-left: 10px;}
.project .look .look-content .look-content-info .info-desc .box-bottom button.mey{color: #fff;}
.project .look .look-content .look-content-info .info-desc .box-bottom button:hover{background-color: #a38868;}
.project .look .look-desc{margin-top: 20px; filter:alpha(opacity=40); opacity:0.4; text-align: center; font-weight: lighter; color: #fff;}
.project .look .look-content .look-content-info .look-info-top{width: 100%; height: 120px; float: left; vertical-align: middle;}
.project .look .look-content .look-content-info .look-info-top .looklogo{width: 225px; height: 100%; line-height: 120px; float: left; margin-right: 30px; position: relative;}
.project .look .look-content .look-content-info .look-info-top .looklogo:after{content: ""; position: absolute; right:0; width: 1px; z-index: 1; height: 115px; background-color: #fff; opacity: 0.1; filter:alpha(opacity=70);}
.project .look .look-content .look-content-info .look-info-top .looklogo.look-img2{margin-top: 14px;}
.project .look .look-content .look-content-info .look-info-top .looklogo.look-img2:after{top: 8px;}
.project .look .look-content .look-content-info .look-info-top .looklogo img{width: 200px;}
.project .look .look-content .look-content-info .look-info-top h3{font-size: 18px; color: #fff; opacity: 0.6; filter:alpha(opacity=60); margin-top: 12px; font-weight: lighter;}
.project .look .look-content .look-content-info .look-info-top h3.tjia{opacity: 1; margin-top: 11px;}
.project .look .look-content .look-content-info .look-info-top h4{font-size: 18px; color: #fff; opacity: 0.6; filter:alpha(opacity=60); margin-top: 12px; font-weight: lighter; line-height: 30px;}
.project .look .look-content .look-content-info .look-info-top h4.zhib{margin-top: 4px; font-size: 14px;}
.project .look .look-content .look-content-info .look-info-top h4.zhib img{margin-top: -2px;}
.project .look .look-content .look-content-info .look-info-top h5{margin-top: 5px;font-weight: lighter; opacity: 1!important; color: #fff; font-size: 20px;}
.project .look .look-content .look-content-info .look-info-top h1{font-size: 32px; color: #fff; line-height: 48px;}
.project .look .look-content .look-content-info .look-info-top h1 b{font-size: 32px; color: #fff; font-weight: normal; float: left; font-weight: bold;}
.project .look .look-content .look-content-info .look-info-top h1 span{font-size: 26px; color: #fff; float: left; margin-left: 5px; margin-right: 7px; line-height: 1.8; font-weight: bold;}

/*新版看房服务*/
.new-look{height: 220px; padding-top: 80px; background-color: #1f1a17;}
.look-con{height: 120px; width: 1200px; margin: 0 auto;}
.new-look .look-left{margin-left: 200px; margin-right: 70px; float: left;}
.new-look .look-left img{width: 200px;}
.new-look .look-right{width:532px; float: left;}
.new-look .look-right.look-te{width: 630px;}
.new-look .look-right.look-te .under p{font-size: 22px;}
.new-look .look-right.look-te .box-bottom input{width: 380px;}
.new-look .look-right.look-te .box-bottom button{width: 190px; height: 50px; text-align: center; background-color: #c0a07a; font-size: 20px; float: left; margin-left: 10px;}
.new-look .look-right.look-te .under p{float:left; font-size: 22px; color: #fff; opacity: 0.8; filter:alpha(opacity=60); line-height: 32px; margin-top: -5px;}
.new-look .look-right.look-te .under img{margin-top: 20px;}
.new-look .look-right .under{float: left; color: #fff;}
.new-look .look-right .under p{float:left; font-size: 16px; color: #fff; opacity: 0.6; filter:alpha(opacity=60); line-height: 25px; margin-top: -5px;}
.new-look .look-right .under img{margin-top: 14px; margin-left: 17px; float: left; margin-right: 19px;}
.new-look .look-right .under h1{font-size: 32px; font-weight: bold; float: left;}
.new-look .look-right .under h1 i{float: left;}
.new-look .look-right .under h1 span{float:left; font-size: 26px; font-weight: bold; margin: 0 5px; margin-top: 3px;}
.new-look .look-right .box-bottom{float: left; margin-top: 25px;}
.new-look .look-right .box-bottom input{width: 330px; height: 50px; line-height: 50px; padding-left:20px; border: none; background-color: #ffffff; font-size: 18px; color: #333; float: left;}
.new-look .look-right .box-bottom input::-webkit-input-placeholder { /* WebKit browsers */ color: #999999;}
.new-look .look-right .box-bottom input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999;}
.new-look .look-right .box-bottom input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999;}
.new-look .look-right .box-bottom input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999;}
.new-look .look-right .box-bottom button{width: 170px; height: 50px; text-align: center; background-color: #c0a07a; font-size: 20px; float: left; margin-left: 10px;}
.new-look .look-right .box-bottom button.mey{color: #fff; padding: 0;}
.new-look .look-right .box-bottom button:hover{background-color: #a38868;}
.new-look .explain{text-align:center; font-size: 12px; color: #fff; opacity: 0.2; filter:alpha(opacity=20); margin-top: 67px;}
/*===== 客服 ==== end ====*/

/*===== 网上售楼处右侧浮动 ==== start ====*/
.right-pos{width: 50px; height: auto; background-color: rgba(0,0,0,0.6); position: fixed; right: 0; top: 50%; margin-top: -100px; z-index: 50;}
.right-pos li{width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; position: relative;}
.right-pos li img{height: 24px;}
.right-pos li.telphone img{opacity: 0.6;}
.right-pos li.telphone:hover img{opacity: 1;}
.right-pos li.dizhi img{opacity: 0.6;}
.right-pos li.dizhi:hover img{opacity: 1;}
.right-pos li.fix-jt img{width: 26px; height: 15px; opacity: 0.6;}
.right-pos li.fix-jt:hover img{width: 26px; height: 15px; opacity: 1;}
.right-pos li .tel-info{width: 210px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; background-color: #F1554C; text-align: center; position: absolute; right: 50px; top: 0; font-weight: bold;}
.right-pos .look-ewm{position: absolute; left: -180px; top: -60px; width: 173px!important; height: 184px!important;}
.right-pos li.tel-phe{position: relative;}
.right-pos li.tel-phe:hover .xshou{opacity: 1;}
.xshou{opacity: 0.6;}
.right-pos li .addr{width: 290px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; background-color: #F1554C; text-align: center; position: absolute; right: 50px; top: 0;}
/*===== 网上售楼处右侧浮动 ==== end ====*/

/*概述页团购广告*/
.group-shop{width: 100%; height: 155px; position: fixed; left: 0; bottom: -1px; z-index: 100; background: url(../images/online-img-group.png) no-repeat center center/cover;}
.group-shop .group-box{width: 1200px; height: auto; margin: 0 auto; margin-top: 100px;}
.group-shop .group-box .phone-box{width: 390px; height: 40px; float: right; margin-right: 230px;}
.group-shop .group-box .phone-box input{float: left; width: 235px; height: 40px; padding-left: 25px; background: #fff; color: #333; font-size: 16px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.group-shop .group-box .phone-box .en-btn{float: left; width: 130px; height: 40px; background: url(../images/online-adv-button.png) no-repeat center center/cover; cursor: pointer;}
.group-shop .group-box .phone-box input::-webkit-input-placeholder{font-size: 16px;}
.group-shop .group-box .phone-box input:-moz-placeholder{font-size: 16px;}
.group-shop .group-box .phone-box input::-moz-placeholder{font-size: 16px;}
.group-shop .group-box .phone-box input:-ms-input-placeholder{font-size: 16px;}


