input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
body{background: #eeeff3;}
#bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0;background: url(images/bg.jpg) no-repeat;background-size:cover;}
img.bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none;background-size: cover;}
.login-content{width: 30%;position: absolute;top: 26%;right: 6%;box-shadow: -2px -2px 20px #ccc;padding:2% 1%;border-radius: 4px;background:rgba(255,255,255,.9);z-index:2;}
.login-view{height:100%;padding:1vw;}
.login-title{margin-bottom: 5vh;}
.nav{position: absolute;width: 100%;padding: 4px;font-size: .6vw;color: #666;}
.input-val {width: 295px;background: #ffffff;height: 2.8rem;padding: 0 2%;border-radius: 5px;border: none;border: 1px solid rgba(0,0,0,.2);font-size: 1.0625rem;}

/*网页字体大小自适应*/
.login-title .tit1{font-size:1.8vw;background-image: -webkit-linear-gradient(bottom,#3891e8,#09d4f6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.login-title .tit2{font-size:1.4vw;color: #4CAF50;}
.login-title .tit3{font-size:1vw;color: #4CAF50;}
.login-input{height: 4.6vh;border-bottom: 1px solid #bcbcbc;position: relative;margin-bottom:3vh;}
.login-input input{width: 90%;height: 96%;font-size: 1vw;border: 0 none;position: absolute;left:8%;background:transparent;border-radius: 4px;}
.code input{width: 70%;}
/*placeholder兼容处理*/
::-webkit-input-placeholder {color:#e6e6e6;font-size: 1vw;}
::-moz-placeholder {color:#e6e6e6;font-size: 1vw;}
:-ms-input-placeholder{color:#e6e6e6;font-size: 1vw;}

.login-input span{font-size:1vw;position: absolute;top: 1.2vh;left: 0.6vw;color: #bcbcbc;}
.login-tip{width: 90%;height: 2vh;font-size:0.8vw;margin-bottom: 2vh;}
.login-tip .rememberName{float:left;color:#bcbcbc;}
.login-tip input{width: 1.8vw;height: 1.8vh;border-radius: 2px;vertical-align:middle;margin:0 2px 0 0;}
.login-tip a{text-decoration: underline;color: #0e8be8;float: right;}
.btlogin{width: 100%;height: 4.6vh;background-color: #0e8be8;background-image: linear-gradient( 135deg, #3C8CE7, #04dbf7);border-radius: 4px;text-align: center;font-size: 1vw;color: #fff;border: 0 none;margin-top: 6vh;}
.copyright{width: 100%;position: fixed;bottom: 0;text-align: center;font-size: 0.8vw;color:#10c9f3;z-index:2;}

/*登录提示语*/
.form-message{height:30px;width:80%;margin:0 auto;}
.form-error-text,.form-warning-text,.form-succeed-text{height: 26px; line-height: 26px;padding-left:35px;border-radius: 4px;}
.form-error-text{border:1px solid #ee86a4; color: #9d2a16; background:#f8cad7 url('../Images/validatebox_warning.png') center left no-repeat;background-position: 10px 5px;}
.form-warning-text{border:1px solid #f8e144; color: #d94e37;  background:#fdf7ce url('../Images/validatebox_warning.png') center left no-repeat;background-position: 10px 5px;}
.form-succeed-text{border: 1px solid #399a9a;color: #fff;  background:#44c0c0 url('../Images/loading1.gif') center left no-repeat;background-position: 10px 5px;}

/*帮助*/
.help{float:right;padding: 5px 10px;position: relative;cursor: pointer;}
.help .glyphicon{color: #337ab7;}
.fileBox{width: 7vw;height: 96vh;position: absolute;top: 3.5vh;right: 0;border-radius: 4px;padding:20px 10px;text-align:center;box-shadow: -2px -2px 20px #ccc;overflow: auto;display: none;}
.file:hover{text-decoration: none;cursor: pointer;}
.file img{width: 3vw;}

/*滑动验证码*/
.verity-box{width:87%;position:absolute;bottom:22%;padding-left:0;background: #f9fafb;opacity: 0}
.verity-box1{padding-left:17%;opacity:1;transition:0.5s;}
.verify-bar-area {position: relative;background: #FFFFFF;text-align: center;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border: 1px solid #ddd;-webkit-border-radius: 4px;box-shadow: 5px 5px 5px #ccc;}
.verify-bar-area .verify-move-block {position: absolute;top: 0;left: 0;background: #fff;cursor: pointer;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;box-shadow: 0 0 2px #888888;-webkit-border-radius: 1px;}
.verify-bar-area .verify-move-block:hover {background-color: #337ab7;color: #FFFFFF;}
.verify-bar-area .verify-left-bar {position: absolute;top: -1px;left: -1px;background: #f0fff0;cursor: pointer;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border: 1px solid #ddd;}
.verify-img-panel {margin: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border: 1px solid #ddd;border-radius: 3px;position: relative;box-shadow: 5px 5px 5px #ddd;}
.verify-img-panel .verify-refresh {width: 25px;height: 25px;text-align: center;cursor: pointer;position: absolute;top: 1px;right: 1px;z-index: 2;}
.verify-img-panel .fa-repeat {font-size: 16px;color: #fff;}
.verify-img-panel .verify-gap {background-color: rgba(255,255,255,.6);position: relative;z-index: 2;border: 1px solid #fff;}
.verify-bar-area .verify-move-block .verify-sub-block {position: absolute;text-align: center;z-index: 3;border: 1px solid #fff;}
.verify-bar-area .verify-move-block .verify-icon {font-size: 18px;}
.verify-bar-area .verify-msg {z-index: 3;}

/*语言选择框*/
.translate_wrapper{float:right;margin-right: 10px;border-radius: 4px;}
.current_lang{cursor:pointer;text-transform:uppercase;overflow:hidden;}
.lang{padding:4px;}
/*.lang.selected{display:none;}*/
.lang img, .lang span.lang-txt{display:inline-block;margin-left:5px;vertical-align:middle;}
.lang span.lang-txt{position:relative;top:-1px;font-weight:700;}
.lang img{width:.8vw;margin-left:0;}
.lang span span{color:#999;font-weight:400;}
.lang span.fa{font-size:.6vw;position:relative;top:-1px;margin-left:1px;color: #D5D6E2;}
/*more lang*/
.more_lang{
  transform:translateY(-20px);opacity:0;cursor:pointer;display:none;
  -webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);
}
.translate_wrapper.active .more_lang{display:block; }
.more_lang.active{opacity:1;transform:translateY(-0px);}
.more_lang .lang:hover{background:#58b5fa;color:#fff;}
.more_lang .lang:hover span{color:#fff;}
.translate_wrapper:hover,
.translate_wrapper.active,
.content a:hover{
  box-shadow:rgba(0,0,0,0.2) 0 5px 15px;  
  -webkit-transition: all 0.3s cubic-bezier(0,.99,.44,.99);
	-moz-transition:    all 0.3s cubic-bezier(0,.99,.44,.99);
	-o-transition:      all 0.3s cubic-bezier(0,.99,.44,.99);
	-ms-transition:     all 0.3s cubic-bezier(0,.99,.44,.99);
	transition:         all 0.3s cubic-bezier(0,.99,.44,.99);
}
.translate_wrapper.active .lang{border-bottom:1px solid #eaeaea;}

@media (min-width:2800px){
    .login-input input{top:1px;}
}
@media (min-width:5000px){
    .login-input{border-width:2px;}
    .lang{margin-bottom: 20px;}
}
@media (max-width:1800px) {
    .verity-box1{padding-left:13%;}
}
@media (max-width:1600px){
    .lang{padding: 2px;}
    .verity-box1{padding-left:10%;}
}
@media (max-width:1400px){
    .modal-content{width:30vw;}
    .modal-title{font-size: 12px !important;line-height: 12px !important;}
    .modal-header .close {margin-top: -6px;}
    .modal-body {padding: 10px;padding-bottom:4px;}
    .btn{padding: 2px 6px;font-size: 12px;}
}
@media (max-width:1280px)
{
 .form-message{width:100%;}
 .copyright p{transform:scale(0.8);}
 .login-tip .rememberName{transform:scale(0.9);}
 .login-input input{height:92%;top:1px;}
 .translate_wrapper{margin-right: 4px;}
 .help{padding: 2px 4px;}
 .verity-box1{padding-left:4%;}

} 
@media (max-width:1024px) and (min-height:800px){
    .login-content{left:10%;/*top:30%;*/width: auto;max-width: 80%;}
    .login-title {margin-bottom: 3vh;}
}
@media (max-width:960px){
    .form-message{height:20px;}
    .form-error-text, .form-warning-text, .form-succeed-text{height:20px;line-height:18px;background-position: 10px 2px;font-size: 10px;}
  
}
@media (max-width:800px){
    .login-title{margin-bottom: 0;}
  /*  .login-input{margin-bottom: 2vh;}*/
    .login-title .tit1 {font-size: 3vw;}
}
@media (max-width:650px){
    /*.login-title{margin-bottom: 3vh;}*/
    .login-content{width: 80%;}
    .nav,.help{padding: 2px;}
    .fileBox{padding: 4px;}
    .translate_wrapper{margin-right: 2px;}
    
}
@media (max-width:500px){
    .login-title{margin-bottom: 2vh;}
}
@media (max-width:400px){
    .login-title{margin-bottom: 1vh;}    
    .fileBox {height:95vh;top: 5vh;}
  
}
@media (max-width:800px) and (min-height:600px){
    .login-content{/*height: 40%;*/left:10%;/*top:45%;*/width: 80%;}
    .login-title .tit1{font-size: 2.8vw;}
    .login-title .tit2{font-size: 2vw;}
    .login-input input{font-size: 2vw;}
    .login-input span{font-size: 2vw;}
    .btlogin{font-size: 2vw;}
    .copyright p{transform:scale(1);}
    .login-tip .rememberName input{transform:scale(1);position: relative;top: -2px;} 
    .lang img{width: 2vw;}
    .lang img, .lang span.lang-txt{margin-left: 0;}
}
@media (max-width:640px){
    .login-input input{top:0;}
}
@media (max-width:480px){
    .login-title .tit1{font-size: 2vw;}
    .login-tip input{width: 2.8vw;height: 2.8vh;}
    .login-content{max-width:80%;}

}
@media (max-width:480px) and (min-height:400px){
    .login-title .tit1{font-size: 4.2vw;}
}

/*loading*/
 #loading{
 	background-color: #17607d;
 	height: 100%;
 	width: 100%;
 	position: fixed;
 	z-index: 999;
 	margin-top: 0px;
 	top: 0px;
 	opacity:0.5; 
 	-moz-opacity:0.5; 
 	filter:alpha(opacity=50);
 } 
 #loading-center{width: 100%;height: 100%;position: relative;}
 #loading-center-absolute {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	height: 200px;
 	width: 200px;
 	margin-top: -100px;
 	margin-left: -100px;
 	-ms-transform: rotate(-135deg); 
 	-webkit-transform: rotate(-135deg); 
 	transform: rotate(-135deg);
 }
 .object{
 	-moz-border-radius: 50% 50% 50% 50%;
 	-webkit-border-radius: 50% 50% 50% 50%;
 	border-radius: 50% 50% 50% 50%;
 	position: absolute;
 	border-top: 5px solid #FFF;
 	border-bottom: 5px solid transparent;
 	border-left:  5px solid #FFF;
 	border-right: 5px solid transparent;
 	-webkit-animation: animate 2s infinite;
 	animation: animate 2s infinite;	
 }
 #object_one{left: 75px;top: 75px;width: 50px;height: 50px;}
 #object_two{left: 65px;top: 65px;width: 70px;height: 70px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
 #object_three{left: 55px;top: 55px;width: 90px;height: 90px;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
 #object_four{left: 45px;top: 45px;width: 110px;height: 110px;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}	
 @-webkit-keyframes animate {
 	50% {
 		-ms-transform: rotate(360deg) scale(0.8); 
 		-webkit-transform: rotate(360deg) scale(0.8); 
 		transform: rotate(360deg) scale(0.8); 
 	}

 }
 @keyframes animate {
 	50% {
 		-ms-transform: rotate(360deg) scale(0.8); 
 		-webkit-transform: rotate(360deg) scale(0.8); 
 		transform: rotate(360deg) scale(0.8); 
 	}	

 }