﻿
/*** 列表分页样式
-------------------------------------------------------------- ****/
.pageBox {text-align: center;margin-bottom: 20px;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #194ABA;width:34px;height:34px;font:bold 14px/34px arial;margin-bottom: 6px;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #fff;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}
/*** 上一篇下一篇
-------------------------------------------------------------- ****/

.changePage {
    /*width: 968px;*/
    /*height: 80px;*/
    border-radius: 4px;
    margin-top:20px;
}

.changePage a {
    display: block;
    float: left;
    width: 50%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #222222;
    padding: 0 18px;
    background-color: #f8f8f8;
    transition: all .4s;
}

.changePage span {
    color: #999;
    transition: all .4s;
}

.changePage .prev p, .changePage .next span {
    margin-left: 14px;
}

.changePage .prev {
    border-radius: 4px 0 0 4px;
}

.changePage .next {
    border-radius: 0 4px 4px 0;
}

.changePage p {
    max-width: 270px;
    line-height: 60px;;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.changePage a:hover p {
    color:#fff;
    transition: all .4s;
}

.changePage a:hover, .changePage a:hover span {
    color: #fff;
}

.changePage a:hover {
    background-color: #ff9600;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fl, .fr {
    display: inline;
}


.LINE01{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: block;
}
.LINE02{
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.LINE03{
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.LINE04{
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.LINE05{
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.myh1{
    color: #fff;
}












