css公共类

a{
    color:black;
}
a:hover{
    color:black;
    text-decoration: none;
}

/*-- 上下间距 */
.mar-top{
    margin-top:40px;
}
.mar-bottom{
    margin-bottom:40px;
}

/*下阴影的上边距*/
.shadow-mar-t{
    margin-top:30px;
}
/*上阴影的下边距*/
.shadow-mar-b{
    margin-bottom:30px;
}

/*阴影*/
/***************  阴影bottom */
.shadow-bottom{
    padding:0;
    -webkit-box-shadow: 0 2px 10px #ccc;
    -moz-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc;
    position:relative;
    height:10px;
}
.shadow-bottom:after{
    content:"";
    display:block;
    width:100%;
    height:10px;
    background:white;
    position:absolute;
    top:-8px;
    left:0;
}
/***************  阴影top */
.shadow-top{
    padding:0;
    -webkit-box-shadow: 0 -2px 10px #ccc;
    -moz-box-shadow: 0 -2px 10px #ccc;
    box-shadow: 0 -2px 10px #ccc;
    position:relative;
    height:10px;
}

.shadow-top:after{
    content:"";
    display:block;
    width:100%;
    height:8px;
    background:white;
    position:absolute;
    bottom:-6px;
    left:0;
}

/*-- 文字超出 。。。*/
.ellipsis2,
.ellipsis3,
.ellipsis4,
.ellipsis5,
.ellipsis6,
.ellipsis7{
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    display:-moz-box;
    -webkit-box-orient:vertical;
    -moz-box-orient: vertical;
}
/*-- 2*/
.ellipsis2{
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
}
/*-- 3*/
.ellipsis3{
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    line-clamp: 3;
}
.ellipsis4{
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    line-clamp: 4;
}
/*-- 5*/
.ellipsis5{
    -webkit-line-clamp: 5;
    -moz-line-clamp: 5;
    line-clamp: 5;
}
.ellipsis6{
    -webkit-line-clamp: 6;
    -moz-line-clamp: 6;
    line-clamp: 6;
}
/*-- 7*/
.ellipsis7{
    -webkit-line-clamp: 7;
    -moz-line-clamp: 7;
    line-clamp: 7;
}