body {
    background-color: #FFFFFF;
}

img {
    max-width: 100%;
}


/*===ÉêÇëÊÔÓÃ===*/
.register-box{
    padding-top:3rem;
    margin-bottom:7rem
}
.apply-er {
    width:30%;
    float:left;
    padding-top:4rem;
    text-align:center
}
.apply-content {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 1px 12px rgba(21, 137, 243, 0.2);
}
.apply-all-input{
    width:70%;
    float:right;
    padding: 45px 0px;
    padding-left:7%;
    padding-right:40px;
    position:relative
}
.apply-all-input::after{
    width:1px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    content:"";
    background:rgba(220, 228, 245, 0.5);
}
.inp-row {
    width:31%;
    float:left;
    margin-right:2%;
    margin-bottom: 25px;
    position:relative
}
.texta-row{
    width:64%;
}
.met1{
    width: 240px;
    height: 42px;
    line-height:42px;
    padding-top:0;
    margin-top: 50px;
    background: rgba(29, 120, 255, 1) !important;
}
.met1:hover{
    opacity:0.8
}
.inp-row div {
    margin-bottom: 10px;
}
input{
    outline-style: none;
    background: rgba(220, 228, 245, 0.1);
    border: 1px solid rgba(220, 228, 245, 1);
    border-radius: 3px;
    padding: 12px 14px;
    width: 100%;
    font-size: 14px;
}
input::placeholder,.textarea-text::placeholder{
    color: rgba(64, 71, 92, 0.5);
}
.textarea-text{
    height: 140px;
    width: 100%;
    resize:none;
    background: rgba(220, 228, 245, 0.1);
    border: 1px solid rgba(220, 228, 245, 1);
    outline:none;
    padding:15px;
}
.apply-input {
    display: inline-block;
    text-align: initial;
    height: 278px;
}
.verify-code{
    width:111px !important;
    position:absolute;
    right:0;
    height:43px !important;
    line-height:43px !important;
    background: rgba(220, 228, 245, 1) !important;
}


/*===ÊÊÅäÊÖ»ú¶Ë===*/
@media (min-width:320px) and (max-width:768px) {
    .ny-banner {
        padding-bottom: 50%
    }
    .register-box {
        margin-bottom: 4rem;
    }
    .apply-er {
        display: none
    }
    .apply-all-input{
        width:100%;
        padding-right:7%;
        overflow:hidden
    }
    .apply-input{
        height:auto;
        overflow:hidden
    }
    .apply-all-input::after {
        display: none
    }
    .inp-row{
        width:100%;
        margin-right:0;
        margin-bottom:10px;
    }
    .verify-code-area{
        width:100% !important;
    }
    .verify-input-area{
        width:100% !important;
    }
    .varify-input-code{
        width:100% !important
    }
    .met1{
        width:100%;
        height:42px;
        line-height:42px !important;
        padding-top:0;
        margin-top:0px;
    }
   
}

@media (min-width:769px) and (max-width:1080px) {
    .ny-banner{
        padding-bottom:30%
    }
   
}