game-sdk/public/static/h5sdk/css/bindMobile.css

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 12px/1.5 'Microsoft Yahei';
    margin: 0;
    padding: 0;
}

html {
    font-size: 85.33333333px;
}
@media screen and (min-width: 320px) {
    html {
        font-size: 85.33333333px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 96px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 100px;
    }
}

html,
body {
  height: 100%;
}

body {
  margin: 0 auto;
  overflow: hidden;
}

input {
  border: 0 none;
  outline: none;
}

a {
  text-decoration: none;
}

.pop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
}
.pop_body {
    background-color: #fff;
    border-radius: 0.1rem;
    padding: 0.15rem;
    width: 3rem;
}

.huosdk_tips {
    line-height: 0.4rem;
    text-align: center;
    z-index: 1;
}
.huosdk_tips h5 {
    color: #666;
    font-size: 0.14rem;
    margin: -0.05rem 0 0.15rem;
}
.huosdk_tips p {
    color: #333;
    font-size: 0.16rem;
}
.huosdk_tips .btn {
    border-top: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.2rem -0.15rem -0.15rem;
}
.huosdk_tips .btn a {
    color: #22AFCA;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.15rem;
    line-height: 0.44rem;
}

.icon_user, .icon_card {
  background-size: 100% 100%;
  height: 0.2rem;
  width: 0.2rem;
}
.icon_user {
  background-image: url(../images/icon-user.png);
}
.icon_card {
  background-image: url(../images/icon-card.png);
}

.icon_pwd {
    background-image: url(../images/icon-pwd.png);
}


.float_pop-outer{background-color:rgba(0,0,0,0.6);height:100%;left:0;position:absolute;top:0;width:100vw;z-index:1}
.float_pop-inner{background-color:#fff;border-radius:0.1rem;left:50%;padding:0.15rem;position:fixed;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:3.1rem}
.float_pop-tit{color:#333;font-size:0.2rem;margin-bottom:0.2rem;text-align:center}
.float_pop-con{color:#666;font-size:0.14rem;line-height:0.24rem;text-align:left}
.float_pop-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0.25rem auto 0.1rem}
.float_pop-btn>a{border:1px solid #fff;border-radius:0.04rem;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:0.16rem;line-height:0.4rem;text-align:center;max-width:1.4rem}
.float_pop-btn>a:first-child{margin-right:0.05rem}
.float_pop-btn>a:last-child{margin-left:0.05rem}
.float_auth-msg{color:#999;display:block;font-size:0.12rem}
.float_auth-item{margin:0.1rem 0}
.float_auth-item>label{border:1px solid #e8e8e8;border-radius:0.04rem;display:block;height:0.4rem;line-height:0.38rem}
.float_auth-item>label>i{float:left;margin:0.09rem 0.12rem 0 0.1rem}
.float_auth-item>label>input{font-size:0.14rem;width:2.3rem}
.float_auth-item>select{border:1px solid #e8e8e8;border-radius:0.04rem;font-size:0.14rem;height:0.4rem;padding:0 0.08rem;width:100%}
.float_auth-item>select>option{font-size:0.14rem}
.float_auth-primary{background-color:#23B0CB;color:#fff}
.float_auth-default{background-color:#ccc;color:#fff}
.float_auth_item{display: flex;}
.code_label{
    width:2rem
}
.code_label input{
    width:1.32rem !important;
}
.float_auth_item>label{
    border-right: 0 !important;
    border-radius: 0.04rem 0 0 0.04rem !important;
}
.send{
    flex:1;
    color:#FF6905;
    height: .4rem;
    line-height: .4rem;
    border:1px solid #E8E8E8;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0 0.04rem 0.04rem 0;
    background: #fff;
}
.ic_off{
    width: .2rem;
    height: .2rem;
    position: absolute;
    right: 0;
    top:0;
}
.ic_off img{
    width: .2rem;
    height: .2rem;
}
.float_pop-tit{
    position: relative;
}

.password_item>label{
   border:0;
   flex: 1;
}
.password_item>label>input{
    width: 1.8rem;
 }
 .password_item>i{
    width: .2rem;
 }
 .password_item>i>img{
    width: .2rem;
    height: .2rem;
 }
.password_item{
  border:1px solid #E8E8E8;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  padding-right: .05rem;
 }