.signup-forms {
    position: relative
}

.signup-forms .inner {
    width: 370px;
    padding-top: 26px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,.4)
}

.signup-forms .form-field {
    clear: both;
    width: 320px;
    margin: 0 auto;
    padding-top: 10px;
    zoom:1\9;
}
.signup-forms .account_v2_inner_left2 .form-field {
    width: 615px;
}
.signup-forms .account_v2_inner_left2 .form-field font {
    font-size: 12px;
    color: #999;
	font-style:oblique;
	padding-left: 5px;
}

.signup-forms .form-field input {
    width: 320px;
    height: 28px;
    border-radius: 4px;
    height: 40px;
    font-style: normal;
    border: 1px solid #d8d8d8;
    color: #666;
    line-height: 28px;
    padding: 6px 0 6px 12px;
    box-shadow: 0 0 5px #fff;
    outline: 0;
    transition: box-shadow .25s linear 0s;
    -webkit-transition: box-shadow .25s linear 0s
}

.signup-forms .form-field input:focus {
    border: 1px solid #ffa200;
    box-shadow: 0 0 5px #ffa200;
    outline: 0;
    transition: box-shadow .25s linear 0s;
    -webkit-transition: box-shadow .25s linear 0s
}

.signup-forms .form-field .disable-input {
    width: 308px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    padding: 6px 0 6px 12px;
    box-shadow: 0 0 5px #fff
}

.signup-forms .form-field .email {
    color: #999;
    text-align: left;
    line-height: 2em
}

.signup-forms .form-link {
    clear: both;
    width: 320px;
    margin: 0 auto;
    padding: 8px 0 0;
    text-align: right
}

.signup-forms .form-link a {
    color: #ffa800
}

.signup-forms .err-input {
    border: 1px solid #ff3c00
}

#_j_forget_form {
    padding-top: 25px;
    position: relative
}

#_j_signup_mobile_form,#_j_complete_form {
    padding-top: 15px;
    position: relative
}

.signup-forms .err-tip {
    clear: both;
    background: url(err_ico2.png) 0 -60px no-repeat #fff;
    padding: 0 0 3px 22px;
    width: 300px;
    font-size: 12px;
    color: #ff3c00;
    margin-top: 10px;
    top: 0;
    position: absolute;
    text-align: left;
    display: none
}

.signup-forms .err-tip a {
    color: #ff8a00;
    text-decoration: none
}

.signup-forms .err-tip a:hover {
    text-decoration: underline
}

.signup-forms .info-tip {
    background-color: #fffee1;
    color: #daac50;
    border: 1px solid #f5c056;
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
    position: relative;
    padding: 8px 12px;
    border-radius: 4px
}

.signup-forms .info-tip h5 {
    color: #c09853
}

.signup-forms .form-field input.vcode-input {
    width: 174px;
    float: right
}

.signup-forms .vcode-view {
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-shadow: 0 0 5px #fff;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top
}

.signup-forms .vcode-view img {
    height: 36px
}

