/*�����*/
header, .header{
    background-color: #FFFFFF;
}
.nctouch-inp-con ul.form-box li.form-item{
    margin: 0.2rem 1.5rem;
}
.nctouch-inp-con ul.form-box li.form-item p.bindAc{
    font-size: 0.7rem;
    font-weight: 600;
}
.nctouch-inp-con ul.form-box li.form-item div.input-box{
    margin-left: 0;
}
.nctouch-inp-con ul.form-box li.form-item div.input-box .inp{
    width: 90%;
    font-size: 0.4rem;
    padding: 0.45rem 0 0.45rem 2rem
}
.nctouch-inp-con ul.form-box li.form-item h4{
    width: 2rem;
    height: 2rem;
    left: 0;
}
.nctouch-inp-con ul.form-box li.form-item h4 i{
    display: block;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
}
.nctouch-inp-con ul.form-box li.form-item h4 i.account{
    background-image: url(../images/signup_icon_user_normal@2x.png);
}
.nctouch-inp-con ul.form-box li.form-item h4 i.password {
    background-image: url(../images/signup_icon_code_normal@2x.png);
}
/*ͼ��*/
.nctouch-inp-con ul.form-box li.form-item h4 i.account-con{
    background-image: url(../images/signup_icon_user_normal@2x.png);
}
.nctouch-inp-con ul.form-box li.form-item h4 i.password-con{
    background-image: url(../images/signup_icon_code_normal@2x.png);
}
.nctouch-inp-con ul.form-box li.form-item h4 i.phone-con{
    background-image: url(../images/signup_icon_telephone_normal@2x.png);
}
.nctouch-inp-con ul.form-box li.form-item h4 i.check-con{
    background-image: url(../images/signup_icon_secucode_normal@2x.png);
}
.nctouch-inp-con ul.form-box li.form-item h4 i.invite-con{
     background-image: url(../images/signup_icon_invitation_normal@2x.png);
}
.nctouch-inp-con ul.form-box li.form-item h4 i.sex-con{
    background-image: url(../images/signup_icon_sex_normal@2x.png);
}
.nctouch-main-layout .con-box .text-con i.zegobirdLogo{
    display: block;
    height: 3rem;
    width: 3rem;
    margin: 0.5rem auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/zegobirdlogo.png);
}
.nctouch-main-layout .con-box .text-con .welcomeText{
    text-align: center;
    font-size: 0.88rem;
    font-family:'BradleyHand-Bold'
}
/*login��ť*/
.nctouch-inp-con .form-btn #loginbtn{
    margin: 0 auto;
    height: 2rem;
    font-size: 0.7rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    display: block !important;
}
.nctouch-inp-con .form-btn #nextBtn{
    background: url("../images/register_btn_next_default@2x.png") no-repeat;
    background-size: contain;
    display: block;
    height: 1.2rem;
    width: 1.2rem;
    margin-top:35%;
}
/*facebook����*/
.nctouch-main-layout .facebook-box{
    position: relative;
    margin-top: 4rem ;
}
.nctouch-main-layout .facebook-box p.loginwith{
    color: #CCCCCC;
    text-align: center;
    font-size: 0.5rem;
}
.nctouch-main-layout  p.skip{
    color:#4B89DC;
    font-weight: 300;
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.8rem;

}
.nctouch-main-layout .facebook-box .facebook-con{
    margin-top: 0.5rem;
    position: absolute;
    left: 47%;
}
.nctouch-main-layout .facebook-box .facebook-con img{
    width: 1.5rem;
    height: 1.5rem;
}
div.sex-box {
    position: absolute;
    line-height: 30px;
}

input[type="radio"] {
    width: 1rem;
    height:  1rem;
    opacity: 0;
}

.input-box .sex-box label {
    position: absolute !important;
    left: 0.2rem !important;
    top: 0.25rem !important;
    width: 0.8rem !important;
    height: 0.8rem !important;
    border-radius: 50% !important;
    border: 1px solid #999 !important;
}

/*����ѡ�е�input����ʽ*/
/* + ���ֵ�ѡ����,��ȡѡ�к��labelԪ��*/
input:checked+label {
    background-color: #F3B202!important;
    border: 1px solid #EEEEEE!important;
}

input:checked+label::after {
    position: absolute !important;
    content: "" !important;
    width: 5px !important;
    height: 10px !important;
    top: 3px !important;
    left: 6px !important;
    border: 2px solid #fff !important;
    border-top: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
}
.ncleft-enter-active { animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation:optionBlockLeft 0.3s ease-in-out;}
.ncleft-leave-active { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation:optionBlockRight 0.5s ease-in-out;}
.input-box .sex-box span{
    font-size: 0.7rem;
    margin-left: 0.4rem;
}
.register-bt{
    margin: 0 auto;
    height: 2rem;
    font-size: 0.7rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    display: block;
}
.login-bt{
    margin: 0 auto;
    height: 2rem;
    font-size: 0.7rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    display: block !important;
}
.skip-bt{
    margin: 0 auto;
    color: #25d4cf;
    font-size: 0.64rem;
    line-height: 2rem;
    display: block;
    text-align: center;
}
.phone-dynamic{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0.9rem;
    font-size: 0.6rem;
    color: #5D9CEC;
}
.facebook-tips{
    text-align: center;
    font-size: 0.48rem;
    color: #999;
}
.bx-pager{
    display: block;
    width: 100%;
    height: 0.6rem;
    overflow: hidden;
    z-index: 20;
    text-align: center;
    margin: 2rem 0;
    position: absolute;
}
.bx-pager .bx-pager-item.active {
    background: #25d4cf;
}
.bx-pager .bx-pager-item {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%;
    background: #CCCCCC;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.18rem;
}
.nctouch-inp-con h1{
    font-size: 0.8rem;
    margin: 0 9%;
}
.nctouch-inp-con p{
    margin: 0 9% 3% 9%;
    font-size: 0.4rem;
    color: #999;
}
.inputOne input[type="number"] {
    height: 1.6rem;
    width: 1.4rem;
    border: 0.05rem solid rgba(155, 155, 155, 1);
    border-radius: 0.3rem;
    margin: 0 0.2rem;
    text-align:center;
}
.inputOne input[data-in="true"] {
    background: #25d4cf;
    color: #FFF;
    border: solid 0.05rem;
}
input#inviteMobile {
    width: 7rem;
    height: 2rem;
    border-radius: 1rem;
    background-color: rgba(238, 238, 238, 1);
    padding: 0 1rem;
    font-size: 0.88rem;
    font-weight: 600;
    text-align: center;
}
.form-btn.ok{
    height: 2rem;
    display: flex;
}
.form-btn .register-btn,
.form-btn .getSmsCode{
    height: 2rem;
    font-size: 0.64rem;
    line-height: 2rem;
    margin: 0 auto;
    border-radius: 1.5rem;
}
.registerSuccess{
    background:url(../images/register_icon_success_default@2x.png) no-repeat;
    background-position: 50% 50%;
    background-size:cover;
    height: 3rem;  width: 3rem;
    display: block;
    margin: 0.5rem auto;
}
.nctouch-inp-con .form-btn {
    margin-top: 15%;
    display: flex;
}