:root{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
};

*{
    box-sizing: inherit;
}

html,body{
    font-family:Arial,Verdana,Sans-serif;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-10px); }
  50% { transform: translateX(10px); }
  75% { transform: translateX(-10px); }
  100% { transform: translateX(10px); }
}
 
.shake-animation {
  animation: shake .2s; /* 抖动的持续时间 */
  animation-iteration-count: 1; /* 抖动的次数，这里设置为无限次 */
}


/*a:link{
    text-decoration: none;
}

a:visited{
    color:#ccc;
}

a:hover{
    text-decoration: underline;
    color: #0866ff;
}

a:active{
    color: red;
}*/

.btn{
    border: none;
    color:#000;
    background: #ccc;
}

.btn-bg{
    color:#fff;
    background: -webkit-linear-gradient(top, #946134, #693905 40%, #693905 60%,#946134 );
}

.btn-bg:hover{
   filter: brightness(85%); /* 使颜色变暗 */
}

.btn-bg:active{
    filter: brightness(70%); /* 使颜色变暗 */
}

.error{
    color: red;
}

.problems-box{
    cursor: pointer;
}

.problems-box:hover{
    color:#333;
}

.wxcode-box{
    display: none;
    position: absolute;
    background: #fff;
    padding: 6px;
}
.wxcode-box img{
    widows: 8rem;
    height: 8rem;
}

.problems-box:hover .wxcode-box{
    display: block;
}

.nowrap{
    display: flex;
    justify-content : space-around;
    align-items: center;
}

.align-center{
    text-align: center;
    margin: auto;
}

.align-right{
    text-align: right;
    margin:auto;
}

/* PC端 */
@media (min-width: 1080px){
    html, body{
        font-size: 1rem;
        background: #F0F2F5;
    }

    .register-box{
        display: flex;
        height: 90vh;
        left: 0px;
        right: 0px;
        align-items: center;
        justify-content: center;
    }

    .register{
        margin: auto;
        background: #fff;
        padding: 3em 6em;
        border-radius: .5em;
        /*box-shadow: 0px 0px 10px #888888;*/
    }

    input{
        padding: .6em;
        margin: .5em;
        border-radius: .2em;
        border: 0.5px solid #ccc;
        width: 18rem;
    }

    .margin{
        margin: .5em;
    }

    .padding{
        padding: .5em;
    }

    .btn{
        width: 19rem;
    }

    .logo{
        width:8rem;
    }

    .prompt{
        font-size: 0.825em;
        color: blue;
    }

    .code{
        width: 9rem;
    }

    .btn__code{
        width: 8rem;
    }
}



/* 移动端 */
@media (max-width: 1080px){
    *{
        font-size: 1.5rem;
    }

    .register-box{
        display: block;
        width: 98vw;
        height: 100%;
    }

    .register{
        margin: auto;
        background: #fff;
        padding: 3em 1em;
    }

    input{
        padding: .6em;
        margin: .5em;
        border-radius: .2em;
        border: 0.5px solid #ccc;
        width: 70vw;
    }

    .margin{
        margin: .5em;
    }

    .padding{
        padding: .5em;
    }

    .btn{
        width: calc(70vw + 1em);
    }

    .logo{
        width:40vw;
    }

    .prompt{
        font-size:1.2rem;
        color: blue;
    }
}