.pic{margin: 13px 4%;}
.pic .pic-top{width: 100%; border: 1px solid #58b029; border-radius: 5px; display: -webkit-box; text-align: center; overflow: hidden;}
.pic .pic-top li{display: block; height: 30px; line-height: 30px; text-align: center; font-size: 16px; -webkit-box-flex: 1; color: #58b029;}
.pic .pic-top .cur{background: #58b029; color: #FFF;}
.pic .pic-top li:not(:last-child) {
    border-right: 1px solid #58b029;
}



.con{margin: 0 4%;}
.con ul li{padding: 10px 0; zoom: 1; position: relative; border-top: 1px solid #efefef;}
.con ul li .rank{width: 24px; height: 24px; line-height: 24px; background: #A8A8A8; display: inline-block; position: absolute; top: 5px; left: -5px; border-radius: 16px; text-align: center; font-size: 14px; color: #FFF; z-index: 100;}
.con ul li .rank1{background: #ff494d;}
.con ul li .rank2{background: #f4b200;}
.con ul li .rank3{background: #1eb996;}



.con ul li .img{margin-right: 10px; display: block; width: 70px; float: left;}
.con ul li .img img{width: 70px; height: 70px; border-radius: 8px;}
.con ul li .mi{-webkit-box-flex: 1; color: #777; overflow: hidden; padding-right: 70px;}
.con ul li .mi a{display: block; height: 24px; line-height: 20px; overflow: hidden; font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap;}
.con ul li .mi .az{display: block; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #929292;}
.con ul li .mi .az em{margin-right: 30px;}
.con ul li .bt{-webkit-box-flex: 1; color: #777; overflow: hidden; padding-right: 10px;}
.con ul li .bt span{display: block; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.con ul li .xz{width: 60px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #58b029; position: absolute; right: 0; top: 23px; border-radius: 3px;}



.num{width: 100%; height: 39px; background: #EAEAEA; margin: 20px 0 0 0; border-top: 1px solid #ccc; display: block; overflow: hidden;}
.num ul{width: 100%; height: 40px; display: block; overflow: hidden;}
.num ul li{width: 25%; height: 40px; border-right: 1px solid #ccc; float: left; box-sizing: border-box; display: inline; overflow: hidden;}
.num ul li a{width: 100%; height: 40px; line-height: 40px; font-size: 12px; font-weight: normal; color: #333; text-align: center; display: block; overflow: hidden; text-decoration: none;}
.footer{width: 100%; height: 46px; line-height: 46px; background: #EAEAEA; font-size: 18px; font-weight: normal; border-top: 1px solid #ccc; color: #ccc; text-align: center;}
.footer a{padding: 0 6px; font-size: 14px;}