/*登录*/ #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; }