/* CSS Document */
@charset "uft-8";



.workIcon{background-image:url(../images/img.png);}


.work_list  p{ float: right; background: #f2f2f2; border: 1px solid #ccc; height: 28px; line-height: 28px;margin-right: 60px;
width: 108px; font-size: 14px; padding: 0 10px; margin-top:16px;color:#4c4c4c; cursor:pointer;}
.work_list p strong{ background-image:url(../images/img.png); background-position: -66px -9px; display:block; width: 20px; height: 15px;
 margin-top: 7px; margin-right: 10px;}
.work_list  p em{ background:url(../images/img.png); background-position: -127px -12px; display:block; width: 10px; height: 5px;
margin-top:12px;}
.work_list  p em.active{background-position: -106px -11px;}

/*精密空调清单列表*/
.inventory_append{ width: 655px; position:absolute; top: 50px;left:40%; right: 25px; z-index: 1000;display:none;}
.inventory{}
.inventory .inventory_append_t{background:url(../images/preAir_inventory.png) no-repeat; height: 59px; line-height:78px;
	color: #fff; font-size: 16px; padding-left: 26px;}
.table{ background: url(../images/preAir_table_shadow.png) repeat-y left;padding:10px 0; }
.table_bottom{ background: url(../images/preAir_table_bottom.png) no-repeat; height: 10px;margin-bottom: 20px;}
.table p{ color: #111; font-size: 14px; height: 30px; line-height: 30px;padding:0px 26px; }
.table p span{ font-weight: bold;}
.table  span{ display: block; float: left; text-align: center; overflow: hidden;}
.table p .s1{
    width: 111px;
    text-align: center;
}
.table p .s2{ width: 131px;}
.table p .s3{ width: 90px;}
.table p .s4{ width: 81px;}
.table p .s5{ width: 75px;}
.table p .s6{ width: 101px;}
.table p .s7{ width: 111px;}

.inventoryOverscroll{ padding-right: 10px;   margin: 0px 26px;height: 250px;overflow:hidden;overflow-y:scroll;border: 1px solid #e0e0e0; margin-bottom: 10px;border-right: none;}
.inventory_table_content{  border-bottom: none;}
.inventory_table_content li{border-bottom: 1px solid #e0e0e0; height: 39px; line-height: 39px; overflow: hidden;}
.inventory_table_content li span{ font-size: 12px;}
.inventory_table_content .s1{ width: 90px; text-align: left; padding: 0 10px; color: #ff9500}
.inventory_table_content .s2{ width: 130px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inventory_table_content .s3{ width: 90px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inventory_table_content .s4{ width: 80px;color:#666}
.inventory_table_content .s5{ width: 74px;}
.inventory_table_content .s6{ width: 101px;color: #1a1a1a}
.inventory_table_content .s7{ width: 111px;color: #ff9500; font-weight: bold; font-size: 14px;}
.inventory_table_content .s1,.inventory_table_content .s2,.inventory_table_content .s3,.inventory_table_content .s4,.inventory_table_content .s5,.inventory_table_content .s6{border-right: 1px solid #e0e0e0;}

.table .inventory_append_h3{ text-align: right; color: #666666; font-size: 12px; line-height: 30px; padding-right: 46px; }
.table .inventory_append_h3 strong{vertical-align: bottom; color: #ff0000; font-size: 16px;font-weight:bold;}
.publicTitle{ position: absolute;  color: #111; font-size: 12px; line-height: 1.7; padding: 3px 5px; background: #fff;
border: 1px solid #ccc; left: 20px;top:30px;}


/*主体内容*/
.work_box{ background: #fff;padding:0 20px 22px 20px; position: relative;top: -22px; }
.workAv_left{ width: 840px;}

.workAv_serviceType{ padding: 35px 0; height: 30px; line-height: 30px;}
.workAv_serviceType span{ font-weight: bold; color: #4c4c4c; display: block;margin:0 50px 0 260px;}
.workAv_serviceType ol{}
.workAv_serviceType ol li{font-weight: bold; font-size:13px; float: left; width: 85px;text-align:center;
margin:0 14px; cursor: pointer;}
.workAv_serviceType ol li a{ display: block;border-radius: 30px;color:#333; }
.workAv_serviceType ol li.active a{ background:#ff9500; color: #fff;}
.work_error{margin-left: 8px;color: #f00; height: 30px; line-height:30px; display:block; float:left;display:none;}
.contact_error{ position:absolute;top:25px; font-size: 12px}
.workTips{ position:relative; top:6px; background-position:-7px -80px; width:16px; height:16px;
display:inline-block;text-indent: -999em;margin-left:5px;}
.workMenu{ border-top: 1px solid #ff9500;border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;background: #fcfcfc;
margin-top:30px;}

.workMenuBottom{ height:25px;background: url(../images/workMenuBottom.png) no-repeat left bottom;}
.workMenu{}
.workMenu ul li{ height: 38px; line-height: 26px;padding: 0 20px;text-align: center; float: left; font-size: 14px; color: #444;margin: 15px 12px 0 15px;
position: relative;font-weight: bold;cursor: pointer;}
.workMenu ul li.active{ background: url("../images/preAir_power_bg.png") no-repeat  center top; color: #fff; }
.workMenu ul li.selected{ background: #e6e6e6}
.workMenu ul li i{width: 26px;height: 26px; display: block; position: absolute;right: 0px; top: 0;background: url(../images/img.png) no-repeat -27px -39px;
display: none; }
.workMenu ul li.selected i{ display: block;}


.workSlide{width: 20px; float: left;margin-right: 20px; color: #cacaca; font-size: 18px; line-height: 2.7; position: absolute; top: 90px;
word-wrap: break-word; word-break: normal;text-align: center;}
.workAvDere{ font-size: 12px; line-height: 1.2; color: #666; cursor: pointer;}
.workAvDere i{background: url(../images/img.png) no-repeat -7px -80px; display: block;margin:0 auto;
	width: 16px;
	height: 16px;}
.workAvDeret{ position: absolute;  color: #111; font-size: 12px; line-height: 1.7; padding: 20px; background: #fff;
width: 260px; border: 1px solid #ccc; left: 20px;top:30px; }

.workContent ul{ width: 800px; overflow: hidden;padding-left:40px;}
.workContent{margin:20px 0; height:555px;    overflow: hidden}

.workContent ul{ width: 800px; overflow: hidden; float: right;}
.workContent{margin:20px 0; height:555px;    overflow: hidden}


.workContent .workConInded{ display: none;position: relative;}
.workConInded li{ border-bottom: 1px dashed #f0f0f0; padding: 18px 0;}
.workConInded li label,.workConInded li input{display: block; float: left;border-radius: 2px;}

.workConInded li label{height: 40px; line-height: 40px; display: block; float: left;}
.workConInded li label sup{font-size:12px;}
.workInput{ font-size: 14px; position: relative;width: 350px;float: left;}



.workInput label{ margin-right: 28px; color: #333;text-align:right }
.workInput input{ height: 30px; line-height: 30px; padding: 4px 0; border:1px solid #ccc;width: 218px;text-indent: 12px ;font-size: 14px;}
.workInput i{font-size: 12px; display: block; color: #666;height: 20px; line-height: 20px; width: 42px; position: absolute; right: 0px; top: 9px; z-index: 0; }

.workBrand{ float: right; width: 400px;}
.workBrand input{border:none;border-bottom:1px solid #ccc; width: 300px;height: 21px; line-height: 21px; padding: 4px 0;
font-size: 12px;background-color: transparent; text-indent: 2px;}

.workInput label{width: 102px;}
.workBrand label{ width: 100px;text-indent: 5px; color: #333;}
.otherSpan{ height: 35px; line-height: 35px; background: #f2f2f2; border-bottom: 1px solid #ccc; padding-left: 20px; width: 820px;}
.otherSpan span{ display: block; float: left; padding: 0 30px; color: #666; font-size:16px; cursor: pointer;}
.otherSpan span.active{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 2px solid #ff9500;
background: #fff; height: 34px; line-height: 34px; }
.wirConBox,.trussCon{ clear:both;}
.wirConBox  .wirConCon{ display: none;margin-top: 10px;position:relative;}
.trussBox .trussCon{display: none;margin-top: 50px; position:relative;}
.wirConCon .workBrand label{text-indent: 20px}

.trussCon li label{ width: 112px;}
.trussCon .workInput{ width: 360px;}

.trussOther .workInput { width: 350px}
li.trussOther  label{ width: 100px;}

.workAv_right{ width: 290px;background:#fff;margin-top:35px;}
.workAv_right h2{ background: #f7f7f7; height: 40px; line-height: 40px;text-align: center; font-size:18px; color: #1a1a1a;}
.sys_count{ margin-top: 22px; background: #f7f7f7; padding-bottom: 20px;}
.sys_count h3{ height: 35px; line-height: 35px; border-top: 2px solid #d9d9d9; border-bottom: 1px dashed #d9d9d9; background: #ededed;
font-size:12px; padding-left: 30px;}
.workAv_right_fix{ position:fixed; top:0px;left:80%;margin-top:0; width:290px;}


.sys_count_li{ padding: 15px 0; overflow-x: hidden;}
.sys_count  li{ padding: 8px 0 8px 30px; overflow: hidden;}
.sys_count span,.workAv_right  strong{ display: block; float: left;}
.sys_count  span{ color: #808080; width: 110px;}
.sys_count_li  strong{ color: #333;}
.sys_line{ height: 2px; width: 270px; background: url(../images/img.png) no-repeat -7px -114px; margin: 0 auto;display:none;}
sys_other{margin-top:10px;}
.sys_other span{ color:#333;}
.sys_other strong{ color:#f00; font-size: 14px;}

.workCount{ padding-left: 30px; line-height: 30px;}
.workCount span{ color: #333; font-size: 14px;}
.workCount strong{ color: #f00; font-size:18px; }

.basicInfo{border: 1px solid #e6e6e6;}
.basicBox{
    background: url("../images/snake_bg.gif") repeat-x;
    height: 78px; line-height: 78px;border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;
 position:relative;}
.basicBox input,.basicBox label{ display: block; float: left;}

.basicBox input{border-radius: 20px; width: 148px; height: 20px; line-height: 20px; padding: 4px 0; border: 1px solid #d9d9d9;
text-indent: 5px; margin:25px 0 0 10px;}
.basicBox i{ display: block; float: left; width: 20px; height: 20px; margin:30px 10px 0 0; }
.basicName{ margin:0  125px 0  70px;}
.basicName i{ background-position: -77px -127px}
.basicTel i{ background-position: -122px -131px}



.basicInput{ /* overflow: hidden; */  margin-bottom: 15px; position: relative;}
.basicInput label,.basicInput input{ display: block; float: left;}
.basicInput label{ width: 165px; text-align: right;margin-right: 30px; height: 30px; line-height: 30px; color: #333;}
.basicInput label strong{ color: #f00; font-weight: bold; position: relative;top: 2px}
.basicInput input{height:20px; line-height: 20px; padding: 4px 0; border: 1px solid #ccc;text-indent: 12px;}
.basicInput input.stageInput{ width: 218px;}
.basicRadio{ float: left; height: 30px; line-height: 30px;}
.basicRadio em{ display: block; float: left; margin-right: 30px; cursor: pointer;}
.basicRadio em i{ display: block; float: left; width: 17px; height: 16px; background: url(../images/img.png) no-repeat  -41px -131px; margin:7px 5px 0 0;}
.basicRadio em.active i{ background-position: -7px -131px}


#floatOrder{width:15px;height:13px;padding:2px;border:solid 0px #e54144;overflow:hidden;position:absolute;z-index:890;}
.Q-online{width:28px;height:20px;display:block;background-position:-78px -130px;position:fixed;right:10px;bottom:13px;}
*html .Q-online{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin:500px 0 0 0;}




 .stageBtn{display: inline-block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background: url("../images/new_btn_bg.gif") no-repeat;
    font-size: 18px;
    cursor: pointer;
    border: none;
    outline: none; margin: 50px auto 0 auto; display: block;}
    
.PriceLi{
	/*display:none;*/
}
input,textarea{
    transition:0.3s;
}
input:focus,textarea:focus{
    border-color: #ff9500;
    -webkit-box-shadow: 0 0 2px rgba(234, 146, 32,0.1);
    -moz-box-shadow: 0 0 2px rgba(234, 146, 32,0.1);
    box-shadow: 0 0 2px rgba(234, 146, 32,0.1);
}


.workConInded .preAirInput {
    border:none;
}

.preAirBlock .workConInded{
    display: block;
}
.preAirInput em{
    height: 30px;
    line-height: 30px;
    float: left;
    padding:0 10px;
    background: #e6e6e6;
    cursor: pointer;
    margin-right: 1px;
    width:70px;
    text-align: center;
}
.preAirInput em.active{
    background: #ff9500;
    color: #fff;
}
.preAirWI{
    width:auto;
}
.preAirBlock{
    height:auto;
    margin:0 0 60px 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.preAirUl{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.preAirUl li{
    margin-bottom: 30px;
    padding: 0;
}
.preAirUl li.m_b0{
    margin-bottom: 0;
}
.preAirBlock .preAirUl{
    margin-left: 40px;
    width: 810px;
    padding:0;
    margin-top: 30px;
    border-left: 1px solid #cacaca;
}
.preAirWI label{
    width:140px;
}
.workSlide{
    width: 20px;
    float: left;
    margin-right: 20px;
    font-size: 16px;
    line-height: 1.1;
    position: absolute;
    word-wrap: break-word;
    word-break: normal;
    text-align: center;
}
.eqSlide{
    top: 51%;
    margin-top: -34px;
    color: #ff9500;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.installCondition{
    top: 50%;
    margin-top: -34px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.installMat{
    top: 50%;
    margin-top: -34px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.m_b30{margin-bottom:30px}
.m_b60{margin-bottom:60px}
.m_b50{margin-bottom:50px}

.preAirBlock ul.active{
    padding:0;
    border-color: #ff9500;
    background: #fafafa;
}

.preAirBlock .workConInded .p_t30{
    padding-top: 30px;
}
.preAirBlock .workConInded .p_b30{
    padding-bottom: 30px;
}

.makeColdCount{
    padding-left: 168px;
    padding-top: 8px;
    position: relative;
}
.preAirInput .countDrag{
    width:360px;
    margin-top: 9px;
    margin-right: 20px;
    cursor:pointer;
}
.err{
    float: left;
    height:30px;
    line-height:30px;
    color: red;
    margin-left: 10px;
    display: none;
}
.manoWrap{
  /*   height:450px; */
}
/*右侧提交按钮*/
.orderSubmit{
    text-align: center;
    margin-top: 20px;
}
.orderSubmit input{
    display: inline-block;
    height:45px;
    line-height:45px;
    width:200px;
    background: url("../images/order_submit_btn.png") no-repeat left  top;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:4px;
    cursor: pointer;
    border:none;
}
.orderSubmit input:hover{
    background: url("../images/hover_order_submit_btn.png") no-repeat left  top;
}