/*装修报价-转化点*/
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.bottom-zxbj-banner{position:fixed;width:100%;height:470px;bottom:-404px;left:0;z-index:999;font-family:"microsoft yahei";}
.box_shade{position:absolute;left:0;bottom:0;width:100%;height:470px;z-index:5;background:#000;opacity:0.78;filter:alpha(opacity=78);-ms-filter:alpha(opacity=78);}
.bottom-zxbj-up{display:block;width:700px;height:133px;margin:0 auto;}
.bottom-zxbj-banner .zxbj-img{position:absolute;top:-66px;width:700px;height:133px;margin-left:-85px;background:url("../../images/images/bottom_xmbj.png") no-repeat;z-index:7;}
.bottom-zxbj-banner .bottom-zxbj-boxx{position:absolute;left:50%;margin-left:-550px;top:67px;width:980px;z-index:7;}
.bottom-zxbj-banner .bottom-zxbj-box{position:absolute;left:0%;top:67px;width:100%;height:500px;background:#fff;z-index:7;}

.bottom-zxbj-banner .calputer-title{font-size:19px;color:#333;}
.bottom-zxbj-banner .zxbj-wrap{float:left;width:414px;height:287px;padding:28px 38px 20px 38px;border-right:1px solid #ccc;}
.bottom-zxbj-banner .calputer-title span{font-size:13px;color:#f36f20;margin-left:10px;}
.bottom-zxbj-banner .zxbj-work{padding-top:15px;font-size:14px;}
.zxbj-work li{margin-bottom:10px;}
.zxbj-work .select-virtual{display:none;position:absolute;left:-1px;top:36px;overflow:hidden;width:100%;border:1px solid #ddd;background: #fff;z-index:29;}
.zxbj-work .select-virtual li{margin-bottom:0;line-height:30px;height:30px;background:#fff;padding-left:11px;}
.zxbj-work .essential-star{color:#f66;}
.zxbj-work .input-title{float:left;width:98px;padding:10px 0;line-height:17px;margin-right:10px;}
.zxbj-work .input-box{position:relative;float:left;width:266px;}
.zxbj-work .input-text{padding:8px 20px 8px 10px;width:210px;border:1px solid #ddd;font-size:13px;font-family:"microsoft yaHei";}
.zxbj-work .input-text.cur{border:1px solid #ff5a00;}
.zxbj-work .input-text.phone-text{padding-right:10px;width:220px;}
.zxbj-work .unit{position:absolute;right:34px;top:7px;margin:0;color:#000;}
.form-error{display:none;color:#f66;margin-top:5px;}
.form-error .error-icon{display:inline-block;width:14px;height:14px;background:url("../../images/images/error-icon.png") no-repeat;vertical-align:middle;margin-right:3px;}
.zxbj-work .select-box{background:#fff;position:relative;width:64px;height:36px;margin-right:7px;margin-bottom:12px;border:1px solid #ddd;float:left;line-height:36px;padding:0 0 0 10px;}
.zxbj-work .select-box .selectIcon {
    display: block;
    width: 8px;
    height: 5px;
    background: url(../../images/images/selectIcon.png) no-repeat;
    position: absolute;
    top: 15px;
    cursor: pointer;
    right: 8px;
}
.zxbj-work .wsj,.zxbj-work .yt{width:105px;margin-right:8px;margin-bottom:0;}
.calculator-btn{position:absolute;top:120px;left:50%;margin-left:-66px;width:132px;height:138px;font-size:18px;color:#fff;background:url("../../images/images/click_btn.png") no-repeat;}
.calculator-btn:hover{background-position:-150px 0;}
.calculator-btn:active{background-position:-300px 0;}
.calculator-btn span{position:absolute;top:50%;left:50%;margin:-25px 0 0 -20px;width:40px;height:50px;}
.calculator-btn:hover{color:#fff;}
.bottom-zxbj-banner .zxbj-succ{float:left;width:347px;margin-left:100px;padding:28px 0 0 0;}
.zxbj-succ .result-title{font-size:19px;text-align:center;}
.zxbj-succ .total-price{color:#f36f20;margin:0 10px;}
.zxbj-succ .zxgs-list{width:345px;height:140px;border:1px solid #e8e8e8;margin:15px 0 20px 0;}
.zxbj-succ .zxgs-list-ul{margin:38px 0px 0px 14px;}
.zxbj-succ .zxgs-list-cost{color:#504f4f;line-height:30px;text-align: center;}
.zxbj-succ .zxgs-list-cost em{display:inline-block;font-size:14px;color:#f36f20;margin:0 10px;text-align:center;}
.zxbj-succ .p_txt{font-size:12px;margin-bottom:10px;overflow:hidden;}
.zxbj-succ .p_txt .star-logo{float:left;width:2%;}
.zxbj-succ .p_txt .desc-title{float:left;width:98%;}
.zxbj-succ .p_txt.success{display:none;}
.zxbj-succ .orange{color:#f36f20;}
.bottom-zxbj-banner .arrow-down{
    position: absolute;
    right:95px;
    top:-54px;
    background:url("../../images/images/bottom_jt.png") no-repeat -1px -4px;
    width: 42px;
    height: 43px;
    cursor: pointer;
    z-index:7;
}
.bottom-zxbj-banner .arrow-up{
    background:url("../../images/images/bottom_jt.png") no-repeat -47px -3px;
    animation: pulse 1s linear 0.3s infinite both;
    -webkit-animation: pulse 1s linear 0.3s infinite both;
    -o-animation: pulse 1s linear 0.3s infinite both;
    -moz-animation: pulse 1s linear 0.3s infinite both;
    -ms-animation: pulse 1s linear 0.3s infinite both;
}
.bottom-zxbj-banner .code-box{position:absolute;top:0;left:1020px;width:100px;height:140px;z-index:10;}
.bottom-zxbj-banner .code-box p{font-size:13px;color:#fff;}
.bottom-zxbj-banner .code-img{display:block;width:100px;height:100px;background:url("../../images/images/code-img.jpg") no-repeat;margin-bottom:10px;}
.bottom-click {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height:66px;
    top: 0;
    left: 0;
    z-index: 10;
}
@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: translate(0, 4px);
        -moz-transform: translate(0, 4px);
        -ms-transform: translate(0, 4px);
        transform: translate(0, 4px);
        opacity: 1
    }
    50% {
        -webkit-transform: translate(0, -4px);
        -moz-transform: translate(0, -4px);
        -ms-transform: translate(0, -4px);
        transform: translate(0, -4px);
        opacity: 1
    }
}
@keyframes pulse {
    0%, 100% {
        -webkit-transform: translate(0, 4px);
        -moz-transform: translate(0, 4px);
        -ms-transform: translate(0, 4px);
        transform: translate(0, 4px);
        opacity: 1
    }
    50% {
        -webkit-transform: translate(0, -4px);
        -moz-transform: translate(0, -4px);
        -ms-transform: translate(0, -4px);
        transform: translate(0, -4px);
        opacity: 1
    }
}
@-ms-keyframes pulse {
    0%, 100% {
        -webkit-transform: translate(0, 4px);
        -moz-transform: translate(0, 4px);
        -ms-transform: translate(0, 4px);
        transform: translate(0, 4px);
        opacity: 1
    }
    50% {
        -webkit-transform: translate(0, -4px);
        -moz-transform: translate(0, -4px);
        -ms-transform: translate(0, -4px);
        transform: translate(0, -4px);
        opacity: 1
    }
}