/**xml mobile组件样式**/
.layer-format-table{
	width:100%;
}
.layer-format-table .table-content{
	overflow-y:auto;
    border-top: 1px solid #e0e0e0;
    width:100%;
}
.layer-format-table table{
	width:100%;
	position: relative;
	border-left: 1px solid #e0e0e0;
}
#app-moudle .table-content,
#menu-group .table-content{
	height:478px;
	overflow-y:auto;
}
#menu-list .table-content{
	height:478px;
	overflow-y:auto;
}
.layer-format-table thead tr{
	background: #F5F5F5;
}
.layer-format-table thead tr td{
	font-size: 13px;
}
.layer-format-table tbody{
	overflow:auto;
}
.layer-format-table tr{
	border-bottom:1px solid #e0e0e0;
}
.layer-format-table tr.selected{
    background:#F7FAFF;
}
.layer-format-table td{
	border-right:1px solid #e0e0e0;
	padding:5px 0px;
	font-size:11px;
	text-align:center;
    height: 38px;
    vertical-align: middle;
}
.layer-format-table tr td:last-child{
	border-right:none;
}
.layer-format-table tr td:first-child{
	border-left:none;
}
.layer-format-table td[name="cb"]{
    width: 26px;
    text-align:center !important;
    padding: 10px 0 5px 0 !important;
}
.layer-format-table td[name="value"],
.layer-format-table td[name="status"],
.layer-format-table td[name="index"]{
    width: 100px;
}
.layer-format-table td.editing{
	background:#F1F9F4;
}
.layer-format-table td.editing input{
	border:none;
	background:transparent;
	height:100%;
	width:100%;
	color:#666666;
	text-align:center;
}
.layer-format-table td.new{
	background:#F1F9F4;
	color:#B3B3B3;
}
.layer-format-table input[type="checkbox"]{
	width:12px;
	height:12px;
}
.layer-format-table input[type="checkbox"]:before{
	background-image: url(../image/icon/check/table_unchecked.png);
	width:12px;
	height:12px;
}
.layer-format-table input[type="checkbox"]:checked:before{
	background-image: url(../image/icon/check/table_checked.png);
	width:12px;
	height:12px;
}
.layer-format-table .tools{
	display:inline-block;
	width:22px;
	height:22px;
	background:transparent;
	border-radius:100%;
	text-align:center;
	line-height:22px;
	cursor:poniter;
}
.layer-format-table .table-title .tools i{
	font-size:14px;
	color:#666666;
}
.layer-format-table .table-title[type="blue"] i,
.layer-format-table .table-title[type="blue"] span{
	color:#ffffff;
}
.layer-format-table .table-title[type="blue"] .icon-fanhui{
    margin-left: 12px;
}
.layer-format-table .tools:hover{
	background:rgba(0,0,0,0.1);
}
.layer-format-table .table-title{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
}
.layer-format-table .table-title .left{
	float:left;
	display:inline-block;
}
.layer-format-table .table-title .left span{
	font-size:20px;
}
.layer-format-table .table-title .right{
	float:right;
}
.layer-format-tips{
    width:134px;
    height:44px;
    line-height:44px;
    text-align:center;
    background:#141C31;
    color:#ffffff;
    box-shadow:0px 8px 15px 0px rgba(0,0,0,0.2);
    border-radius:27px;
}
.layer-format-edit .layui-layer-content>div{
    height: 240px;
    width: 100%;
    padding: 0 20px;
}
.layer-format-edit .layui-layer-content label{
	width:70px;
	display: inline-block;
	height: 50px;
	line-height: 50px;
}
.layer-format-edit .layui-layer-content input{
	border:none;
	background:transparent !important;
	width: 260px;
	border-bottom: 1px solid #cccccc;
	height: 50px;
}
.layer-format-edit .layui-layer-content input[disabled]{
	border:none;
}
ul.tools-select-box,
ul.option-box,
ul.switch-box{
	position: absolute;
    z-index: 100;
    background: #ffffff;
    box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.3);
    display:none;
}
ul.tools-select-box{
	width:100px;
	top:40px;
	margin-left:-30px;
}
ul.option-box{
    margin-top: 30px;
     width:150px;
}
ul.switch-box{
	left: 252px;
    top: 67px;
    width:68px;
}
ul.tools-select-box li,
ul.option-box li,
ul.switch-box li{
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 12px;
}
ul.tools-select-box li:hover,
ul.option-box li:hover,
ul.switch-box li:hover{
    background:#649FFF;
    color:#ffff !important;
}
.table-title .export-btn{
	display:inline-block;
	width:86px;
    height:34px;
    line-height:34px;
    text-align:center;
    color:#ffffff;
    background:#649FFF;
    border-radius:17px;
}
.sub-toolbar{
	width:100%;
	height:30px;
	line-height:30px;
	background:#F5F9FA;
}
.sub-toolbar i{
	font-size:10px;
}
.sub-toolbar .select-list{
	display:inline-block;
	height:100%;
	width:160px;
	float:left;
	padding: 0 10px;
}
.sub-toolbar .select-list span{
    font-size:12px;	
}
.sub-toolbar .select-list i{
	float:right;
}
.sub-toolbar .switch{
	float:right;
	height:100%;
	cursor:pointer;
}
.sub-toolbar .switch span{
	padding-right: 10px;
	font-size:10px;
}
.sub-toolbar .switch i{
    color:#649FFF;
}
.layer-format-edit input[type="checkbox"]:before{
	top:unset;
	bottom:-5px;
}

.form-margin-0,
.form-margin-0 .col{
	margin-bottom: 0px !important;
	vertical-align: middle;
}
* [cols24*='1']{
	margin-bottom: 18px;
	vertical-align: top;
}
* [cols24*='2']{
	margin-bottom: 18px;
	vertical-align: top;
}
* [cols24='1']{
	width: 4.166667% !important;
}
* [cols24='2']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 8.333333% !important;
}
* [cols24='3']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 12.5% !important;
}
* [cols24='4']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 16.66667% !important;
}
* [cols24='5']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 20.83333% !important;
}
* [cols24='6']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 25% !important;
}
* [cols24='7']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 29.16667% !important;
}
* [cols24='8']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 33.33333% !important;
}
* [cols24='9']{
	margin-bottom: 18px;
	vertical-align: top;
	width: 37.5% !important;
}
* [cols24='10']{
	width: 41.66667% !important;
}
* [cols24='11']{
	width: 45.83333% !important;
}
* [cols24='12']{
	width: 50% !important;
}
* [cols24='13']{
	width: 54.166667% !important;
}
* [cols24='14']{
	width: 58.33333% !important;
}
* [cols24='15']{
	width: 62.5% !important;
}
* [cols24='16']{
	width: 66.66667% !important;
}
* [cols24='17']{
	width: 70.83333% !important;
}
* [cols24='18']{
	width: 75% !important;
}
* [cols24='19']{
	width: 79.16667% !important;
}
* [cols24='20']{
	width: 83.33333% !important;
}
* [cols24='21']{
	width: 87.5% !important;
}
* [cols24='22']{
	width: 91.66667% !important;
}
* [cols24='23']{
	width: 95.83333% !important;
}
* [cols24='24']{
	width: 100% !important;
}