.content{
    background: linear-gradient(2deg, #468AEE, #3E83FE);
    width: 100%;
    background: url(../static/bg.png) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    min-height: 100vh!important;
}
.top-group{
    padding: 9px;
    background:rgba(138, 200, 255, 0.53) ;
    width: 808px;
    margin: 6vh auto;
    box-sizing: border-box;
}
.white-con{
    padding: 5% 4% 2% 4%;
    background: #FFFFFF;
}

.nav-line{
    width: 100%;
    display: flex;
    border-bottom:1px solid #E5E5E5;
}
.nav-line li, .nav-one{
    width: 50%;
    cursor: pointer;
}
.nav-name{
    margin-bottom: 14px;
}
.nav-name, .active-name div{
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    line-height: 15px;
    text-align: center;
   
}
.active-name div {
    font-size: 20px;
    color: #333333;
}
.active-line{
    width: 100%;
    height: 3px;
    background: #01A0EB;
}
.form-item{
    margin-top: 0.4rem;
}
.input-line{
    padding-right: 0.16rem;
    margin-top: 0.14rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.margin-none{
    margin: 0;
}
.top-divi{
    margin-top: 7px;
}
.input-key{
    width: 22%;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: Alibaba;
    color: #222;
    line-height: 15px;
    text-align: right;
}
.input-value{
   width: 80%;
    margin-left: 16px;
    padding:1.5% 2.6%;
    width: 100%;
    background: #FAFAFA;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    font-size: 0.16rem;
}
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #888888;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #888888;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #888888;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #888888;
}
/* .input-placeholder{
    font-size: 0.16rem;
    color: #888888;
} */
.tel-code{
     margin-left: 2%;
     width: 100%;
     padding-left:2.6%;
     background: #FAFAFA;
     border: 1px solid #E6E6E6;
     border-radius: 6px;
     display: flex;
     justify-content: space-between;
 }
 .tel-input{
    font-size: 0.16rem;
    background: #FAFAFA;
 }

 .industry-ul{
    margin-left: 10px;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}
.industry-li, .active-option{
    display: inline-block;
    min-width: 80px;
    padding: 8px 10px;
    background: #FFFFFF;
    border: 1px solid #E3E4E6;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    color: #777777;
    text-align: center;
    margin-top: 6px;
    margin-left: 6px;
    cursor: pointer;
    box-sizing: border-box;

}
.industry-li:nth-child(1){
    /* margin-left: 0; */
}
.active-option{
    background:#DEF4FF;
    border:1px solid #01A0EB;
    color:#01A0EB;

}
.code-btn, .btn-disabled{
    flex-shrink: 0;
    background: #01A0EB;
    border-radius: 5px;
    font-size: 14px;
    font-family: Alibaba;
    font-weight: normal;
    color: #FFFFFF;
    padding: 6px 8px;
    margin:3px 4px ;
}
.code-btn{
    cursor: pointer;
}
.btn-disabled{
    background:#aaa;
}
.btn-box{
    text-align:center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    background: #FFFFFF;
    box-sizing: border-box;
}
.login-box{

}
.register-btn{
    display:block;
    width: 42%;
    background: #01A0EB;
    border-radius: 100px;
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 10px 0px;
    text-align: center;
    margin: auto;
}
.register-btn:hover{
    background: #018bcc;
    cursor: pointer;
}
.login-hint {
    margin-top: 2%;
    font-size: 0.14rem;
    font-weight: 400;
    color: #666666;
    text-align: center;
    padding-bottom: 1vh;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
}
.footer-box {
    text-align: right;
    font-size: 0.14rem;
    overflow: hidden;
    margin-top: 2%;
    display: flex;
    justify-content: center;
    color: #666666;
}

.footer-left {
    float: left;
    margin-top: 0;
    color: #666666;
    margin-right: 10px;
}

.bottom-infor{
    height: 10vh;
    margin: auto;
    box-sizing: border-box;
}
.bottom-line{
    font-size: 0.14rem;
    color: #FFFFFF;
    white-space:nowrap;
    display: flex;
    justify-content: center;
    margin-top: 0.3%;
   
}
.bottom-infor{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}
.bottom-line span{
    margin-left: 1vw;
}
.min-style{
    min-height: 100%;
    min-width: 1200px;
}
@media screen and (max-width:1360px){
.bottom-line{
    font-size: 0.24rem;
}
.top-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login-title{
    padding-top: 0;
}

}