*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    background: #d0f1f6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-container{
    background: white;
    width: 490px;
    height: 600px;
    margin: 0 auto;
    padding: 90px 30px;
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.dl-form h1{
    color: #333333;
    font-weight: 700;
    font-size: 29px;
    text-align: center;
}
.dl-form h1 span{
    color: #3580f8;
}
#xiaoshan_login_container p{
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    color: #999999;
    margin: 25px auto 20px;
}
#qrcode{
    margin: 0 auto;
}
#qrcode {
    width: 184px;
    height: 184px;
}
#qrcode img{
    width: 184px;
    height: 184px;
}
#qrcode-box{
    width: 220px;
    height: 220px;
    position: relative;
    margin: 0 auto;
    border: 1px solid #E2E2E2;
    padding: 18px;
}
/*.qrcode-reload:before {*/
/*	content: "";*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	opacity: 0.5;*/
/*	background-color: #848484;*/
/*}*/
.qrcode-reload {
    width: 184px;
    height: 184px;
    position: absolute;
    top: 18px;
    left: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qrcode-reload .tip {
    cursor: pointer;
}
.qrcode-reload-icon{
    background: url(data:image/png;base64,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) no-repeat center center;
    background-size: 100%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}
#login_tips {
    text-align: center;
}