* {
	margin: 0;
	padding: 0;
}

.mui-content {
	background-color: #FFFFFF;
	height: 100%;
}

body,
html {
	width: 100%;
	height: 100%;
}

p {
	font-size: 14px;
	margin-bottom: 0px;
}

#container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


/*****mui组件的样式修改*****/
.mui-bar {
	background-color: #4f8ef7;
	color: #FFFFFF;
}

.mui-bar .mui-icon {
	font-size: 16px;
	padding-top: 15px;
	color: #FFFFFF;
}

.mui-title {
	color: #FFFFFF;
}

.mui-off-canvas-left,
.mui-off-canvas-right {
	background-color: #EEEEEE;
	width: 30%;
	top: 44px;
}

.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop{
	top: 44px;
}



/***************内容列表***********/
ul,li{
	list-style: none;
	touch-action: none;   /*触摸时间不会产生默认行为*/
}
.detailList{
	position: relative;
	flex: auto;
}
.detailList li{
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
}
li>.time{
	color: #999999;
}
li>.money{
	color: #3C3C3C;
}
li.active{
	background-color: #F7F7F7;
}
li.active>.time{
	color: #ff801a;
}
li.active>.money{
	color: #FF801A;
}

.allMoney{
	color: #3C3C3C;
	font-size: 16px;
	text-align: center;
}
.allMoney>span{
	padding: 0px 20px;
}

.setTime{
	display: flex;
	justify-content: center;
	align-items: center;
}
.setTime>label{
	padding: 20px 15px;
	color: #999999;
}
.setTime img{
	width: 10px;
	height: 13px;
}


/**********筛选列表**********/
#filterBox>ul>li{
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #999999;
	background-color: #FFFFFF;
}

#filterBox>ul>li+li{
border-top: 1px solid #EEEEEE;
}

#filterBox>ul>li.changeType{
	background-color: #000000;
	color: #FFFFFF;
}

#filterBox>ul>li.active.type{
	color: #3399ff;
}


/***********去除滚动条************/
.mui-scrollbar.mui-scrollbar-vertical {
	width: 0px;
}