@charset "UTF-8";
body {
    /*background: url(../images/sign-bg_bc400b1d.jpg) center no-repeat;*/
    background-position-y: -100px
}
*{
    font-size:;
}
.content {
    width: 1200px;
    padding: 80px 0 140px;
    margin: 0 auto;
    overflow: auto
}

.content h1 {
    text-align: center
}

.content .c-signup {
    width: 360px;
    margin: 0 auto 120px;
    background-color: #f4f5f3;
    padding-right: 40px;
    padding-left: 100px
}

.content .c-signup .verify {
    height: 36px;
    line-height: 36px;
    width: 300px
}

.content .c-signup .verify .niu-input-msg {
    float: left;
    width: 200px
}

.content .c-signup .verify .niu-btn {
    float: left;
    margin: 0;
    margin-left: 4px;
    width: 90px;
    position: relative;
    display: inline-block;
    height: 36px;
    border: 0;
    border-radius: 18px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content .c-signup .protocol {
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    width: 300px
}

.content .c-signup .protocol input, .content .c-signup .protocol label {
    float: left
}

.content .c-signup .protocol .protocol-link {
    font-size: 12px;
    color: #15c
}

.content .c-signup .protocol .protocol-link:hover {
    text-decoration: underline
}

.content .c-signup .protocol .login-link {
    font-size: 12px;
    float: right;
    color: #000
}

.content .c-signup #goregist {
    margin-top: 20px
}

.tip-signup {
    display: none
}

.tip-signup-show {
    display: none
}

.disabled-box {
    display: none;
    position: absolute;
    height: 36px;
    width: 300px;
    line-height: 36px;
    border-radius: 18px;
    background-color: #fff
}

.verify-warning {
    position: relative
}

.verify-warning .disabled-box {
    position: absolute;
    display: block;
    height: 36px;
    width: 200px;
    line-height: 32px;
    background-color: #fff;
    border-radius: 18px
}

.verify-warning .disabled-box .niu-disabled-icon {
    display: inline-block;
    float: left;
    width: 38px;
    line-height: 36px;
    height: 36px;
    background: url(../images/disabled_small_35ed2bee.png) no-repeat center
}

.verify-warning .disabled-box .niu-tipmsg {
    font-size: 12px;
    color: #df001f
}

.niu-warning {
    position: relative;
    display: inline-block;
    line-height: 36px;
    border-radius: 18px;
    margin-top: 20px
}

.niu-warning .disabled-box {
    display: block;
    position: absolute;
    height: 36px;
    width: 300px;
    line-height: 36px;
    border-radius: 18px;
    background-color: #fff
}

.niu-warning .niu-tipmsg {
    font-size: 12px;
    color: #df001f
}

.niu-warning .niu-disabled-icon {
    display: inline-block;
    float: left;
    width: 38px;
    line-height: 36px;
    height: 36px;
    background: url(../images/disabled_small_35ed2bee.png) no-repeat center
}

.niu-warning .tip-signup-show {
    position: absolute;
    right: 10px;
    display: block;
    color: #B2B2B2
}

.niu-warning input {
    border: 0;
    border: 0;
    outline: 0;
    float: right;
    border-radius: 18px;
    height: 36px;
    line-height: 36px \9;
    *line-height: 36px;
    _line-height: 36px;
    line-height: 36px;
    overflow: hidden;
    outline: 0;
    padding: 0
}

.niu-btn {
    position: relative;
    display: inline-block;
    height: 36px;
    border: 0;
    border-radius: 18px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 75px;
    margin-bottom: 70px;
    outline: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.niu-btn-default {
    background-color: #fff;
    border: 1px solid #000;
    color: #000
}

.niu-btn-gray {
    background-color: #8a8a8a
}

.niu-btn-black {
    background-color: #000
}

.niu-btn-red {
    background-color: #da001d
}

.niu-btn-middle {
    width: 146px
}

.niu-btn-large {
    width: 300px;
    font-size: 16px
}

.niu-input {
    display: inline-block;
    line-height: 36px;
    border-radius: 18px;
    margin-top: 20px;
    font-size: 12px
}

.niu-input input {
    border: 0;
    border: 0;
    outline: 0;
    float: right;
    border-radius: 0 18px 18px 0;
    height: 36px;
    *line-height: 16px;
    line-height: 16px;
    overflow: hidden;
    outline: 0;
    padding: 0
}

.verify .niu-input {
    display: inline-block;
    line-height: 36px;
    border-radius: 18px;
    margin-top: 0
}

.niu-input-large {
    width: 300px
}

.niu-input-large input {
    width: 260px;
    font-size: 12px
}

.niu-input-middle {
    width: 150px
}

.niu-input-middle input {
    width: 160px
}

.niu-input-phone i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/ea016910e80847bea00859976066a0ba.gif") no-repeat center;
    background-color: #fff
}

