input{
    
outline: unset;
}
    /*注册弹框*/
    .black_overlay{ 
        display: none; 
        position: fixed; 
        top: 0%; 
        left: 0%; 
        width: 100%; 
        height: 100%; 
        background-color: black; 
        z-index:1001; 
        -moz-opacity: 0.8; 
        opacity:.80; 
        filter: alpha(opacity=88); 
    } 
.white_content { 
        display: none; 
        position: fixed; 
        top: 0; 
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        vertical-align: middle;
        top: 10vh;
        max-width: 800px; 
        max-height: 520px; 
        padding: 30px; 

        background-color: white; 
        border-radius: 8px;
        z-index:1002; 
    } 
.white_content .close {
display: inline-block;
position: absolute;
right:20px;
top:20px;
width:30px;
height:30px;
}
.l-kaitong {
font-size: 20px;
color: #555;
margin: 80px 0 30px 0;
}
.l-kefu {
font-size: 16px;
color: #999;
margin-bottom: 30px;
}
.l-iphone {
font-size: 30px;
color: #333;
}
.lianxi-btn {
display: inline-block;
width: 200px;
height: 40px;
line-height: 40px;
color: #fff;
background-color: #4A90E2;
border-radius: 20px;
margin: 30px 0;
}

/*color*/
.bjcolor {
background-color: #F6F7F9;
}

/*注册弹框手机号*/
.iphone_one,.name_one,.success_one {
width:60%;
float: left;
margin: 0;
margin-top:50px;
text-align: center;
}
.login-img img{
width:65%;
display: block;
height: auto;
}
.login-img{
width:40%;
height:50%;
margin-top:17%;
box-sizing: border-box;
float: left;
border-right: 1px solid #C1C4CB;
display :flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
justify-content:center ;
}
.sign_t {
position: relative;
width: 100%;
}
.sign_p {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
color: #777;
}
.sign_p span {
font-size: 20px;
font-weight: bold;
color:#4A90E2; 
}
.wecome_t {
font-size: 22px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
padding-top: 20px;
}
.free_t {
font-weight: 14px;
color: #777;
margin-bottom: 70px;
}
.error_o {
height: 30px;
width: 100%;
color: #f04134;
}
.groud {

}

.input {
font-size: 14px;
color: #A2A8B4;
height: 40px;
width: 75%;
border:1px solid #C1C4CB;
border-radius: 20px;
text-indent: 10px;
outline: unset;
}

.code_t {
font-size: 14px;
color: #A2A8B4;
height: 40px;
width: 68%;
border:1px solid #C1C4CB;
border-radius: 20px;
text-indent: 10px;
float: left;
}
.send_g {
position: relative;
width: 75%;
overflow: hidden;
margin: 0 auto;
}
.send_code {
font-size: 13px;
background: #FFFFFF;
border: 1px solid #C1C4CB;
color: #A2A8B4;
float: right;
height: 42px;
width: 27%;
border-radius: 20px;
position: unset;
}
.send_next ,.sign_b,.l-lianxi{
font-size: 14px;
color: #fff;
width: 75%;
height: 40px;
background-image: linear-gradient(-90deg,#1434E1 0%, #00E5FF 99% );
box-shadow: 0 10px 20px 0 rgba(50,137,255,0.20);
margin: 0 auto;
cursor: pointer;
border-radius: 20px;
margin-top:44px; 
line-height: 42px!important;
}
.l-lianxi{
width:100%;
}
.login-select{
position: absolute;
top:42px;
width:75%;
margin: 0 auto;
left:12.5%;
border-radius: 3px;
height:0;
transition: all .3s;
overflow: hidden;
}
.login-select>li:hover{
background: #E5E5E5;
}
.login-select>li{
height:30px;
line-height: 30px;
background: #f5f5f5;
color:#333;
width:100%;
font-size: 13px;
border-bottom: 1px solid #fff;
cursor: pointer;
}
.send_next:hover {
  background-image: linear-gradient(-90deg,#1434E1 0%, #00E5FF 99% );
}

/*///////*/


/*////*/
.success_one {
display: none;
}
.l_success {
text-align: center;
width:75%;
margin: 71px auto 0;
}
.l-s-t {
font-size: 14px;
color: #333333; 
margin: 46px 0 20px 0;
}
.l-s-kefu {
font-size: 14px;
color: #333333; 
}
.l-s-i {
font-size: 30px;
color: #333333;
margin: 46px 0 30px 0;
color: #333;
}

.phone_style{
display: none!important;
}
.send_next,.send_code{
line-height: 42px!important;
padding:0;
}


.clear{
    overflow: hidden;
  }

@media screen and (min-width: 320px) and (max-width: 1000px)  {
    .white_content{
        width:20rem;
        height:40rem;
      }
      .t-m-m{
        display: block;
      }
      .login-img{
        display: none;
      }
      .iphone_one,.name_one,.sign_t,.success_one{
        width:100%;
      }
      .input,.send_g{
        width:90%;
      }
}