*{margin:0;padding:0;}
a{text-decoration: none;}
li{list-style: none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input:-webkit-clear,input:-webkit-reveal{display: none !important;}
input:-moz-clear,input:-moz-reveal{display: none !important;}
input::-moz-clear,input::-moz-reveal{display: none !important;}
input::-ms-clear,input::-ms-reveal{display: none !important;}
.f_l{float:left;}
.f_r{float:right;}
html,body{width:100%;height:100%;background: #fff;font-family:Microsoft YaHei;}
#login{width:100%;height:100%;}
#login .header{width:100%;height:87px;min-width:1200px;}
#login .header .head{width:1200px;height:100%;overflow: hidden;margin: 0 auto;}
#login .header .head .logo{margin-top: 18px;width: 230px;}
#login .header .head .relation{font-size: 14px;color: #035fa9;height:22px;margin-top: 34px;}
#login .header .head .relation .ico{width:22px;height:22px;background: url(/web/pinke/mainPagesV6/img/login/relation_ico.png) no-repeat center center;display: inline-block;vertical-align: middle;margin:-4px 5px 0 0;}
#login .center{width:100%;height:600px;background: url(/web/pinke/mainPagesV6/img/login/login_bg.jpg) no-repeat center center;min-width: 1200px;}
#login .center .content{width:1200px;margin: 0 auto;height:100%;overflow: hidden;}
#login .center .content .loginBox{width:310px;padding:20px 26px 40px 64px;background: #fff;float: right;margin:100px 45px 0 0;display: inline-block;}
#login .center .content .loginBox .login_top{width:100%;text-align: right;font-size:14px;color:#ccc;}
#login .center .content .loginBox .login_top a{color:#035fa9;}
#login .center .content .loginBox .title{font-size: 22px;color: #000000;margin-top:20px;font-weight:bold;}
#login .center .content .loginBox .formData{width:290px;overflow:hidden;}
#login .center .content .loginBox .formData .formInfo{width:100%;position: relative;height:40px;margin-top: 20px;}
#login .center .content .loginBox .formData .formInfo input{width:254px;height:38px;border:1px solid #ccc;padding-left:34px;line-height: 38px;font-size:14px;color:#000;}
#login .center .content .loginBox .formData .formInfo input:focus{border:1px solid #035fa9;}
#login .center .content .loginBox .formData .formInfo input::-webkit-input-placeholder { /* WebKit browsers */color:#cccccc;}
#login .center .content .loginBox .formData .formInfo input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#cccccc;}
#login .center .content .loginBox .formData .formInfo input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#cccccc;}
#login .center .content .loginBox .formData .formInfo input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#cccccc;}
#login .center .content .loginBox .formData .formInfo.verify input{width:140px;}
#login .center .content .loginBox .formData .formInfo.verify a{display: inline-block;}
#login .center .content .loginBox .formData .formInfo i.ico{width:18px;height:18px;background: url(/web/pinke/mainPagesV6/img/login/login-ico.png) no-repeat;display: inline-block;position: absolute;left:10px;top:10px;}
#login .center .content .loginBox .formData .formInfo i.ico.name{background-position: -10px -10px;}
#login .center .content .loginBox .formData .formInfo i.ico.pas{background-position: -10px -45px;}
#login .center .content .loginBox .formData .formInfo i.ico.verify{background-position: -10px -81px;}
#login .center .content .loginBox .formData .memorization{width:100%;overflow:hidden;margin-top: 12px;}
#login .center .content .loginBox .formData .memorization .f_l{font-size:12px;color:#666;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;user-select: none;}
#login .center .content .loginBox .formData .memorization .f_l input{width:13px;height:13px;vertical-align:middle;display: inline-block;margin: -2px 6px 0 0;}
#login .center .content .loginBox .formData .memorization .f_r{font-size:12px;color:#666;}
#login .center .content .loginBox .formData .memorization .f_r:hover{color:#035fa9;}
#login .center .content .loginBox .formData #btnLogin{width:100%;height:38px;line-height: 38px;text-align:center;font-size:14px;color:#fff;
background: #035fa9;border-radius:5px;-ms-border-radius:5px;display: inline-block;outline: none;border:none;cursor: pointer;margin-top: 22px;}
#login .center .content .loginBox .formData #btnLogin:hover{background: #00A0E9;}
#login .footer{width:100%;min-width:1200px;text-align:center;padding:30px 0;}
#login .footer p{font-size:14px;color:#b3b3b3;line-height:28px;}
#login .footer p a{color:#b3b3b3;}

@media only screen and (max-width: 540px) {
	#login .header{display: none;}
	#login .center{height:100%;background: #fff;min-width:initial;}
	#login .center .content{width:100%;position: relative;}
	#login .center .content .loginBox{width:calc(100% - 50px);box-sizing:border-box;margin:0 25px;padding:0;position: absolute;top:50%;transform: translate(0px, -55%);}
	#login .center .content .loginBox .login_top{font-size:15px;}
	#login .center .content .loginBox .formData{width: 100%;}
	#login .center .content .loginBox .formData .formInfo{margin-top:15px;height:auto;}
	#login .center .content .loginBox .formData .formInfo i.ico{top:14px;}
	#login .center .content .loginBox .formData .formInfo input{height:48px;line-height:48px;width:100%;box-sizing:border-box;-webkit-appearance: none;border-radius: 0;outline: none;}
	#login .center .content .loginBox .formData .memorization .f_l{font-size:14px;}
	#login .center .content .loginBox .formData .memorization .f_l input{width:15px;height:15px;margin:-4px 6px 0 0;}
	#login .center .content .loginBox .formData .formInfo.verify input{width:calc(100% - 160px);}
	#login .center .content .loginBox .formData .formInfo.verify a img{width:130px;height:37px;}
	#login .center .content .loginBox .formData .memorization .f_r{font-size:14px;}
	#login .center .content .loginBox .formData #btnLogin{height:44px;line-height: 44px;font-size:16px;}
	#login .footer{display: none;}
}