/* 
* @Author: anchen
* @Date:   2017-01-16 11:54:37
* @Last Modified by:   anchen
* @Last Modified time: 2017-01-21 10:49:46
*/
@charset "utf-8";
.outDiv{
    margin: auto;
    width: auto;
    max-width: 640px;
    background-color: #fff;
}
.outDiv a {display: block;}

.outDiv ul,.outDiv li{ list-style: none;  }
.outDiv ul{ background: #F5F5F5; }
.outDiv li{ height:6rem; padding: 1rem;background: #fff; margin-bottom: 1rem; }

.tipLeft{ float: left; width: 70%;}
.tipLeft .line{ font-size:1.0rem; line-height: 1.8rem; color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tipLeft .line span { display: inline-block; height: 1rem; line-height: 1rem; margin-right: 2%;padding: 0.1rem 0.5rem; border-radius: 0.8rem; font-size:0.8rem; color: #fff; }
.tipLeft .titleTime{ margin-top: 1.4rem; height: 1rem; line-height: 1rem; font-size:0.8rem; padding-left: 1.5rem; background: url(../../images/notification/clock.png) left center no-repeat; background-size:auto 1rem; color: #999;}
#wrapper {height: 35.5rem !important;}
/* 标签颜色 */
.black{ background: #333; }
.red{ background: #EC5A5A; }
.green{background: #0ba01d;}
.blue{background: #4968ec;}
.tipRight{ float:right; width: 28%; height: 6rem;  max-width:8rem;}
.tipRight img{ width: 100%; height: 6rem; font-size:0; }
