@charset "UTF-8";
.bg-main {
    padding-bottom: 38px;
    background-color: #f6f6f6
}

.register {
    padding: 20px 80px 12px;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    font-family: 'Microsoft YaHei'
}

.form-head {
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center
}

.form-head ul {
    zoom: 1;
    margin: 0;
    padding: 0;
    padding-left: 150px
}

.form-head ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.form-head ul li {
    position: relative;
    float: left;
    list-style: none;
    color: #999;
    font-size: 16px;
    height: 50px;
    width: 215px;
    background-color: #f7f7f7
}

.form-head ul li span {
    font-size: 24px;
    font-style: italic;
    line-height: 56px;
    padding-right: 10px
}

.form-head ul li.first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.form-head ul li.first:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    z-index: 4;
    border-left: 25px solid #f7f7f7;
    z-index: 3
}

.form-head ul li.first:after {
    content: "";
    position: absolute;
    top: -9px;
    right: -68px;
    width: 0;
    height: 0;
    border: 34px solid transparent;
    z-index: 4;
    border-left: 34px solid #fff;
    z-index: 2
}

.form-head ul li.mid:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    z-index: 4;
    border-left: 25px solid #f7f7f7;
    z-index: 3
}

.form-head ul li.mid:after {
    content: "";
    position: absolute;
    top: -9px;
    right: -68px;
    width: 0;
    height: 0;
    border: 34px solid transparent;
    z-index: 4;
    border-left: 34px solid #fff;
    z-index: 2
}

.form-head ul li.last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.form-head ul li.active {
    background-color: #ff6400;
    color: #fff
}

.form-head ul li.active:before {
    border-left-color: #ff6400
}

.form-register {
    padding-top: 46px;
    padding-left: 300px
}

.form-register .recommend {
    margin-bottom: 22px;
    color: #b60004;
    font-size: 20px
}

.form-register .user-agreement {
    margin-bottom: 10px;
    font-size: 14px
}

.form-register .user-agreement a {
    color: #286fc7
}

.form-register .btn-confirm {
    margin-bottom: 80px
}

.form-register .btn-confirm button {
    width: 378px;
    font-size: 16px
}

.form-register .input-box {
    margin-bottom: 25px;
    position: relative
}

.form-register .input-box i {
    position: absolute;
    top: 10px;
    left: 16px;
    font-size: 20px;
    color: #84817c
}

.form-register .input-box i:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #dadada;
    top: 4px;
    left: 33px
}

.form-register .input-box.extra input {
    padding-right: 180px
}

.form-register .input-box .tips {
    padding: 4px 0;
    color: red
}

.form-register .input-box .tip {
    padding: 4px 0;
    color: #bbaf59
}

.form-register .input-box .check-code {
    position: absolute;
    left: 266px;
    top: 1px;
    width: 110px;
    height: 40px;
    border: 1px solid #ddd;
    border-left: none
}

.form-register .input-box .check-code img {
    width: 110px;
    height: 40px
}

.form-register .input-box .change-code {
    position: absolute;
    left: 398px;
    top: 4px;
    font-size: 14px;
    cursor: pointer
}

.form-register .input-box .change-code p {
    margin: 0;
    color: #286fc7
}

.form-register .input-box .get-msg {
    position: absolute;
    left: 293px;
    top: 13px;
    color: #286fc7;
    font-size: 14px;
    cursor: pointer
}

.form-register .input-box input {
    width: 378px;
    font-size: 14px;
    line-height: 44px;
    padding-left: 70px;
    padding-right: 20px;
    height: 44px;
    color: #76838f;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    outline: 0
}

.form-register .input-box input:focus {
    border-color: #66afe9;
    outline: 0
}

.entrance {
    zoom: 1;
    padding: 90px 100px 200px
}

