*{padding: 0;margin: 0}
html{font-size: 10px;}
body,html,#app{width: 100%;height: 100%;}
body{width:100%;height:100%;font-family:"Microsoft YaHei UI";color:#fff;background-image: url(/static/images/h5_bg.png);background-position: center;background-size: cover;font-size: 1.4rem} 
.flex{display: flex;}
.justify-center{justify-content:center;}
.align-center{align-items:center;}
.flex-column{flex-direction:column;}

.login_box{
    padding: 4rem;
    width: 400px;margin: auto;
}
.logo {
    width: 15rem;
}

.logo img{max-width: 100%;}
.text_box{padding-top: 3rem;color: #fff;}
.text_box .text{font-size: 3rem;}

.login_form{margin-top: 3rem;}
.login_form .label{font-size: 1.6rem;margin-bottom: 1rem;color: #fff;}
.login_form .input_text{background: #EBEBEB;width: 100%;padding:16px;border:none;border-radius: 1rem;box-sizing:border-box;}
.login_form .group_text{margin-bottom: 2rem}
.login_form .login_button{background: #bf2e38;color: #fff;font-size: 1.4rem;padding:1.5rem;text-align: center;border-radius: 1rem;}
@media screen and (max-width: 768px) {
	.login_box{
	    width: unset;
	}
}