.signup-forms .vcode-send {
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background: #f2f2f2;
    background: -moz-linear-gradient(top,#fff,#f2f2f2);
    background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    color: #333;
    vertical-align: top;
    float: left;
    overflow: hidden
}

.signup-forms .vcode-send:hover {
    background: #fff;
    text-decoration: none
}

.signup-forms .vcode-send.disabled {
    background: #f2f2f2;
    cursor: default;
    color: #b3b3b3
}

.signup-forms .submit-btn {
    width: 320px;
    margin: 0 auto;
    padding: 12px 0 0
}

.signup-forms .submit-btn button {
    width: 320px;
    height: 42px;
    border: 0;
    background-color: #ffa800;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer
}

.signup-forms .submit-btn button:hover {
    background-color: #ffb01e
}

.signup-forms .submit-btn button.disabled {
    background-color: #999;
    color: #fff;
    cursor: pointer
}

.signup-forms .submit-btn a {
    color: #ff8a00
}

.signup-forms .agreement {
    width: 320px;
    margin: 0 auto;
    padding-top: 12px;
    font-size: 12px;
    color: #ccc;
    text-align: right;
    line-height: 1em
}

.signup-forms .agreement a {
    color: #999;
    font-size: 12px;
    margin-left: 2px
}

.signup-forms .agreement a:hover {
    color: #3f200f
}

.signup-forms .connect {
    clear: both;
    overflow: hidden;
    margin-top: 30px
}

.signup-forms .connect .hd {
    padding: 15px 0 20px 24px;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #ebebeb
}

.signup-forms .connect .bd {
    padding: 0 0 0 25px;
    width: 348px;
    height: 84px;
    overflow: hidden
}

.signup-forms .connect .bd.open {
    height: auto
}

.signup-forms .connect a {
    width: 58px;
    height: 84px;
    text-align: center;
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-right: 25px
}

.signup-forms .connect a:hover {
    color: #666;
    text-decoration: none
}

.signup-forms .connect a i {
    width: 42px;
    height: 42px;
    background: url(c_icon3.gif) no-repeat;
    display: block;
    margin: 0 0 4px 10px;
    cursor: pointer
}

.signup-forms .connect a.weibo i {
    background-position: 0 0
}

.signup-forms .connect a.weibo:hover i {
    background-position: 0 -42px
}

.signup-forms .connect a.qq i {
    background-position: -42px 0
}

.signup-forms .connect a.qq:hover i {
    background-position: -42px -42px
}

.signup-forms .connect a.renren i {
    background-position: -84px 0
}

.signup-forms .connect a.renren:hover i {
    background-position: -84px -42px
}

.signup-forms .connect a.msn i {
    background-position: -126px 0
}

.signup-forms .connect a.msn:hover i {
    background-position: -126px -42px
}

.signup-forms .connect a.kaixin i {
    background-position: -168px 0
}

.signup-forms .connect a.kaixin:hover i {
    background-position: -168px -42px
}

.signup-forms .connect a.sohu i {
    background-position: -210px 0
}

.signup-forms .connect a.sohu:hover i {
    background-position: -210px -42px
}

.signup-forms .connect a.aq360 i {
    background-position: -336px 0
}

.signup-forms .connect a.aq360:hover i {
    background-position: -336px -42px
}

.signup-forms .connect a.weixin i {
    background-position: -294px 0
}

.signup-forms .connect a.weixin:hover i {
    background-position: -294px -42px
}

.signup-forms .connect a.more i {
    background-position: -252px 0
}

.signup-forms .connect a.more:hover i {
    background-position: -252px -42px
}

.bottom-link {
    width: 150px;
    margin: 25px auto;
    background-color: #000;
    border-radius: 15px;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 6px 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4)
}

.bottom-link a {
    color: #ffa800;
    margin-left: 6px
}

.signup-forms .signup-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: block
}

.signup-forms.flip .signup-box {
    display: none
}

.signup-forms .login-box {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    display: none
}

.signup-forms.flip .login-box {
    z-index: 10;
    display: block
}

.signup-forms .bind-box {
    z-index: 0;
    display: none
}

.signup-forms.flip .bind-box {
    display: block
}

.signup-forms .mobile-field {
    clear: both;
    width: 320px;
    margin: 0 auto;
    padding-top: 10px;
    zoom:1\9}

.signup-forms .form-box {
    width: 316px;
    height: 40px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    padding: 0 0 0 4px;
    box-shadow: 0 0 5px #fff
}

.signup-forms .form-box .sel-box {
    float: left;
    width: 122px;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #e3e3e3;
    position: relative;
    padding: 0 0 0 8px
}

.signup-forms .form-box .sel-box i {
    border: 5px solid #ffa800;
    border-color: #ffa800 transparent transparent transparent;
    position: absolute;
    right: 10px;
    top: 18px
}

.signup-forms .form-box .sel-box .list {
    position: absolute;
    top: 37px;
    left: -5px;
    width: 320px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    display: none;
    height: 246px;
    overflow-y: auto
}

.signup-forms .form-box .sel-box dl {
    clear: both;
    border-bottom: 1px solid #f4f4f4;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer
}

.signup-forms .form-box .sel-box dl:last-child {
    border: 0
}

.signup-forms .form-box .sel-box dl:hover {
    background-color: #f4f4f4
}

.signup-forms .form-box .sel-box dt {
    color: #666;
    padding-left: 15px;
    width: 235px;
    float: left
}

.signup-forms .form-box .sel-box dd {
    color: #999;
    padding-right: 15px;
    text-align: right
}

.signup-forms .form-box input {
    width: 172px;
    border-radius: 0;
    border: 0;
    height: 28px;
    padding: 6px 0 6px 8px;
    color: #666;
    font-size: 14px;
    line-height: 28px
}

