/*****************************************报价弹窗 start ***************************************************************/
.zhaolayer{width: 100%; height: 1500px; background:#000; opacity:0.6; filter: alpha(opacity=60); position: absolute;z-index: 10000; top: 0;}
/*吸底*/
.xidi{width: 100%; background: url(http://s1.17house.com/jzhd_pc_sem/images/yinxiang-chun.png);position: fixed; bottom: -480px; z-index: 10000;}
.xidi .xidi-box{    cursor: pointer; width: 1224px; height: 100px;  margin: 0 auto; background:url(http://s1.17house.com/common/images/qz-shangla.png) no-repeat; position: relative;}
.xidi .xidi-box .jz-ok2{margin: -54px 0 0 148px;}
.xidi .xidi-box .xidi-jt{position: absolute;right: 50px;cursor: pointer; width:38px; height: 32px; top: 30px;}
.window_box{margin: auto; width: 884px;height: 480px; z-index: 100001;}
.w80{width:80px;}
.ml190{margin-left:190px;}
.border-bottom{border-bottom:1px solid #ececec;}
.bg-gray{background:#fafafa;}
.pb30{padding-bottom:30px;}
.trans{
    -webkit-transition:all 500ms linear;
    -ms-transition:all 500ms linear;
    -moz-transition:all 500ms linear;
    transition:all 500ms linear;
}
.mt14{margin-top:20px ;}
.mt10{margin-top:10px ;} 
.yanBtn{width: 126px; margin-left: 10px; background: #FF7200; color: #fff; font-size: 16px; border-radius: 3px; cursor:pointer; text-align: center;}
.greyBTn{width: 126px; margin-left: 10px; background: #999999; color: #fff;font-size: 16px; border-radius: 3px; cursor:pointer; text-align: center;}
/* page:装修报价首页 start */

/* 所在地区选择面板 */
.window_box .area-dropbox{position:relative;height:0;z-index: 16;}
.window_box .area-dropbox .absbox{position:absolute;display:none;left:0;top:0;width:308px;padding:0 25px 25px 25px;background:#fff;border:1px solid #ececec;box-shadow:0 2px 10px #ccc;z-index:1;}/* 360x276 */
.window_box .area-dropbox h5{color:#3779d7;font-size:12px;line-height:44px;margin:0;}
.window_box .area-dropbox h5,.area-dropbox .area-r a{text-align: left;text-indent: 6px;}
.window_box .area-dropbox .area-1{position:relative;float:left;overflow:hidden;width:120px;border:none;}
.window_box .area-dropbox .area-r{position:relative;float:left;overflow:hidden;width:width:120px;}
.window_box .area-dropbox .select-area{height:200px;width:120px;border:1px solid #dbdbdb;overflow-y:scroll;overflow-x:hidden;}
.window_box .area-dropbox .area-r .select-area{border-left: 1px solid #ECECEC;}
.window_box .area-dropbox .area-1 a{position:relative;float:left;display:block;height:32px;line-height:32px;font-size:12px;color:#333;cursor:pointer;overflow:hidden;width:100%;padding-left:10px;}
.window_box .area-dropbox .area-r a{position:relative;float:left;display:block;height:32px;line-height:32px;font-size:12px;color:#333;cursor:pointer;overflow:hidden;width:100%;box-sizing:border-box;}
.window_box .area-dropbox a:hover{text-decoration:underline;}
.window_box .area-dropbox a.active{background:#ea5503;color:#fff;}

/* page:详情页 start */

/* page:首页首屏2016-6-2 start */
.window_box .wbox{position:relative;width:884px;height:480px;background:#fff;-webkit-box-shadow: 0 3px 8px #999;-moz-box-shadow: 0 3px 8px #999;box-shadow: 0 3px 8px #999;}/*1000x400*/
.xidi .wbox-close{position: absolute;  width: 50px;height: 50px; text-align: right;left: 93%; top:5px;cursor:pointer;z-index: 1000;}
.window_box .big-more-btn,.big-more-btn:hover{display:block;margin:20px auto;position:relative;width:200px;height:44px;line-height:44px;font-size:16px;background: #000; cursor: pointer;opacity: 0.5; filter:alpha(opacity=50);color:#fff;text-align:center;border-radius:22px;-webkit-user-select:none;}
.window_box .big-more-btn.active,.big-more-btn.active:hover{background:#ff7200;color:#fff;cursor:pointer;cursor: pointer;}
.window_box .wbox .wbox-l{float:left;width:350px;height:340px;padding-top:49px;}
.window_box .wbox .wbox-r{ position: absolute; left: 550px; width:300px;height:340px;padding-top:22px;}
.window_box .wbox .wbox-c{position:absolute;left:425px;width:138px;top:0;bottom:0;}
.window_box .wbox .wbox-l .t1 {margin-bottom: 10px;padding: 8px 0 0 80px;height:12px;font-size: 12px;}
.window_box .wbox .wbox-l .area-dropbox{margin-top:-1px;}
.window_box .wbox .wbox-l .area-dropbox h5{line-height:28px;}/*覆盖样式*/
.window_box .wbox .wbox-l .area-dropbox .absbox {background: #fff;box-shadow: 0 0 0 #fff;padding: 0 0px 0px 0px;z-index: 2;width: 122px; }/*覆盖样式*/
.window_box .wbox .wbox-c .y-bgline {position: absolute;background: #fff;width: 166px;height: 166px;left: -80px;top: 114px;bottom: 4px;border: 1px solid #eee;border-radius: 100%;}
.window_box .wbox .wbox-c .btnbox{position:absolute;width:108px;height:108px;top:140px;left:-55px;}
.window_box .wbox .wbox-l .area-dropbox .absbox1{left: 50px;}
.window_box .wbox .wbox-l .area-dropbox .absbox2{left: 186px;}
.window_box .wbox .Roll_txt,.wbox .Reminder_text{height: 110px;width:100%;background:#f6f6f6;position: absolute;left: 0;/*bottom: 0;*/top:367px;}
.window_box .wbox .Roll_txt .man_num{height: 68px;width:190px;padding: 22px 0 0 30px;line-height: 34px;color: #4b4b4b;font-size: 17px;float: left;}
.window_box .wbox .Roll_txt .man_num span{font-size:24px;color:#ff7200;/*letter-spacing: 2px;*/}
.window_box .wbox .Roll_txt .sc-ul {height:58px;width:630px;border: none;margin-top:30px;overflow: hidden;float: left;font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;}
.window_box .wbox .Roll_txt .sc-ul ul{width: 100%;position: relative;font-size:10px;font-weight:normal;}
.window_box .wbox .Roll_txt .sc-ul ul li{width: 100%;font-size: 10px;height:34px;line-height:34px;color:#4b4b4b;}
.window_box .cDGray_spa{padding-left: 30px;}
.window_box .wbox .Reminder_text{display: none;}
.window_box .wbox .Reminder_text ul{height: 70px;width:450px;float: left;padding: 22px 0 0 90px;}
.window_box .wbox .Reminder_text ul li{font-size: 12px;color:#4b4b4b;padding-bottom:8px;}
.window_box .wbox .Reminder_text ul li strong{font-size: 18px;color:#FF7200;}
.window_box .wbox .Reminder_text dl{float: right;height: 80px;width: 264px;padding-top: 15px;}
.window_box .wbox .Reminder_text dl dd,.wbox .Reminder_text dl dt{float: left;}
.window_box .wbox .Reminder_text dl dt{background: #fff;}
.window_box .wbox .Reminder_text dl dt,.wbox .Reminder_text dl dt img{width: 80px;height: 80px;}
.window_box .wbox .Reminder_text dl dd{width: 140px;height: 62px;padding-top: 18px;line-height: 22px;text-align: center;color: #282828;font-size: 14px;}
.window_box .btnbox .x-line {position: absolute;background: #fff;width: 120px;height: 120px;left: -4px;top: -4px;border-radius: 100%;border: 1px solid #eee;}
.window_box .btnbox .y-line {position: absolute;background: #edf0f3;width: 138px;height: 138px;left: -12px;top: -12px;border-radius: 100%;border: 1px solid #eee;}
.window_box .btnbox .btnbg {position: absolute;left: 0px;top: 0px;width: 48px;height: 78px;padding-left: 24px;padding-right: 24px;padding-top: 18px;border: 11px solid #fff;border-radius: 50%;
	z-index: 2;text-align: center;color: #fff;font-size: 24px;line-height: 30px;cursor: pointer;-webkit-user-select: none;background: #FF7200;
	box-sizing:content-box}/*97x97*/
.window_box .btnbox .btnbg.active{background: #00a151;}
.window_box .btnbox.active .btnbg{transform:rotate(360deg);}
.window_box .btnbox .btntxt {position: absolute;left: 34px;top: 26px;width: 48px;color: #fff;font-size: 24px;line-height: 30px;cursor: pointer;-webkit-user-select: none;font-family: '微软雅黑';z-index: 3;}
.window_box .trans-rotate{
    -webkit-transition: transform .4s linear;
    -moz-transition: transform .4s linear;
    -o-transition: transform .4s linear;
    transition: transform .4s linear;
}
.window_box .calc-form{position: relative;}
.window_box .calc-form .ipt-line{height:38px;line-height:38px;}
.window_box .calc-form .ipt-line > dt{position:relative;float:left;color:#333;width:50px;font-size:16px;height:36px;overflow: hidden;}
.window_box .calc-form .ipt-line > dd{position:relative;float:left;color:#999;width:260px;font-size:14px;height:36px;}
.window_box .calc-form .ipt-line .ipt{display:block;color:#999;line-height:36px;height:36px;border:1px solid #ececec;padding:0 6px;box-sizing: inherit;}
.window_box .calc-form .ipt-line .select{display:block;color:#999;line-height:44px;height:48px;border:1px solid #ececec;padding:0 3px;}
.window_box .calc-form .ipt-line .ipt-full{width:246px;}
.window_box .calc-form .ipt-line .select86{width:86px;}
.window_box .calc-form .ipt-line .js-area-btn{position: relative;width: 260px;height:38px;line-height:38px;cursor:pointer;}
.window_box .calc-form .ipt-line .ipt100[name="area2"],.calc-form .ipt-line .ipt100[name="area"]{background: #f6f6f6;color:#666;}
.window_box .calc-form .ipt-hr{margin-left:25px;margin-right:25px;height:0;border-top:1px dashed #666;}
.window_box .calc-form .dl_err{position: absolute;top:200px;}
.window_box .calc-form .core-con{display:block;margin-left:25px;margin-right:25px;}
.window_box .calc-form .error-tip{color:#ff7200!important; margin-top: 18px;}
.window_box .calc-form .d-orange{color:#ea5404;}
.window_box .calc-form .abs-pingmi{position:absolute;right:5px;top:0;font-size:14px;color:#666;z-index:1;}
.window_box .calc-form .ipt-line .ipt100{width:110px;float: left;}
.window_box .calc-form .ipt-line .ipt_right{float: right;}
.window_box .calc-form .ipt-line .js-area-btn .jiao_1,.calc-form .ipt-line .js-area-btn .jiao_2,.res-head2 .jiao_3{position: absolute;top:16px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #ddd;}
.window_box .tit_p{text-align: center;width: 100%;height: 30px;line-height: 30px;color: #464545; font-size: 28px;}
.window_box .calc-form .ipt-line .js-area-btn .jiao_1{left: 104px;}
.window_box .calc-form .ipt-line .js-area-btn .jiao_2,.res-head2 .jiao_3{right: 8px;}
.window_box .res-table {width: 290px;border-collapse: collapse;border-spacing: 0;margin: 0 auto;}
.window_box .res-table tr{display:block;}
.window_box .res-table td{border:1px solid #ececec;padding:8px 0 8px 20px;font-size:14px;}
.window_box .res-table td.td1{width: 80px;text-align: left; color: #ff7200;}
.window_box .res-table td.td2{text-align:right;padding:8px 20px 8px 0;width: 160px; color: #ff7200;}
.window_box .res-table td.td2 b{color:#666;}
/*.res-head{margin:0 auto;width:244px;}*/
.window_box .res-head {height:auto;width: 258px;border:1px solid #ececec;display: none;}
.window_box .res-head2 {position: relative;z-index:10;margin: 0 0 0 50px;width: 258px;height: 38px;border: 1px solid #ececec;border-top: none;margin-top: 14px;}
.window_box .res-head .res-t{display:block;float:left;width:120px;height:34px;line-height:34px;font-size:14px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;}
.window_box .res-head .res-t, .res-head2 p {display: block;width: 258px;height: 37px;line-height: 34px;font-size: 14px;text-align: left;text-indent: 6px;color: #666;border: none;cursor: pointer;background: #f6f6f6;border-top: 1px solid #ddd;}

.window_box .res-head .res-t.active{background: #f6f6f6;color:#666;}
.window_box .res-head .btn-base{border-right:none!important;}
.window_box .res-head .btn-fine{border-left:none!important;}
.window_box .res-body .res-con{display:none;}
.window_box .res-body .res-con.active{display:block;}
.window_box .res-body .res-con .res-table-title {color: #333;font-weight: bold;margin: 17px auto;text-align: left;text-indent: 18px;font-size: 18px;}
.window_box .res-body .res-con .res-table-title .split{display:inline-block;margin:0 18px;width:0;height:20px;border-right:1px solid #ececec;vertical-align:middle;}
.window_box .res-body .res-con .res-memo{display:none;width:350px;margin:0px auto;}
.window_box .res-body .res-con .res-memo-item{font-size:12px;line-height:20px;text-indent: 18px;color:#9f9f9f;}
.window_box .res-body .res-con .res-memo .li_re{color:#ff7200;}
/* page:首页首屏 end */

.mt20{margin-top: 20px;}
.Red_Packet {  width: 154px;  height: 238px;  position: fixed;  left: 0px;  top: 50%;  margin: 0 0 0 0;  background: url(../img/red-packet.png) no-repeat;  z-index: 9999;  cursor: pointer; }
.Red_Main {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 10000;  display: none; }
.Red_Main .Red_Cheat {    width: 100%;    height: 100%;    background: #000000;    background-color: rgba(0, 0, 0, 0.5);    filter: Alpha(opacity=50); }
.Red_Main .Red_sc, .Red_Main .Red_b {    position: absolute;    top: 50%;    left: 50%; }
.Red_Main .Red_sc .Red_shut, .Red_Main .Red_b .Red_shut {      position: absolute;      top: -20px;      right: -20px;      width: 39px;      height: 39px;      background: url(../img/shut_btnred.png) no-repeat;      cursor: pointer; }
.Red_Main .Red_b {    width: 644px;    height: 233px;    padding: 168px 66px 0 50px;    margin: -200px 0 0 -380px;    background: url(../img/red-packet_bga.jpg) no-repeat #fff; }
.Red_Main .Red_sc {    width: 694px;    height: 251px;    padding: 150px 36px 0 30px;    margin: -200px 0 0 -380px;    background: url(../img/red-packet_bgb.jpg) no-repeat #fff;    display: none; }

.Red_left {  width: 326px;  height: 226px;  float: left; }
.Red_left dl {    width: 100%;    height: 100%; }
.Red_left dl dt {      width: 100%;      height: 114px;      padding: 26px 0 0 12px;      background: url(../img/Voucher.png) no-repeat left; }
.Red_left dl dt img {        width: 112px;        height: 74px;        float: left;        background: #FFF;        margin-right: 10px; }
.Red_left dl dt P {        float: left;        width: 178px;        height: 44px;        line-height: 44px;        text-align: center;        font-size: 26px;        font-weight: bolder;        color: red; }
.Red_left dl dt P span {          font-size: 36px;          padding-right: 3px; }
.Red_left dl dd {      width: 100%;      height: 80px; }
.Red_left dl dd p {        height: 20px;        padding-bottom: 10px;        font-size: 12px;        color: #FFFFFF; }
.Red_left dl dd p b {          font-size: 20px; }

.Red_right {  width: 300px;  height: 230px;  float: right; }
.Red_right .Ret_ip {    width: 260px;    padding: 0 20px;    height: 48px;    line-height: 44px;    border-radius: 6px; }
.Red_right .Ret_ipt {    background: #FFFFFF; }
.Red_right .Ret_ipt input {    width: 100%;    height: 48px;    line-height: 44px;    font-size: 20px;    color: #a0a0a0;    border: 0;    text-indent: 0; }
.Red_right .Red_error {    width: 100%;    height: 30px;    line-height: 30px;    text-indent: 20px;    font-size: 14px;    color: #FFFFFF; }
.Red_right .Red_btn {    background: #ffbe0f;    text-align: center;    font-size: 20px;    color: #fff;    cursor: pointer; }

.Red_sc .Countdown {  width: 150px;  height: 20px;  line-height: 20px;  color: #fff;  font-size: 12px;  position: absolute;  top: 238px;  right: 0px; }
.Red_sc ul {  width: 100%;  height: 60px; }
.Red_sc ul li {    width: 100%;    text-align: center;    height: 30px;    font-size: 16px;    color: #fff; }
.Red_sc .Red_txbtn {  width: 430px;  height: 48px;  line-height: 46px;  margin: 0 auto;  border-radius: 6px;  background: #ffd71f;  text-align: center;  font-size: 24px;  color: #ff2a2b;  cursor: pointer; }
.Red_sc .Article {  width: 100%;  height: 140px; }
.Red_sc .Article h2 {    height: 28px;    line-height: 28px;    color: #fff;    font-size: 18px; }
.Red_sc .Article p {    height: 112px;    line-height: 20px;    color: #fff;    font-size: 12px; }
.Red_sc .Article p span {      font-size: 18px; }