/*全局*/

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: #000;
}

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

.loco-login .loco-footer {
	position: absolute !important;
	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; color:#fff
}
.loco-login h2{
	margin: 60px 0px; text-align: center;font-size: 42px; color: #fff; font-weight: bold;
}
.loco-login-main{
	background: #fff; border-radius: 5px;min-height: 540px;
}
.loco-login-main a{
	color: #0055AA;
}
.loco-login-left {
	padding: 20px;
}
.loco-login-left ul {
	list-style: none; padding: 20px 5px;
}
.loco-login-left ul li{
	line-height: 25px;padding-bottom: 10px;
}
.loco-login-left h5 , .loco-login-left h5 i{
	font-size: 18px; font-weight: bold; color: #0055AA;
}
.loco-login-left ul li {
	font-size: 14px;
} 
.loco-login-left ul li span{
	color: #999999;font-size: 12px;
} 
 
.loco-login .loco-login-right {
	padding: 30px; background: linear-gradient(to bottom right, #bedffd, #fff);min-height: 540px;
	box-shadow: 4px 4px 15px #0084C7;  color: #0055AA; border-radius: 5px;
}
.loco-login-right-info{
	
}
.loco-login-right-info .layui-form-item{
	margin: 30px 0px;
}
.loco-login-right-info form{
	margin-top: 80px;
}
.loco-login .veri-code {
	text-align: right;
	position: absolute;
	top: 250px;
	right: 25px;
	width:100px
}

.loco-login-right-info form.frmReg{
	margin-top: 10px;
}
.loco-login-right-info form.frmReg .layui-form-item{
	margin: 10px 0px;
}
/******************************************/

.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-form-mid {
	margin-left: 30px
}

.loco-page-container .layui-input-block {
	margin-left: 150px
}

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


.loco-page-container .shortLabel .layui-input-block {
	margin-left: 100px
}

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

.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  .textLimit{
	text-align: right;height: 20px;line-height: 20px;color:red; padding-right: 10px;
}

.loco-page-container .ext-save-btn{
	margin: 10px 0px 5px 0px; text-align: center;
}
.loco-page-container .layui-elem-quote{
	padding: 8px 10px !important;
}
/************************************************/
.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 ,.loco-page-container .layui-form-info textarea:read-only,.loco-page-container .layui-form-info button:read-only {
	background:#555555; color: #fff;
}


/************************************************/
.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 .bigButton {
	height: 100px;
	text-align: center;
	color:#fff;
}
.dashboard-stat .bigButton h3{
	padding: 20px 0px 15px 0px;
}
.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 .details .bigTitle {
	text-align: center !important;
	font-size: 18px;
	font-weight: 500;
}

.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;
}
.logic-info{
	text-align: right; margin-bottom:10px; background:#D33333; padding: 10px;
	line-height: 1.6em; color: #fff !important; border-radius: 4px;
}
.fly-extend-doc-nav {
	padding: 15px 0
}

.fly-extend-doc-nav li {
	position: relative;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 10px;
	cursor: pointer;
	display: block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}

.fly-extend-doc-nav li.layui-this {
	background-color: #f8f8f8
}

.fly-extend-doc-nav li.layui-this:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background-color: #009688
}

.fly-extend-doc {
	display: none;
	padding:  0px;
}

.fly-extend-doc .layui-card-header {
	height: 45px;
	line-height: 45px;
	padding: 0 20px
}

.fly-extend-doc .layui-card-header .layui-inline.layui-this {
	padding: 0 15px;
	border-bottom: 2px solid #5fb878
}
em{
	font-size: .85em;color: #2e8ded;
}