@charset "utf-8";
/* CSS Document */
.login_bg{ width:100%; height:100%; float:left; background:url(../img/login_bj.png) center;position:fixed;top: 0; left: 0; min-width: 1000px;z-index:-10; zoom: 1; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover;background-position: center 0;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; font-weight:normal; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;  font-weight:normal; } 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; font-weight:normal;  } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;  font-weight:normal; } 
@media screen and (max-width: 500px) {
	.login_box{ margin:200px auto !important; top:0; position:relative;}

	}
@media screen and (max-width: 2560px) {
.login_box{ position:absolute;top:50%;left:50%;width:1200px;height:800px;margin-left:-600px;margin-top:-400px; background:url(../img/login_box1.png) no-repeat;box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.04);transition:all 0.3s ease;}
.login_bottom{ width:600px; height:50px; text-align:center; line-height:50px;bottom:0%;left:50%;margin-left:-300px;overflow:hidden; font-size:12px; color:#fff; text-align:center; position:absolute;}
.sclogo{ width:30%; margin:6% 14% 4% 56%; float:right;}
.uers{ width:42%; height:52px; margin:0 6% 4% 30%; float:right;text-indent: 38px;border-radius:2px; border:1px #ececec solid;background:url(../img/input_user.png) no-repeat 6px; color:#666; font-weight:normal; }
.password{ width:42%; height:52px;margin:0 6% 4% 30%; float:right;text-indent: 38px;border-radius:2px; border:1px #ececec solid;background:url(../img/input_password.png) no-repeat 6px; color:#666; font-weight:normal; }
#message{ width:42%; height:52px;margin:0 6% 4% 30%; float:right;border-radius:2px; border:1px #ececec solid;}
.message{ width:78%; height:52px;text-indent: 38px; border:none;background:url(../img/input_code.png) no-repeat 6px; color:#666; font-weight:normal; }
.code{ width:20%; height:42px; background:#aaa; float:right; margin:5px 2% 0 0;}
#remember{  width:42%;float:right;margin:0 6% 4% 30%; color:#666; font-size:14px;}
.remember{ float:left; margin:5px 8px 0 0;border-radius:2px; width:12px; height:12px;border:1px #ececec solid;}
.forget{ float:right;}
.forget a{color:#666; font-size:14px;}
.forget a:hover {color: #f97717;}
.submit{ width:42%; height:52px;margin:0 6% 4% 30%; border:none; float:right;border-radius:2px; color:#fff;cursor:pointer;background:linear-gradient(90deg,rgba(255,149,0,1),rgba(255,107,0,1)); border:none;box-shadow:0px 7px 27px 0px rgba(255,187,55,0.51);}
.logon{width:42%;float:right;margin:0 6% 4% 30%; color:#666; font-size:14px; text-align:center; color:#999;}

.logon a:hover {color: #f97717;}
.logon a{ color:#666;}
}
@media screen and (max-width: 1920px) {
.login_box{width:900px;height:600px;margin-left:-450px;margin-top:-300px; background:url(../img/login_box2.png) no-repeat center left;}
}
@media screen and (max-width: 1280px) {
.message{ width:70%;}
.code{ width:28%;}
}
@media screen and (max-width: 1080px) {
.login_box{ width:750px;height:500px;margin-left:-375px;margin-top:-250px;}
.uers,.password,.submit,.logon{ width:38%;}
#remember{ width:38%;}
#message{ width:38%;}
.sclogo{margin:6% 10% 4% 56%;}

}
@media screen and (max-width:1024px) {
.login_box{width:92%;height:920px; background:#fff; position:static; margin:180px auto;}
.uers,.password,.submit{ width:92%; margin:0 4% 38px 4%; height:98px; line-height:98px;font-size:34px;}
#message{ width:92%; margin:0 4% 38px 4%; height:88px; line-height:98px;font-size:34px;}
.logon{width:92%; margin:0 4% 0 4%; height:98px; line-height:98px;font-size:32px;}
#remember{ width:92%; margin:0 4% 50px 4%;font-size:28px;}
.forget a{font-size:28px;}
.sclogo{ width:60%; margin:58px 20% 58px 20%; float:left;}
.login_bottom{ font-size:24px;}
.uers{ background:url(../img/input_user1.png) no-repeat 12px;text-indent:58px;}
.password{background:url(../img/input_password1.png) no-repeat 12px;text-indent:58px;}
.message{background:url(../img/input_code1.png) no-repeat 12px;text-indent:58px;}
.message{ width:74%;}
.code{ width:24%; height:74px; margin-top:7px;}

input[type=checkbox] {
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FireFox */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
}
}