@charset "UTF-8";
*{box-sizing: border-box;margin: 0;padding: 0;font-weight:500;}
body{font-family:"思源黑体" !important; color:white;font-weight:500;}
body ::-webkit-input-placeholder {
/* WebKit browsers */
font-family:"思源黑体" !important;color:#666;font-weight:300;
}
body :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
font-family:"思源黑体" !important;color:#666;opacity:1;font-weight:300;}
body ::-moz-placeholder {
/* Mozilla Firefox 19+ */
font-family:"思源黑体" !important;color:#666;opacity:1;font-weight:300;
}
body :-ms-input-placeholder {
/* Internet Explorer 10+ */
font-family:"思源黑体" !important;color:#666;font-weight:300;}
.wrapper{background:url(../images/login.jpg) no-repeat center top;background-size:100%;/*background-image: linear-gradient(to bottom, #68a7fc, #3b7aff);*//*background:#105cc3;background:-webkit-linear-gradient(top left, #105cc3 0%, #2abcff 100%);background:linear-gradient(to bottom right, #105cc3 0%, #2abcff 100%);opacity:0.9;position:absolute;top:0;left:0;*/width:100%;height:100%;/*margin-top:-478px;*/overflow:hidden;}
.wrapper.form-success .container h1{-webkit-transform: translateY(85px);-ms-transform: translateY(85px);transform: translateY(85px);}
.container1{max-width:420px;margin:13% auto;padding:50px 0;padding-top:0;/*height:400px;*/text-align:center;}
.container1 .logo{margin-bottom:20px;}
.container1 .logo img{display:block;max-width:100%;margin:0 auto;}
.container1 h1{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-put;transition-timing-function:ease-in-put;margin-top:0;margin-bottom:20px;font-size:29px;letter-spacing:1px;color:#fff;font-weight:bold;}
.container1 h1 img{display: inline-block;max-width:70px;padding-right:10px;}
.container1 .btn{font-weight:bold;}
.container2{max-width:420px;margin:10% auto;/*padding:50px 0;*/padding-top:0; /*height:400px*/;text-align:center;background:#fff;border-radius:10px;box-shadow:2px 2px 15px #d2e0ff;}
form{padding:40px 0;position:relative;z-index:2;background:#fff;border-radius:10px;box-shadow:2px 2px 15px #c9dbff;}
form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:1px solid #eeeeee;background-color:#f9fafe;width:84%;border-radius:3px;padding:10px 15px;padding-left:42px; margin:0 auto 10px auto;display:block;text-align:left;font-size:18px;-webkit-transition-duration:0.25s;transition-duration:0.25s;font-weight:500;}
.form-group{position:relative;}
.form-group i{position:absolute;top:12px;left:50px;font-size:18px;color:#368cfe;transition:all 0.5s ease 0s;}
form input:hover{background-color:rgba(255, 255, 255, 0.4);}
form input:focus{background-color:white;width:81%;color:#222;}
form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#4481fe;border:0;border-radius:25px !important;padding:10px 15px !important;color:#fff;width:80%;cursor:pointer;font-size:18px !important;-webkit-transition-duration:0.25s;transition-duration:0.25s;margin-top: 20px !important;box-shadow: 2px 2px 15px #c9dbff;}
form button:hover{background-color:#0a4fb7; color:#fff !important;}
.text{margin-top:30px;color:#90a1d7;font-size:14px;line-height: 26px;}
.text a{color:#90a1d7;}

@media (max-width:450px) {
	.wrapper{background:url("../images/login_phone.jpg") no-repeat center top;background-size:100%;/*background-image: linear-gradient(to bottom, #68a7fc, #3b7aff);*/}
	.container1{max-width:86%;margin:38% auto;padding:40px 0;padding-top:0;}
	.container1 h1{font-size:22px;}
	.container1 h1 img{max-width:60px;}
	.container2{max-width:94%;margin:8% auto;padding:40px 0;padding-top:0;}
	.form-group i{left:45px;font-size:18px;}
}