body,html{
	margin: 0;
	padding: 0;
	width:100% ;
	height: 100%;
	overflow: hidden;
	font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}
input{
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0 !important;
    -webkit-appearance: none;
    /*transition: all .3s;
-webkit-transition: all .3s;*/
}
.main-body{
	width: 100%;
	height: 100%;
}
.top{
	height: 84%;
	width:100% ;
	/*background-color: blue;*/
box-sizing: border-box;
position: relative;
background:url("/wms/static/images/login/bg_uu.png") no-repeat center;
background-size: cover;
background-size: 100% 100%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wms/static/images/login/bg_uu.png',sizingMethod='scale');
}
.top:before{
	content: "";
	display: block;
	height: 15%;
	width: 100%;
}
.bottom{
	height: 16%;
	width: 100%;
	background-color: #007CBC;
	position: relative;
}
.logo{
	
	height: 15.4%;
	width: 300px;
	margin: 0 auto;
	/*background-color: red;*/
	text-align: center;
}
.logo img{
	width: auto;
	height: 100%;
	border-radius: 50%;
	/*background-color: pink;*/
}
.title{
	text-align: center;
	margin-top: 9%;
}
.title span{
	position: relative;
	font-size: 52px;
	color: #1a66a4;
	font-weight: 900;
	z-index: 2;
	font-family: simhei;
}
.title span::before {
	content: attr(data-text);
	position: absolute;
	left: 0;
	-webkit-text-stroke: 7px white;
	z-index: 1;
}
.title span::after {
	content: attr(data-text);
	position: absolute;
	left: 0;
	z-index: 1;
	/*-webkit-text-stroke: 2px white;*/
}
.main-body .layui-form{
	text-align: center;
	margin: 0 auto;
	margin-top: 8.5%;
}
.layui-form-box{
	display: inline-block;
	background-color: rgba(255,255,255,0.4);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
	padding: 46px 46px;
	position: relative;
}
.form-item .layui-input{
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
	outline: none;
    -webkit-appearance: none;
	padding: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #333;
    padding-left: 46px;
    font-size: 14px;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: block;
}
.form-item2 input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
    position: relative;
    top: 5px;
}
.form-item2 input[type=checkbox]:checked{
   background: url("./static/images/login/check2.png") no-repeat center;
   border: 1px solid #177de4;
   background-color: #3fa5da;
}
.form-item .layui-input:focus{
	padding-top:0;
	padding-bottom: 0;
	/*border: 1px solid #177de4!important;*/
outline-offset:0 !important;
height: 40px;
line-height: 40px;
/*box-shadow:0 0 0 rgba(24,131,255,0.6) inset,0 0 4px rgba(24,131,255,0.6) !important;*/
/*border-color:#177de4 !important;*/
}
.form-item .layui-input.layui-form-danger:focus {
    border-color: #FF5722!important;
}
.form-item{
	position: relative;
	height: 40px;
	line-height: 40px;
	width: 260px;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.form-item2{
	position: relative;
	height: 40px;
	line-height: 40px;
	width: 260px;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	background-color: #fff;
}
.form-item i{
	font-size:26px;
	color: #3fa5da;
	position: absolute;
	left: 10px;
	top: 0;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #333;
  font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #333;
 font-size: 14px;
 
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-size: 14px;
  color: #333;
}  
.login-btn{
	border: 0;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 30px;
	cursor: pointer;
	background-color: #007cbc;
	//background:url("./static/images/login/button_login.png") no-repeat center;
	background-size: cover;
	background-size: 100% 100%;
	//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/images/login/button_login.png',sizingMethod='scale');
} 
.auto-login{
	display: inline-block;
	margin-right: 30px;
	cursor: pointer;
	color: #333;
	font-size: 14px;
	
}
.main-body  .auto-login span{
	color: #333;
	font-size: 14px;
}
.fenge{
	position: absolute;
	left: 53%;
	height: 18px;
	width: 1px;
	background-color: #999;
	top: 12px;
	display: inline-block;
}
.forget-text{
	margin-left: 30px;
	color: #3fa5da;
	font-size: 14px;
	cursor: pointer;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #3fa5da !important;
    background-color: #3fa5da;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary] i:hover{
	border-color: #3fa5da !important;
}

.copy-text{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #7fa7cf;
	position: absolute;
	bottom: 15%;
	left: 0;
	/*margin-left: -153.5px;*/
}
.main-body .layui-form-checkbox[lay-skin=primary] {
    position: relative;
    top: -2px;
}
.main-body .layui-input,.main-body .layui-textarea{
	display: inline-block;
}
.login-icon{
	position: absolute;
	top: 0;
	left: 0;
}
.topbg{
	height: 10px;
	width: 100%;
	background-color: #409bd9;
}
.link-box{
	height: 40px;
	line-height: 40px;
	width: 100%;
	
	text-align: center;
	position: absolute;
	top: 40%;
	left: 0;
	margin-top: -20px;
}
.link-box a{
	color: #fff;
	margin-right: 30px;
	text-decoration:  none;
}
.link-box a:last-child{
	margin-right: 0;
}
@media only screen and (max-width: 1399px) {
	.main-body .layui-form{
		margin-top: 6.5%;
	}
	.layui-form-box{
		padding: 36px;
		bottom: -160px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
}
@media only screen and (min-width: 1600px) and (max-width: 1679px) {
}
@media only screen and (min-width: 1680px) and (max-width: 1780px) {
}