/*公共*/
html,body{overflow:hidden;height:100%;}
.fl{float:left;}
.mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background:#000;}
.footnote{font-size:12px;font-style:normal;position:absolute;top:-6px;}
.line{display:inline-block;width:1px;height:15px;background-color:#fff;}
.btn{padding:7px 12px;color:#fff;border-radius:3px;background-color:#111010;}
.btn:hover{color:#fff;}
.btn .ico{position:relative;top:1px;float:left;margin-right:5px;}
.ico{display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.ico.ico-back{background-image:url('../../images/sample/ico-back.png');background-size:80%;}
.ico.ico-share{background-image:url('../../images/sample/ico-share.png');background-size:80%;}
.ico.ico-collection{background-image:url('../../images/sample/ico-collection.png');background-size:80%;}
.collection_active .ico.ico-collection{background-image:url('../../images/sample/ico-collection-active.png');}
.ico.ico-comment{background-image:url('../../images/sample/ico-comment.png');background-size:90%;}
.ico.ico-eye{background-image:url('../../images/sample/ico-eye.png');background-size:90%;}
.ico.ico-love{background-image:url('../../images/sample/ico-love.png');background-size:90%;}
.ui-dialog{z-index: 1000;}
/*/公共*/

/*框架 */
.sample_detail{position:relative;width:100%;height:100%;}
.detail{position:absolute;top:0;right:0;bottom:0;left:0;}
.detail_h{position:absolute;top:0;right:0;left:0;height:16%;}
.detail_scroll{position:absolute;top:14%;right:0;bottom:18%;left:0;background:#fff;}
.detail_f{position:absolute;right:0;bottom:6%;left:0;height:12%;}
/*/框架 */

/*顶部*/
.detail_h>.mask{opacity:.3;}
.detail_f>.mask{opacity:.3;}

.detail_h .btn{position:absolute;top:15px;}
.detail_h .db_back{left:60px;}
.detail_h .db_share{right:60px;}
.detail_h .db_comment{right:15px;}
.detail_h .db_collection{right:140px;}

.iwant{position:absolute;bottom:58px;left:50%;margin-left:-124px;padding:17px 24px;color:#fff;border-radius:3px;background-color:#fd4242;}
.iwant:hover{background-color:#bf153d;}
.iwant a{color:#fff;}
.iwant .line{position:absolute;left:50%;margin-top:3px;}
.iwant_title{display:inline-block;float:left;width:100px;}
.iwant_eye{float:right;width:100px;text-align:right;}
.iwant_eye .ico{float:right;margin-right:10px;}
.iwant_eye label{float:right;}
/*/顶部*/

/*滚动列表样式*/
.detail_scroll *{box-sizing:border-box;}
.scroll_wrapper{width:9999999px;height:100%;}
.scroll_list{float:left;height:100%;}
.scroll_list .node{position:relative;float:left;height:100%;border-right:1px solid #e0e0e0;}
.scroll_list .node.node-article{width:380px;}
.scroll_list .node.node-title{width:380px;min-width:100px;max-width:380px;}
.mCSB_horizontal.mCSB_outside>.mCSB_container{height:100%;}
/*/滚动列表样式*/

/*滚动列表中单个节点样式*/
.nt{position:absolute;top:50%;left:50%;width:82px;height:114px;margin-top:-57px;margin-left:-41px;text-align:center;}
.nt span{position:relative;top:12px;color:#4eaaff;}
.nt i{display:block;width:82px;height:82px;background-image:url('../../images/sample/title.png');background-repeat:no-repeat;background-position:0 -4px;}
.nt.nt-xg i{background-position:0 -4px;}
.nt.nt-kt i{background-position:0 -98px;}
.nt.nt-ct i{background-position:0 -185px;}
.nt.nt-wsj i{background-position:0 -274px;}
.nt.nt-zw i{background-position:0 -363px;}
.nt.nt-sf i{background-position:0 -452px;}
.nt.nt-玄关 i{background-position:0 -4px;}
.nt.nt-客厅 i{background-position:0 -98px;}
.nt.nt-餐厅 i{background-position:0 -185px;}
.nt.nt-卫生间 i{background-position:0 -274px;}
.nt.nt-主卧 i{background-position:0 -363px;}
.nt.nt-次卧 i{background-position:0 -363px;}
.nt.nt-书房 i{background-position:0 -452px;}
.nt.nt-多功能室 i{background-position:0 -452px;}

.node .photo{position:relative;height:100%;padding:10px;}
.node .photo-image{height:100%;}
.describe{position:absolute;right:10px;bottom:10px;left:10px;color:#fff;}
.describe .mask{opacity:.8;}
.describe_info{line-height:24px;position:relative;padding:20px 24px;}
.describe_info .mar-left{margin-left:20px;}
.describe_info .mar-left .ico-eye{margin:0 6px -2px 0;}
.describe_hot{position:relative;right:34px;bottom:4px;text-align:right;}
.describe_hot span{display:inline-block;margin-right:20px;}
.describe_hot .ico{float:left;margin-right:10px;}

.info{line-height:35px;position:absolute;z-index:1;top:10px;right:10px;height:35px;font-size: 12px;}
.info span{cursor:pointer;text-align: center;}
.info .wechat,.info .phone{width:100px;margin-left:1px;color:#999;background:rgba(0,0,0,.8);*background:#000;filter:alpha(opacity:80);}
.info i{display:inline-block;background:url(/static/images/effect/effect_list.png) no-repeat;}
.info .wechat i{width:12px;height:11px;margin:0 6px 0 0;background-position:0 -50px;}
.info .phone i{width:10px;height:15px;margin:0 6px -3px 0;background-position:-20px -50px;}
.info .wechat:hover,.info .phone:hover{color:#fff;}
.info .wechat:hover i{background-position:-32px -50px;}
.info .phone:hover i{background-position:-46px -50px;}
/*/滚动列表中单个节点样式*/

/*滚动列表文字项*/
.article{position:absolute;top:85px;bottom:40px;left:50%;overflow:hidden;width:330px;margin-left:-165px;}
.article h1{font-weight:normal;line-height:40px;}
.article p{font-size:16px;line-height:37px;margin-top:10px;text-align:left;color:#404040;}
.article .author{font-size:16px;margin-top:10px;text-align:left;}
/*/滚动列表文字项*/

/*滚动列表户型图*/
.node .house-photo{width:450px;margin-top:80px;padding:0;text-align:center;}
.node .house-image{width:90%;}
.node .house-info{font-size:16px;text-align:center;color:#2a2a2a;}
.node .house-info span{position:relative;}
/*/滚动列表户型图*/

/*底部导航样式*/
.d_nav{position:absolute;top:10px;left:50%;}
.d_nav .nav_wrapper{margin-left:-50%;}
.d_nav .nav_item{line-height:35px;position:relative;height:35px;}
.d_nav .nav_header{position:relative;display:inline-block;overflow:hidden;margin-right:1px;padding:0 20px 0 30px;text-align:center;}
.d_nav .nav_header .mask{border-top-left-radius:17px;border-bottom-left-radius:17px;}
.d_nav .nav_list{overflow:hidden;padding:0 30px;}
.d_nav .nav_list .mask{border-top-right-radius:17px;border-bottom-right-radius:17px;}
.d_nav .nav_list li{position:relative;float:left;height:35px;padding:0 5px;cursor:pointer;}
.d_nav .title{position:relative;cursor:pointer;color:#fff;}
.d_nav .point{position:relative;top:15px;width:6px;height:6px;cursor:pointer;border-radius:50%;background:#fff;}
.d_nav .title.active{color:#ff5b5b;}
.d_nav .point.active{background:#ff5b5b;}
.copyright_info_tip{position:absolute;left:50%;top:44px;color:#b2b2b2;font-size:12px;width:430px;margin-left:-215px;}
/*底部导航样式*/

/*二维码*/
.bd_weixin_popup_modal{position:absolute;z-index:11000;top:0;right:0;bottom:0;left:0;opacity:.3;background:#000;}
.bd_weixin_popup{font-size:12px;position:absolute;z-index:11001;top:50%;left:50%;width:240px;height:300px;margin-top:-150px;margin-left:-120px;padding:10px;border:solid 1px #d8d8d8;background:#fff;}
.bd_weixin_popup .bd_weixin_popup_head{font-size:12px;font-weight:bold;line-height:16px;position:relative;height:16px;text-align:left;color:#000;}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{font-size:16px;position:absolute;top:0;right:0;width:16px;height:16px;text-decoration:none;color:#999;}
.bd_weixin_popup.bd_weixin_popup_head .bd_weixin_popup_close:hover{text-decoration:none;}
.bd_weixin_popup .bd_weixin_popup_main{min-height:150px;padding:15px 10px;_height:150px;}
.bd_weixin_popup .bd_weixin_popup_main table{margin:0 auto;}
.bd_weixin_popup .bd_weixin_popup_foot{font-size:12px;line-height:22px;text-align:left;color:#666;}
/*/二维码*/

/*预览*/
.preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index: 999;}
.preview_modal{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85;background:#000;}
.preview_content .photo{box-sizing:border-box;}
.preview_content .house-photo{position:absolute;top:30px;bottom:30px;box-sizing:border-box;}
.preview_content .house-photo img{height:100%;}
.preview_content .describe{right:0;bottom:0;left:0;}
.preview_content .info{right:0;top:0;}

.switch{position:absolute;top:50%;display:inline-block;width:128px;height:128px;margin-top:-64px;cursor:pointer;background-color:#000;background-repeat:no-repeat;background-position:center center;}
.switch:hover{z-index:10;background-color:#2a2a2a;}
.switch-l{left:0;background-image:url('../../images/sample/switch-l.png');}
.switch-r{right:0;background-image:url('../../images/sample/switch-r.png');}
/*/预览*/

/*提示弹窗*/
.ui-dialog .ui-dialog-titlebar{background:#fff;color:#2a2a2a;}
.ui-dialog .ui-dialog-titlebar span{text-align:left;}
.ui-dialog .ui-dialog-titlebar button{width:16px;height:16px;background:url(/static/images/close2.png) no-repeat;}

.erw-code{padding-top:15px;background:#fff;z-index:9999;}
.erw-code .notice{font-size:15px;line-height:31px;color:#666;margin-left:20px;}
.erw-code .wechat{font-size:17px;line-height:35px;color:#333;text-align:center;}
.erw-code img{display:block;margin:0 auto;}
.erw-code .img-wrap{height:184px;}
.erw-code .img-we{padding:12px;border:1px solid #efefef;}
.erw-code .img-help{display:none;}
.erw-code p.help{line-height:58px;text-align:center;}
.erw-code p.help a{color:#666;}.erw-code p.help a:hover{color:#f25618;}

.message .left-box{width:233px;padding:62px 0 0 44px;}
.message .left-box .thm{font-size:18px;line-height:36px;color:#000;}
.message .left-box .tip{font-size:12px;line-height:32px;color:#a5a5a5;margin-top:38px;}
.message .right-box{width:327px;padding:62px 0 0 0;}
.message .right-box input{width:271px;height:40px;padding-left:12px;line-height:40px;border:1px solid #ddd;outline:0 none;}
.message .right-box input.username{margin-top:15px;}
.message .right-box button{width:283px;height:40px;font-size:18px;font-family:'Microsoft Yahei';color:#fff;border:0 none;margin-top:16px;background:#cd0000;}
.message .right-box .have{width:283px;font-size:12px;line-height:12px;color:#cd0000;text-align:center;margin-top:26px;}
/*/提示弹窗*/

/***** 装修红包 start *****/
.at_shb{z-index:9998;position:fixed;left:50%;width:2px;margin-left:38px;background:url(/static/images/effect/redline.png) center top repeat-y;height:0;top:0;}
.at_shb img{cursor:pointer;z-index:100;position:relative;display:block;width:180px;height:152px;}
.at_shb .line{position:absolute;bottom:-131px;left:-90px;z-index:10;width:180px;height:152px;margin:0;background:initial;display:none;}

.at_shb_mark{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:.6;filter:alpha(opacity=60);z-index:99999}
.at_packet{height:533px;width:463px;background:url(/static/images/effect/receive_packet.png) no-repeat center;position:fixed;top:50%;left:50%;margin:-267px 0 0 -231px;z-index:100000;display:none;background-size:100%}
.at_packet .closebtn,.at_packet_code .closebtn,.at_packet_win .closebtn{width:44px;height:44px;position:absolute;right:209px;bottom:-64px;}
.at_packet .closebtn img{position:absolute;left:0;top:0;cursor:pointer}
.at_packet .packet_wrap{width:320px;margin:0 auto;margin-top:245px}
.at_packet .packet_wrap input.hb_phone,.at_packet .packet_wrap input.hb_yzm,.at_packet_code input.code-input{margin-bottom:14px;height:50px;padding:0 15px;background:#f4e983;width:292px;margin:0 auto;border-radius:50px;display:block;font-size:20px;border:0;}
.at_packet .packet_wrap input.hb_yzm{width:134px;margin:12px 0 0 0;float:left;}
.at_packet .packet_wrap .red-btn{width:82px;height:88px;outline:none;background:none;border:none 0;text-align:center;font-size:18px;font-weight:600;cursor:pointer;margin:78px auto 0 auto;display:block}
.at_packet .packet_wrap .js_get_code{width:144px;height:50px;line-height:50px;float:right;color:#F4E983;background:#D0102F!important;margin:12px 0 0 0;border-radius:25px;font-size:20px;text-align:center;border:0 none;}
.at_packet_code{display:none;height:426px;width:406px;background:url(/static/images/effect/yzm_packet.png) no-repeat center;position:fixed;top:50%;left:50%;margin:-213px 0 0 -203px;z-index:100001;background-size:100%}
.at_packet_code .closebtn{right:191px;}
.at_packet_code .code-wrap{width:320px;margin:70px auto 0;}
.at_packet_code .code-img{text-align:center;}
.at_packet_code .code-img img{height:50px;cursor:pointer;margin:0 auto;float:left;}
.at_packet_code .js_change_code{font-size:12px;color:#fff;line-height:50px;}
.at_packet_code .submit-wrap{width:306px;margin:0 auto;}
.at_packet_code input.code-input{width:276px;margin:40px auto 20px;}
.at_packet_code .js_code_submit{color:#F4E983;background:#D0102F;width:306px;height:50px;text-align:center;margin:0 auto;border-radius:50px;font-size:22px;line-height:50px;border:0 none;}
.at_packet_win{display:none;height:594px;width:447px;background:url(/static/images/effect/win_packet.png) no-repeat center;position:fixed;top:50%;left:50%;margin:-297px 0 0 -223px;z-index:100001;background-size:100%;}
.at_packet_win .closebtn{right:201px;}
/***** 装修红包 end *****/


/*底部报名*/
.footer_form{position:fixed;left:0;right:0;bottom:0;width:100%;height:110px;z-index:999;}
.footer_mark{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;background:#000;opacity:.8;filter:alpha(opacity=80);z-index:-1;}
.footer_form .footer_form_wrap{position:relative;width:1190px;margin:0 auto;}
.footer_form .footer_form_wrap>i.bak{position:absolute;left:30px;top:-31px;width:203px;height:141px;background:url(/static/images/effect/footer_form_s.png) no-repeat;}
.footer_form .form_info{margin:0 24px 0 281px;}
.footer_form .form_info>p{font-size:30px;line-height:30px;color:#f1e403;margin:16px 0 12px;}
.footer_form .form_info>p>strong{color:#fff;}
.footer_form .form_info .info_box{width:454px;height:38px;line-height:38px;border:1px solid #fff;}
.footer_form .form_info .info_box .nums{font-size:24px;color:#fff;line-height:24px;margin:6px 26px 0 0;padding:0 18px 0 10px;border-right:1px solid #fff;}
.footer_form .form_info .info_box .nums>span{color:#fff100;}
.footer_form .form_info .info_box .txt{font-size:12px;line-height:18px;color:#fff;}
.footer_form .form_submit .input_wrap{width:415px;height:46px;line-height:46px;margin-top:6px;}
.footer_form .form_submit .input_wrap input{width:404px;height:100%;font-size:16px;border-radius:3px;background:#fff;border:0 none;padding-left:11px;}
.footer_form .form_submit .input_wrap input.phone{width:215px;margin-right:5px;}
.footer_form .form_submit .input_wrap button{width:184px;height:100%;font-size:18px;color:#fff;background:#de1f3d;text-align:center;border:0 none;border-radius:3px;}