/* 
* @Author: Marte
* @Date:   2016-10-27 11:02:19
* @Last Modified by:   Marte
* @Last Modified time: 2017-07-27 16:54:47
*/
.news-page{
    width: 100%;
    margin: 0 auto;
}
.news-page li{
    float: left;
    margin: 5px 15px;
    padding: 9px 15px;
    list-style: none;
    border: 1px solid #666;
    border-radius: 20px;
    cursor: pointer;
}
.pagination>li>a, .pagination>li>span{
    color: #6f2071;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #6f2071;
    border-color: #6f2071;
}
#change{
    cursor: pointer;
}
.news-frame{
     border: 1px solid #ccc; 
     margin-bottom: 20px;
}
.news-left{
    -border-right: 1px solid #ccc;
}


.news-title{
    font-size: 28px;
    text-align: center;
    margin-top: 18px;
        
}
.news-data{
    font-size: 18px;
    text-align: center;
    background: #6f2071;
    color: #fff;
    margin-top: 13px;
    margin-left: -14px;
    margin-right: -14px;
}


/*当屏幕小于600时*/
@media screen and (max-width: 768px) {
    .news-frame{
         -min-height: 100px;
    }
    .news-left{
        border: none;
    }
}
/*当屏幕小于980大于600时*/
@media screen and (min-width:768px) and (max-width: 1200px) {
    .news-frame{
        min-height: 120px;
    }
    .news-left{
        border-right: 1px solid #ccc;
    }
    .news-title{
        font-size: 28px;
        text-align: center;
        margin-top: 30px;
    }
    .news-data{
        font-size: 18px;
        padding: 2px 0;
        margin-top: 18px;
        margin-left: -14px;
        margin-right: -14px;
        margin-bottom: -4px;
    }
    .news-right{
        border: none;
    }    
}
/*当屏幕大于980时*/
@media screen and (min-width: 1200px) {
    .news-frame{
         min-height: 100px;
    }
   .news-right{
        border-left: 1px solid #ccc;
        padding-bottom: 12px;
    }
}