* {
    /* 初始化，清除页面元素的内外边距 */
    padding: 0;
    margin: 0;
    /* 盒子模型 */
    box-sizing: border-box;
}

body {
    
    /* 让页面始终占浏览器可视区域总高度 */
    height: 100vh;
    /* 背景 */
    
    background: url(../img/bg.png) no-repeat center center;
    background-size: 100% 100%;
    background-color: #101142;
}

.login {
    position: absolute;top: 50%;left: 50%;margin-left: -150px;margin-top: -350px;
    width: 300px;height: 500px;
}

.login h2 {
    color: #fff;text-align: center;
    margin-bottom: 60px;
}

.login .login_box {
    /* 相对定位 */
    position: relative;
    width: 100%;
}

.login .login_box input {
    /* 清除input框自带的边框和轮廓 */
    outline: none;
    width: 100%;padding: 0 10px;
    margin-bottom: 30px;
    color: #333;
    font-size: 16px;
    height: 40px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.23);
    margin-top: 6px;
}

.login .login_box label {
    color: #fff;
}


.login .button {
    width: 100%;text-align: center;
    padding: 10px 0;
    color: #fff;
    border-radius: 60px;
    background: linear-gradient(90deg, rgba(41, 128, 227, 1) 0%, rgba(99, 69, 222, 1) 100%);
    box-shadow: 0px 2px 10px  rgba(0, 0, 0, 0.04);
}

.alert{
    width: 100%;height: 100%;background: rgb(0, 0, 0,0.7);position: absolute;left: 0;top: 0;z-index: 99;display: none;
}
.alertBox{
    text-align: center;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 20px 0;
}
#alertError .alertBox{
    width: 260px;height: 170px;margin-left: -130px;margin-top: -85px;
    position: absolute;left: 50%;top: 50%;z-index: 100;
}
#alertSuccess .alertBox{
    width: 260px;height: 170px;margin-left: -130px;margin-top: -85px;
    position: absolute;left: 50%;top: 50%;z-index: 100;
}
.alertBox img{
    width: 50px;
}
.alertBox h6{
    font-size: 16px;font-weight: 400;line-height: 26px;
}
.alertBox span{
    font-size: 18px;color: #2A82E4;font-weight: 700;
}
.alertBox img.alertClose{
    position: absolute;right: -25px;top: -25px;z-index: 100;
    width: 25px;
}