html{
    font-size: 12px;
}
.check{
    text-align: left;
    margin-left: 40px;
}
.check p{
    display: inline-block;
}
.check p span{
    color: #b2b2b2;
}
.check i{
    display: inline-block;
    vertical-align: text-bottom;
}
.check img{
    width: 16px;
    display: block;
}
#phone.opl{
    width: 65%;
}
#phone{
    padding-left:10px; 
}
.logoTxt {
    font-size: 3vw;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 79px;
    color: #FFFFFF;
    text-shadow: 1px 3px 6px rgb(0 0 0 / 16%);
    opacity: 1;
    position: absolute;
    top: 28vh;
    left: 11vw;
}
.loginDetailTxt {
    position: absolute;
    top: 36vh;
    left: 14vw;
    font-size: 2vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 55px;
    color: #FFFFFF;
    text-shadow: 1px 3px 6px rgb(0 0 0 / 16%);
    opacity: 1;
}
.logo span{
    border: .0625rem solid #ccc;
}
.nav.logo .img{
    width: 100%;
}
.logo h1{
    /* margin-right: 39%; */
    width: 95%;
    text-align: left;
    color: #333;
    margin-left: 5%;
}
.logo_form{
    background: url("../../img/login/banner.png") no-repeat;
    background-size: 100% 100%;
    padding: 2.5rem 0;
}
form{
    padding: 2.5rem 2.5rem 5rem 2.5rem;
    background: #fff;
    width: 25%;
    float: right;
    text-align: center;
}
.logo_two{
    width: 81.5%;
}
.logo_two h1{
    color: #015dae;
    margin-bottom:40px; 
}
.logo_two .borderBtom{
    width: 46px;
    height: 4px;
    background-color: rgb(16, 85, 180);
    border-radius: 50px;
    display: block;
    /* line-height: 39px; */
    text-align: center;
    margin: 0 auto;
    margin-bottom: 12px;
}
.word{
    border: 1px solid #ccc;
    margin-bottom: 1.8rem;
    background: #fff;
    position: relative;
}
.word input{
    width: 100%;
    border: none;
    padding: 10px 0;
    padding-left: 35px;
}
.wordChange .word {
    border: none;
}
.wordChange .word input{
    width: 90%;
    border: none;
    padding: 10px 0;
    padding-left: 35px;
    border: 1px solid #E6E6E6;
    margin-left: 26px;
}
.word label{
    display: block;
    margin-bottom: 0;
}
.word i{
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 8px;
}
.word span{
    border: .0625rem solid #a9a9a9;
    padding: 9px;
    position: relative;
    left: -5%;
    font-weight: 600;
    text-align: center;
}
.word .m-msg{
    left: 67%;;
    top: 108%;
}
.alg .m-msg{
    font-size: 12px;
}
.word .m-label{
    position: initial;
}

