/*---------��¼ע��----------*/
.wrap-login{ margin: 50px auto; width: 1180px; clear: both; overflow: hidden;}

/*�Ҳ�banner*/
.login-right{ float: right; width: 559px; text-align: center; border-left:1px solid #ebebeb;}
.login-right a:hover{ opacity: 0.9;}

/*����*/
.loginBar{ float: left; width: 540px; padding-left:80px;}
.loginBar .title{ width: 350px; height: 40px;}
.loginBar .title h1{ float: left; color: #d40101; font-size: 18px; font-weight: normal;}
.loginBar .title a.right{ float: right; color: #2a94db;}

.loginBar .title2{ width: 350px; height: 30px; border-bottom: #ddd 1px solid; margin-bottom: 20px;}
.loginBar .title2 a{ display: inline-block; width: 50%; height: 30px; text-align: center; font-size: 18px; color: #666; position: relative;}
.loginBar .title2 a:hover{ color: #d40101;}
.loginBar .title2 a .line{ position: absolute; left: 69px; bottom: -2px; width: 37px; height: 2px; background: #d50002; display: none;}
.loginBar .title2 a.click{ color: #d40101;}
.loginBar .title2 a.click .line{ display: block;}

/*��¼*/
.loginBar .loginList{ width: 540px;}
.loginBar .loginList li{ width: 540px; margin-bottom: 20px;}
.loginBar .loginList li button.btn{ width: 350px; height: 50px; background: #d40000; border-radius: 4px; font-size: 18px; color: #fff; font-family: "Microsoft YaHei", Tahoma, simsun;}
.loginBar .loginList li button.btn:hover{background: #eb0003;}
.loginBar .loginList li p{ height: 40px; line-height: 40px; width: 350px;}
.loginBar .loginList li p a{color: #2a94db;}
.loginBar .loginList li p .left{ float: left;}
.loginBar .loginList li p .right{ float: right; color: #2a94db;}
.loginBar .loginList li p .font12{ font-size: 12px;}


/*��ʾ*/
.loginBar .loginList .tips{ font-size: 12px; color: #a1a1a1;}
.loginBar .loginList .tips i{ width: 13px; height: 13px; background: url(/storage/www/images/regNew/tip13x13.png) no-repeat; vertical-align: middle; margin: 0 3px;}
.loginBar .loginList .tips i.right{ background-position: 0 0;}
.loginBar .loginList .tips i.error{ background-position: 0 -13px;}
.loginBar .loginList .tips i.note{ background-position: 0 -26px;}
.loginBar .loginList .tips .blue{ color: #2a94db;}
.loginBar .loginList .tips .red{ color: #f54a4a;}

/*��������ʽ*/
.loginBar .loginList .input-wrap{ width: 348px; height: 48px; border:#ddd 1px solid; border-radius: 3px; display: inline-block;}
.loginBar .loginList .input-wrap input{ height: 48px; line-height: 48px; font-size: 14px; padding: 0 10px; border:0px; font-family: "Microsoft YaHei", Tahoma, simsun;}

.loginBar .loginList .input-wrap>i{ width: 22px; height: 22px; background: url(./../../../images/home/game/login22x22.png) no-repeat 10px 0; vertical-align: middle; padding: 0 10px; border-right:1px solid #ddd;}
.loginBar .loginList .input-wrap>i.img1{ background-position: 10px 0;}
.loginBar .loginList .input-wrap>i.img2{ background-position: 10px -22px;}
.loginBar .loginList .input-wrap>i.img3{ background-position: 10px -44px;}
.loginBar .loginList .input-wrap>i.img4{ background-position: 10px -66px;}
.loginBar .loginList .input-wrap>i.img5{ background-position: 10px -88px; border-right:0; padding: 0 8px;}
.loginBar .loginList .input-wrap>i.img6{ background-position: 10px -110px;}

.loginBar .loginList .input-wrap a{ display: inline-block; vertical-align: middle; margin-right:10px;}
.loginBar .loginList .input-wrap a.open{ width: 24px; height: 24px; background: url(/storage/www/images/regNew/open.png) 0 0;}
.loginBar .loginList .input-wrap a.open:hover{ background-position: -24px 0;}
.loginBar .loginList .input-wrap a.close{ width: 24px; height: 24px; background: url(/storage/www/images/regNew/open.png) 0 -24px;}
.loginBar .loginList .input-wrap a.close:hover{ background-position: -24px -24px;}
.loginBar .loginList .input-wrap a.ma{ width: 110px; height: 48px; line-height: 48px; border-left:1px solid #ddd; text-align: center; font-size: 14px; color: #666; margin-right:0; vertical-align: top;}
.loginBar .loginList .input-wrap a.ma:hover{ color: #d40000;}
.loginBar .loginList .input-wrap a.verify{ width: 348px; height: 48px; line-height: 48px; text-align: center; margin-right:0;}
.loginBar .loginList .input-wrap a.verify i{ width: 11px; height: 13px; background: url(/storage/www/images/regNew/verify.png) no-repeat; margin-right:5px; vertical-align: middle;}
.loginBar .loginList .input-wrap a.verify:hover{ color: #d40000; background: #f4f4f4;}
.loginBar .loginList .input-wrap a.verify:hover i{ background-position: 0 -13px;}

.loginBar .loginList .pass{ border:#6acc92 1px solid; background: #effff5; text-align: center; line-height: 48px; font-size: 16px; font-weight: bold; color: #35ba6b;}


/*���ٵ�¼*/
.loginBar .quickLink{ width: 360px; padding-top: 20px;}
.loginBar .quickLink p.title{ border-bottom: #ddd 1px solid; height: 1px; margin-bottom: 20px; text-align: center; position: relative;}
.loginBar .quickLink p.title span{ position: absolute; bottom:-6px; left: 120px; font-size: 14px; color: #999; background:#fff; padding: 0 10px;}
.loginBar .quickLink a{ display: inline-block; width: 90px; height: 26px; line-height: 26px; font-size: 12px; color: #333;}
.loginBar .quickLink a i{ width: 26px; height: 26px; background: url(/storage/www/images/regNew/quick26x26.png) no-repeat; margin-right:3px; vertical-align: middle;}
.loginBar .quickLink a i.qq{ background-position: 0 0;}
.loginBar .quickLink a:hover i.qq{ background-position: -26px 0;}
.loginBar .quickLink a i.sina{ background-position: 0 -26px;}
.loginBar .quickLink a:hover i.sina{ background-position: -26px -26px;}
.loginBar .quickLink a i.wx{ background-position: 0 -52px;}
.loginBar .quickLink a:hover i.wx{ background-position: -26px -52px;}
.loginBar .quickLink a i.bb{ background-position: 0 -78px;}
.loginBar .quickLink a:hover i.bb{ background-position: -26px -78px;}

/*��������-ͷ��*/
.loginBar .headimg{ width: 500px; height: 75px; margin-bottom: 20px;}
.loginBar .headimg img.head{ float: left; width: 65px; height: 65px; border-radius: 100px; border:#ddd 5px solid;}
.loginBar .headimg .details{ float: right; width: 410px; font-size: 16px; color: #333; line-height: 24px; margin-top: 13px;}
.loginBar .headimg .details .red{ color: #d40101;}



/*----------������¼ע��---------*/
.tc-login{ width: 350px; background: #fff; border-radius: 5px; position: relative;}
.tc-login .btn-close{position:absolute; top:10px;right:10px;width:16px; height:16px; background:url(/storage/www/images/sw/close.png) no-repeat 0 0;}
.tc-login .btn-close:hover{ background-position: 0 -16px;}

.tc-login .tit{ margin: 0 auto; width: 310px; height: 30px; padding: 15px 0 20px 0;}
.tc-login .tit a{ display: inline-block; width: 155px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #666; position: relative;}
.tc-login .tit a i.line{ width: 26px; height: 3px; background: #d40101; position: absolute; left: 50%; margin-left:-13px; top:30px; display: none;}
.tc-login .tit a:hover{ color: #d40000;}
.tc-login .tit a.click{ color: #d40000;}
.tc-login .tit a.click i.line{ display: block;}

.tc-login .login-main{ margin: 0 auto; width: 310px;}
.tc-login .login-main button.btn{ width: 310px; height: 50px; background: #d40000; border-radius: 4px; font-size: 18px; color: #fff; margin-bottom: 15px; font-family: "Microsoft YaHei", Tahoma, simsun;}
.tc-login .login-main button.btn:hover{ background: #eb0003;}

.tc-login .login-main .input-wrap{ width: 308px; height: 48px; border:#ddd 1px solid; border-radius: 3px; margin-bottom: 20px;}
.tc-login .login-main .input-wrap>i{ width: 22px; height: 22px; background: url(./../../../images/home/game/login22x22.png) no-repeat 10px 0; vertical-align: middle; padding: 0 10px; border-right:1px solid #ddd;}
.tc-login .login-main .input-wrap>i.img1{ background-position: 10px 0;}
.tc-login .login-main .input-wrap>i.img2{ background-position: 10px -22px;}
.tc-login .login-main .input-wrap>i.img3{ background-position: 10px -44px;}
.tc-login .login-main .input-wrap>i.img4{ background-position: 10px -66px;}
.tc-login .login-main .input-wrap>i.img5{ background-position: 10px -88px; border-right:0; padding: 0 8px;}

.tc-login .login-main .input-wrap input{ height: 48px; line-height: 48px; font-size: 14px; padding: 0 10px; border:0px; font-family: "Microsoft YaHei", Tahoma, simsun;}

.tc-login .login-main .input-wrap a{ display: inline-block; vertical-align: middle; margin-right:10px;}
.tc-login .login-main .input-wrap a.open{ width: 24px; height: 24px; background: url(/storage/www/images/regNew/open.png) 0 0;}
.tc-login .login-main .input-wrap a.open:hover{ background-position: -24px 0;}
.tc-login .login-main .input-wrap a.close{ width: 24px; height: 24px; background: url(/storage/www/images/regNew/open.png) 0 -24px;}
.tc-login .login-main .input-wrap a.close:hover{ background-position: -24px -24px;}
.tc-login .login-main .input-wrap a.ma{ width: 110px; height: 48px; line-height: 48px; border-left:1px solid #ddd; text-align: center; font-size: 14px; color: #666; margin-right:0; vertical-align: top;}
.tc-login .login-main .input-wrap a.ma:hover{ color: #d40000;}
.tc-login .login-main .input-wrap a.verify{ width: 308px; height: 48px; line-height: 48px; text-align: center;}
.tc-login .login-main .input-wrap a.verify i{ width: 11px; height: 13px; background: url(/storage/www/images/regNew/verify.png) no-repeat; margin-right:5px; vertical-align: middle;}
.tc-login .login-main .input-wrap a.verify:hover{ color: #d40000; background: #f4f4f4;}
.tc-login .login-main .input-wrap a.verify:hover i{ background-position: 0 -13px;}

.tc-login .login-main .pass{ border:#6acc92 1px solid; background: #effff5; text-align: center; line-height: 48px; font-size: 16px; font-weight: bold; color: #35ba6b;}

.tc-login .login-main .clause{ text-align: center; padding-bottom: 20px;}
.tc-login .login-main .clause a{ color: #2a94db;}



/*���ݵ�¼*/
.tc-login .quick-link{ margin: 0 auto; width: 310px; padding-bottom: 20px;}
.tc-login .quick-link p{ text-align: center;}
.tc-login .quick-link p.title{ border-bottom: #ddd 1px solid; height: 20px; margin-bottom: 20px; position: relative;}
.tc-login .quick-link p.title span{ position: absolute; bottom:-8px; left: 120px; font-size: 14px; color: #999; background:#fff; padding: 0 10px;}
.tc-login .quick-link p a{ display: inline-block; width: 38px; height: 60px; color: #666; text-align: center; margin: 0px 18px;}
.tc-login .quick-link p a i{ width: 38px; height: 38px; background: url(/storage/www/images/regNew/quick38x38.png) no-repeat;}
.tc-login .quick-link p a i.qq{ background-position: 0 0;}
.tc-login .quick-link p a:hover i.qq{ background-position: -38px 0;}
.tc-login .quick-link p a i.sina{ background-position: 0 -38px;}
.tc-login .quick-link p a:hover i.sina{ background-position: -38px -38px;}
.tc-login .quick-link p a i.wx{ background-position: 0 -76px;}
.tc-login .quick-link p a:hover i.wx{ background-position: -38px -76px;}
.tc-login .quick-link p a i.bb{ background-position: 0 -114px;}
.tc-login .quick-link p a:hover i.bb{ background-position: -38px -114px;}


/*-----------�һ�����------------*/
.password-main{ margin: 0 auto; width: 1180px;}

.password-main .title{ width: 100%; height: 40px; border-bottom: #ddd 1px solid; margin-top: 30px;}
.password-main .title h1{ font-size: 18px; font-weight: normal; color: #333; line-height: 40px; margin-left:10px;}

.password-main .steps{ margin: 40px auto; width: 750px; height: 65px;}
.password-main .steps li{ float: left; font-size: 14px; line-height: 30px; color: #949494; width: 70px; height: 65px; text-align: center;}
.password-main .steps li.arrow{ width: 154px; height: 30px; background: url(/storage/www/images/regNew/arrow.png) no-repeat;}
.password-main .steps li.green{ background-position: 0 -30px;}
.password-main .steps span.num{ display:inline-block; width: 30px; height: 30px; font-size: 20px; color: #999; border:#d3d3d3 1px solid; background: #fff; border-radius: 100px; text-align: center; line-height: 30px;}
.password-main .steps li.click{ color: #33bb44;}
.password-main .steps li.click span.num{ color: #fff; border:#33bb44 1px solid; background: #33bb44;}
.password-main .steps li.pass{ color: #33bb44;}
.password-main .steps li.pass span.num{ border:#33bb44 1px solid; background: url(/storage/www/images/regNew/dui.png) no-repeat 5px 9px;}

.password-main .tab{ margin: 0 auto 70px auto; width: 750px; border-collapse: collapse;}
.password-main .tab td{ height: 70px; font-size: 16px; color: #666;}
.password-main .tab td.left{ width: 150px; padding-right: 15px; text-align: right;}
.password-main .tab td .ma{ vertical-align: middle; margin-left:10px;}
.password-main .tab td .font18{ font-size: 18px; color: #333;}
.password-main .tab td button.next{ width: 200px; height: 50px; background: #d50002; color: #fff; font-size: 18px; border-radius: 4px; font-family: "Microsoft YaHei", Tahoma, simsun;}
.password-main .tab td button.next:hover{ background: #e10003;}

.password-main .tab .input-wrap{ display:inline-block; height: 45px; border:#ddd 1px solid; border-radius: 3px;}
.password-main .tab .input-wrap input{ height: 45px; line-height: 45px; font-size: 14px; padding: 0 10px; border:0px; font-family: "Microsoft YaHei", Tahoma, simsun;}
.password-main .tab .input-wrap a{ display: inline-block; vertical-align: middle; margin-right:10px;}
.password-main .tab .input-wrap a.obtain{ width: 118px; line-height: 45px; border-left:1px solid #ddd; text-align: center; font-size: 14px; color: #666; vertical-align: top; }
.password-main .tab .input-wrap a.obtain:hover{ color: #d40000;}
.password-main .tab .input-wrap a.open{ width: 24px; height: 24px; background: url(/storage/www/images/regNew/open.png) 0 0;}
.password-main .tab .input-wrap a.open:hover{ background-position: -24px 0;}
.password-main .tab .input-wrap a.close{ width: 24px; height: 24px; background: url(/storage/www/images/regNew/open.png) 0 -24px;}
.password-main .tab .input-wrap a.close:hover{ background-position: -24px -24px;}

.password-main .complete{ margin: 0 auto 50px auto; width: 750px;}
.password-main .complete p{ text-align: center; font-size: 18px; font-weight: bold; padding-bottom: 40px;}
.password-main .complete p i.img{width: 71px; height: 85px; background: url(/storage/www/images/regNew/img.png) no-repeat;}
.password-main .complete p a{ color: #2a94db; margin-left:20px;}
.password-main .complete p a:hover{ color: #33a7f5;}

/*�һ�����-����*/
.tcPassword{ background: #fff; border-radius: 5px; width: 350px;}
.tcPassword .tit{ margin: 0 auto; width: 92%; height: 45px; border-bottom: 3px solid #ddd;}
.tcPassword .tit h1{ float: left; font-size: 16px; color: #d40101; height: 45px; line-height: 45px; font-weight: normal; border-bottom: #d40101 3px solid;}
.tcPassword .tit a.close{ float: right; width: 16px; height: 16px; background: url(/storage/www/images/sw/close.png) no-repeat 0 0; margin-top:14px;}
.tcPassword .tit a.close:hover{ background-position: 0 -16px;}

.tcPassword .content{ margin: 0 auto; padding: 15px 0 20px 0; width: 90%; font-size: 16px; color: #666; text-align: center;}
.tcPassword .content p{ padding: 5px 0;}
.tcPassword .content p .text{ width: 290px ;height: 145px; padding: 10px; border:#ddd 1px solid; font-size: 14px; color: #666; font-family: "Microsoft YaHei", Tahoma, simsun; border-radius: 5px;}

.tcPassword .content .btn-confirm{ width: 120px; height: 40px; background: #d40101; font-size: 18px; color: #fff; border-radius: 20px; margin-top: 15px; font-family: "Microsoft YaHei"; margin: 10px 5px 0 5px;}
.tcPassword .content .btn-confirm:hover{ background: #e40101;}