.photoby {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    line-height: 2em;
    z-index: 3
}

.photoby img {
    vertical-align: middle;
    margin-right: 6px
}

.photoby a {
    color: #fff
}

.ver-email {
    text-align: center;
    width: 370px;
    background-color: #fff;
    border-radius: 5px
}

.ver-email .hd {
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
    padding-top: 30px
}

.ver-email .hd span {
    font-weight: 700;
    color: #d62d00
}

.ver-email .btn-link {
    width: 310px;
    height: 40px;
    line-height: 40px;
    background: #ffa800;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    margin-top: 20px
}

.ver-email .btn-link:hover {
    background: #ff8a00;
    text-decoration: none
}

.ver-email .tips {
    font-size: 12px;
    line-height: 2.2em;
    padding: 20px 0 35px;
    color: #999
}

.ver-email .tips .title {
    font-weight: bold;
    padding-bottom: 6px
}

.ver-email .tips strong {
    margin: 0 3px
}

.add-info {
    text-align: center;
    width: 370px;
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 50px;
}

.add-info .hd {
    height: 56px;
    background-color: #e7e7e8;
    border-bottom: 1px solid #d8d8d8;
    line-height: 56px;
    font-size: 18px;
    color: #666;
    padding: 0 26px;
    border-radius: 5px 5px 0 0;
    text-align: left
}

.add-info .hd a {
    color: #ff8a00;
    text-decoration: none;
    font-size: 12px
}

.add-info .hd a:hover {
    text-decoration: underline
}

.add-info .m-t-10 {
    margin-top: 10px
}

.alert {
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: left
}

.form-description .alert-warning {
    margin-bottom: 10px
}

.form-description .alert-info {
    padding: 0
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.signup-forms .inner .alert,.add-info .alert {
    width: 300px;
    margin: 0 auto
}

.add-info .alert {
    margin-top: 20px
}

.resend-yzm,.resend-yzm:hover {
    color: #6868ff;
    font-size: 12px
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background: #eee url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4)
}

.reveal-modal.small {
    width: 200px;
    margin-left: -140px
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px
}

.reveal-modal.large {
    width: 600px;
    margin-left: -340px
}

.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px
}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none
}

.close-serive-modal {
    color: #666
}

.close-serive-modal h3 {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    text-align: center;
    color: #c91523;
    font-weight: 700;
    margin-bottom: 15px
}

.close-serive-modal p {
    line-height: 26px
}

.close-serive-modal li {
    line-height: 26px;
    padding-left: 20px
}

.placeholder {
    color: #b1b1b1!important
}

.form-wrapper {
    margin-top: -265px
}

.form-email-wrapper {
    margin-top: -205px
}

.form-box {
    padding: 45px 40px;
    width: 328px;
    background-color: #fff;
    border-radius: 5px
}

.form-title {
    line-height: 32px;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    color: #242629
}

.form-title:before {
    content: '';
    width: 6px;
    position: absolute;
    left: -40px;
    top: 0;
    height: 100%;
    border-radius: 0 100px 100px 0;
    background-color: #ffdb26
}

.form-description {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #242629
}

.form-item {
    margin-top: 40px;
    border-bottom: 1px solid #e3e5e8;
    border-radius: 1px;
    position: relative
}

.form-item input {
    line-height: 18px;
    font-size: 14px;
    border: 0;
    padding: 10px 0;
    width: 100%;
    display: block
}

.form-item input::-moz-placeholder {
    color: #bdbfc2
}

.form-item input::-ms-input-placeholder {
    color: #bdbfc2
}

.form-item input::-webkit-input-placeholder {
    color: #bdbfc2
}

.form-item .form-tips {
    position: absolute;
    margin-top: 4px;
    line-height: 18px;
    color: #bdbfc2;
    display: none
}

.form-item-first .form-tips {
    display: block
}

.form-item.on {
    border-bottom-color: #ff5040
}

.on .form-tips {
    display: block;
    color: #ff5040
}

.form-item .grade {
    position: absolute;
    margin-top: 8px;
    overflow: hidden;
    display: none
}

.form-item .grade span {
    float: left;
    width: 104px;
    height: 16px;
    line-height: 16px;
    margin-right: 8px;
    background: #f6f7f9;
    border-radius: 8px;
    text-align: center
}

.form-item .grade span:after {
    content: '弱';
    color: #fff;
    font-size: 9px;
    display: none
}

