/***********表单form*************/ .zm_form_wrap{ width: 100%; } .zm_form_wrap p{ padding:10px 0; clear:both; } .zm_form_wrap h3{ padding-top:10px; padding-bottom:20px; } /**标签**/ .zm_form_wrap label{ text-align:right; float: left; width: 140px; padding-right: 15px; display:block; line-height:34px; font-weight:bold; } /**输入框**/ .zm_form_wrap .text-input{ height: 18px; border: 1px solid #cccccc; border-radius: 3px; float:left; padding:7px; } .zm_form_wrap .input-length-10{ width:10%; } .zm_form_wrap .input-length-30{ width:30%; } .zm_form_wrap .input-length-50{ width:50%; } /**单选按钮**/ .zm_form_wrap .radio-input{ margin-top: 10px; line-height: normal; color: #555555; float:left; border: 1px solid #cccccc; padding-left:5px; } .zm_form_wrap span.radio-text{ text-align:left; float: left; padding:0 15px; text-align: left; display:block; line-height:32px; min-width:50px; } /**多选按钮**/ .zm_form_wrap .checkbox-input{ margin-top: 10px; line-height: normal; color: #555555; float:left; border: 1px solid #cccccc; padding-left:5px; } /**Textarea 和 编辑器**/ .zm_form_wrap .text-area{ width: 50%; height: 60px; border: 1px solid #cccccc; border-radius: 3px; float:left; padding:7px; } .zm_form_wrap .text-area.high{ height: 120px; } .zm_form_wrap .editor{ float:left; width:70%; } /**下拉选择**/ .zm_form_wrap .select-option{ height: 34px; border: 1px solid #cccccc; border-radius: 3px; float:left; padding:7px; } /**表单提交、保存、返回等Button按钮**/ .zm_form_wrap .btn_submit{ background-color: #f89406; color: #ffffff; padding: 9px 14px; font-size: 15px; line-height: normal; border: 1px solid #cccccc; border-radius: 5px; cursor:pointer; margin-right:6px; } .zm_form_wrap .btn{ color: #ffffff; padding: 9px 14px; font-size: 15px; line-height: normal; border: 1px solid #cccccc; border-radius: 5px; cursor:pointer; margin-right:6px; } .zm_form_wrap .btn_back{ background-color: gray; } .zm_form_wrap .btn_save{ background-color: #175bf8; } /**信息提示**/ .zm_form_wrap .text-inline{ float:left; line-height:34px; margin-left:15px; } .zm_form_wrap .warn-inline{ float:left; color:red; line-height:34px; margin-left:15px; } .zm_form_wrap .warn-block{ width:500px; color:#898989; line-height:24px; display:block; clear:both; padding:3px 10px 3px 155px; } /**内容文字**/ .zm_form_wrap span.span-text{ text-align:left; float: left; padding-left: 15px; text-align: left; display:block; line-height:34px; } .zm_form_wrap span.detail_span{ text-align:left; float: left; padding-left: 15px; text-align: left; display:block; line-height:34px; } /**********************上传************************/ /**图片上传样式**/ .zm_form_wrap .pic_upload{ position:relative; width:300px; height:200px; background-color:#ccc; float:left; /**图片居中显示**/ display: -webkit-box; display: -moz-box; display: box; -webkit-box-align:center; -moz-box-align:center; box-align:center; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; } .zm_form_wrap .pic_upload .picfile{ width: 300px; height: 200px; opacity: 0; outline: none; cursor:pointer; } .zm_form_wrap .pic_upload .icon{ position:absolute; top:68px; left:118px; } .zm_form_wrap .pic_upload .close{ position:absolute; top:-16px; right:-16px; z-index:999; cursor:pointer; } .zm_form_wrap .pic_upload .close img{ width:32px; } /**文件上传样式**/ .zm_form_wrap .file_upload{ position:relative; width:500px; height:34px; line-height: 34px; float:left; } .zm_form_wrap .file_upload .upfile{ position:absolute; top:0;left:0; z-index:999; width: 90px; height: 27px; opacity: 0; outline: none; cursor:pointer; } .zm_form_wrap .file_upload .text{ position:absolute; top:0;left:0; width: 88px; height: 25px; line-height: 25px; text-align:center; z-index:1; background-color: #0c72b8; color: #ffffff; font-size: 15px; border: 1px solid #cccccc; border-radius: 3px; } .zm_form_wrap .file_upload .filepath{ width:400px; height:34px; color: #0c72b8; overflow:hidden; float:left; } .zm_form_wrap .file_upload .close{ width:32px; height:32px; float:left; cursor:pointer; } .zm_form_wrap .file_upload .close img{ width:32px; } /***************列表上方的操作区域****************/ .zm_handle{ height:40px; border-bottom:6px solid #b8dbf2; position:relative; } .zm_handle.noborder{ margin-top:10px; border:none; } .zm_handle .filter{ float:left; width:65%; } .zm_handle .btns{ float:right; width:30%; text-align:right; } .zm_handle .filter .input{ height: 18px; width: 195px; padding: 3px; border: #0c72b8 1px solid; border-radius: 3px; } .zm_handle .filter .select{ height : 26px; padding : 3px; border: 1px solid #0c72b8; border-radius: 3px; } /*****************各种颜色的操作按钮***************/ .btn-handle{ background-color: #0c72b8; color: #ffffff; padding: 5px 14px; font-size: 15px; line-height: 15px; border: 1px solid #cccccc; border-radius: 3px; cursor: pointer; margin-left:4px; } .btn-handle.btn-grey{ background-color: #767676; } .btn-handle.btn-green{ background-color: #21BA45; } .btn-handle.btn-red{ background-color: #DB2828; } .btn-handle.btn-orange{ background-color: orange; } .btn-handle.btn-yellow{ background-color: #FBBD08; }