html,
body {
    height: 100%;
}
body {
    position: relative;
    min-height: 1035px;
    padding-top: 60px;
    background: #fff url(../images/register_bg.png) no-repeat center 0;
}
.logo__link {
    font: 0/0 a;
    display: block;
    width: 248px;
    height: 60px;
    color: transparent;
    border: 0;
    background: transparent url(../images/logo-black-20200605.png) no-repeat 0 0;
    text-shadow: none;
}
/* 页面主体 */
.page-main {
    width: 1200px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0 0 10px #dce5f1;
}
/* 步骤 */
.step {
    padding: 60px 0;
    border-bottom: 1px solid #ebebeb;
}
.step__items {
    overflow: hidden;
    width: 900px;
    margin: 0 auto;
}
.step__item {
    float: left;
    width: 300px;
    text-align: center;
}
.step__line {
    position: absolute;
    width: 300px;
    height: 8px;
    margin-top: 10px;
    background-color: #eee;
}
.step__item:first-child .step__line {
    width: 150px;
    margin-left: 150px;
}
.step__item:last-child .step__line {
    width: 150px;
}
.step__label {
    font-size: 14px;
    line-height: 28px;
    position: relative;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    margin-bottom: 6px;
    color: #666;
    border-radius: 50%;
    background-color: #eee;
}
.step__caption {
    font-size: 16px;
    line-height: 30px;
}
.step__item--active .step__line {
    background-color: #00a0e9;
}
.step__item--active .step__label {
    color: #fff;
    background-color: #00a0e9;
}
/* 注册容器 */
.register-container {
    padding-top: 60px;
    padding-bottom: 60px;
}
.register-container .form-action {
    padding-top: 15px;
    padding-bottom: 55px;
}
.register-container .form-action .help-block {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
}
/* 第一步 手机验证 */
.form-phone-verification {
    width: 360px;
    margin: 0 auto;
}
.form-group--verify-code {
    position: relative;
}
.btn--get-verify-code {
    position: absolute;
    top: 0;
    right: 0;
}
.btn--get-verify-code:focus,
.btn--get-verify-code.focus {
    box-shadow: none;
}
.form-control-lg {
    font-size: 16px;
    line-height: 30px;
    height: 48px;
}
.btn-lg {
    font-size: 16px;
    line-height: 30px;
}
.form-check {
    font-size: 14px;
}
/* 第二步 填写账户信息 */
.form-register {
    width: 360px;
    margin: 0 auto;
}
.register-success {
    width: 400px;
    margin: 0 auto;
    padding-bottom: 45px;
    text-align: center;
}
.register-success .tips {
    margin-bottom: 15px;
}
.register-success .tips__icon-success {
    display: inline-block;
    width: 112px;
    height: 112px;
    margin-bottom: 10px;
    vertical-align: top;
    background: url(../images/icon/icon-success.png);
}
.register-success p {
    margin-bottom: 15px;
}
/* 页脚 */
.page-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1230px;
    padding: 30px 15px;
}
.page-footer .about {
    margin-bottom: 10px;
    text-align: center;
}
.page-footer .about li {
    line-height: 20px;
    display: inline-block;
    margin: 0 10px;
}
.page-footer .copyright {
    line-height: 20px;
    text-align: center;
}