bbq.css 1.3 KB

12345678910111213141516
  1. body{ background:#f2f4f6; color:#333; font-size:15px;}
  2. .c-main{ max-width:640px; margin:0 auto;}
  3. .grzx-img{ position:relative;}
  4. .grzx-list{ background:#fff;}
  5. .grzx-list li{ display:block; width:33.33%; height:65px; float:left; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
  6. .grzx-list li a{ display:block; width:100%; height:100%; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; text-align:center; color:#333; font-size:14px;}
  7. .grzx-top{ position:absolute; width:100%; left:0; bottom:20px; text-align:center; color:#fff;}
  8. .grzx-top-head{ display:inline-block; width:66px; height:66px; background:rgba(255,255,255,.7); border-radius:50%; padding:2px; margin-bottom:3px;}
  9. .grzx-top-head img{ width:66px; height:66px; border-radius:50%;}
  10. .sex-nv{ vertical-align:middle; margin-right:5px; margin-bottom:2px;}
  11. .grzx-set{ width:20px; height:20px; background:url(../images/settb.png) no-repeat; background-size:100% 100%; position:absolute; right:10px; top:10px;}
  12. .lih35{ line-height:35px;}
  13. .totle-num{ background:#fff; border-top:1px solid #f2f2f2;}
  14. .totle-num li{ text-align:center; border-left:1px solid #f2f2f2; padding:10px 0;}
  15. .totle-num li:first-child{ border-top:none;}
  16. .totle-list > li .c-list-value{ box-flex:0; -webkit-box-flex:0; width:70px; color:#333;}