338 lines
5.4 KiB
CSS
338 lines
5.4 KiB
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;
|
|
}
|