body {
    background: url("https://www.gscloud.cn/qtp/qtpsys/homestatic/banner/banner4.jpg");
    background-size:100% 100%;
}

.regist-con {
    width: 1080px;
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 50px;
    margin: 0 auto;
    font-size:18px;
    position: absolute;
    top:52%;
    left:50%;
    transform: translate(-50%,-50%);
}
.main-container {
    padding-top: 0;
}
#regist-form .finput {
    width: 320px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    margin-bottom:14px;
}

#regist-form input {
    width: 320px;
    height: 50px;
    background: #F8F9FA;
    border: 1px solid #DFE1E7;
    border-radius: 4px;
    padding-left: 17px;
    /*margin-bottom: 10px;*/
    display: inline-block;
    margin-right: 4px;
    position: relative;
}

#regist-form input:focus {
    background: #EAF1FB !important;
    border: 2px solid #97B8ED !important;
    border-radius: 4px;
}

#regist-form input.haserror {
    background: #FDF2F2 !important;
    border: 2px solid #EF7F7F !important;
    border-radius: 4px;
}

#regist-form input.need {
    background: url("../images/require_icon.png") no-repeat scroll left center transparent;
    background-position: 3px 50%;
}

#regist-form .s-1 {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}

#regist-form .s-l {
    font-size: 30px;
    font-weight: 500;
    color: #333333;
    float: left;
}

#regist-form .s-r {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    float: right;
}


#regist-form #rcode {
    width: 170px;
    height: 50px;
}

#regist-form #code {
    width: 140px;
    height: 50px;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
}

#signup-btn {
    width: 150px;
    height: 50px;
    background: #2F71DC;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    display: block;
}