html,body,div,h3,p,span,ul,li,input {
    margin: 0;
    padding: 0;
}
input {
    border:none;
    outline: none;
}
input::-webkit-input-placeholder{
    color: #C1C1C1;
}
img {
    border:none;
}
html,body {
    background: #fff;
}
button {
    border: none;
    resize:none; 
    outline:none;
    -webkit-appearance:none;
}
@font-face {
    font-family: titleFont;
    src: url('./fonts/simple.eot?#iefix') format('embedded-opentype'), url('./fonts/simple.ttf') format('truetype');
}
.reg-form .agreement {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.48rem;
    margin-bottom: 0.24rem;
    font-size: 0.28rem;
}
.agreement img {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
}
.agreement .agreement-img {
    display: flex;
    align-items: center;
    margin-right: 0.2rem;
}
.agreement .agreement-content a{
    color: #053DC8;
}
.reg-top {
    height: 4.8rem;
    text-align: center;
    background:url('https://js.dingdandao.com/library/pms_index/images/reg-img.jpg') no-repeat top center/100%;
}
.reg-top .reg-top-title {
    width: 5.12rem;
    display: inline-block;
    color: #fff;
    font-family: titleFont;
    font-size: 0.32rem;
    padding-top: 3.16rem;
}
.reg-form {
    margin: 0.28rem 0.65rem 0 0.65rem;
    text-align: center;
    font-size: 0.3rem;
}
.reg-form>div {
    padding-left: 0.2rem;
    padding-right: 0.2rem; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reg-form>div input {
    flex: 1;
    text-indent: 0;
    background: transparent;
    border: 0 none;
    resize:none; 
    outline:none;
    -webkit-appearance:none;
    font-size: 0.3rem;
    line-height: normal;
    color: #444;
}
.reg-form .reg-form-phone {
    padding-bottom: 0.14rem;
}
.reg-form .reg-form-phone .vertical {
    color: #444;
}
.reg-form .reg-form-phone .phone {
    font-family: 'PingFangSC-Regular';
}
.reg-form-phone-region {
    font-family: 'PingFangSC-Medium';
    margin-right: 0.2rem;
    color: #444;
}
.reg-form-name {
    padding-top:0.32rem ;
    padding-bottom: 0.32rem;
}
.reg-form-textcode {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.reg-form-textcode button {
    border: 1px solid#053DC8;
    border-radius: 4px;
    color: #053DC8;
    padding: 0.08rem 0.16rem;
    white-space: nowrap;
}
.reg-form-password {
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
}
.reg-form-phone,.reg-form-textcode,.reg-form-name,.reg-form-password {
    border-bottom: 1px solid #E3E3E3;
}
.reg-form-password-delete {
    display: inline-block;
    width:0.28rem;
    height: 0.28rem;
    cursor: pointer;
    display: none;
    background: url('./img/index-new-reg-delete.png') no-repeat center/cover;
}
.reg-form-button {
    /* margin-top: 0.7rem; */
    border-radius: 8px;
    padding: 0;
    color: #FFF;
    width: 6rem;
    height:1rem;
    margin-left: -0.21rem;
    background: url('https://static.dingdandao.com/eluyunWap/regBtn.png') no-repeat center/cover;
}
.reg-form-button:disabled .grey {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
}
.reg-form-button:active {
    opacity: 80%;
}
.reg-remind-text {
    padding-top: 0.24rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #9B9B9B;
    text-align: center;
    margin-top: -10px;
}
.reg-remind-texts {
    color: #9B9B9B;
    margin-bottom: 0.5rem;
    text-align: center;
    word-break: break-all;
}
.reg-modal {
    opacity: 0;
    background: #000;
    border-radius: 4px;
    font-size: 0.28rem;
    z-index: 12;
    color: #FFF;
    padding: 0.11rem 0.3rem;
    display: none;
}
.reg-imagecode-modal,.reg-modal,.reg-ok-modal{
    position: fixed;
    top:50%;
    left:50%;
    transition: all 0.75s ease;
    transform: translate3d(-50%, -50%,0);
}
.reg-imagecode-modal {
    background: #FFF;
    z-index: 10;
    border-radius: 12px;
    text-align: center;
}
.reg-imagecode-modal p {
    margin:0.32rem 0 0.21rem 0 ;
    font-size: 0.34rem;
    color: #4A4A4A;
}
.reg-imagecode-modal img {
    width:4.5rem;
    height:1.2rem ;
    margin-bottom: 0.4rem;
}
.reg-imagecode-modal input {
    font-size: 0.3rem;
    padding-bottom: 0.32rem;
    width:3.87rem;
}
.reg-imagecode-bottom {
    margin-top: 0.46rem;
    border-top:1px solid #dbdbdb;
    display: flex;
}
.reg-imagecode-bottom button {
    flex: 1;
    font-size: 0.34rem;
    color: #007AFF;
    padding:0.23rem 0 0.16rem 0 ;
    background: #fff;
}
.reg-imagecode-bottom button:last-child {
    border-left:1px solid #dbdbdb;
}
.reg-imagecode-container,.reg-ok-container{
    display: none;
    background: rgba(22,22,22,0.4);
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index: 9;
}
.reg-ok-modal {
    z-index: 10;
    background: #FFF;
    text-align: center;
    width:5.3rem;
    border-radius: 12px;
    box-sizing: border-box;
}
.reg-ok-content {
    padding:0.6rem 0.93rem 0.4rem 0.93rem;
}
.reg-ok-title {
    /* display: inline-block; */
    font-size: 0.4rem;
    color: #1C2124;
}
.reg-logo {
    width: 1.48rem;
    height: 1.68rem;
}
.reg-ok-modal .reg-ok-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    height:3.41rem;
}
.reg-ok-modal .tips {
    line-height: 1.5;
    margin-top: 0.2rem;
} 
.reg-ok-modal h3{
    font-size: 0.4rem;
    color: #333333;
    margin-top: 0.42rem;
    margin-bottom: 0.28rem;
}
.reg-ok-modal p {
    font-size: 0.24rem;
    color: #9B9B9B;
}
.downloadapp,.returnindex {
    padding: 0.22rem 0;
    border-radius: 6.4px;
    font-size: 0.26rem;
    width:3.45rem;
    box-sizing: border-box;
}
.downloadapp {
    color:#fff;
    margin-top: 0.6rem;
    font-size: 0.26rem;
    background: linear-gradient(136deg, #3770FF 0%, #053DC8 100%);
}
.downloadapp:active {
    opacity: 0.8;
}
.returnindex {
    color:#053DC8;
    border: 1px solid #053DC8;
    padding: 0.2rem 0;
    margin-top: 0.2rem;
}
.returnindex:active {
    opacity: 0.8;
}
.reg-form-getcodebtn {
    width:1.8rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.reg-form-getcodebtn:disabled {
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    color:#c8c8c8;
}