﻿/*登录*/
#login { width: 1300px; margin: auto; margin-bottom: 80px;border-radius: 10px; padding: 84px 120px; box-sizing: border-box; position: relative; position: relative; overflow: hidden; }

#login .main { width: 320px; float: left; position: relative; z-index: 1; }
#login .main h1 { font-size: 24px; font-weight: bold; }

#login .main .section { padding-top: 16px; }
#login .main .item { padding-top: 16px; }
#login .main .item > div:first-child { padding-bottom: 8px; }
#login .main .get-vcode img { margin: 0px 0px 0px 8px; vertical-align: middle; }
#login .main .get-vcode input { width: 178px; }
#login .main .bsize-l { width: 100%; }
#login .main .register-links { display: block; padding-top: 16px; }

#login .secondary { float: right; width: 320px; }
#login .secondary > div > div { position: relative; z-index: 1; }
#login .secondary h1 { font-size: 24px; font-weight: bold; padding-bottom: 32px; position: relative; z-index: 1; }
#login .secondary .pic { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
#login .secondary .pic img { width: 100%; height: 100%; }
#login .secondary .item { padding-top: 24px; }
#login .secondary .desc { margin: 0px; background-color: #F9F9F9; padding: 16px 20px; }
#login .secondary .bsize-l { width: 100%; background: #008CD4; border-radius: 6px; }
/*注册*/
#register { width: 1300px; margin: auto; position: relative; padding-bottom: 80px; }
#register .topic { font-size: 24px; font-weight: bold; }

#register .main { float: left; width: 672px; }
#register .main .section { padding-top: 40px; }
#register .main .agreement { padding-top: 24px; }
#register .main .section:last-child { padding-top: 24px; }
#register .main .name { padding-bottom: 12px; font-size: 16px; font-weight: bold; }

#register .main .item { position: relative; width: 48%; float: left; margin-right: 4%; padding-top: 20px; }
#register .main .item:nth-child(2n) { margin-right: 0px; }
#register .main .item > div:first-child { height: 22px; padding-bottom: 8px; }
#register .main .item > div:first-child em { font-size: 16px; vertical-align: middle; }
#register .main .item .getcode { position: absolute; height: 40px; line-height: 40px; right: 0px; top: 50px; text-decoration: none; padding-right: 12px; }
#register .main .item .getcode:hover { opacity: 0.8; }
#register .main .item span { position: absolute; width: 40px; height: 40px; top: 50px; right: 0px; text-align: center; line-height: 38px; }
#register .main .bsize-l { width: 320px; }
#register .main .login-links { display: block; padding-top: 24px; }

#register .secondary { float: right; width: 320px; padding-top: 40px; }
#register .secondary img { max-width: 100%; }
#register .secondary .desc { margin-top: 8px; }



/*忘记密码*/
#forget { width: 1300px; margin: auto; padding-bottom: 80px; }

#forget .main { width: 320px; margin: auto; }
#forget .main .step { display: none; }
#forget .main .step .success { text-align: center; }
#forget .main .step .success p { margin: 24px 0px 80px 0px; }
#forget .main .active { display: block; }

#forget .main .item { padding-top: 16px; position: relative; }
#forget .main .item > div:first-child { padding-bottom: 8px; }
#forget .main .item .getcode { position: absolute; height: 40px; line-height: 40px; right: 0px; top: 44px; text-decoration: none; padding-right: 12px; }
#forget .main .item .getcode:hover { opacity: 0.8; }
#forget .main .item .input .box { width: 100%; }
#forget .main .btn-normal { margin-top: 40px; }

#forget .secondary { width: 82%; margin: auto; padding: 80px 0px 48px 0px; }
#forget .secondary h1 { text-align: center; font-size: 24px; font-weight: bold; padding-bottom: 48px; }