.entrance:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.entrance .entrance-item {
    float: left;
    display: block;
    padding-top: 32px;
    width: 360px;
    height: 200px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #6090b8;
    background-color: #eef1f6;
    text-align: center;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.entrance .entrance-item i {
    font-size: 100px
}

.entrance .entrance-item span {
    display: block;
    font-size: 18px
}

.entrance .entrance-item:hover {
    color: #fff;
    background-color: #0067d0
}

.entrance .entrance-item+.entrance-item {
    float: right
}

.entrance-business {
    padding: 77px 65px 133px;
    zoom: 1
}

.entrance-business:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.entrance-business .entrance-business-item {
    position: relative;
    float: left;
    width: 360px;
    height: 400px;
    background: url(/images/business-type1.jpg) center no-repeat;
    cursor: pointer
}

.entrance-business .entrance-business-item h3 {
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 22px
}

.entrance-business .entrance-business-item p {
    margin: 0;
    font-size: 18px;
    line-height: 1.8;
    text-align: left
}

.entrance-business .entrance-business-item .front {
    position: absolute;
    padding: 60px 40px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    width: 360px;
    height: 400px;
    text-align: center
}

.entrance-business .entrance-business-item .front.active {
    background-color: rgba(36, 157, 232, .75)
}

.entrance-business .entrance-business-item+.entrance-business-item {
    float: right;
    background: url(/images/business-type2.jpg) center no-repeat
}

.next-step {
    clear: left;
    padding-top: 124px;
    text-align: center
}

.next-step button {
    width: 404px;
    font-size: 18px
}

.information-list {
    padding: 15px 40px;
    background-color: #fafafa;
    margin-top: 20px;
    margin-bottom: 32px
}

.information-list h4 {
    font-size: 16px;
    color: #f60;
    padding-bottom: 15px;
    margin: 0;
    border-bottom: 1px solid #d2d2d2;
    font-weight: 400
}

.information-list h4 i {
    margin-right: 5px;
    font-size: 18px
}

.information-list p {
    color: #666;
    line-height: 1.8
}

.information-list p .link {
    color: #286fc7
}

.warning-tips {
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #fff9f5;
    padding: 18px 40px
}

.warning-tips h4 {
    font-size: 16px;
    color: #f60;
    padding-bottom: 15px;
    margin: 0;
    font-weight: 400
}

.warning-tips h4 i {
    margin-right: 5px;
    font-size: 18px
}

.warning-tips p {
    margin: 0;
    color: #666
}

.warning-tips p span {
    color: #f60
}

.file-lists {
    zoom: 1
}

.file-lists:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.file-lists .file-item {
    float: left;
    position: relative;
    margin: 10px 30px;
    height: 250px
}

.file-lists .file-item .bg {
    width: 157px;
    height: 200px
}

.file-lists .file-item .upload {
    background: url(/images/upload.png) center no-repeat
}

.file-lists .file-item .upload-1 {
    background: url(/images/upload1.png) center no-repeat
}

.file-lists .file-item .upload-2 {
    background: url(/images/upload2.png) center no-repeat
}

.file-lists .file-item .upload-3 {
    background: url(/images/upload3.png) center no-repeat
}

.file-lists .file-item .upload-4 {
    background: url(/images/upload4.png) center no-repeat
}

.file-lists .file-item .upload-5 {
    background: url(/images/upload5.png) center no-repeat
}

.file-lists .file-item input[type=file] {
    position: absolute;
    width: 157px;
    height: 200px;
    top: 0;
    left: 0;
    outline: 0;
    opacity: 0;
    cursor: pointer
}

.file-lists .file-item .file-type {
    padding: 8px 0;
    text-align: center;
    font-size: 12px
}

.file-lists .file-item .file-type span {
    color: red
}

.file-lists .file-item .file-name {
    text-align: center;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #286fc7
}

.member-contract {
    margin-top: 50px
}

.member-contract input {
    margin-right: 4px
}

.member-contract a {
    color: #286fc7
}

.button-group {
    padding: 60px 0 50px;
    text-align: center;
    font-size: 16px
}

.button-group button {
    width: 172px
}

.button-group button+button {
    margin-left: 48px
}

.register-result {
    padding: 40px 0;
    text-align: center
}

.register-result .left-img {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px
}

.register-result .right-content {
    display: inline-block
}

.register-result .right-content strong {
    font-size: 18px;
    font-weight: 700
}

.register-result .right-content p {
    margin-top: 40px;
    text-align: left;
    line-height: 2
}

.register-result .right-content p span {
    color: #286fc7
}

.register-result .right-content a {
    display: block;
    width: 86px;
    border-radius: 0;
    font-weight: 400;
    padding: 9px 14px 9px 14px;
    font-size: 14px
}