.nand input{
    vertical-align: sub;
}
.nand span{
    color: #a9a9a9;
}
.nand span>a{
    color: #a9a9a9;
}
.form-btn .btn{
    display: block;
    width: 100%;
    /*padding: 10px 67px;*/
    margin: 40px 0;
    background: #1055B4;
    font-size: 1.5rem;
    border-radius: 20px;
    height: 46px;
    line-height: 34px;
}
.form-btn .btn:focus {
    outline: none;   
    border-color: transparent;  
    box-shadow:none;
    background:#1055B4;
    color:#fff;
}
.callback_text {
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 19px;
    color: #B2B2B2;
    opacity: 1;
    text-align: right;
}
.callback_text a {
    color: #B2B2B2;

}
.mint .m-label{
    display: inline-block;
    width: 74%;
}
.verification_code.mint input{
    padding-left:0 ;
    width: 100%;
}
.min-form .verification_code.mint input{
    padding-left:0 ;
    width: 72%;
}
.min-form{
    min-width: 380px;
}
.bttr i{
    width: 80px;
    height: 1px;
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    top: 10px;
}
.bttr p{
    font-size: 1.2rem;
}
.bttr span{
    color:#c9c9c9;
}
.bttr a{
    color: red;
}
::-webkit-input-placeholder{
    color: #a9a9a9;
}
 hr{
    box-shadow: 0px 1px 3px 1px #ebebeb;
}
/* 注册类型 */
.jc{
    width: 63%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 4.375rem;
}
.jc span{
    position: absolute;
    border: 3px solid #4778c7;
    height: 36px;
    top: 26.5%;
    border-radius: 5px;
    
}
.regis{
    margin-bottom: 18.7rem;
}
.jc h1{
    margin-left: 10px;
    display: inline-block;
    margin-left: 20px;
    font-weight: 100;
}
.change span {
    width: 8px;
    height: 30px;
    background: #000;
    border-radius: initial;
    border: none;
}
.change h1 {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 26px;
    color: #262626;
}
.pany{
    width: 33%;
    text-align: center;
    padding: 1.875rem 1.25rem;
    /*background: #f2f2f2;*/
    border-radius:10px; 
    /*box-shadow: 0 5px 11px 0px;*/
    margin-right: 70px;
    border: 1px solid #D9D9D9;
}
.nbk p strong{
    color: #000;
}
.nbk.conte button{
    background:#2BA245;
    margin-top: 28px;
}
.nbk.conte button:focus {
    background-color: #2BA245;
}
.pany p:nth-child(2){
    text-align: justify;
    line-height: 2;  
    margin-bottom: 1.25rem;  
    color: #262626;
    /*text-indent: 2em;*/
    text-align: center;  
}
.pany p:nth-child(3){
    font-size: 14px;
    text-align: justify;
    line-height: 2;  
    margin-bottom: 1.25rem;  
    color: #7B7B7B;
    /*text-indent: 2em;*/
    text-align: center;  
}
.pany strong{
    font-size: 1.5rem;
    vertical-align: text-top;
    color: #262626;
}
.pany .btn-sm{
    margin-bottom: 1.25rem;
    border-radius: 4px;
    padding: 10px 52px;
    background: #015dae;
    font-size: 16px;
}
.regis>.cok{
    justify-content: center;
    margin-bottom: 13.75rem;
}
.conte strong{
    color: #000;
}
.conte .btn2{
    background: #eb6331;
}
.conte .btn2:focus {
    background-color: #eb6331;
}
/* 注册 */
.companyres{
    padding-top:40px;
    padding-bottom:30px;  
}
.companyres form{
    /*background: #f2f2f2;*/
    width: 31%;
}
.res.justify{
    justify-content: center;
}
.res .word input{
    padding: 10px 0;
    padding-left: 10px;
}
.res h1{
    margin-bottom: 0;
    color: #000;
    font-size: 1.5625rem;
}
.res p{
    color: #7B7B7B;
}
.res .btn-sm{
    border-radius:10px; 
    width: 100%;
    margin:0 auto;
    margin-top:10px;
    padding: 10px;
    background: #0071d4;
    font-size: 1.25rem;
}
.companyres form{
    float: none;
    width: 25%; 
    /*border-top: 5px solid #0158a5;*/
}

.Mark{
    /*padding-top: 118px;*/
    width: 23%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.Mark p{
    width: 73%;
    text-align: justify;
    color: #E5AB23;
    font-size: 13px;
    line-height: 2;
    font-weight: 600;
    text-align: left;
}
.Mark p:nth-child(2){ 
    width: 73%;
    color: #E5AB23;
    margin-bottom: 30px;
    text-align: left;
}
.wordChange .verification_code input{
    width: 90%;
}
.Mark img {
    position: absolute;
    right: 0;
    top: -20px;
}
.verification_code span{
    padding: 0;
}
.verification_code strong{
    display: inline-block;
    width: 75px;
    color: #427aba;
    cursor: pointer;
    position: absolute;
    right: 38px;
    top: 12px;
    text-align: center;
}
.lay-slider .slider-btn{
    height: 100%;
    border:1px solid #ccc;
}
.lay-slider   .layui-input-block{
    margin-left: 0;
}
.active{
    display: none !important;
}