/* 布局 版面 */
.articlelist{width: 95%; height: auto; margin:0.45rem auto;}
.artlist-position{ height: 0.58rem; line-height: 0.58rem; border-bottom: 0.03rem solid #c4c4c4;padding:0.1rem 0.2rem;}
.artlist-position dd{float: left; display: block; font-size: 0.24rem; color:#727272; line-height: 0.45rem;}
.artlist-position dd a{display: block; color:#727272;}
.artlist-main{width: 100%; height: auto;}


dl.articlelistnr{width: 95%; height: 2.07rem; margin:0 auto; border-bottom: 1px solid #dfdfdf; }
dl.articlelistnr dt{ float: left; width: 1.96rem; height: 1.42rem; margin:0.35rem  0 0.3rem 0;display: none;}
dl.articlelistnr dt img{ display: block; width: 1.96rem; height: 1.42rem; border-radius: 0.05rem; }
dl.articlelistnr dd{ margin-top: 0.25rem;
    height: 1.45rem;
    position: relative;
    width: 100%;
    float: left;}
dl.articlelistnr dd h5{font-weight: normal;line-height: 0.52rem; font-size: 0.30rem; color:#4e4e4e;    width: 100%; height: 35%;overflow: hidden;}
dl.articlelistnr dd h5 a{color:#4e4e4e;}
dl.articlelistnr dd p{font-size: 0.24rem; color:#8d8d8d; line-height: 0.31rem;text-indent:0;
    overflow: hidden;}
dl.articlelistnr dd a.articlelisticon{ position: absolute; bottom:0 ; right:0.26rem; display: block; width: 0.21rem; height: 0.31rem; }
dl.articlelistnr dd a.articlelisticon img{ display: block; width: 0.21rem; height: 0.31rem;}

.refresh{ width: 23%; height: 0.3rem; margin:0.55rem auto 0.2rem auto; }
.refresh b{display: block; float: left; width: 0.27rem; height: 0.27rem;}
.refresh b img{display: block;width: 0.27rem; height: 0.27rem;}
.refresh span{ float: left; font-size: 0.24rem; line-height: 0.27rem; margin-left: 1%; color:#000000;}

.pagination{width: 80%; height: 0.5rem;line-height: 0.5rem; margin:0.35rem auto;}
.pagination li{  float: left; font-size: 0.24rem; margin:0 0.035rem; text-align: center; color:#686868; display: block; width: 0.48rem; line-height: 0.48rem; background: #fff; border:1px solid #c8c8c8; border-radius: 0.1rem; width: 0.43rem; }
.pagination li.ll{width: 1.53rem}
.pagination li a{color:#686868}
.pagination select{display: none;}


.artlist{width: 3.25rem; height:0.5rem; margin:0.35rem auto;}
.artlist a{display: block; background: #fff; border:1px solid #c4c4c4; font-size: 0.24rem; color:#686868; border-radius: 0.15rem; width: 1.53rem; height: 0.48rem; margin:0 auto; line-height: 0.48rem; text-align: center;}
.artlist-quicknav{width:95%; height: 1.5rem; margin:0.25rem auto;}
.artlist-quicknav li{float: left; display: inline-block; height: 0.68rem; line-height: 0.68rem; margin:0.04rem auto;}
.artlist-quicknav li a {display:  block; text-align: center; font-size: 0.24rem; color:#ffffff;}

.artlist-quicknav li:first-child{background: #b4cc8e;margin-right: 0.09rem; width: 2.7rem;}
.artlist-quicknav li:nth-child(2){background: #c188d8; width: 3.25rem;}
.artlist-quicknav li:nth-child(3){background: #6abbd6;margin-right: 0.09rem;width: 3.25rem;}
.artlist-quicknav li:last-child{background: #ceb05e; width: 2.7rem;}



       .pageBox {text-align:center; height:0.42rem; line-height:0.42rem; width:90%; margin-bottom:0.15rem; margin: 0 auto;overflow: hidden; padding-top: 0.1rem;padding-bottom: 0.1rem;}
       .pageBox  b{padding:0 0.05rem 0;color:#2F7CC2;display:inline-table;}
       .pageBox  a{padding:0 0.05rem 0;color:#2F7CC2;display:inline-table;}
       .pageBox  a:hover{color:#fff;background:#1f3a87;border:1px solid #1f3a87;}
       .pageBox  select{display:none;}


 @media (min-width:321px)and (max-width:479px) {/* 兼容安卓5.0 5.5 */
}


 @media (min-width:0px) and (max-width:320px) {/* 兼容安卓小屏 苹果4 or 5 */
}

 @media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {/* 兼容iphone 6 or 6s */
}

 @media (device-width:414px) and (-webkit-min-device-pixel-ratio:3) {/* 兼容iphone 6 plus or 6s plus */
}

 @media (min-width:480px)and (max-width:639px) {/* 兼容安卓6.0以上 */
}