/*全局*/

html {
	overflow-x: hidden;
	height: 100%;
}

body {
	background-color: #f2f2f2;
	color: #666;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
}

input:disabled {
	background: #ECECEC;
}

[my-src] {
	cursor: pointer;
}

.bodyInner {
	padding: 10px;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		/*初始状态 透明度为0*/
	}
	50% {
		opacity: 0;
		/*中间状态 透明度为0*/
	}
	100% {
		opacity: 1;
		/*结尾状态 透明度为1*/
	}
}
.bodyBg {
	-webkit-animation-name: fadeIn;
	/*动画名称*/
	-webkit-animation-duration: 3s;
	/*动画持续时间*/
	-webkit-animation-delay: 0s;
	/*延迟时间*/
	background: url(../images/login/bg.jpg)no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	position: absolute;
}


/**
 * 登录
 */

.loco-login {
	color: #fff;
}

.loco-login .layui-form-label {
	font-weight: bold;
	font-size: 1.2em;
}

.loco-login .loco-footer {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	line-height: 40px;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.2);
}

.loco-login .loco-footer p {
	padding-right: 20px;
}

.loco-login .loco-logo {
	margin-top: 100px;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
}

.loco-login .loco-logo img {
	border: 0px;
}

.loco-login .loco-logo-sml img {
	margin-bottom: 20px;
}

.loco-login .input-code {}

.loco-login .veri-code {
	text-align: right;
	position: absolute;
	right: 0;
	top: 110px;
}


/******************************************/

.loco-header-welcome {
	line-height: 50px;
	color: #fff;
	float:left;
	margin-right: 10px;
	font-size: 1.2em;
}
.loco-header-welcome a{
	color: #fff;
}

.layui-header .layui-nav .layui-nav-item .disabledMenu a {
	color: #CCCCCC;
	text-decoration: line-through;
}

.layui-header .layui-nav .layui-nav-item dd {}

.layui-header .layui-nav .layui-nav-item dd span.layui-badge {
	width: 20px;
	position: relative;
}

.loco-page-container {
	background: #fff;
	padding: 10px;
}



/********************************************/
.myBtns{
	margin: 10px 0px 0px 0px;
}
.loco-page-container .layui-input-block {
	margin-left: 150px
}

.loco-page-container .layui-form-mid {
	margin-left: 30px
}

.loco-page-container .layui-form-label {
	width: 120px
}

.loco-page-container .layui-input-company {
	width: auto;
	padding-right: 10px;
	line-height: 38px
}

.loco-page-container .layui-fluid .layui-row .layui-form {
	margin: 10px auto;
}
/************************************************/
.loco-page-container .frmQry {
	background: #f2f2f2;
	padding:5px;
	border-radius: 4px;
	
}
.loco-page-container .frmQry .layui-form {
	margin: unset;
}
.loco-page-container .frmQry  #sumAll ,.loco-page-container .frmQry  .sumAll{
	font-size: 1.5em; color: #FF5722;
}
.loco-page-container .layui-form-info input:read-only{
	background:#555555; color: #fff;
}

.loco-page-container .layui-form em{
	color: #FF5722;
}

/************************************************/
.w60{
	width:60px;
}
.w70{
	width:70px;
}
.w80{
	width:80px;
}
.w90{
	width:90px;
}
.w100{
	width:100px;
}
.w110{
	width:110px;
}
.w120{
	width:120px;
}
.w140{
	width:140px;
}
.w160{
	width:160px;
}
.w180{
	width:180px;
}
.w200{
	width:200px;
}
.w240{
	width:240px;
}
.w300{
	width:300px;
}
/*********************************************************/

.myRoldNode{
	width:200px;float: left; height: 40px;
}
.tableInnerInput{
	height: 20px; line-height: 20px;
}
.tableInnerLink{
	cursor: pointer; color: #0055AA;
}
.badgeMargin{
	margin: 5px;
}
/************************************************************/
.my-carousel .layui-carousel-ind ul{
	background:#2F4056 !important; float: right;
}

.my-carousel .layui-carousel>[carousel-item]>*,.layui-carousel .layui-this{
	background:#fff;
}

