
body,form{ font-family: 'Arial'; font-size:1rem;background-color: #fbfbff;margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input::-webkit-input-placeholder{color: #ccc;opacity:1;}
input:-moz-placeholder{color: #ccc;opacity:1;}
input::-moz-placeholder{color: #ccc;opacity:1;}
input:-ms-input-placeholder{color: #ccc;opacity:1;}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
	-webkit-text-fill-color: #333 !important;  
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
	background-color:transparent;  
	background-image: none;  
	transition: background-color 50000s ease-in-out 0s;}
form input:focus{border-color: #888;-webkit-appearance: none; } 
header{position: absolute;top: 0px;width: 100%;padding: 3rem 0 2rem;z-index:9;background-color: #fbfbff;}
#logobox{height: 100%;text-align: center;}
#logobox a{
	display: inline-block;
	margin:auto;
	width: 110px;
	height: 110px;
	overflow: hidden;
	background:url(/ig/logo.png) no-repeat center;
	border-radius: 100%;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.25);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	background-color:#00A7FF;
	
}
dl,dt,dd{margin:0; padding:0;}
dl{clear:both;overflow:hidden;padding:.5rem 0;width:18rem;margin: 0 auto;}
dt,dd{float:left;}
dt{line-height:2.8rem;padding-left: .5rem;color:#444;width:48px;}
form{left: 0;width: 100%;border-radius:5px;background-color: #fbfbff;position: relative;top: 12rem;z-index:8;}
form .title{color:#444;text-align: center;float: none;font-weight: bold;font-size: 1.1rem;margin-bottom: 15px;letter-spacing: 1px;}
form .login{float:none;text-align: center;}
form input{
	font-size: .97rem;
	height: 2.1rem;
	padding-left: .9rem;
	border:1px solid #eee;
	border-radius:50px;
	width:12.7rem;
	outline: none;
	-webkit-appearance: none;
	font-family: 'Arial';
}
input[type="submit"]{width:96%;height: 2.8rem;font-size:1.1rem;margin-top: 1.2rem;background-image: linear-gradient(90deg,#0af,#0085ff);color:#fff;cursor: pointer;}
header.up{margin:1.5rem 0 0;}
form.up{top: 5.5rem;}
select{width: 10rem;height:2.4rem;;border: 1px solid #eee;background-color: #fff;font-size: .9rem;}
select:focus{border-color: #888;}
#progress{display:block;margin-top:15px;font-size:.8rem;color:#555;}
#progress img{top: .18rem;position: relative;}
#copyright{
	text-align:center;
	position:fixed;
	bottom:20px;
	width:100%;
	z-index: 7;
	line-height:22px;
}
#copyright, #copyright *{
	font-size:14px;
	color:#888;
}
.mark {z-index: 1;position: fixed;height: 100%;width: 100%;background: url(/ig/mark.png) no-repeat center 40px fixed #f2f2f2;background-size: 30%;}
/* 管理登录 */
#head{position: absolute;width: 100%;padding: 5.5rem 0 2rem;z-index: 7;background-color: #fbfbff;}
.c{text-align:center;width:100%;}
.c img{height: 65px;max-width: 100%;margin-bottom: 20px;}
.staff_form{top: 10rem;}
.company{width:100%;}
.mark_vip{z-index: 1;position: fixed;height: 100%;width: 100%;color:#b2b2b2;font-size:12px;text-align:center;padding-top: 13px;background:#f2f2f2;}
.bg{z-index: 2;position: fixed;height: 100%;width: 100%;background:#fbfbff;top:40%}
.staff{background: #38b72f;}
.loginsuccessfully {
	text-align: center;
    line-height: 32px;
	padding-bottom:64px;
}
.loginsuccessfully *{display:block;}
@media only screen and (max-width: 767px) {
	#copyright{
		z-index: 8;
		padding-left: 10px;
		font-size: 12px;
		padding-right: 10px;
		width: 90%;
	}
}










