*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}

.login{
    text-align: center;
    margin: 30px auto;
    width: 600px;
    height: 520px;

    background-color: rgba(87, 86, 86, 0.2);
    border-radius: 25px;
    box-shadow: 5px 2px 35px -7px #403734;
}
.login h2{
    margin-top: 40px;
    color: #ff5e3a;
    font-weight: 100;
}
.logintitle{
    margin-top: 40px;
    color: #ff5e3a;
    font-size: 24px;
}
.login_form{
    padding: 20px;
}
.login_form span{
    color: #292524;
    font-size: 18px;
    font-weight: 100;
}
.login_form input{
    background-color: transparent;
    width: 320px;
    padding: 2px;
    text-indent: 2px;
    color: white;
    font-size: 20px;
    height: 45px;
    margin: 20px 30px 30px 5px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #ff5e3a;
}

input::placeholder{
    color: #292524;
    font-weight: 100;
    font-size: 18px;
    font-style: italic;
}


/* 定义动画 */
@keyframes login_mation
{
    from {
        background-color: rgba(255, 255, 255, 0.582);
        box-shadow: 0px 0px 15px 2px #ff5e3a;
    }
    to {
        background-color: transparent;
        color: white;
        box-shadow: 2px 2px 15px 2px #ff5e3a;
    }
}