.login .logo_bg{ width:100%; background-image:url(images/login/logo_bg.jpg); background-repeat:no-repeat; background-size:100% 100%; position:relative;}
.login a.logo{ background:url(images/login/logo.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; top:41%;}
.login .main_nav{ vertical-align:top;}
.login .main_nav a{ display:inline-block; vertical-align:top;color:#000;}
.login .main_nav a.active{color:#23459a;}
.login .main_nav span.fuHao{ display:inline-block; vertical-align:top; color:#083090;}
.login .ul1{border:1px solid #d9dde0; -webkit-border-radius:5px; overflow:hidden;}
.login .ul1 li{ border-bottom:1px solid #d9dde0;}
.login .ul1 li:last-of-type{ border-bottom:none;}
.login .ul1 label{ display:block;}
.login .ul1 label.username_icon{ background:url(images/login/username_icon.png) no-repeat;}
.login .ul1 label.password_icon{ background:url(images/login/password_icon.png) no-repeat;}
.login .ul1 input{ width:100%; display:block; border:none; -webkit-box-sizing:border-box;}
.login .ul1 input::-webkit-input-placeholder{color:#869baf;}

.login p.tiShiFont{ color:#F00; font-size:1.2rem; }

.login a.login_btn{ display:block; background:#FFF; color:#23459a; text-align:center;-webkit-box-sizing:border-box; border:1px solid #23459a; -webkit-border-radius:5px; }
.login .div1{}
.login a.forgetPassword ,.login a.register{ color:#23459a; vertical-align:top;}
.login a.forgetPassword{ float:left;}
.login a.register{ float:right;}





.login .main_nav{font-size: 1.2rem;}
.login .ul1 input{ font-size:1.2rem;}
.login a.login_btn{ font-size:1.6rem;}
.login a.forgetPassword ,.login a.register{ font-size:1.2rem;}





/* iPhone4 */
@media screen and ( max-width: 320px ) and (orientation:portrait), screen and ( max-width: 480px ) and (orientation:landscape){
	.login .logo_bg{ height:156px;}
	.login a.logo{ width:260px; height:52px; margin-left:-120px; margin-top:-41px;}
	.login .main{ padding-left:34px; padding-right:34px;}
	.login .main_nav{ padding-top:4px;}
	.login .main_nav a{ padding-top:10px; padding-bottom:10px;}
	.login .main_nav span.fuHao{ padding:10px 8px;}
	.login .ul1{ margin-bottom:13px;}
	
	.login .ul1 label{ padding-left:20px; }
	.login .ul1 label.username_icon, .login .ul1 label.password_icon{background-size:12px 15px; background-position:8px center;}
	
	.login .ul1 input{ padding:12px 8px 11px 7px;}

    .login p.tiShiFont{ height:32px; padding-bottom:10px;}
	.login a.login_btn{ line-height:40px;}
	.login .div1{ padding-top:7px;}
}

/* iPhone6 */
@media screen and ( min-width: 321px ) and ( max-width: 375px ) and (orientation:portrait),screen and ( min-width: 481px ) and ( max-width: 667px ) and (orientation:landscape){
	.login .logo_bg{ height:182px;}
	.login a.logo{ width:280px; height:56px; margin-left:-135px; margin-top:-28px;}
	.login .main{ padding-left:40px; padding-right:40px;}
	.login .main_nav{ padding-top:6px; padding-bottom:3px;}
	.login .main_nav a{ padding-top:10px; padding-bottom:10px;}
	.login .main_nav span.fuHao{ padding:10px;}
	.login .ul1{ margin-bottom:15px;}
	
	.login .ul1 label{ padding-left:23px; }
	.login .ul1 label.username_icon, .login .ul1 label.password_icon{background-size:14px 17px; background-position:9px center;}
	
	.login .ul1 input{ padding:14px 9px 13px;}
    .login p.tiShiFont{ height:38px; padding-bottom:12px;}
	.login a.login_btn{ line-height:48px;}
	.login .div1{ padding-top:7px;}
}

/* iPhone6 Plus */
@media screen and ( min-width: 376px ) and ( max-width: 414px ) and (orientation:portrait),screen and ( min-width: 668px ) and ( max-width: 736px ) and (orientation:landscape){
	.login .logo_bg{ height:201px;}
	.login a.logo{ width:280px; height:56px; margin-left:-135px; margin-top:-52px;}
	.login .main{ padding-left:44px; padding-right:44px;}
	.login .main_nav{ padding-top:8px; padding-bottom:4px;}
	.login .main_nav a{ padding-top:10px; padding-bottom:10px;}
	.login .main_nav span.fuHao{ padding:10px 12px;}
	.login .ul1{ margin-bottom:16px;}
	
	.login .ul1 label{ padding-left:25px; }
	.login .ul1 label.username_icon, .login .ul1 label.password_icon{background-size:15px 19px; background-position:10px center;}
	
	.login .ul1 input{ padding:15px 11px 14px 10px;}
    .login p.tiShiFont{ height:42px; padding-bottom:12px;}
	.login a.login_btn{ line-height:54px;}
	.login .div1{ padding-top:9px;}
}


@media screen and ( min-width: 415px ) and (orientation:portrait),screen and ( min-width: 737px ) and (orientation:landscape){
	.login .logo_bg{ height:201px;}
	.login a.logo{ width:280px; height:56px; margin-left:-135px; margin-top:-52px;}
	.login .main{ padding-left:44px; padding-right:44px;}
	.login .main_nav{ padding-top:8px; padding-bottom:4px;}
	.login .main_nav a{ padding-top:10px; padding-bottom:10px;}
	.login .main_nav span.fuHao{ padding:10px 12px;}
	.login .ul1{ margin-bottom:16px;}
	
	.login .ul1 label{ padding-left:25px; }
	.login .ul1 label.username_icon, .login .ul1 label.password_icon{background-size:15px 19px; background-position:10px center;}
	
	.login .ul1 input{ padding:15px 11px 14px 10px;}
    .login p.tiShiFont{ height:42px; padding-bottom:12px;}
	.login a.login_btn{ line-height:54px;}
	.login .div1{ padding-top:9px;}

}