input:focus,
textarea:focus {
    outline: none;
}

#particles-js {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/login_bg.png);
    background-size: 100% 100%;
}

.content {
    width: 5.54rem;
    height: 5.26rem;
    background-image: url(../images/login_content.png);
    background-size: 100% 100%;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.77rem;
    margin-left: -2.63rem;
}

.title {
    margin-top: .9rem;
    font-size: .36rem;
    color: #49e1ff;
    text-align: center;
    letter-spacing: 5px;
    text-shadow: 1px 2px 2px #37a2b6;
    font-family: "黑体";
}

.input_box {
    width: 4.3rem;
    margin: .4rem auto .1rem;
}

.input_list {
    margin: .22rem 0;
    height: .48rem;
    position: relative;
}

.input_icon.layui-icon {
    position: absolute;
    width: .5rem;
    height: 100%;
    background-color: #0fd5ff;
    font-size: .25rem;
    text-align: center;
    line-height: .5rem;
}

.input_text {
    width: 100%;
    height: 100%;
    line-height: .48rem;
    border: 1px solid #20bcfc;
    background-color: rgba(9, 157, 211, 0.2);
    padding: 0;
    box-sizing: border-box;
    padding-left: .6rem;
    color: #49e1ff;
    font-size: .22rem;
    letter-spacing: 2px;
}

.input_text:focus {
    border: 2px solid #20bcfc;
    box-shadow: 1px 1px 3px #20bcfc;
}

.input_text::placeholder {
    color: #3990b2;
    font-size: .18rem;
    letter-spacing: 2px;
}

.login_btn {
    background: linear-gradient(0deg, #11dbff, #019fff);
    border: 1px solid #134b7e;
    text-align: center;
    line-height: .5rem;
    color: #ffffff;
    font-size: .22rem;
    cursor: pointer;
    letter-spacing: 5px;
}

.error_msg {
    text-align: center;
    color: #C12121;
    margin-top: .15rem;
}

.error_msg>i {
    margin-right: 5px;
}