.my-progress {
	margin-top: 40px;margin-bottom: 15px; 
}

.my-progress .layui-progress-text {
	font-size: 2em;float: left;top: -25px
}

.my-progress h3 {
	font-size: .9em;text-align: right;top: -2em;height: 1.2em;line-height: 2em;width: auto;position: relative;
}

/**********************************************/

.dashboard-stat {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 4px;
}
.dashboard-stat .visual {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 15px;
	font-size: 35px;
	line-height: 35px;
}
.dashboard-stat .visual>i {
	color: #FFF;
	opacity: .1;
	filter: alpha(opacity=10);	
	margin-left: -35px;
	font-size: 110px;
	line-height: 110px;
}

.dashboard-stat .details {
	position: absolute;
	right: 15px;
	padding-right: 15px;
}

.dashboard-stat .details .number {
	color: #FFF;
	padding-top: 25px;
	text-align: right;
	font-size: 34px;
	line-height: 36px;
	letter-spacing: -1px;
	margin-bottom: 0;
	font-weight: 300;
}

.dashboard-stat .details .desc {
	color: #FFF;
	opacity: 1;
	filter: alpha(opacity=100);	
	text-align: right;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 300;
}

.dashboard-stat .more {
	color: #FFF;
	background-color: #258fd7;	
	clear: both;
	display: block;
	padding: 6px 10px;
	position: relative;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 11px;
	opacity: .7;
	filter: alpha(opacity=70);
}

.dashboard-stat .more>i {
	display: inline-block;
	margin-top: 1px;
	float: right;
}

.dashboard-stat.blue  {
	background-color: #3598dc;
}
.dashboard-stat.blue .more {
	background-color: #258fd7;
}

.dashboard-stat.red {
	background-color: #e7505a;
}
.dashboard-stat.red .more {
	background-color: #e53e49;
}

.dashboard-stat.green {
	background-color: #32c5d2;
}

.dashboard-stat.green .more {
	background-color: #2bb8c4;
}

.dashboard-stat.purple {
	background-color: #8E44AD;
}
.dashboard-stat.purple .more {
	background-color: #823e9e;
}


.m-icon-swapright {
	background-position: -27px -10px;
}

.m-icon-white {
	background-image: url(../images/arrow.png);
}

[class^=m-icon-] {
	width: 14px;
	height: 14px;
	margin-top: 3px;
	line-height: 14px;
	vertical-align: top;
}

.myChart{
	width:100%;margin-top:20px;
}
.myQryCol{
	padding-bottom: 5px;
}

.myTablePost .logic-info{
	text-align: right; margin-bottom:10px; background:#D33333; padding: 10px; 
	line-height: 1.6em; color: #fff; border-radius: 4px;
}
.myTablePost .brColLeft{
	border-left: 1px solid #2E2D3C ;
}
.myTablePost .brTableTop{
	border-top: 3px solid #2E2D3C ;
}
.myTablePost .brTableBottom{
	border-bottom: 3px solid #2E2D3C ;
}
.myTablePost .brRowBottom{
	border-bottom: 1px solid #2E2D3C;
}
.myTablePost .center{
	text-align: center;
}
.myTablePost .inputNumber{
	border: none;border-bottom: 1px dashed #cecece; height: 30px; line-height: 30px; color: #0075B0; text-align: right;
}

.myTablePost .inputNumberRead{
	border: none;height: 30px; line-height: 30px; color: #0075B0;text-align: right; padding-right: 5px;
}
.myTablePost .tableRemark{
	line-height: 1.8em; margin: 20px auto; padding: 10px; background: #EfEfEf; border-radius: 5px;
}
.tableHeader{
	font-size: 0.9em;line-height: 1.5em;
}
.tableHeaderArea{
	width:600px;float:left;
}
.tableHeaderGuo{
	width:240px;float:right;
}
.relateLink{
	margin: -25px 0px 0px 5px; float: left;cursor: pointer; font-size:0.7em
}
.smallLabel{
	font-size: .85em;
}
.bgGray{
	background: #CCCCCC;
}