.fl{float:left}
.fr{float:right}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{ font-size: 26px;}
.mt15{margin-top:15px}
.mb15{margin-bottom:15px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mt15{margin-top:15px}
.mt25{margin-top:25px}
.w1220{width:1220px;margin:0 auto}
.w1000{width:1000px;margin:0 auto}

.lh35{line-height: 26px;}
.pr{position:relative}
.bg-white{background-color:#fff}
a{color:#666}
a:hover{color:#ff500b}

.underline{ text-decoration:underline;}
address{ display:inline; float:left;}
.left {    float: left;}
.right {    float: right;}


.r{ float: right;}
.tc{text-align: center;}
.big {overflow: hidden;}
.btitle{ text-align: center; font-size: 16px; padding: 5px 0px;}
.blue{ color: blue;}
.red{ color: red}
.green{ color: green}
.red a{ color: red !important;}
.red a:hover{ text-decoration: underline !important;}
.pr{position:relative;}
.m2-unit{position:absolute;top:6px;right:18px;}
.m2-unit i{vertical-align:super;font-size:12px;}
.f18{ font-size: 18px;}

.error-tip{padding-left:10px;height:20px;color:#ff0d0d;font-size:14px;}/*项目修改*/


/* 装修报价计算器  start*/
#calculator{width:308px;border:1px solid #ececec;background:#e5e5e5;font-family:'Microsoft YaHei';}
#calculator .calculator-head{position:relative;padding-bottom:20px;text-align:center;background:#f9f9f9;
border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
#calculator .calculator-head .h2-title{padding:14px 0 20px 0;margin:0;font-size:18px; font-weight: normal;}
#calculator .calculator-head .head-ipt{outline:none; border:none; width:195px; height:44px; font-size:22px; font-weight: bold; color:#ea5404; text-align:right; padding:10px 57px 10px 22px; }
#calculator .calculator-head .unit{position:absolute; top:78px; right:38px;}
#calculator .calculator-body{width:278px;padding:20px 15px 0 15px;}
#calculator .step1{display:block;}
#calculator .step2{display:none;}
/* 装修报价计算器  end*/

/* 装修预算 end*/
#zxBudget{/*position:relative;*/width:auto;padding:15px 0 5px 0;background:#f3fff9; border:1px solid #00a151; margin:10px 0; overflow: hidden;}
#zxBudget .ipt{width:100%;outline:none;border:1px solid #ececec;background:#fff;height:36px;line-height:33px;padding:0 0 0 40px;font-size:14px;color:#999;box-sizing:border-box;margin-top: 1px;}
#zxBudget .w50{width:49%;}
#zxBudget .big-more-btn,.big-more-btn:hover{display:block;margin:10px auto;position:relative;width:200px;height:44px;line-height:44px;font-size:16px;background:#dbdbdb;color:#fff;text-align:center;border-radius:22px;-webkit-user-select:none;}
#zxBudget .big-more-btn.active,.big-more-btn.active:hover{background:#ff7200;color:#fff;cursor:pointer;}
#zxBudget .wbox-l{float:left;width:30%;padding-left:5%;}
#zxBudget .wbox-r{float:right;width:45%;}
#zxBudget .wbox-c{float:left;position:relative;width:20%;margin:15px 0 0 0;}
.count{ text-align: center; margin-bottom: 10px;}
#zxBudget .btnbox{position:absolute;width:86px;height:86px;left:50%;margin-left:-43px;}
#zxBudget .btnbox .x-line{position:absolute;background:#ff7200;width:86px;height:2px;left:-6px;top:38px;}
#zxBudget .btnbox .y-line{position:absolute;background:#ff7200;width:2px;height:86px;left:38px;top:-6px;}
#zxBudget .btnbox .btnbg{position:absolute;left:4px;top:4px;width:65px;height:65px;border-radius:50%;z-index:2;
text-align:center;color:#fff;font-size:24px;line-height:30px;cursor:pointer;-webkit-user-select:none;
background:url(http://www.17house.com/zt/style/pc/images/ys-btnbg.png);}/*63x63*/
/*#zxBudget .btntxt{position:absolute;left:18px;top:16px;width:40px;color:#fff;font-size:16px;line-height:20px;cursor:pointer;-webkit-user-select:none;font-family:'微软雅黑';z-index:3;}*/

#zxBudget .btntxt{width:106px;height:106px;color:#fff;font-size:16px;cursor:pointer;-webkit-user-select:none;z-index:3;margin: 0 auto;}
#zxBudget .btntxt .btntxt-img{width:100%;}


#zxBudget .wbox-r .w50{float:left; width:40%; margin:8px 10% 0 0;}
#zxBudget .gg-weixin-sa{left:-50px;}
#zxBudget .step1{display:block;}
#zxBudget .step2{display:none;}
#zxBudget .error-tip{height:auto;}
/* 装修报价 end*/



#zxBudget .wbox-l{float:left;width:30%;padding-left:2%;margin-top: 10px;}
#zxBudget .wbox-r{float:right;width:45%;margin-top: 0px;}
#zxBudget .wbox-r .wbox-r-title{color:#04ab67;}
#zxBudget .wbox-r .wbox-r-title .half-total{font-weight:600;}


#zxBudget .wbox-r .r-feiBox{width:300px;height:35px;background: url(http://www.17house.com/zt/style/pc/images/feiBack.png) no-repeat;background-size:100% 100%;overflow: hidden;}
#zxBudget .wbox-r .r-feiBox li{width:auto;height:35px;line-height: 35px;font-size:12px;/*color:#646464;*/}
#zxBudget .wbox-r .r-feiBox li.feiBox-one{float:left;color:#fff;margin:0 15px 0 10px;}
#zxBudget .wbox-r .r-feiBox li.feiBox-two{float:right;width:145px;text-align: center;}
#zxBudget .wbox-r .r-feiBox li.feiBox-three{float:right;margin-right: 10px;}
#zxBudget .wbox-r .r-feiBox li.feiBox-three .three-num{font-size:13px;margin-right: 3px;font-weight:600;}
#zxBudget .wbox-r .r-shejifei{width:100%;height:auto;font-size:12px;/*color:#646464;*/}
#zxBudget .wbox-r .r-shejifei .sheji-num{font-size:13px;margin-right: 3px;font-weight:600;}
#zxBudget .wbox-r .r-shejifei del{margin:0 0 0 3px;display: none;}
#zxBudget .wbox-c{float:left;width:22%;margin:25px 0 0 0;text-align: center;}
#zxBudget .wbox-l .pr .icon{position: absolute; width: 25px; height: 25px; left: 8px; top: 50%; margin-top: -10px; background:url(http://www.17house.com/zt/style/pc/images/design-forms.png) no-repeat;background-size: 80%;}
#zxBudget .wbox-l .pr.city-p .icon{background-position: 0 0;}
#zxBudget .wbox-l .pr.square-p .icon{background-position: 0 66.67%;}
#zxBudget .wbox-l .pr.phone-p .icon{background-position: 0 33.33%;}
			/*领红包*/
.zx_xrhb {
	z-index: 99998;
	position: fixed;
	left: 58%;
	width: 3px;
	margin-left: 220px;
	background: url(http://s1.17house.com/newweb/pc/common/images/line.png) center top no-repeat;
	height: 0;
	top: 0;
}

.zx_xrhb img {
	cursor: pointer;
	z-index: 100;
	position: relative;
	display: block;
	width: 179px;
	height: 181px;
}

.zx_xrhb .line {
	position: absolute;
	bottom: -125px;
	left: -90px;
	z-index: 10;
	display: none;
	width: 180px;
	height: 180px;
	margin: 0;
	background: initial;
}


/*领红包*/

.red-mark {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 99999;
}

.red-packet {
	height:561px;
	width: 500px;
	/*padding-top: 420px;*/
	background: url(http://s1.17house.com/newweb/pc/common/images/redPacketStartpc.png)no-repeat center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -280px 0 0 -250px;
	z-index: 100000;
	display: none;
	background-size: 100%;
}
.red-packet.active{
	background: url(http://s1.17house.com/newweb/pc/common/images/redPacketEndpc.png)no-repeat center;
	background-size: 100%;
}
.red-packet .red-close {
	width: 32px;
	height: 117px;
	position: absolute;
	right: 55px;
	top: 0;
	border-right: 1px solid #fff;
}
.red-packet .red-close img{
	position: absolute;
	left: 16px;
	top: -32px;
	cursor: pointer;
}
.red-packet .red-center {
	width: 70%;
	margin: 0 auto;
	padding: 0px 20px;
	margin-top: 310px;
}
.red-packet .red-center input.ipt {
    margin-bottom: 14px;
    height: 50px;
    padding: 0 5%;
    background: #fbf2bc;
    color: #b5ab72;
    width: 80%;
    margin: 0 auto;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    border: none;
}

.red-packet .red-center .red-btn {
    text-align: center;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    height: 100px;
    margin: 30px auto 0 auto;
    display: block;
    border: none;
}
/*领红包 end*/
.mask-layer{display: none; width: 100%; top: 0; bottom: 0; left: 0; right: 0; position: fixed; background: rgba(0, 0, 0, .6); z-index: 100;}



/*右侧悬浮*/
.RH-box{	/*height: 346px;*/	width: 70px;	position: fixed;	top:50%;	right: 10px;	margin-top: -188px;	z-index: 9998;}			
.RH{	/*height: 344px;*/	width: 70px;	border: 1px solid #e9e9e9;	border-bottom: 0;	background: #fff;}
.RH li{	width:100%;	height: 70px;	border-bottom: 1px solid #E9E9E9; }
.RH li a{	display: block;	height: 30px;	padding-top: 38px;	width:100%;	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) no-repeat;	line-height: 30px;	font-size:12px;	color:#000;	text-align: center;}
.RH li .RH-a0{	background: url(http://s1.17house.com/newweb/pc/common/images/tmsmall.png) no-repeat 20px 10px;}
.RH li .RH-a2{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) 0 -68px no-repeat;}
.RH li .RH-a3{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) 0 -136px no-repeat;	}
.RH li div{position: relative; }
.RH li div img{position: absolute; width: 26px;height: 26px; top: 0; right: 0;} 
.RH li .RH-a4{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) 0 -204px no-repeat;}
.RH li .RH-a5{	background: url(http://s1.17house.com/newweb/pc/common/images/er.gif) center 4px no-repeat;}
.RH li .RH-a1:hover{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) -68px 0px no-repeat #00a151;	color:#fff;}
.RH li .RH-a2:hover{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) -68px -68px no-repeat #00a151;	color:#fff;}
.RH li .RH-a3:hover{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) -68px -136px no-repeat #00a151;	color:#fff;}
.RH li .RH-a4:hover{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) -68px -204px no-repeat #00a151;	color:#fff;}
.RH li .RH-a5:hover{	background: url(http://s1.17house.com/jzhd_pc_sem/images/RH.png) -68px -272px no-repeat #00a151;	color:#fff;}
.RH li .RH-a0:hover{	color: #000;}


.RH-msg{
	width: 138px;
	height: 338px;
	border:1px solid #e9e9e9;
	position: absolute;
	top: 69px;
	left:-154px ;
	z-index: 999;
	background: #fff;
	box-shadow: 0px 1px 26px #999;
	z-index: 9999;
	display: none;	}
.RH-msg .RH-wx{
	display: block;
	margin: 10px auto;
	width: 108px;
	height: 108px;
}
.RH-msg p{
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color:#999;
	line-height: 1.5;
}
.RH-msg .RH-wx-text{color: #00a056;}
.RH-msg .RH-xc-text{color: #ff7126;}
.RH-msg .RH-xc{
	display: block;
	width: 96px;
	height: 96px;
	margin: 15px auto;
}
.RH-msg span{
	position: absolute;
	height: 0;
	width: 0;
	line-height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	top: 233px;
	right: -20px;
}
/*右侧悬浮*/