/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */



/*---------ul标签----------*/
ul{padding:0;margin:0;}
li{list-style:none;}

/*---------a标签----------*/
a{text-decoration: none;color:black;}
a:active{color:black;}

/*---------浮动----------*/
.flt-left{float:left;}
.flt-right{float:right;}

.clearB{clear:both;}

/*---------颜色----------*/
.css-color{color:#0E5285;}
.css-bg{background:#0E5285;}
.bg-white{background-color:white;}

/*---------图片无缝----------*/
.mui-content img{vertical-align: bottom;}

/*---------字体----------*/
body,.mui-content{
	font-family: 'Source Han Sans', 'Source Han Sans', 'Microsoft YaHei', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', system-ui;
	font-size: 1em;
	color: #3D3D3D;
}
.size-75{
	font-size: 0.75em;
}
.size-85{
	font-size: 0.875em;
}

/*---------遮盖----------*/
.cover{
	background:black;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.5;
	z-index:10;
	display:none;
}


/*---------输入框----------*/
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	margin:0;
	font-family:'Microsoft Yahei';
	font-size: 1em;
}

/*------------单行省略------------*/
.ellipsis1{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}


/*------------多行省略------------*/
.ellipsis{
	text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}

/*---------底部导航----------*/
.nav-bar{
	background:#efeff4;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	z-index:100;
	box-shadow:0 0 2px #ccc
}


/*---------9宫格----------*/
.mui-grid-view.mui-grid-9{
	background:white;
	border:0;
}
.mui-grid-view.mui-grid-9 .mui-media .mui-icon{
	font-size:2em;
	color:red;
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
	font-size:0.7em;
	color:#666;
}