XinXiangXLX_UI/WeChat/client-side/css/index.css

body {
	font-size: 14px;
	background: url(../../img/background.png) no-repeat top center;
	background-position: 0 -60px;
	background-size: 100%;
}
p{margin: 0;}
/*导航*/

.mui-nav{ 
	position: fixed;
	width: 100%;
	top: 0px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #22c9a8;
	z-index: 333;
	color: #FFFFFF;
	font-size: 17px;}
.mui-nav a{ 
	position: absolute;
	left: 15px;
	line-height: 44px;
	color: #FFFFFF;
	}
.mui-nav span{
	position: absolute;
	right: 15px;
	line-height: 44px;
	font-size: 13px;
}
/*导航样式*/
.mui-tabs{
  	bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
.mui-tabs-item{
	display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}
.mui-icon {
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    position: relative;
    z-index: 20;
}
.mui-tab-label {
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mui-active{
	color: #2cc6a7;
}

/*首页样式*/
.mui-grid-view.mui-grid-9{
	background: #FFFFFF;
}
.mui-bar-nav {
	background-color: #393a3f;
}
.mui-title{color: #FFFFFF;}

.mui-content{
	background: none;
}
.mui-table-view-cell{
	padding:0px 15px !important;
	
}
.mui-media-body{
	font-size: 12px !important;
}
.mui-media{
	position: relative;
}
.Icon{ 
	width: 22px; 
	height: 22px;
	margin: 0 auto;}
.Icon .mui-icon-img-1c{
	display: none;
}
.Icon .mui-icon-img-1h{
	display: block;
}
.Icon img{ width: 100%;}
.mui-icon img{
	width: 100%;
}
.itemdiv{ display: none;}
.sanjiao_down{
	bottom: 0px;
	left: 50%;
	margin-left: -7px;
	position: absolute;
    width:0;
    height:0;
    overflow:hidden;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width:7px;
    border-style:solid dashed dashed dashed;/*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
    border-color:transparent transparent #22c9a8 transparent;
    display: none;
}

.mess_num{
	position: absolute;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #FFFFFF;
	background: #e03333;
	top: 5px;
	right: 10px;
	z-index: 2;
	-moz-border-radius: 8px; /* Firefox */
  	-webkit-border-radius: 8px; /* Safari 和 Chrome */
  	border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.details_line{
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cardfixe{
	position: fixed;
	margin: 0;
	left: 2%;
	top: 10px;
	width: 96%;
	z-index: 333;
}
#pullrefresh{
	margin-top: 100px;
}
.mui-card-header {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 25px;
    min-height: 25px;
    padding: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #f0f0f0; 
    overflow: hidden;
}
.mui-card-footer{
	display: block;
}
.fl{
	float: left;
}
.fr{float: right;}
.mui-card-header span{
	padding: 0 11px;
	color: #22c9a8;
}
.mui-card-header .fr span {
	color: #999999 !important;
}
.mui-card-content-inner-span{
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.mui-card-content-inner-span span{
	color: #666666;
	font-size:13px;
}
.font-color1{
	color: #e03636 !important;
}
.mui-card-content{
	font-size: 16px;
}
.mui-card-content p{
	font-size: 16px;
	/*text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 68px;*/
}
.font-color2{
	color: #303030 !important;
}
.font-color3{
	color: #666666 !important;
	font-size:13px;
}
.font-color4{
	color:#22c9a8 ;
}
.margin{
	margin: 12px 0px;
}
.mui-card-content-inner{
	padding: 10px 10px 5px 10px;
}
.mui-card-footer{
	padding: 6px 12px;
	min-height:0px;
	overflow: hidden;
}
.mui-card-footer-fl{
	float: left;
	font-size: 12px;
}
.mui-card-detail{
	display: block;
}
.mui-card-footer-fl span{
	margin-left: 10px;
}
.mui-card-footer-flimg{
	width: 22px;
	height: 22px;
	-moz-border-radius: 11px; /* Firefox */
  	-webkit-border-radius: 11px; /* Safari 和 Chrome */
  	border-radius: 11px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.mui-card-footer-flimg img{
	width: 22px;
	height: 22px;
	-moz-border-radius: 11px; /* Firefox */
  	-webkit-border-radius: 11px; /* Safari 和 Chrome */
  	border-radius: 11px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.mui-card-footer-fr{
	float: right;
}
.mui-card-footer-fr button{
	font-size: 12px;
	padding: 3px 24px;
	margin-top: 0px;
	background: #22c9a8;
}
.mui-card-header .fl button{
	padding: 0px 5px;
	margin: 3px 0px 3px 11px;
	font-size: 12px;
	background: #47a6e8;
}
.add_icon{
	position: fixed;
	bottom: 90px;
	left: 35px;
	width: 30px;
	z-index: 3333;
	display: none;
}
.add_icon img{
	width: 100%;
}
.add_icon button{
	width:50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background:#2CC6A7;
	border:none;
}