.niu-input-account i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/ea016910e80847bea00859976066a0ba.gif") no-repeat center;
    background-color: #fff
}

.niu-input-msg i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/2914834d87cd4b28a35a21f137366ade.gif") no-repeat center;
    background-color: #fff
}

.niu-input-email i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/0f8ecb62228140188d181cb944bbcf8d.gif") no-repeat center;
    background-color: #fff
}

.niu-input-pwd i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/5875635e7c9c4694912655291c48c963.gif") no-repeat center;
    background-color: #fff
}

.niu-input-repwd i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/5875635e7c9c4694912655291c48c963.gif") no-repeat center;
    background-color: #fff
}

.niu-input-oldpwd i {
    display: block;
    width: 40px;
    height: 36px;
    float: left;
    border-radius: 18px 0 0 18px;
    background: url("../images/5875635e7c9c4694912655291c48c963.gif") no-repeat center;
    background-color: #fff
}

.tip-signup {
    display: none
}

.tip-signup-show {
    display: none
}

.niu-checkbox {
    display: inline-block
}

.niu-checkbox-lable {
    font-size: 12px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#login_form .slideVerify {
    margin: 20px 0
}

#signup_form .slideVerify, #forget_form .slideVerify, #bind_form .slideVerify {
    margin: 20px 0
}

.niu-form-title {
    display: inline-block;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #212121
}

.niu-form-title span {
    display: block;
    margin-left: 110px
}

.niu-select {
    display: inline-block;
    margin-top: 15px;
    height: 40px;
    border: 1px solid #8a8a8a;
    border-radius: 18px
}

.niu-select input {
    height: 38px;
    border: 0;
    border: 0;
    outline: 0;
    float: right;
    border-radius: 18px
}

.niu-select-middle {
    width: 160px
}

.niu-select-middle input {
    width: 120px;
    font-size: 12px
}

.niu-select-globle {
    position: relative
}

.niu-select-globle i {
    display: block;
    width: 38px;
    height: 40px;
    float: left;
    background: url("../images/d810f0e231174c1b91f6b5391d7cdcd7.gif") no-repeat center
}

.niu-select-globle:after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRERjNBMDNDMzFFRDExRTVCRTVFQzk5RkZBODlGNDRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRERjNBMDNEMzFFRDExRTVCRTVFQzk5RkZBODlGNDRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDUyRkI4ODkzMUM1MTFFNUJFNUVDOTlGRkE4OUY0NEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDUyRkI4OEEzMUM1MTFFNUJFNUVDOTlGRkE4OUY0NEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4sffpMAAAA90lEQVR42mI8c/b8JAYGhiwg3grEUUD8lYE4wA3Ey4DYG4inMQIN+g1ksEAlTwGxGxB/JGAIPxDvAmIzKP8PE5CYiqQAJHEYiEXxGCIKVWOGJDYVZFAhEE9EEtQF4iNALIPFEBmonC6SGEhvIchL/4G4AIg/A3ENVFINaqsrEN+BiqkA8W4gVkAypMXYyKCWASlsQKAWalgnlA/ScBDqYhDoB2IpJPXlQNwF47CgOb0Latg0KB+kcSUWL4JieTqyABMWRSAFMUD8D4vcP6jcdHQJJhwxsxSIg4H4N5LYb6jYUmwamPBE8wYg9gHil1DsAxXDCgACDABhDzG1QPkNMwAAAABJRU5ErkJggg==");
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 14px
}

.niu-selectlist {
    position: relative
}

.niu-selectlist ul, .niu-selectlist ul > li {
    margin: 0;
    padding: 0
}

.niu-selectlist ul > li {
    list-style: none;
    height: 30px
}

.niu-certificate {
    border: 1px dashed #dadada
}

.footer {
    position: absolute;
    position: relative \9;
    *position: relative;
    bottom: 0;
    left: 0;
    width: 100%
}