.hide{
    display: none;
}
form {
    width: 86%;
    margin: 10% auto;
    max-width: 400px;
    text-align: center;
}

h2 {
    line-height: .8rem;
    font-size: .3rem;
    font-weight: 600;
}
.item {
    width: 100%;
    margin-bottom: 4%;
    line-height: .5rem;
    height: .5rem;
    position: relative;
}
img {
    width: .3rem;
    left: .1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
input{
    width: 100%;
    height: 100%;
    padding-left: .45rem;
}
.btn-area{
    margin: 5% 0;
}
.login,.register {
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    background: #32bd40;
    color: #fff;
    border-radius: .05rem;
    font-size: .2rem;
    cursor: pointer;
}
.switch{
    cursor: pointer;
}
.switch:hover{
    color: #32bd40;
}
.code-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #32bd40;
    line-height: .5rem;
    height: .5rem;
    color: #fff;
    cursor: pointer;
}