	.form-section-title
	 {
		font-weight: bold !important;
	}
	.el-form-item__label span{
		 font-size: 0.9rem;
	}
	.head {font-size: 14px;text-align: left;padding-left: 15px;line-height: 45px;}
	 .brand {display: block; font-size: 14px !important;font-weight: 500;color: #fff;}
	star{color:#f3180d}
 
	/*View model*/
	.FormViewContainer{position:relative;  width:100%;  margin:0px;  padding:0px;border: 0px solid #DDDDDD;border-radius: 4px; word-wrap: break-word;}
	.FormViewContainer .drag-box { padding:0;margin:0;width:100%;    opacity: 1; left:0px;top:0px; }
	.FormViewContainer .drag-box .remove-label {display:none; position: absolute;top: 2px;right:55px;  z-index: 10;color: #fff; border-radius: 3px; background-color: #999999;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  padding: 2px 4px;font-size: 11.844px;font-weight: bold;line-height: 14px;color: #ffffff;vertical-align: baseline; white-space: nowrap;}
	.FormViewContainer .drag-box .drag-label { display:none; position: absolute;top: 2px;right:2px;cursor:move; color: #fff;z-index: 10; border-radius: 3px; background-color: #999999;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  padding: 2px 4px;font-size: 11.844px;font-weight: bold;line-height: 14px;color: #ffffff;vertical-align: baseline; white-space: nowrap;}
	.FormViewContainer .drag-box .edit-label { display:none; }
	.FormViewContainer .drag-box .preview { display: none; color: #666;font-size: 12px;line-height: 22px;}
	.FormViewContainer .drag-box .preview input{ display:none}
	.FormViewContainer .drag-box .view { display: block;}
	
	.FormViewContainer .row-fluid{margin:0px; position: relative; border: 0px solid #ebeef5;padding:0px; background-color: #FFFFFF;padding-top: 10px; }
	.FormViewContainer .row-fluid [class*="col_span"]:first-child {margin-left:0px;}
	.FormViewContainer .row-fluid [class*="col_span"] {margin-left:0px;   display:inline-block;width: 100%;min-height:40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
	.FormViewContainer .row-fluid .col_span1 { width: 8.003333333333333%;*width:8.003333333333333%; }
	.FormViewContainer .row-fluid .col_span2 { width: 16.457893617021278%;*width:16.457893617021278%; }
	.FormViewContainer .row-fluid .col_span3 { width: 24.497893617021278%;*width:24.497893617021278%; }
	.FormViewContainer .row-fluid .col_span4 { width: 33.034893617021278%;*width:33.034893617021278%; }
	.FormViewContainer .row-fluid .col_span5 { width: 33.134893617021278%;*width:33.134893617021278%; }
	.FormViewContainer .row-fluid .col_span6 { width: 49.28297872340425%;*width: 49.28297872340425%;}
	.FormViewContainer .row-fluid .col_span7 { width: 58.33297872340425%;*width: 58.33297872340425%;}
	.FormViewContainer .row-fluid .col_span8 { width: 65.964893617021278%;*width:65.964893617021278%;}
	.FormViewContainer .row-fluid .col_span9 { width: 74.964893617021278%;*width:74.964893617021278%;}
	.FormViewContainer .row-fluid .col_span10 { width: 83.09666666666666%;*width:83.09666666666666%;}
	.FormViewContainer .row-fluid .col_span11 { width: 91.46666666666666%;*width:91.46666666666666%; }
	.FormViewContainer .row-fluid .col_span12 { width:100%;*width:100%; }
	.FormViewContainer .form-section-title { margin-top: 10px;}
	.FormViewContainer .column{ vertical-align:top; position: relative;background-color: #FFFFFF; border: 0px solid #DDDDDD; margin:0;padding: 3px;  }
	.FormViewContainer .drag-column { display: none;}
	.FormViewContainer .online-block-cascselect{line-height:32px;}
	.FormViewContainer .online-label-hidden{display:none;padding:0  !important;margin:0  !important; }
	.FormViewContainer .online-block-hidden{visibility:hidden;padding:0  !important;margin:0  !important; }
	.FormViewContainer  .online-label-custhtml{display:none;}
	.FormViewContainer  .online-label-custgrid{display:none;}
	
	/*Form*/
	.tab-content-position{border:0;height:10px;}
	.form-section-expansion{line-height:30px;  float:right;  font-size:16px;color: #c0c0c0;padding-right: 13px;display: inline-block;}
	.form-section-title{font-size:14px; min-height: 30px;line-height:30px; padding-left:10px; border-radius:3px; background-color:#f4f4f4}
	.online-form-item{ position:relative;width:100%;vertical-align:top;display:block;}
	.online-form-item:after{content:".";color:#fff;height:0;visibility:hidden;display:block;clear:both;}
	.online-input-block{width:66%;  display:  inline-block; }
	.online-form-label{font-size:13px; width:30%;max-width:130px; float:left; display: inline-block; padding: 4px 2px;margin:0px;  line-height:15px;text-align: right;}
	.online-form-labelhide{display:none !important;}
	/*标题与输入框上下排*/
	.online-input-block-full{width:100% !important;margin: 0 auto;}
	.online-form-label-full{clear:left !important;width:100%;text-align: left; max-width:100% !important;}
	
 

	/*控件样式*/
	.help-tip{cursor:pointer;padding-left:3px;}
	.online-inputbox,.online-radio,.online-checkbox{width:75%; outline: 0; }
	.online-datetime,.online-date{width:75%;}
	.online-textarea{width:99%;   height:80px;}
	.online-select{width:100%;}
	.online-block-select{line-height:30px;}
	
	/*单选或多选*/
	input[checkboxitem] {margin-left:8px;}
	input[radioitem] {margin-left:8px;}
	
	/*tabtoolbar工具条样式*/
	.tabtoolbar-ul li{ float:left; padding-left:15px;padding-right:15px; list-style-type:none;}
	
	.online-label-label{width:100%;display:inline;text-align:left;max-width:100%}
	.online-label-subtable{width:80%;max-width:80%;display: inline-block; text-align:left;float:left}
	.online-label-custhtml{width:100%;max-width:100%;display:block;float:none;text-align:left;}
	
	.online-block-custhtml{width:100%;}
	.online-label-custtable{width:100%;display:block;float:none;text-align:left;}
	.online-block-subtable{width:100%;display:block;overflow: auto; padding-bottom:80px;}
	.online-block-checkbox {line-height:35px;}
	.online-block-radio{line-height:35px;}
	.online-form-maintable-myid-container{visibility:hidden}
	
	/*数据表格样式*/
	.data-table { width:100%; margin:3px 0;}
	.data-table table { width: 100%; border-collapse: collapse;  }
	.data-table caption { height: 30px; line-height: 30px;font-weight: 700;}
	.data-table   th,
	.data-table   td { padding:8px; height: 19px;line-height: 19px;font-weight: 400;}
	.data-table   th { text-align: left;color:#fff;background-color: #353535;}
	.data-table   tr { background-color: #fefefe;color: #686868;}
	.data-table   tr:nth-child(even) {background-color: #f2f2f2;}
	
	/*子表样式*/
	.f2bpm-online-subtable-divcontainer{overflow: auto;padding-bottom: 15px;}

	.f2bpm-online-subtable{}

	.subtable-checkbox-cell{width:20px !important;min-width:20px !important;}
	.subtable-checkbox-cell .el-checkbox__label{display: none}
	.subtable-head-number-cell,.subtable-number-cell{width:32px !important;min-width:32px !important;}
	.subtable-cell-hidden{display:none}
	/*
	手机端子表样式
	 */
	.f2bpm-online-subtable-mobile-toolbar{
		text-align: left;  
		height: 40px;
		margin-top: 10px;
		padding-left: 5px;
		border: 0;
		line-height: 40px;
		z-index: 999999;
		
	}
	.f2bpm-online-subtable .mobile-item-head-box{
		color: #bebbbb;
		background-color: #EFEFF4;
		height: 40px;
		line-height: 40px;
	}
	.f2bpm-online-subtable .mobile-item-head-title{
		color: #bebbbb;
		font-size: .9rem;
		float: left;
		padding-left: 10px;
		
	}
	.f2bpm-online-subtable .mobile-item-head-toolbar{
		float: right;
		padding-right: 10px;
	}
	.f2bpm-online-subtable .mobile-item-label{font-size: 0.9rem;color: #606266;}
	/*容器样式*/
	.f2bpm-header{display: block !important; min-height: 60px;border: #DDDDDD dotted 1px;}
	.f2bpm-aside{width: 200px;border: #DDDDDD dotted 1px; }
	.f2bpm-main{width: 100%;border: #DDDDDD dotted 1px; }
	
	
	/*常规样式*/
	.f2bpm-workform{min-height: 400px;padding-right: 10px;}
	.tab-btn{display: inline-block;min-width: 100px;height: 40px;background-color:#009688 ;border:1px solid #ebeef5}
	.component-fieldbox{min-width: 165px;}
	 
	.border-blue{
	    border: 1px solid #409eff !important;
	}
	
	.online-cascader{
	  text-align: left;
	  -webkit-appearance: none;
	  background-color: #FFF;
	  background-image: none;
	  border-radius: 4px;
	  border: 1px solid #DCDFE6;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  color: #606266;
	  display: inline-block;
	  font-size: inherit;
	  height: 33px;
	  line-height: 33px;
	  outline: 0;
	  padding: 0 0px;
	  -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	  width: 100%;
	}
	.el-cascader .el-input{
	  margin: 0px !important;
	  border: 0px !important;
	}
	.online-cascader .el-cascader{
	  border: 0px !important;
	  margin: 0px !important;
	  padding: 0px !important;
	}
	.online-cascader  .el-input__inner{
	  border: 0px !important;
	  width: 60% !important;
	}
	.online-cascader .el-input--suffix{
	  border: 0px !important;
	}
	
	.el-tree-node__label {
		font-size: 12px !important;
	}
	.el-form-item .el-form-item--small{
	  margin-bottom:0;
	}
	
	/*行折叠面板按钮*/
	.onlineform-row-collapse-button{
	  float: right;
	  padding-top: 8px;
	  padding-right: 20px;
	  cursor: pointer;
	  padding-left: 10px;
	  color: rgb(163, 160, 160);
	}