index.css 3.8 KB

12345678910111213141516171819202122232425262728293031323334
  1. html{font-family:'Microsoft YaHei','微软雅黑',Helvetica,Tahoma,Arial,SimSun,'宋体',sans-serif}
  2. body{padding:0;margin:0}
  3. .reportIndex{position:absolute;top:0;right:0;bottom:0;left:0;background:url('/img/report/reportBg.jpg') no-repeat}
  4. .reportIndex .topBar{position:fixed;top:0;right:0;left:0;padding:0 50px}
  5. .reportIndex .topBar .inner{position:relative;margin:0 auto;color:#fff;width:100%;height:68px}
  6. .reportIndex .totalUser,.reportIndex .totalFans{font-size:12px;margin-right:50px;height:68px;line-height:68px}
  7. .reportIndex .totalUser strong,.reportIndex .totalFans strong{font-size:24px;font-weight:normal;vertical-align:top}
  8. .reportIndex .fastbyLogo{display:inline-block;margin:10px;vertical-align:middle;background:url('/img/logo/1.png') no-repeat;background-size:28px 28px;width:28px;height:28px}
  9. .reportIndex .xikegoLogo{display:inline-block;margin:10px;vertical-align:middle;background:url('/img/logo/2.png') no-repeat;background-size:28px 28px;width:28px;height:28px}
  10. .reportIndex .topRight{position:absolute;top:11px;right:11px}
  11. .reportIndex .fastbyWhiteLogo{display:inline-block;margin-left:20px;vertical-align:middle;background:url('/img/logo/3.png') no-repeat;background-size:46px 46px;width:46px;height:46px}
  12. .reportIndex .date{display:inline-block;vertical-align:middle}
  13. .reportIndex .date .time{font-size:14px;line-height:23px;display:inline-block;margin:0;vertical-align:middle}
  14. .reportIndex .icon-time{margin-top:2px;vertical-align:top;display:inline-block;vertical-align:middle;background:url('/img/icon/report_icon.png') 0 0 no-repeat;background-size:50px 200px;width:30px;height:30px;width:25px;height:20px}
  15. .reportIndex .icon-year{display:inline-block;vertical-align:middle;background:url('/img/icon/report_icon.png') 0 -25px no-repeat;background-size:50px 200px;width:30px;height:30px;display:block;margin:8px auto}
  16. .reportIndex .icon-month{display:inline-block;vertical-align:middle;background:url('/img/icon/report_icon.png') 0 -75px no-repeat;background-size:50px 200px;width:30px;height:30px;display:block;margin:8px auto}
  17. .reportIndex .icon-day{display:inline-block;vertical-align:middle;background:url('/img/icon/report_icon.png') 0 -125px no-repeat;background-size:50px 200px;width:30px;height:30px;display:block;margin:8px auto}
  18. .reportIndex #container{position:absolute;top:68px;right:0;bottom:0;left:0;padding-right:50px;padding-bottom:30px;padding-left:50px}
  19. .reportIndex #container .inner{position:relative;overflow:hidden;height:100%;margin:0 auto}
  20. .reportIndex #main{height:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;color:#fff}
  21. .reportIndex .chart{position:relative;float:left;width:49.5%;height:49.5%;margin-right:5px;margin-bottom:5px;background-color:rgba(255,255,255,0.1)}
  22. .reportIndex .chart h2{font-size:18px;position:absolute;top:5px;left:15px;width:20px}
  23. .reportIndex .chart .desc{position:absolute;bottom:10px;left:15px;width:40px}
  24. .reportIndex .chart .icon-circle{display:inline-block;vertical-align:top;border:2px solid #fff;border-radius:5px;width:5px;height:5px}
  25. .reportIndex .chart .icon-circle.red{background-color:#ff5926}
  26. .reportIndex .chart .icon-circle.blue{background-color:#30f}
  27. .reportIndex .chart .icon-circle.green{background-color:#9aff17}
  28. .reportIndex .chart .icon-circle.yellow{background-color:#ffcc32}
  29. .reportIndex .chart small{font-size:12px;display:inline-block;width:15px;margin-bottom:20px}
  30. .reportIndex .chart canvas{margin-left:50px;width:92%;height:100%}
  31. .reportIndex .rightSide{position:absolute;top:50%;right:0;margin-top:-130px}
  32. .reportIndex .nav{padding:0;list-style:none;color:#fff}
  33. .reportIndex .nav li{margin:10px auto;text-align:center;border:1px solid rgba(255,255,255,0);width:68px;height:68px}
  34. .reportIndex .nav li.active,.reportIndex .nav li:hover{border:1px solid rgba(255,255,255,0.3);border-radius:3px;background:rgba(255,255,255,0.1)}