* { -webkit-tap-highlight-color: transparent; outline: 0;box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;vertical-align: baseline; }
img {border: 0 none; vertical-align: top; }
i, em {font-style: normal; }
ol, ul {list-style: none; }
input, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
table { border-collapse: collapse;border-spacing: 0; }
a, a:visited { text-decoration: none; color: #4d4d4d; }
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body { margin: 0 auto;font-size:12px;font-family: -apple-system,Helvetica,sans-serif;line-height: 1.5; color: #4d4d4d; -webkit-text-size-adjust: 100% !important;background: #f1f1f1;}
.clear {clear: both;margin: 0;padding: 0}
.clearfix:after {clear: both;display: block;visibility: hidden;height: 0;content: " ";font-size: 0}
* html .clearfix {zoom: 1}
html,body{
	height:100%;
}
input::-webkit-input-placeholder{
            color:#cacaca;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#cacaca;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#cacaca;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#cacaca;
        }
.layout{
	width:100%;
	height:100%;
	background: url(/frame/resource/images/login/bg.png) no-repeat;
	background-size:100% 100% ;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loginbox{
	width:350px;
}
.logobox{
	margin-bottom:20px;
}
.logobox .logo{
	width:200px;
	height:83px;
	margin:0 auto 15px auto;
}
.logobox .logo img{
	width:100%;
	height:100%;
}
.logobox .name{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align: center;
}
.login{
	width:350px;
	margin:0 auto;
	padding:8px;
	border:1px solid rgba(255,255,255,0.5);
	background: rgba(255,255,255,0.3);
	border-radius: 6px;;
}
.login-inner{
	padding:40px 55px 30px 55px;
	background: rgba(255,255,255,1);
	border-radius: 8px;
	position: relative;
}
.login-inner .login-row{
	display: flex;
	margin-bottom:10px;
}
.login-inner .login-row:last-child{
	margin-bottom:0;
}
.layer{
	width:80px;
	line-height:30px;
}
.inputfill{
	width:168px;
	position: relative;
}
.inputfill i{
	width:16px;
	height:16px;
	display:inline-block;
	position: absolute;
	right:10px;
	top:7px;
}
.inputfill i.user{
	background: url(/frame/resource/images/login/user.png) no-repeat;
	background-size:100% 100% ;
}
.inputfill i.password{
	background: url(/frame/resource/images/login/password.png) no-repeat;
	background-size:100% 100% ;
}
.inputfill .verification-Code{
	width:60px;
	height:22px;
	position: absolute;
	right:5px;
	top:4px;
}
.inputfill .verification-Code img{
	width:100%;
	height:100%;
}
.inputfill input{
	width:168px;
	height:30px;
	background: #f6f6f6;
	border:none;
	padding-left:10px;
}
.btn{
	width:120px;
	height:30px;
	background: #00cdc6;
	border:none;
	border-radius: 2px;
	color:#fff;
	margin:10px auto 0 auto;
	font-size:14px;
	font-weight:700;
	cursor: pointer;
}
.btn:hover{
	background: #01b7b1;
}