littleTiger/template/mobile/rainbow/static/css/mesg_center.css

@charset "utf-8";
	/* CSS Document */

/*消息中心*/
.mesg_center {
	width:100%;
	height:auto;
}
.mesg_caten1,.mesg_caten2 {
	width:92%;
	padding:0 4%;
}
.mesg_caten1 .mesg_items:last-child {
	border:none;
}
.mesg_items {
	width:100%;
	height:auto;
	padding:0.512rem 0;
	border-bottom:1px solid #efefef;
	overflow:hidden;
}
.mesg_items .mesg_img {
	width:1.749334rem;
	height:1.749334rem;
	float:left;
	display:block;
	position:relative;
}
.mesg_items .mesg_img img {
	width:100%;
	height:100%;
	border-radius:0.256rem;
}
.mesg_items .mesg_img i {
	width:0.768rem;
	height:0.768rem;
	background-color:#e91b1b;
	border-radius:50%;
	font-size:0.426667rem;
	color:#fff;
	line-height:0.768rem;
	text-align:center;
	position:absolute;
	right:-0.32rem;
	top:-0.32rem;
}
.mesg_items .mesg_thumb {
	width:84%;
	float:right;
	display:block;
	height:1.749334rem;
}
.mesg_items .mesg_thumb em {
	display:block;
	line-height:0.64rem;
	overflow:hidden;
}
.mesg_items .mesg_thumb em b {
	font-size:0.597334rem;
	color:#333;
	float:left;
}
.mesg_items .mesg_thumb em i {
	font-size:0.469334rem;
	color:#999;
	float:right;
}
.mesg_items .mesg_thumb p {
	font-size:0.512rem;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:0.512rem;
}
.bot_line {
	width:100%;
	height:0.426667rem;
	background-color:#efefef;
	margin:0;
	border:none;
}
/*物流消息*/
.mesg_tit {
	background-color:#fff;
}
.header button {
	height:1.92rem;
	border:none;
	float:right;
	font-size:0.64rem;
	color:#666;
	background:none;
	outline:none;
}
.logistics_mesg {
	width:100%;
	height:auto;
	padding-bottom:1.28rem;
}
.logistics_items {
	width:92%;
	padding:0 4%;
}
.logistics_items h4 {
	height:1.408rem;
	line-height:1.408rem;
	padding-top:0.384rem;
	font-size:0.512rem;
	color:#666;
	font-weight:normal;
	text-align:center;
}
.mesg_cont {
	width:94%;
	background-color:#fff;
	border:1px solid #dadada;
	border-radius:10px;
	padding:0.64rem 3% 0;
	text-align:left;
}
.mesg_cont p {
	font-size:0.64rem;
	color:#333;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-right:0.64rem;
}
.mesg_cont p i {
	width:0.384rem;
	height:0.384rem;
	background-color:#ff3939;
	border-radius:50%;
	position:absolute;
	right:0.128rem;
	top:0.128rem;
}
.mesg_cont span {
	display:block;
	margin:0.512rem 0;
	overflow:hidden;
}
.mesg_cont span em {
	width:80%;
	font-size:0.512rem;
	float:left;
}
.mesg_cont span em b {
	color:#333;
	line-height:0.768rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
.mesg_cont span em i {
	color:#999;
	margin-top:0.64rem;
}
.mesg_cont span img {
	width:2.048rem;
	height:2.048rem;
	float:right;
}
.mesg_cont a {
	display:block;
	width:100%;
	height:1.408rem;
	line-height:1.408rem;
	color:#999;
	font-size:0.512rem;
	border-top:1px solid #e8e8e8;
	background:url(../images/yr.png) center right no-repeat;
	background-size:0.341334rem 0.597334rem;
}
/*通知消息*/
.mesgcont_spec span em {
	margin-top:0.256rem;
}
/*活动消息*/
.mesgcont_active span em {
	width:100%;
	height:5.973334rem;
	position:relative;
	text-align:center;
}
.mesgcont_active span em img {
	width:auto;
	height:100%;
	max-width:100%;
	max-height:100%;
	float:none;
}
.mesgcont_active span em i {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	left:0;
	top:0;
	z-index:9;
	margin-top:0;
	line-height:5.973334rem;
	font-size:0.768rem;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.128rem;
}
.mesgcont_active span b {
	height:1.536rem;
	font-size:0.512rem;
	color:#333;
	line-height:0.768rem;
	padding:0.384rem 0.128rem 0;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
/*消息详情*/
.mesg_detail {
	width:92%;
	height:auto;
	text-align:center;
	padding:0 4%;
	padding-top:1.28rem;
}
.mesg_detail h2 {
	font-size:0.64rem;
	color:#333;
	font-weight:bloder;
	letter-spacing:0.064rem;
	line-height:1.024rem;
}
.mesg_info {
	font-size:0.512rem;
	color:#999;
	margin:0.64rem 0;
	line-height:0.64rem;
}
.mesg_info b {
	margin-right:0.64rem;
}
.mesg_con {
	font-size:0.64rem;
	color:#333;
	line-height:0.896rem;
	text-align:justify;
}
.mesg_con img {
	max-width:100%;
	height:auto;
	margin:0.64rem 0;
}
/*暂无消息*/
.header {
	width:92%;
	height:1.92rem;
	line-height:1.92rem;
	text-align:center;
	padding:0 4%;
	border-bottom:1px solid #dedede;
}
.header a {
	float:left;
}
.header a img {
	height:0.896rem;
	vertical-align:middle;
}
.header span {
	font-size:0.768rem;
	color:#333;
}
.mesg_none {
	width:100%;
	text-align:center;
}
.mesg_none img {
	height:9.6rem;
	margin-top:3.84rem;
}
.mesg_none span {
	font-size:0.64rem;
	color:#666;
	display:block;
}
/*清空消息*/
.mesg_bounce {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	left:0;
	top:0;
	z-index:10
}
.mesg_clear {
	width:88%;
	background-color:#efefef;
	border-radius:10px;
	overflow:hidden;
	position:fixed;
	left:6%;
	top:10.24rem;
}
.mesg_clear b {
	display:block;
	font-size:0.682667rem;
	color:#333;
	font-weight:bolder;
	padding:1.792rem 0;
	text-align:center;
}
.mesg_clear span {
	display:block;
	overflow:hidden;
}
.mesg_clear span input {
	width:50%;
	font-size:0.597334rem;
	height:1.792rem;
	line-height:1.792rem;
	border:none;
	float:left;
}
.mesg_clear span input.mesg_cancel {
	border-top:1px solid #d6d6d6;
	color:#333;
}
.mesg_clear span input.mesg_ensure {
	color:#fff;
	background-color:#ff4040;
}