/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
.mui-plus.mui-android header.mui-bar{
	display: none;
}
.mui-plus.mui-android .mui-bar-nav~.mui-content{
	padding: 0;
}

/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}
.mui-inline{display: block; height: 3px;}
.mui-user-bar-nav{background-color: red;color: #FFFFFF;}
.mui-user-bar-nav .mui-icon-gear,.mui-user-bar-nav .mui-action-back{color: #FFFFFF;font-weight: bold;}
.mui-user-bar-nav .mui-title{color: #FFFFFF;font-size: 0.9em;}
.mui-user-info{padding-top: 28px;height: 140px; background-size: 100% 100%;background-image: url({$config['UCBG']});}
.mui-user-info .mui-head-img{background-image:url(/Uploads/587b00795482d.jpg);background-size: 100%;height:60px; width: 60px; text-align: center;background-color: #fff;border-radius: 50%;margin: 0 auto;}
.mui-user-info p{text-align: center;color: #ffffff;margin-bottom:2px;}
.mui-user-info p.mui-vine{font-size: 0.7em;color: #000; width:90px;margin: 0 auto;display: block;border-radius: 10px;background-color: #FFF;    padding: 0 6px;text-align: left;}
.mui-vine .fa{font-size: 1em;color: #dcc98b;font-weight: bold;}
.mui-table-view .mui-icon{position: relative;}
.mui-table-view .mui-icon .mui-badge{margin-left: -4px;}
.mui-grid-view.mui-grid-9{background-color:#fcffff;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.fa{font-size: 2.4em;position: relative;}
.fa-cart-plus,.fa-folder-open-o,.fa-bolt,.fa-bell-o,.fa-flag,.fa-external-link,.fa-truck,.fa-history,.fa-cloud-download{color:#f61732;}
.fa-trophy,.fa-sitemap,.fa-group,.fa-line-chart{color:#0051ff;}
.fa-battery-three-quarters,.fa-exchange,.fa-diamond,.fa-star-o,.fa-file-image-o{color: #f61732;}
.fa-graduation-cap,.fa-warning,.fa-edit,.fa-sign-out{color: #0051ff;}
.fa-windows{color: #0051ff;}
@media (min-width:320px) {
	
	.mui-col-sm-12{width: 100%}
	.mui-col-sm-11{width: 91.66666667%}
	.mui-col-sm-10{width: 83.33333333%}
	.mui-col-sm-9{width: 75%}
	.mui-col-sm-8{width: 66.66666667%}
	.mui-col-sm-7{width: 58.33333333%}
	.mui-col-sm-6{width: 50%}
	.mui-col-sm-5{width: 41.66666667%}
	.mui-col-sm-4{width: 33.33333333%}
	.mui-col-sm-3{width: 25%}
	.mui-col-sm-2{width: 16.66666667%}
	.mui-col-sm-1{width: 8.33333333%}
	.mui-grid-view.mui-grid-9 .mui-media .mui-icon {font-size: 1.2em;position: relative}
	.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 0.7em; margin-top: 2px;}
	//*.mui-table-view .mui-icon .mui-badge {margin-left: -15px;}*/
	
} 

