body {
    background: #fafafa;
}
.header {
    padding: 1rem 0 .5rem 0;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    background: #fff;
    font-size: .8rem;
    font-family: PingFangSC-Medium, sans-serif;
    width: 100%;
    position: fixed;
    top: 0;
}
.header-left {
    float: left;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background: url(https://cdnsource.bugegaming.com/pay/images/top_icon_back@2x.png) no-repeat center center;
    background-size: 130%;
    position: absolute;
}
.about-h2 {
    font-size: 1rem;
    font-weight: bold;
    color: #444444;
    padding-left: .75rem;
    padding-bottom: .5rem;
    text-align: center;
}


/*主体内容*/
.main {
    clear: both;
    background: #fafafa;
    /*min-height: 18rem;*/
    /*margin-top: 3.5rem;*/
    position: initial;
    /*max-width: 100%;*/
    overflow: hidden;
    width: 375px;
    margin: 0 auto;
}



.profile {
    width: 5.25rem;
    height: 5.25rem;
    margin: 0.5rem auto;
    border-radius: 50%;
    background: #fff;
    background: url(../images/wx_login_logo@2x.png) no-repeat center center;
    background-size: contain;
}




.profile-txt {
    color: #303030;
    font-size: .9rem;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    
}





.login-ul {
    margin: 2.7rem 1rem 0;
}

.login-ul li {
    white-space: nowrap;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-top: .5rem;
    border-bottom: .05rem solid rgba(234,234,234,1);
    padding-bottom: .5rem;
}


.profile-txt{
    color: #303030;
    font-size: .9rem;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}


.phone input, .code input {
    height: 1.5rem;
    line-height: 1.5rem;
    width: 7.25rem;
    background: none;
    display: inline-block;
    font-size: 0.8rem;
}



.phone-icon,
.code-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: middle;
}
.phone-icon {
    background: url('https://cdnsource.bugegaming.com/v1.1.1/guild/images/login_wx_icon_sj@2x.png') no-repeat center center;
    background-size: 1rem;
}
.code-icon {
    background: url('https://cdnsource.bugegaming.com/v1.1.1/guild/images/login_wx_icon_yzm@2x.png') no-repeat center center;
    background-size: 1rem;
}
.phone input,
.code input{
    height: 1.5rem;
    line-height: 1.5rem;
    min-width: 8rem;
    background: none;
    display: inline-block;
}
.login-valid-btn {
    min-width: 4rem;
    background: #FFDB00;
    height: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    text-align: center;
    border-radius: 1.5rem;
    float: right;
    margin: .4rem 0 0 0;
    font-size: .7rem;
    padding: 0 1.2rem;
}
.loign-btn {
    width: 14.6rem;
    margin: .75rem auto 0 auto;
    border-radius: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    background: #FFDB00;
    text-align: center;
    border: none;
    outline: none;
    font-size: .8rem;
}
.dis-btn{
    background: rgba(242,242,242,1);
    color: #B3B8BF;
}
/*成功弹框*/


/*适配iPhoneXR*/
/*
@media only screen and (device-width: 414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2){
    .header {
        padding-top: 2rem !important;
    }
    .main {
        !*margin-top: 4.5rem;*!
    }
    .header-left {
        left: .4rem;
        position: absolute;
    }
}
!*适配iPhoneX*!
@media only screen and (device-height: 812px) and (device-width: 375px) {
    .header {
        padding-top: 2rem !important;
    }
    .main {
        !*margin-top: 4.5rem;*!
    }
}*/