html,body{height: 100%;margin:0;padding:0;background:#f2f2f2;}
h1{margin:0;padding:0;}
a{ text-decoration:none;}
ul, li{ outline:none; list-style:none; margin:0; padding:0;}
.vm{vertical-align:middle!important}
i, em {font-style:normal}
.left-wrapper{position:absolute;width:100%;height:100%;}
.left-text{position:absolute;bottom:60px;left:50px;font-size:20px;color:#fff;font-family:'Microsoft Yahei';}
.floater{float:left; height:50%; margin-bottom:-356px;}
.content{clear:both; height:492px;width:900px;margin:0 auto; position:relative;overflow:hidden;}
.footer{background:#FFFFFF;height:100px;position:absolute;bottom:0;width:100%;min-width:900px;}
.footer-wrap{width: 900px;margin:0 auto;font-family: Arial,"宋体",SimSun;color:#666666;font-size:12px;padding:40px 0;overflow:hidden;}
.footer-wrap a{color: #666666;text-decoration:none;}
.footer-wrap a:hover{color: #333333;}
.footer-wrap .footmenu{float: right;}
.footer-wrap .footmenu a{padding:0 10px;/* border-right:1px solid #666666; */display:block;float:left;height:12px;}
.footer-wrap .footmenu a.last{border-right:0;}
.loginImg{float:left;}
.login-form{margin-left:580px;padding-top:37px;height:453px;position:relative;}
.login-form h1 a{display:block;height:60px;/* padding-top:33px; */width: 250px;margin:0 auto;overflow:hidden; background:url(../img/logo-login.png) no-repeat;text-indent: -9999px;}


  

.ui-input{
	padding:12px;border:1px solid #cccccc;color:#999999;font-size:14px;font-family:Arial;margin:0;outline:0;height:16px;border-radius:3px;
}
.ui-input:hover{
	/* border: 1px solid #03b8cc; */
	border:1px solid #eee;
	transition:0.7s;
	box-shadow: 0 2px 6px #000;
}
.ui-input:focus{
	color:#555555;
	/* border:1px solid #03b8cc; */
	border:1px solid #eee;
	transition:0.7s;
	box-shadow: 0 2px 6px #000;
}


/* .username-box i{position:absolute;top:10px;left:10px;width:20px;height:20px;background:url('../image/ydp.png') scroll no-repeat -260px -80px transparent;} */

.username{width:331px;/* height:29px; */height:19px;padding-left:20px}
.control-group{margin-bottom:20px;/* overflow:hidden; */}
.control-group .control-input{vertical-align:top;position:relative;}
.password-box{/* margin-bottom:10px; */}
.username-box{margin-bottom:20px;}
/* .password-box i{position:absolute;top:10px;left:10px;width:20px;height:20px;background:url('../image/ydp.png') scroll no-repeat -240px -80px transparent;} */

.password{width:331px;/* height:29px; */height:19px;padding-left:20px;}
.verifyCode-box{position:relative;/* padding-top:10px; */margin-bottom:10px;}
.verifyCode-box .verifyCode{width:366px;/* height:29px; */height:19px;padding-left:20px}
.verifyCode-box .auth-image{position:absolute;top:1px;left:293px;}
.loginextra-box{margin-bottom:50px;}
.loginextra-box,.loginextra-box a{font-size:14px;color:#777777;line-height:20px;}
.loginextra-box .btn-forgetPwd{float:right;text-decoration:none;}
.loginextra-box a:hover{color:#555555;}
.loginextra-box input{display:none;}
.ui-check{/* background:url(../images/checked.png) 0 0 no-repeat; */cursor: pointer;display: inline-block;height: 20px;line-height: 20px;/* padding-left: 20px; */vertical-align: middle;}
label.checked{/* background: url("../images/checked.png") 0 -36px no-repeat; */}
.ui-submit-blue{width:400px;height:55px;display:inline-block;text-align:center;line-height:40px;text-decoration:none;background:#00C1DE;border:0;cursor:pointer;color:#fff;font-size:20px;border-radius:3px;  font-family: '微软雅黑';}
.ui-submit-blue2{ background-color:#0c1841;}
.ui-submit-blue[disabled]{/* background:#03b8cc; */  background: #41cad9;opacity:.8;cursor: default;}
.ui-submit-blue:hover{background:#28d0e9;}
.ui-submit-blue2:hover{background:#1d2f57;}
.noaccount-box{font-size:14px;color:#666666;}
.noaccount-box a{font-size:14px;color:#03b8cc;text-decoration:none;}
.noaccount-box a:hover{}
.submit-box{margin-bottom:40px;}
.warning-box{font-size:14px;color:#ff2727;margin-bottom:10px;}
.down-box{position:absolute;bottom:0;margin-bottom:0;width:317px;}
.mobileDown{font-size:20px;line-height:27px;color:#666666;text-decoration:none;font-family:"微软雅黑"}
.mobileDown:hover{color:#77b36c;}
.mobileDown em{width:17px;height:27px;display:block;float:left;background:url(../images/mobile.png) 0 0 no-repeat;margin-right:10px;}
.addtofav{font-size:12px;color:#777777;float:right;display:block;text-decoration:none;line-height:40px;}
.addtofav:hover{color:#555555;}
.tips{width:320px;height:340px;background:#2c2e30;position:absolute;top:100px;text-align:center;color:#aaaaaa;font-size:14px;}
.tips img{margin:30px 30px 10px 30px;}

.ui-array-down{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #2f2f2f;font-size: 0;line-height: 0;position:absolute;bottom:-5px;left:3px;}

.control-group, .control-group .btn-forgetPwd, .control-group .btn-forgetPwd a, .remember_me i, .remember_me i a{color:#fff; text-decoration:none;}
.remember_me i a{ text-decoration: underline;}
.control-group a.btn-forgetPwd:hover, .control-group .btn-forgetPwd a:hover, .vm a:hover{color:#0294e0;}

body{
	background: url(../img/bg_login.jpg) no-repeat scroll center center transparent;
	background-size:cover;
	min-width:1200px;
	width: 100%;
}
.constrain{ min-width:1200px; margin:0 auto;position: relative;}
.loginWrapper{width: 400px;height:455px;
  position: absolute;
  top: 50%;
  left: 50%;}
.login-form{
	/* width:400px;height:455px;margin:0 auto;padding-top:200px; */
    position: absolute;
    width: 400px;
    height: 455px;
    top: 50%;
    left: 50%;
    margin: -290px auto auto -200px;
}
.btn-backindex{
	line-height: 40px;
	padding: 0 20px;
	background-color: rgba(12,24,65,0.5);
	color: #555;
	font-family: Microsoft Yahei;
	text-decoration: none;
	transition:.5s;
}
.btn-backindex:hover{
	background-color: rgba(0,0,0,0.4);
	color: #fff;
}
.btn-backindex-pos{
	position: absolute;
	right: 50px;
	top: 30px;
}
.footer{height:0;}
.tc{text-align:center!important;}
.control-group,.control-group a{color:#555;font-family:'微软雅黑'}
a.btn-mobileUpload{float:left;color:#fff;position:relative;padding-left:25px;height:20px;line-height:20px;font-size:15px;}
a.btn-mobileUpload:hover{color:#03b8cc;}
a.btn-mobileUpload i{position:absolute;top:-2px;left:1px;width:15px;height:25px;background:url(../images/lmy.png) scroll no-repeat -182px -107px transparent;}
.registerText{float:right;color:#fff;font-size:15px;}
a.register{color:#03b8cc;text-decoration:underline;font-size:15px;}
a.register:hover{color:#34bf49}

a.btn-rtnIndex{float:right;width:90px;height:30px;line-height:30px;font-size:14px;text-align:center;border-radius:3px;color:#fff;background-color:rgba(0,0,0,0);font-family:'微软雅黑';text-decoration:none;margin-top:15px;}

.n-default .msg-wrap .n-icon {background-image: url(../images/lmy.png);}
.n-icon {width: 20px;height: 20px;}
.msg-wrap, .n-icon, .n-msg { vertical-align: middle;}
.n-msg {
	line-height: 30px;
	background-color: #ff5722;
	color: #fff;
	border-radius: 2px;
	padding: 3px 13px;
	margin-left: 10px;
}
.n-ok{color:transparent;}
.n-default .n-tip .n-icon{/* display:inline-block; */}

.n-tip .n-icon{/* background-position: -60px 0; */}
.n-ok .n-icon{/* background-position: -300px -60px; */background-position:20px 20px;}
.n-error .n-icon{background-position: -40px 0;}

.n-error{color: #ff5722;}
.n-right .msg-wrap {margin-left: 6px;}
.n-right .n-arrow {left: 28px;}
.n-right .n-arrow {width:7px;height:12px;top:11px;}
.n-loading .n-arrow{color:#ff5722;}

.login-form h1{ margin-bottom:50px;}
.login-form .username-box .ui-input, .login-form .password-box .ui-input{ padding-left:55px; }
.loginIcon{ background: url(../img/icon_login.png) #f0f0f0 0 0 no-repeat ;position: absolute; left:0; top:0; width:45px; height:100%; border-radius:3px 0 0 3px; text-align:center; vertical-align:middle; display:block;}
.icon_name{ background-color:#00C1DE; background-position:0 0;}
.icon_password{ background-position:-45px 0;}

.btn-getverfycode { font-size: 15px; color: #999; background: #eee; border: 0; cursor: pointer; outline: 0; position: absolute; top: 0; left: 284px; width: 115px; height: 42px; line-height: 42px;border-radius: 0 3px 3px 0;}

.register-form .control-group{ margin-bottom:30px;}
.register-form .ui-input, .password-form .ui-input{ width:374px;}

.RetrievePassword{ background-image:none;}
.RetrievePassword .password-form h1 a, .RetrievePassword .password-form h1 span{ display:block; color:#999; font-weight:normal; font-size:20px; line-height:30px;text-align:center;}
.RetrievePassword .password-form h1 span{ margin-top:20px;}
.RetrievePassword .btn-backindex{ background-color:#e5e5e5;} 
.RetrievePassword .btn-backindex:hover{ background-color:#ccc; color:#555}
.RetrievePassword .btn-getverfycode{ height:40px; line-height:40px; top:1px;}
.RetrievePassword .btn-getverfycode:hover{ background-color:#e5e5e5;}

.progress{ margin-bottom:30px;}
.progress li{ float:left; width:200px; height:15px; line-height:15px; color:#03b8cc; text-align: center; margin:0;}
.progress .step{ color:#aaa; font-size:15px; font-family: 'Microsoft yahei';}
.progress-1,.progress-2,.progress-3{ height:80px; background: url(../images/lmy.png) center bottom no-repeat;}
.progress-1{background-position:0 -1180px;}
.progress-2{background-position:0 -1260px;}
.progress-3{background-position:0 -625px;}
.progress-1 .step-1,.progress-2 .step-2,.progress-3 .step-3{ color:#03b8cc; font-size:15px; font-family:'Microsoft yahei';}

.RetrievePassword .ui-input:hover{ box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.RetrievePassword .ui-input:focus{ box-shadow: 0 2px 6px rgba(0,0,0,.1);}

.notice {
	display: none;
	position: absolute;
	left: 450px;
  top: 5px;
  width: 260px;
}
.notice .n-icon{
	width: 20px;
	height: 20px;
	background:url(../img/ydh.v2.png) -43px -2px no-repeat;
	display: block;
	position: absolute;
	left: -27px;
  top: 10px;
}
.notice .tip{
	    line-height: 36px;
    background-color: #ff5722;
    color: #fff;
    border-radius: 2px;
    padding: 8px 13px;
    margin-left: 10px;
	
}
.notice .n-arrow{
	  width: 7px;
    height: 12px;
    top: 11px;
    left: 3px;
    position: absolute;
    overflow: hidden;
        color: #ff5722;
}
.notice .n-arrow b, .n-arrow i {
    position: absolute;
    left: 1px;
    top: 0;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    font-family: serif;
    line-height: 14px;
    _line-height: 15px;
}
.notice .n-arrow b, .n-arrow i {
    position: absolute;
    left: 1px;
    top: 0;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    font-family: serif;
    line-height: 14px;
    _line-height: 15px;
}
@media (max-width: 480px){
	.login-form{ width:100%; display:block; margin:auto; transform:translate(-50%,-50%);}
	.login-form h1{ padding:0 10px;}
	.login-form h1 a{ max-width:100%; background-size:100% auto;}
	.control-box{ padding:0 10px;}
	.username, .password, .register-form .ui-input, .password-form .ui-input{ width:100%; height:45px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.btn-getverfycode, .verifyCode-box .auth-image{ left:auto; right:0;}
	.ui-submit-blue{ width:100%;}
}