html,
body {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #141e6e;
    /* background: radial-gradient(at center, #0075c3, #000b61) */
    background:url("../ht.jpg") no-repeat;
    background-size:100% 100%;
}

.apImgTitle {
    position: fixed;
    width: 42%;
    left: 30%;
    top: 30%
}

.apTitle {
    color: #fff;
    font-weight: 800;
    font-family: "微软雅黑";
    position: fixed;
    top: 36%;
    right:520px;
    text-align: left;
}
.apTitle p{
    margin:0;
    padding-right:38px;
    font-size:20px;
}
.apTitle .platform{
    text-align:left;
    font-size: 42px;
    margin:26px 0 0 0;
    letter-spacing: 14px;
}
.apTitle .version{
    font-size:25px;
}
.logcon {
    position: fixed;
    width: 342px;
    top: 25%;
    right:160px;
    text-align: center;
    background:#fff;
    border-radius:16px;
    box-sizing:border-box;
    box-shadow: 0px 0px 60px 3px;
}
.login-title{
    display:flex;
    justify-content:space-between;
    position:relative;
    padding:16px 28px;
    margin:0;
}
.login-title::after{
    content:"";
    display:block;
    background-color:#dfdfdf;
    height:1px;
    width:342px;
    position:absolute;
    left:0;
    bottom:0;
}
.login-item{
    border:2px solid #dfdfdf;
    margin:10px 28px;
    border-radius:6px;
    display:flex;
    align-items:center;
}
.login-item .label{
    width:26px;
    height:26px;
}
.lable-width{
    width:48px;
    height:36px;
    background:#f9f9f9;
    display:flex;
    align-items:center;
    justify-content:center;
}
.logcon input {
    padding: 10px 15px;
    border-radius: 3px;
    border: none;
    margin-right: 10px;
    width: 180px;
    outline:none;
}

.logcon button {
    padding: 7px 20px 10px;
    border: none;
    background:#103ce5;
    color:#fff;
    font-size:18px;
    text-align:center;
    width:86%;
    border-radius:6px;
    display:flex;
    justify-content:center;
    margin:0 auto;
    outline:none;
}
.nopassword{
    display:flex;
    align-items:center;
    justify-content:left;
    vertical-align:middle;
    padding-left:28px;
    user-select:none;
    color:#949494;
}
.nopassword img{
    margin-top:6px;
}
.logcon button:hover {
    cursor: pointer;
    background:#103ce5;
    color: #fff;
}
canvas {
    display: block;
    vertical-align: bottom
}

#particles-js {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}