SourceCode/jiouosdp/Content/WX/distributionTop/css/phb-style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

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



/*排行榜*/


body{min-width: 320px;}

/*内容区*/
.phb-wap { width:100%; margin:0 auto; position:relative;}


/*nav*/
.mb60 { margin-bottom:60px;}
.mb50 { margin-bottom:50px;}


.phb_top { position:relative; padding:25px 0px 20px 0px;}
.phb_top li { width:33.3%; float:left; text-align:center; font-family: '微软雅黑 Light'; position:relative;}
.hg-icon { background:url(../images/hug.png) no-repeat; background-size:25px 18px; position:absolute; top:-13px; margin:0 auto 0 -12px;}
.hg-icon { width:25px; height:18px; background-position:0px 0px;}
.phb_top .phb-no1 .phb-topcont .phb-top-pic { width:80px; height:80px; border-radius:50%; overflow:hidden; margin:0 auto;}
.phb_top .phb-no2 .phb-topcont .phb-top-pic { width:70px; height:70px; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:10px}
.phb_top .phb-no3 .phb-topcont .phb-top-pic { width:60px; height:60px; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:20px;}
.phb-topcont .phb-top-pic img { width:100%; height:100%;}
.phb-nb { font-size:12px; color:#616161; margin-top: 3px;}
.phb-name { font-size:14px; color:#363636;}
.phb-time { font-size:10px; color:#a1a1a1;}
.phb-topcont span { font-size:18px; color:#f6813f;}



.phb-list li { font-family: '微软雅黑 Light';}
.phb-bar{display:block;overflow:hidden;position:relative;padding:10px 10px;line-height:50px;color:#525252;margin-bottom:-1px;border:solid #d5d5d5;border-width:1px 0;background:#fff;}
.phb-bar .phb-bar-cont { position:relative;}
.phb-bar-cont .bar-nb { font-size:14px; color:#616161; left:0px; line-height:50px; width:42px;}
.phb-bar-cont .phb-bar-pic { width:50px; height:50px; border-radius:50%; overflow:hidden; left:42px; bottom:0px; position:absolute;}
.phb-bar-cont .phb-bar-pic img { width:100%; height:100%;}
.phb-bar-cont .phb-bar-text {left:100px; bottom:0px; position:absolute;}
.phb-bar-cont .phb-bar-text p { line-height:22px;}
.phb-bar-cont .phb-bar-text .bar-name { font-size:16px; color:#363636;}
.phb-bar-cont .phb-bar-text .bar-time { font-size:13px; color:#a1a1a1;}
.phb-bar-cont span { font-size:22px; color:#888888;  right:0px; bottom:0px; position:absolute; line-height:50px;}