body{
    background:#F0F0F0;
}
.head span{
    margin-right:.5rem;
}
input,button{
    border:none;
    outline:none;
    color:#666;
    font-size:.14rem;
}
.login_logo{
    width: 1.8rem;
    margin:.3rem auto;
}
.inputwrap{
    width:100%;
    height: auto;
    overflow:hidden;
    background:#fff;
}
.inputwrap input{
    width:100%;
    height:.47rem;
    border-bottom:1px solid #F0F0F0;
    padding-left:.2rem;
}
.inputwrap .code{
    width:100%;
    height:.45rem;
    position: relative;
}
.inputwrap .code input{
    padding-right:.75rem;
}
.inputwrap .code span{
    display: block;
    width:.62rem;height:.26rem;
    border:.01rem solid #babaa1;
    position: absolute;
    right:.12rem;top:.09rem;
}
.inputwrap .code span img{
    width:100%;
    height:100%;
}
.subbox{
    width:100%;
    height: auto;
    overflow: hidden;
    padding:0 .15rem;
    margin-top:.4rem;
}
.subbox button,.subbox .exit{
    display: block;
    width:100%;
    height:.4rem;
    background:#F16565;
    color:#fff;
    font-size:.17rem;
    text-align: center;
    line-height:.4rem;
    border-radius:.04rem;
    margin-bottom:.12rem;
}
.subbox p{
    font-size:.12rem;
    color:#333;
    line-height:.2rem;
}
.subbox p a{
    color:#F16565;
}
/*用户协议*/
.mui-content {
    background:#fff;
}
.text {
    padding:.1rem .15rem;
}

.text p {
    text-indent:2em;
    line-height: 1.5;
    letter-spacing: 2px;
    padding: 6px 0;
    font-size:.14rem;
}

.text .strong {
    font-size: .16rem;
    font-weight: 600;
    text-indent: 0;
}
.text .red{
    color: #ff4747;
}
/*用户协议end*/
/*logoin*/
.loginwrap input{
    padding-left:.5rem;
    background:url(../img/logoicon.png) no-repeat .22rem .15rem;
    background-size:.12rem auto;
}
.loginwrap input:focus{
    background-position-y:-1.25rem;
}
.loginwrap input:first-child+input{
    background-position-y:-.32rem;
}
.loginwrap input:first-child+input:focus{
    background-position-y:-1.72rem;
}
.loginwrap .code input{
    padding-left:.5rem;
    background:url(../img/logoicon.png) no-repeat .22rem -.75rem;
    background-size:.12rem auto;
}
.loginwrap .code input:focus{
    background-position-y:-2.16rem;
}
.subbox .link_area{
    font-size:.13rem;
    line-height:.4rem;
}
.subbox .link_area a{
    float:left;
}
.subbox .link_area a:last-child{
    color:#666;
    float:right;
}
.otherlogin{
    width:100%;
    height: auto;
    padding:0 .15rem;
    overflow: hidden;
    margin-top:.8rem;
}
.otherlogin fieldset{
    border-top:1px solid #DCDCDC;
    font-size:.12rem;
    color:#333;
    text-align: center;
}
.otherlogin fieldset legend{
    padding:0 .28rem;
}
.otherloginbtn{
    width:100%;
    height:.46rem;
    margin-top:.5rem;
}
.otherloginbtn a{
    display: block;
    float:left;
    padding-top:.32rem;
    width:.28rem;
    height:.45rem;
    font-size:.12rem;
    color:#666;
    background:url(../img/otherlogin.png) no-repeat .03rem top;
    background-size:auto .23rem;
    margin-left:.55rem;
    text-align: center;
}
.otherloginbtn a:last-child{
    float:right;
    margin-right:.55rem;
    background-position-x:-.42rem;
}
/*个人资料*/
.datewrap{
    width:100%;
    height: auto;
    overflow: hidden;
    
}
.detialdate{
    display: flex;
    -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
    height:.45rem;
    line-height:.45rem;
    padding:0 .14rem;
    background:#fff;
    margin-bottom:1px;
    font-size:.14rem;
    color:#333;
    position: relative;
}
.detialdate:first-child+.detialdate:after{
    border:none;
}
.detialdate p{
    width:.6rem;
}
.detialdate span{
    text-align: end;
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;;
    margin-right: .15rem;
    color:#999;
    font-size:.12rem;
}
.detialdate .sexwrap{
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;;
    height:.45rem;
}
.detialdate .sexwrap .sexcheck{
    width:15%;
    height:.45rem;
    line-height:.45rem;
    float:right;
    display: flex;
    -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
    margin-right:.1rem;
    color:#999;
    font-size:.12rem;
}
.detialdate .sexwrap .sexcheck input[type="radio"]{
    background:#2B2B2B;
}
.detialdate:after{
    content: "";
    width: 0;
    height: 0;
    border-top:.04rem solid transparent;
    border-bottom: .04rem solid transparent;
    border-left: .04rem solid #999;
    position: absolute;
    right:.1rem;
    top: 50%;margin-top:-.02rem;
    border-radius: 20%;
}
/*mask*/
.datemask{
    width:100%;height:100%;
    position:fixed;
    top:0;left:0;background:rgba(0,0,0,.7);
    display:none;
    z-index:99;
}
.popup{
    width:2.8rem;
    height:1.6rem;
    background:#F0F0F0;
    margin:-.8rem auto 0;
    position: absolute;
    top:50%;left:0;right:0;
    border-radius:5px;
}
.poptit{
    width:100%;
    height:.4rem;
    color:#333;
    font-size:.14rem;
    text-align: center;
    line-height:.4rem;
    border-bottom:1px solid #DCDCDC;
}
.popup form input{
    width:90%;
    height:.3rem;
    background:#fff;
    padding:0 .1rem;
    margin:.2rem auto;
}
.popup form .popbtn{
    width:90%;
    height:.35rem;
    margin:0 auto;
}
.popup form .popbtn a{
    display:block;
    width:48%;
    height:.35rem;
    border:1px solid #F16565;
    text-align: center;
    line-height:.35rem;
    font-size:.16rem;
    color:#F16565;
    background:#fff;
    float:left;
    border-radius:3px;
}
.popup form .popbtn a:last-child{
    float:right;
    color:#fff;
    background:#F16565;
}