@import "./base.css";
@import "./form.css";
@import "./nav.css?t=20231120";
@import "./3rd.css";


.signup-wrapper{
    margin: 0 auto auto;
    max-width: 1200px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}
.signup-box{
    width: 450px;
    margin: 0 auto;
    padding-bottom: 40px;
}
@media  (max-width:750px ) {
    .signup-box{
        width: 90%;
    }
}

.signup-box .form-icon-right .input-text-icon{
    width: 40px;
    height: 40px;
    top: 4px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.signup-box .confirm-button input,.signup-box .confirm-button>a{
    display: inline-block;
    width: 100%;
    color: #fff;
    background-color: #3D5CCD;
    border-radius: 8px;
    height: 40px;
    font-size: 16px;

    background-image: linear-gradient(to right, rgba(255,255,255,.1) 0%, rgba(255,255,255,.2) 10%, rgba(255,255,255,.2)  80%, rgba(255,255,255,.1)  100%);;
    background-repeat: no-repeat;
    background-size: 10% 100%;
    background-position: -100% center;
    transition: all .5s ease;

}
.signup-box .confirm-button>a{
    line-height: 40px;
}

.signup-box .confirm-button input:hover,.signup-box .confirm-button>a:hover{
    background-size: 150% 100%;
    background-position: 40% center;
    transition: all 1s ease;

}

.links-policy {
    display: flex;
    justify-content: flex-end;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #EEF;
}