.form-item .grade .b2:after {
    content: '中'
}

.form-item .grade .b3:after {
    content: '强'
}

.password-grade .g1 .b1:after {
    display: inline
}

.password-grade .g2 .b2:after {
    display: inline
}

.password-grade .g3 .b3:after {
    display: inline
}

.form-item .grade .b3 {
    margin-right: 0
}

.password-grade .grade {
    display: block
}

.password-grade .g1 .b1 {
    background: #ff5445;
    background: linear-gradient(right,#ff5445 0,#ff3f6d 100%);
    background: -moz-linear-gradient(right,#ff5445 0,#ff3f6d 100%);
    background: -webkit-linear-gradient(right,#ff5445 0,#ff3f6d 100%);
    background: -o-linear-gradient(right,#ff5445 0,#ff3f6d 100%)
}

.password-grade .g2 .b1 {
    background: #ffba00;
    background: linear-gradient(right,#ffba00 0,#ffa200 100%);
    background: -moz-linear-gradient(right,#ffba00 0,#ffa200 100%);
    background: -webkit-linear-gradient(right,#ffba00 0,#ffa200 100%);
    background: -o-linear-gradient(right,#ffba00 0,#ffa200 100%)
}

.password-grade .g2 .b2 {
    background: #ffd500;
    background: linear-gradient(right,#ffd500 0,#ffbc00 100%);
    background: -moz-linear-gradient(right,#ffd500 0,#ffbc00 100%);
    background: -webkit-linear-gradient(right,#ffd500 0,#ffbc00 100%);
    background: -o-linear-gradient(right,#ffd500 0,#ffbc00 100%)
}

.password-grade .g3 .b1 {
    background: #24d36c;
    background: linear-gradient(right,#24d36c 0,#00d18b 100%);
    background: -moz-linear-gradient(right,#24d36c 0,#00d18b 100%);
    background: -webkit-linear-gradient(right,#24d36c 0,#00d18b 100%);
    background: -o-linear-gradient(right,#24d36c 0,#00d18b 100%)
}

.password-grade .g3 .b2 {
    background: #4bd64b;
    background: linear-gradient(right,#4bd64b 0,#27d36a 100%);
    background: -moz-linear-gradient(right,#4bd64b 0,#27d36a 100%);
    background: -webkit-linear-gradient(right,#4bd64b 0,#27d36a 100%);
    background: -o-linear-gradient(right,#4bd64b 0,#27d36a 100%)
}

.password-grade .g3 .b3 {
    background: #73d82a;
    background: linear-gradient(right,#73d82a 0,#4fd749 100%);
    background: -moz-linear-gradient(right,#73d82a 0,#4fd749 100%);
    background: -webkit-linear-gradient(right,#73d82a 0,#4fd749 100%);
    background: -o-linear-gradient(right,#73d82a 0,#4fd749 100%)
}

.form-submit a {
    display: block;
    width: 100%;
    margin-top: 40px;
    height: 50px;
    line-height: 50px;
    background: #ffdb26;
    box-shadow: 0 6px 24px 0 rgba(255,219,38,0.3);
    border-radius: 5px;
    color: #242629;
    text-align: center;
    font-size: 18px;
    transition: background-color ease .5s 0s;
    -webkit-transition: background-color ease .5s 0s;
    -moz-transition: background-color ease .5s 0s
}

.form-submit a:hover {
    cursor: pointer;
    text-decoration: none;
    background: #ffa800
}

.container-login {
    width: 600px
}

.signup-forms .inner_v2 {
    width: 600px
}

.signup-forms .form-field_v2,.signup-forms .form-link_v2 {
    padding-left: 25px;
    margin: 0
}

.signup-forms .submit-btn_v2 {
    margin: 0;
    padding-left: 25px
}

.signup-forms .agreement_v2 {
    width: 345px;
    margin: 0
}

.signup-forms .connect .hd_v2 {
    width: 346px;
    border-top: 0 none
}

.signup-forms .inner_v2 .inner_v2_left {
    float: left;
    width: 370px
}

.signup-forms .inner_v2 .inner_v2_right {
    float: right;
    border-left: 1px solid #ebebeb;
    width: 208px;
    padding-left: 20px;
    height: 300px;
    padding-top: 20px
}

.signup-forms .inner_v2 .inner_v2_right img {
    width: 180px;
    height: 180px
}

.signup-forms .inner_v2 .inner_v2_right p {
    font-size: 15px;
    color: #797979;
    line-height: 24px;
    margin-top: 20px;
    text-align: center;
    width: 180px
}

.wrapper-v2 {
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-right: 15px
}

.container-v2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    min-height: 455px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.signup-forms {
    z-index: 99;
    margin: 0 auto
}

.signup-forms .signup-box,.signup-forms .login-box {
    position: unset
}

.account_v2_tabs {
    padding: 0 40px;
    border-bottom: 1px solid #f6f7f9;
    display: flex
}

.account_v2_tab {
    flex: 1;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: rgba(113,115,118,1);
    line-height: 25px;
    padding: 40px 0 12px;
    position: relative;
    cursor: pointer
}

.account_v2_tabs .active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -25px;
    width: 50px;
    height: 4px;
    background: #999;
    border-radius: 3px
}

.account_v2_inner {
    width: 600px;
    height: 420px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0,0,0,.4);
	border: 1px solid #f6f7f9;
}
.account_v2_inner2 {
    width: 730px;
    height: 500px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0,0,0,.4);
	border: 1px solid #f6f7f9;
}

.account_v2_inner_left2 {
    position: relative;
    width: 730px;
    height: 434px;
    float: left;
    box-sizing: border-box;
    padding: 0 58px 0 62px
}
.account_v2_inner_left {
    position: relative;
    width: 600px;
    height: 434px;
    float: left;
    box-sizing: border-box;
    padding: 0 100px 0 100px;
}

.account_v2_inner_left .account_v2_form {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 180px)
}

.account_v2_inner_left .account_v2_form[data-type=signup] {
    height: calc(100% - 97px)
}

.account_v2_inner_left .account_v2_form[data-type=qrcode] {
    align-items: center;
    font-family: PingFangSC-Medium,PingFang SC;
    text-align: center
}

.account_v2_form form {
    position: relative;
    padding-top: 22px
}

.account_v2_inner_right {
    float: right;
    width: 290px;
    height: 434px;
    box-sizing: border-box;
    background: url(img_download.png) no-repeat;
    border-radius: 0 8px 8px 0;
    position: relative
}

.account_v2_inner_right .download {
    position: absolute;
    bottom: 15px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.signup-forms .form-field {
    padding: 0
}

.signup-forms .form-field+.form-field {
    margin-top: 10px
}

.signup-forms .form-field input {
    border-color: #e8e8e8;
    background: #e8e8e8;
    border-radius: 6px;
    font-family: PingFangSC-Medium,PingFang SC
}

.signup-forms .form-field input:focus {
    background: #fff
}

.signup-forms .err-tip {
    margin: 0
}

.signup-forms .form-link {
    padding: 10px 0 0
}

.signup-forms .form-link a {
    color: #717376
}

.signup-forms .form-link a:hover {
    color: #3f200f
}

.signup-forms .submit-btn {
    padding: 17px 0 0
}

.signup-forms .submit-btn button {
    background: linear-gradient(135deg,rgba(43, 43, 43,1) 0,rgba(43, 43, 43,1) 100%);
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500
}

.signup-forms .connect {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 41px;
    height: 97px;
    border-radius: 0 0 0 8px;
    margin: 0;
    background: linear-gradient(270deg,rgba(246,247,249,0.3) 0,rgba(246,247,249,1) 100%)
}

.signup-forms .connect .hd {
    border: 0;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    color: rgba(148,150,154,1);
    line-height: 20px;
    padding: 12px 0
}

.signup-forms .connect .bd {
    padding: unset;
    width: unset;
    height: unset
}

.signup-forms .connect a {
    float: left;
    text-indent: -999px;
    width: 34px;
    height: 34px;
    margin-right: 32px;
    cursor: pointer;
    background-size: 34px;
    background-repeat: no-repeat;
    transition: all .3s
}

.signup-forms .connect a.weibo {
    background-image: url(ic_weibo.png)
}

.signup-forms .connect a.weibo:hover {
    background-image: url(ic_weibo_sel.png)
}

.signup-forms .connect a.weixin {
    background-image: url(ic_weixin.png)
}

.signup-forms .connect a.weixin:hover {
    background-image: url(ic_weixin_sel.png)
}

.signup-forms .connect a.qq {
    background-image: url(ic_qq.png)
}

.signup-forms .connect a.qq:hover {
    background-image: url(ic_qq_sel.png)
}

/**/