html{font-family:'Microsoft YaHei','微软雅黑',Helvetica,Tahoma,Arial,SimSun,'宋体',sans-serif}
body{padding:0;margin:0}
.reportIndex{position:absolute;top:0;right:0;bottom:0;left:0;background:url('/img/report/reportBg.jpg') no-repeat}
.reportIndex .topBar{position:fixed;top:0;right:0;left:0;padding:0 50px}
.reportIndex .topBar .inner{position:relative;margin:0 auto;color:#fff;width:100%;height:68px}
.reportIndex .totalUser,.reportIndex .totalFans{font-size:12px;margin-right:50px;height:68px;line-height:68px}
.reportIndex .totalUser strong,.reportIndex .totalFans strong{font-size:24px;font-weight:normal;vertical-align:top}
.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}
.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}
.reportIndex .topRight{position:absolute;top:11px;right:11px}
.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}
.reportIndex .date{display:inline-block;vertical-align:middle}
.reportIndex .date .time{font-size:14px;line-height:23px;display:inline-block;margin:0;vertical-align:middle}
.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}
.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}
.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}
.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}
.reportIndex #container{position:absolute;top:68px;right:0;bottom:0;left:0;padding-right:50px;padding-bottom:30px;padding-left:50px}
.reportIndex #container .inner{position:relative;overflow:hidden;height:100%;margin:0 auto}
.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}
.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)}
.reportIndex .chart h2{font-size:18px;position:absolute;top:5px;left:15px;width:20px}
.reportIndex .chart .desc{position:absolute;bottom:10px;left:15px;width:40px}
.reportIndex .chart .icon-circle{display:inline-block;vertical-align:top;border:2px solid #fff;border-radius:5px;width:5px;height:5px}
.reportIndex .chart .icon-circle.red{background-color:#ff5926}
.reportIndex .chart .icon-circle.blue{background-color:#30f}
.reportIndex .chart .icon-circle.green{background-color:#9aff17}
.reportIndex .chart .icon-circle.yellow{background-color:#ffcc32}
.reportIndex .chart small{font-size:12px;display:inline-block;width:15px;margin-bottom:20px}
.reportIndex .chart canvas{margin-left:50px;width:92%;height:100%}
.reportIndex .rightSide{position:absolute;top:50%;right:0;margin-top:-130px}
.reportIndex .nav{padding:0;list-style:none;color:#fff}
.reportIndex .nav li{margin:10px auto;text-align:center;border:1px solid rgba(255,255,255,0);width:68px;height:68px}
.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)}