/*全局*/
@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1325px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
    .wz_href{
        width: 95%;
    }
    .main{
        width: 95%;
    }
    .left{
        width: 25%;
    }
    .left-main{
        width: 90%;
    }
    .left-name{
        width: 100%;
    }
    .left-name a{
        padding-left: 20px;
    }
    .on{
        width: 90% !important;
        left: -2px !important;
    }
    .right{
        width: 72%;
    }
    .right-main-title{
        margin-top: 10px;
    }
    .right-main-title img{
        width: 100% !important;
        margin-top: 5px;
    }
    #ajaxpage-list{
        width: 100%;
    }
    .right-main{
        height: 40px !important;
        line-height: 40px !important;
    }
    .right-main a{
        font-size: 14px;
    }
    .right-main a span{
        display: none;
    }
    .right-main a{
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box !important; 		/*将对象作为弹性伸缩盒子模型显示。*/
        -webkit-box-orient:vertical;		/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
        -webkit-line-clamp:1; 		/*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*/
    }
    #pages a, #pages span{
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        min-width:15px;
    }
    #pages a{
        font-size: 12px;
    }
    #pages a.previous,#pages a.next{
        width: 15px;
    }
    #pages font{
        font-size: 12px;
    }
    #pages-num{
        width: 20px;
        height: 15px;
    }
}

@media screen and (max-width: 414px) {
    .wz_href{
        width: 95%;
    }
    .top-img{
        height: 100px;
    }
    .main{
        width: 100%;
    }
    .left{
        width: 25%;
    }
    .left-title{
        font-size: 16px;
        font-weight: normal;
    }
    .left-main{
        width: 100%;
    }
    .left-name{
        width: 100%;
    }
    .left-name a{
        font-size: 14px;
        padding-left: 0px;
        text-align: center;
    }
    .on{
        left: -0px !important;
        text-align: center;
        width: 100% !important;
    }
    .right{
        width: 72%;
    }
    .right-main-title{
        margin-top: 0px;
    }
    .right-main-title img{
        width: 100% !important;
        height: 1px;
        margin-top: 0px;
    }
    #ajaxpage-list{
        width: 100%;
    }
    .right-main{
        height: 40px !important;
        line-height: 40px !important;
    }
    .right-main a{
        font-size: 14px;
    }
    .right-main a span{
        display: none;
    }
    .right-main a{
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box !important; 		/*将对象作为弹性伸缩盒子模型显示。*/
        -webkit-box-orient:vertical;		/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
        -webkit-line-clamp:1; 		/*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。*/
    }
    #pages a, #pages span{
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        min-width:15px;
    }
    #pages a{
        font-size: 12px;
    }
    #pages a.previous,#pages a.next{
        width: 15px;
    }
    #pages font{
        font-size: 12px;
    }
    #pages-num{
        width: 20px;
        height: 15px;
    }
}