@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; }