input::input-placeholder{color:  #64AEFF;} 
::-webkit-input-placeholder { /* WebKit browsers */ 
     color: #64AEFF;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
     color: #64AEFF;
} 
::-moz-placeholder { /* Mozilla Firefox 19  */ 
     color: #64AEFF;
} 
:-ms-input-placeholder { /* Internet Explorer 10  */ 
     color: #64AEFF;
}
html,
body {
    user-select: none;
}
.register{
    width: 100%;
    margin: 0 auto;
    height: 21.68rem;
    /* overflow: hidden; */
    box-sizing: border-box;
    background: url(../img/bg.png) no-repeat center center;
    background-size: 100% 100%;
    padding-left: 0.25rem;
    padding-right: 0.23rem;
    box-sizing: border-box;
    max-width: 750px;
}
.register .content{
    padding-top: 5.69rem;
}
.register .content .register-details{
    width: 7.02rem;
    height: 7.22rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 1.08rem;
    padding-left: 0.47rem;
    padding-right: 0.47rem;
    background: url(../img/nrbg.png) no-repeat center center;
    background-size: 100% 100%;
}
.register .content .register-details.big-bg{
    width: 7.02rem;
    height: 8.43rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 1.08rem;
    padding-left: 0.47rem;
    padding-right: 0.47rem;
    background: url(../img/nrbg-big.png) no-repeat center center;
    background-size: 100% 100%;
}
.register .content .register-details .register-details-i{
    position: relative;
    /* width: 340px; */
    height: 0.96rem;
    box-sizing: border-box;
}
.register .content .register-details .register-details-i+.register-details-i{
    margin-top: 0.26rem; 
}
.register .content .register-details .register-details-i input{
    width: 100%;
    height: 100%;
    background: #2027BE;
    border-radius: 0.1rem;
    border: 0.02rem solid #2C57F4;
    padding-left: 0.22rem;
    padding-right: 0.19rem;
    font-size: 0.28rem;
    font-family: MicrosoftYaHei;
    color: #64AEFF;
    box-sizing: border-box;
}
.register .content .register-details .register-details-i .imgcode{
    position: absolute;
    width: 1.61rem;
    height: 0.57rem;
    top: 0.2rem;
    right: 0.19rem;
    z-index: 1;
    border-radius: 0.04rem;
    cursor: pointer;
}
.register .content .register-details .register-details-i .getcode{
    position: absolute;
    width: 1.61rem;
    height: 0.57rem;
    line-height: 0.57rem;
    top: 0.2rem;
    right: 0.19rem;
    z-index: 1;
    border-radius: 0.04rem;
    text-align: center;
    background: url(../img/yzm.png) no-repeat center center;
    background-size: 100% 100%;
    font-size: 0.24rem;
    font-family: MicrosoftYaHei;
    color: #0C13A9;
    cursor: pointer;
}
.register .content .register-details .btn-box{
    margin-top: 0.38rem;
    text-align: center;
    font-size: 0;
}
.register .content .register-details .btn-box .btn{
    width: 4.32rem;
    height: 1rem;
    /* font-size: 18px; */
    font-family: HYe4gj;
    color: #2228BB;
    line-height: 1rem;
    display: inline-block;
    text-align: center;
    background: url(../img/btn.png) no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
}
/* .register .content .register-details .btn-box .btn:hover{
    background: url(../img/btn-ho.png) no-repeat center center;
    background-size: 100% 100%;
} */
.protocol-wrap{
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.protocol-wrap .checkbox{
    position: relative;
    flex: 0 0 0.32rem;
    height: 0.32rem;
    cursor: pointer;
}
.protocol-wrap .checkbox .gx{
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 6;
    opacity: 0;
}
.protocol-wrap .checkbox span{
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../img/no-check.png) no-repeat;
    background-size: 100% auto;
}
.protocol-wrap input:checked + span{
    background: url(../img/check.png) no-repeat;
    background-size: 100% auto;
}
.protocol-wrap  .protocol-txt{
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFAE8;
}
.protocol-wrap  .protocol-txt a{
    color: #8CF7FD;
}
.register .content .hdgz{
    background: #222db6;
    border-radius: 0.14rem;
    border: 0.02rem solid #3858df;
    padding: 0.38rem 0.39rem; 
    margin: 0 auto;
    margin-top: 0.3rem;
}
.register .content .hdgz .title{
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
}
.register .content .hdgz .nr{
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 0.46rem;
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.register .content .hdgz .nr .txt{
    margin-top: 0.12rem;
}
/* 成功 */
.register .content .reg-success{
    text-align: center;
    color: #FFFFFF;   
    background: url(../img/cg-bg.png) no-repeat center center;
    background-size: 100% 100%;
    height: 4rem;
    width: 7.02rem;
    display: none;
    padding-top: 1.19rem;
    box-sizing: border-box;
}
.register .content .reg-success .reg-win{
    text-align: center;
    font-size: 0.3rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 0.4rem;
    overflow: hidden;
}
#user_phone{
    color: #45F6FE;
}
.register .content .reg-success .reg-win p+p{
    margin-top: 0.1rem;
}
.register .content .reg-success .reg-btn{
    font-size: 0;
    text-align: center;
    margin-top: 0.4rem;
}
.register .content .reg-success .reg-btn .btn{
    width: 4.32rem;
    height: 1rem;
    text-align: center;
    background: url(../img/xzapp.png) no-repeat center;
    background-size: 100% 100%;
    font-weight: bold;
    display: inline-block;
}
/* 穿越火线 */
.register.cf{
    background: url(../img/cf-bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.register.cf .content .register-details{
    background: url(../img/cf-nrbg.png) no-repeat center center;
    background-size: 100% 100%
}
.register.cf .content .register-details{
    background: url(../img/cf-nrbg.png) no-repeat center center;
    background-size: 100% 100%
}
.register.cf .content .register-details.big-bg{
    background: url(../img/cf-nrbg-big.png) no-repeat center center;
    background-size: 100% 100%;
}
.register.cf .content .register-details .register-details-i input{
    background: #a12b3b;
    border: 0.02rem solid #d89673;
    color:#FFCF98;
}
.register.cf input::input-placeholder{color:  #FFCF98;} 
.register.cf ::-webkit-input-placeholder { /* WebKit browsers */ 
     color: #FFCF98;
} 
.register.cf :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
     color: #FFCF98;
} 
.register.cf ::-moz-placeholder { /* Mozilla Firefox 19  */ 
     color: #FFCF98;
} 
.register.cf :-ms-input-placeholder { /* Internet Explorer 10  */ 
     color: #FFCF98;
}
.register.cf .content .register-details .register-details-i .getcode{
    background: url(../img/cf-yzm.png) no-repeat center center;
    background-size: 100% 100%;   
    color: #400E1A;
}
.register.cf .content .register-details .btn-box .btn{
    background: url(../img/cf-btn.png) no-repeat center center;
    background-size: 100% 100%;   
}
.cf .protocol-wrap .checkbox span{
    background: url(../img/cf-no-check.png) no-repeat;
    background-size: 100% auto
}
.cf .protocol-wrap input:checked + span{
    background: url(../img/cf-check.png) no-repeat;
    background-size: 100% auto;
}
.cf .protocol-wrap .protocol-txt{
    color: #A12B3B;
}
.cf .protocol-wrap .protocol-txt a{
    color: #F1374B;
}
.register.cf .content .hdgz{
    background:transparent;
    border:0;
    background: url(../img/cf-ruler.png) no-repeat;
    background-size: 100% auto;
    height:5.87rem;
    /* width: 6.98rem; */
    box-sizing: border-box;
}
.register.cf .content .reg-success{
    background: url(../img/cf-cg-bg.png) no-repeat center center;
    background-size: 100% 100%;
    color: #A12B3B;
}
.register.cf .content .hdgz .title{
    color: #FFCF98;
}
.register.cf .content .hdgz .nr{
    color: #FFCF98;
}
.cf #user_phone{
    color: #F1374B;
}
.register.cf .content .reg-success .reg-btn .btn{
    background: url(../img/cf-xzapp.png) no-repeat center;
    background-size: 100% 100%;
}
/* 王者荣耀 */
.register.wz{
    background: url(../img/wz-bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.register.wz .content .register-details{
    background: url(../img/wz-nrbg.png) no-repeat center center;
    background-size: 100% 100%
}
.register.wz .content .register-details{
    background: url(../img/wz-nrbg.png) no-repeat center center;
    background-size: 100% 100%
}
.register.wz .content .register-details.big-bg{
    background: url(../img/wz-nrbg-big.png) no-repeat center center;
    background-size: 100% 100%;
}
.register.wz .content .register-details .register-details-i input{
    background: #0e265e;
    border: 0.02rem solid #0e265e;
    color:#5183E3;
}
.register.wz input::input-placeholder{color:  #5183E3;} 
.register.wz ::-webkit-input-placeholder { /* WebKit browsers */ 
     color: #5183E3;
} 
.register.wz :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
     color: #5183E3;
} 
.register.wz ::-moz-placeholder { /* Mozilla Firefox 19  */ 
     color: #5183E3;
} 
.register.wz :-ms-input-placeholder { /* Internet Explorer 10  */ 
     color: #5183E3;
}
.register.wz .content .register-details .register-details-i .getcode{
    background: url(../img/wz-yzm.png) no-repeat center center;
    background-size: 100% 100%;   
    color: #400E1A;
}
.register.wz .content .register-details .btn-box .btn{
    background: url(../img/wz-btn.png) no-repeat center center;
    background-size: 100% 100%;   
}
.wz .protocol-wrap .checkbox span{
    background: url(../img/wz-no-check.png) no-repeat;
    background-size: 100% auto
}
.wz .protocol-wrap input:checked + span{
    background: url(../img/wz-check.png) no-repeat;
    background-size: 100% auto;
}
.wz .protocol-wrap .protocol-txt{
    color: #fff;
}
.wz .protocol-wrap .protocol-txt a{
    color: #ffef6a;
}
.register.wz .content .hdgz{
    background:transparent;
    border:0;
    background: url(../img/wz-ruler.png) no-repeat;
    background-size: 100% auto;
    height:5.87rem;
    /* width: 6.98rem; */
    box-sizing: border-box;
}
.register.wz .content .reg-success{
    background: url(../img/wz-cg-bg.png) no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
}
.register.wz .content .hdgz .title{
    color:#FFFFFF;
}
.register.wz .content .hdgz .nr{
    color:#FFFFFF;
}
.wz #user_phone{
    color: #FFEF6A;
}
.register.wz .content .reg-success .reg-btn .btn{
    background: url(../img/wz-xzapp.png) no-repeat center;
    background-size: 100% 100%;
}
.register.cf .content .hdgz .nr .txt,
.register.wz .content .hdgz .nr .txt{
    margin-top: 4px;
}