html,body{
	width: 100%;
	height: 100%;
    background: #FAFAFA;
    overflow: hidden;
}
.mui-content{
	height: 100%;
    background: #fff;
}
.mui-title{
	font-size: 16px;
}
.mui-bar{
	border-bottom: 1px solid #EBEBEB;
}
.header_btn_icon{
	margin-top: 6px;
    font-size: 30px!important;
}
.header_btn_icon:after{
	width: 0;
}
.mui-scroll-wrapper{
	top: 44px;
}
.logo_img{
	display: inline-block;
	width: 160px;
	height: 80px;
	/*background: url(../img/logo1@3x.png)no-repeat;
	background-size: contain;*/
	margin-top: 60px;
	color: #666;
}
.login_input_wrap{
	width: 100%;
	padding: 0 20px;
}
.login_input_wrap li{
	border-bottom: 1px solid #F5F4F3;
	padding: 5px 0;
}
.login_input_wrap li:last-child{
	border-bottom: none;
	padding: 10px 0;
}
.btn_wrap{
	margin-top: 80px;
}
.login_btn{
	width: 90%;
	margin-bottom: 15px;
	padding: 0;
	height: 50px;
	line-height: 50px;
}
.login_text{
	padding: 0 40px;
}
.login_text_right{
	border-left: 1px dashed #C6C0BA;
}
select{
	margin-bottom: 0;
}
.user_rank{
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.mz_back_box{
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	display: none;
}
.loading_wrap{
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.loading_text{
	text-align: center;
	color: #ddd;
	padding-top: 30px;
}
.loading{
	width: 80px;
	height: 40px;
	margin: auto;
}
.loading span{
	display: inline-block;
	width: 8px;
	height: 100%;
	border-radius: 4px;
	background: lightgreen;
	-webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
	0%,100%{
		height: 40px;
		background: lightgreen;
	}
	50%{
		height: 70px;
		margin: -15px 0;
		background: lightblue;
	}
}
.loading span:nth-child(2){
	-webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
	-webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
	-webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
	-webkit-animation-delay:0.8s;
}