/* 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;
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: 812px; position:absolute; top: 50px; right: 17px; display: none;z-index: 1000;    left: inherit !important;}
.inventory{}
.inventory .inventory_append_t{background:url(../images/inventory.png) no-repeat; height: 59px; line-height:78px; 
	color: #fff; font-size: 16px; padding-left: 26px;font-weight: bold;}
.table{ background: url(../images/table_shadow.png) repeat-y left;padding:10px 0; }
.table_bottom{ background: url(../images/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  span{ display: block; float: left; text-align: center; overflow: hidden;}
.table p .s1{ width: 91px; text-align: left; padding:0 10px;}
.table p .s2{ width: 131px;}
.table p .s3{ width: 131px;}
.table p .s4{ width: 81px;}
.table p .s5{ width: 101px;}
.table p .s6{ width: 75px;}
.table p .s7{ width: 111px;}

.inventoryOverscroll{    margin: 0px 26px;height: 250px;overflow:hidden;overflow-y:scroll;border: 1px solid #e0e0e0;}
.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: 130px;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: 100px;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:0 26px;  }
.table .inventory_append_h3 strong{ 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 100px 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 160px;}
.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;}

.contact_error{ position:absolute;top:25px; }
.workTips{ position:relative; top:6px; background-position:-7px -80px; width:16px; height:16px;
display:inline-block;text-indent: -999em;margin-left:10px;}
.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: 26px; 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: #ff9500; color: #fff;border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; }
.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;}

.workConInded li label{height: 30px; line-height: 30px; 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: 20px; line-height: 20px; padding: 4px 0; border:1px solid #ccc;width: 218px;text-indent: 12px ;font-size: 12px;}
.workInput input:focus{border:1px solid #ff9500; transition:0.5s}
.workInput i{ display: block; height: 20px; line-height: 20px; width: 42px; position: absolute; right: 0px; top: 5px; 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: 15px;}
.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: 85px;}
.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;padding-bottom:30px}
.basicBox{  height: 78px; line-height: 80px;border-bottom: 1px solid #e6e6e6; margin-bottom: 20px;
 position:relative;background: url(../images/snake_bg.gif) repeat-x;}
.basicBox input,.basicBox label{ display: block; float: left;}

.basicBox input{ width: 148px; height: 20px; line-height: 20px; padding: 4px 0; border: 1px solid #d9d9d9;
text-indent: 5px; margin:25px 0 0 10px;border-radius: 20px;}
.basicBox input:focus{border:1px solid #ff9500; transition:0.5s}
.basicBox i{ display: block; float: left; width: 20px; height: 20px; margin:30px 10px 0 0; }
.basicInput{ /* overflow: hidden; */  margin-bottom: 15px; position: relative;}
.basicInput label,.basicInput input{ display: block; float: left;}
.basicInput label{ width: 144px; 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;}


input.upload_workorder{ height: 30px; line-height: 25px; display: block;float:left; cursor: pointer; width: 85px; 
padding: 0px; top: 0px; text-indent: 0; display: none;}


 .stageBtn{display: inline-block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background: url(../images/btn_bg_07.jpg);
    font-size: 18px;
    cursor: pointer;
    border: none;
    outline: none; margin: 80px auto 0 auto; display: block;}
    
.PriceLi{
	display:none;
}


.loadedFileName{
	float: left;
    top: 0;
    height: 30px;
    line-height: 30px;
    text-decoration: underline;
    font-size: 12px;
    color: #1490f0;
    cursor: pointer;
    display:none;
}





/* /*Jvan*/

.workAvDeret{
	border: 8px solid #f7f4f0; 
	/* background: red; */
}