@media (min-width: 768px) {
	.wap-wrap{display: none;}
	.doc{background: url(../images/login-bg.jpg) no-repeat center top;}
	.wrap{height: 758px;}
	.wrap .main{height: 565px;padding-top: 215px;position: relative;}
	.m-footer{background:rgba(255,255,255,0.84);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6ffffff,endColorstr=#d6ffffff);zoom:1;position: relative;z-index: 2;}
	.login-footer .main{position: relative;}
	.blueBall1{width: 122px;height: 122px;background: url(../images/blueBall1.png) no-repeat;left: -240px;bottom: -10px;animation: BallTop 1s linear 0s infinite alternate;-webkit-animation: BallTop 1s linear 0s infinite alternate;}
	.blueBall2{width: 110px;height: 110px;background: url(../images/blueBall2.png) no-repeat;left: 230px;top: 10px;animation: BallLeftTop1 1s linear 0s infinite alternate;-webkit-animation: BallLeftTop1 1s linear 0s infinite alternate;}
	.redBall1{width: 184px;height: 184px;background: url(../images/redBall1.png) no-repeat;left: -190px;bottom: 25px;animation: BallTop1 1s linear 0s infinite alternate;-webkit-animation: BallTop1 1s linear 0s infinite alternate;}
	.redBall2{width: 437px;height: 437px;background: url(../images/redBall2.png) no-repeat;left: 210px;top: 30px;animation: BallLeftTop 1.5s linear 0s infinite alternate;-webkit-animation: BallLeftTop 1.5s linear 0s infinite alternate;}

	.login-wrap{width: 333px;height: 396px;padding-left: 415px;margin: 0 auto 0;background: url(../images/login-tom.png) no-repeat left center #fff;box-shadow: 5px 5px 100px #738cb9;position: relative;z-index: 2;border-radius: 10px;}
	.sign-tom{width: 190px;height: 335px;background: url(../images/tom.png) no-repeat;left: 123px;top: 54px;animation: tomLeft 1s linear;-webkit-animation: tomLeft 1s linear;}

	.sign-wrap .logo,.login-info input[type=text],.login-info input[type=password],.register-state i{background: url(../images/sprite.png) no-repeat;}
	.login-info{width: 240px;overflow: hidden;}
	.login-info ul{overflow: hidden;}
	.login-info li{margin: 10px 0 15px;}
	.sign-wrap .logo{width: 130px;height: 35px;margin: 35px auto 25px;background-position: 0 -75px;}
	.login-info input[type=text],.login-info input[type=password]{width: 220px;height: 32px;padding-left: 20px;line-height: 32px;border: none;border-bottom: 1px solid #e9e9e9;text-align: center;font-size: 16px;outline: none;color: #b9b9b9;}
	.login-info input.username{background-position: -482px -112px;}
	.login-info input.password{background-position: -484px -150px;}
	.login-info .rememberPwd{font-size: 14px;color: #5a5a5a;float: left;}
	.login-info .rememberPwd > * {margin-right: 5px;vertical-align: middle;}
	.login-info .forgetPwd{font-size: 14px;text-decoration: underline; float: right;}
	.login-btn,.to-register-btn,.register-btn{height: 38px;line-height: 38px;text-align: center;display: block;border:none;font-size: 16px;color: #fff;border-radius: 38px;}
	.login-btn,.register-btn{width: 238px;margin: 45px 0 10px;background: #f14124;}
	.to-register-btn{width: 238px;/*border:1px solid #4f5fbd;color: #4f5fbd;*/color: #595959;}
	.register-btn{margin: 5px 0 5px 110px ;}

	.login-info input[placeholder]{
		color: #000;
	}
	input::-ms-clear{display:none;}
	input::-ms-reveal{display: none;}
	.login-info input:focus{
		outline: none;
	}

	.register-wrap{width: 421px;height: 427px;padding-left: 327px;margin: 0 auto 0;background: url(../images/register-tom.png) no-repeat left center #fff;box-shadow: 5px 5px 100px #738cb9;position: relative;z-index: 2;border-radius: 10px;}
	.register-wrap .logo{margin: 15px auto;}
	.register-info{width: 386px;overflow: hidden;}
	.register-info label{width: 110px;display: inline-block;text-align: right;font-size: 16px;color: #8f8f8f;}
	.register-info input[type="text"],.register-info input[type="password"]{width: 260px;height: 26px;padding: 0 5px;border: 1px solid #e9e9e9;border-radius: 3px;background: #fafafa;color: #c2c2c2;font-size: 14px;}
	.register-info li{margin-bottom: 18px;position: relative;}
	.register-info label span{margin-right: 5px;color: #e82e56;}
	.register-info p{margin-left: 120px;}
	.register-info p input[type=checkbox]{margin-right: 5px;vertical-align: middle;}
	.register-state{width: 401px;padding: 5px 5px 5px 25px;background: #fff;font-size: 14px;color: #8f8f8f;border-radius: 10px; position: absolute;z-index: 2;right: 181px;top: 153px;}
	.register-state i{width: 38px;height: 38px;background-position: -74px 0;display: block;position: absolute;left: -15px;top: -13px;}
	.hasregister{width: 748px;margin: 10px auto 0;text-align: right;font-size: 14px;color: #fff;}
	.hasregister a{color: #fff;text-decoration: underline;}
	span.error{position: absolute;left: 110px; bottom: -20px;color: #f00;}
	.login-info .login-form,.register-info form{position: relative;}
	.login-info span.pc-error,.r-error-tip{left: 50%;top: -15px;bottom: auto;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);display: none;color: #f00;}

	@keyframes BallTop{
		from{transform: translate(0px,0px);}
		to{transform: translate(0px,10px);	}
	}
	@-webkit-keyframes BallTop{
		from{transform: translate(0px,0px);}
		to{transform: translate(0px,10px);}
	}

	@keyframes BallTop1{
		from{transform: translate(0px,12px);}
		to{transform: translate(0px,0px);	}
	}
	@-webkit-keyframes BallTop1{
		from{transform: translate(0px,12px);}
		to{transform: translate(0px,0px);}
	}

	@keyframes BallLeftTop{
		from{transform: translate(0px,10px);}
		to{transform: translate(-25px,0px);	}
	}
	@-webkit-keyframes BallLeftTop{
		from{transform: translate(0px,10px);}
		to{transform: translate(-25px,0px);}
	}

	@keyframes BallLeftTop1{
		from{transform: translate(0px,15px);}
		to{transform: translate(10px,0px);	}
	}
	@-webkit-keyframes BallLeftTop1{
		from{transform: translate(0px,15px);}
		to{transform: translate(10px,0px);}
	}

	@keyframes tomLeft{
		from{background-position: 100px 100px;}
		to{background-position: 0px 0;	}
	}
	@-webkit-keyframes tomLeft{
		from{background-position: 100px 100px;}
		to{background-position: 0px 0;}
	}
	.EditForm {
		display: block;
	}
}
@media (max-width: 767px) {
	html,body{background: #f6f6f6;}
	.pc-wrap{display: none;}
	.login-footer{display: none;}
	.wap-wrap{background: #f6f6f6;}
	.wap-login-head{height: 156px;background: #f6f6f6;text-align: center;}
	.wap-login-head .wap-logo{width: 183px;height: 59px;margin-top: 35px;background: url(../images/logo_w183.png) no-repeat;background-size: 100%;display: inline-block;}
	/*.wap-login-form{margin: 0 15px;}*/
	.wap-login-form .wap-inpDivs{padding: 0px 32px 0px;background: #fff;position: relative;}
	.wap-error.loginError{left: 36px;top: -33px;font-size: 20px;color: #ef2200;}
	.wap-login-form .wap-register-inps{padding: 20px 15px 30px;margin-bottom: 45px;}
	.wap-register-inps > div{margin-bottom: 30px;position: relative;}
	.wap-register-inps label{width: 25%;text-align: right;font-size: 22px;color: #191919;display: inline-block;}
	.wap-register-inps label em{color: #ef2200;font-size: 26px;}
	.wap-register-inps input[type="text"]{width: 72%;font-size: 22px;color: #bfbfbf;border: none;border-bottom: 1px solid #e9e9e9;line-height: 48px;display: inline-block;}
	.wap-sub{margin: 0 15px;}
	.wap-register-btn{height: 80px;line-height: 80px;color: #fff;font-size: 32px;display: block;border-radius: 40px;text-align: center;background: #f14124;}
	.wap-register-tip{margin-top: 25px;font-size: 24px;color: #292929;text-align: center;}
	.wap-register-tip input[type="checkbox"]{font-size: 40px;margin-right: 5px;}
	.wap-has-zh{margin-top: 20px;text-align: center;font-size: 24px;text-decoration: underline;}
	.wap-has-zh a{color: #f14124;}
	.wap-login-inps{}
	.wap-login-inps > div{width: 100%;height: 88px;line-height: 88px;border: none;border-bottom: 1px solid #e9e9e9;}
	.wap-login-inps input[type="text"]{width: 90%;border: none;height: 88px;line-height: 88px;display: inline-block;font-size: 24px;color: #aeaeae;}
	.wap-login-inps .usernameDiv:before{content: "";width:30px;max-width: 8%;height: 34px;margin-right: 2%;display: inline-block;background: url(../images/wap-u-icon.png) no-repeat;background-size: 100%;position: relative;top: 4px;}
	.wap-login-inps .pwdDiv:before{content: "";width:29px;max-width: 8%;height: 34px;margin-right: 2%;display: inline-block;background: url(../images/wap-pwd-icon.png) no-repeat;background-size: 100%;position: relative;top: 4px;}
	.wap-rem-pwd{margin: 25px 17px 65px;font-size: 22px;color: #3f3f3f;}
	span.error{position: absolute;left: 153px; bottom: -29px;color: #f00;font-size: 18px;}
}