@import "common.css";

/*统计个页面*/
.main .leftMenu li .card{
    background-position:-76px -481px;
}
.main .leftMenu li .wechat{
    background-position:-76px -521px;
}
.main .leftMenu li .win{
    background-position:-76px -557px;
}
.main .leftMenu li .site{
    background-position:-76px -596px;
}
.main .leftMenu li.current .card,.main .leftMenu li a:hover .card{
    background-position:-46px -481px;
}
.main .leftMenu li.current .wechat,.main .leftMenu li a:hover .wechat{
    background-position:-46px -521px;
}
.main .leftMenu li.current .win,.main .leftMenu li a:hover .win{
    background-position:-46px -557px;
}
.main .leftMenu li.current .site,.main .leftMenu li a:hover .site{
    background-position:-46px -596px;
}
.blockMod{}
.lookMod{
    width:49.4%;
    padding:0px;
    color:#222222;
}
.pd20{padding:20px;}
.lookMod ul{ font-size: 12px; color:#555555;}
.lookName{ font-size: 18px; color:#222222;}
.lookMod ul li{
    padding-top:13px;
}
.lookMod ul .intro{
    padding-bottom: 3px;
}
.lookMod ul span{
    padding-left:15px;
}
.lookMod ul i.fr{
    font-family: Arial;
}
.lookMod ul .progressbox{ background: #d5ebfe; height:12px; border-radius: 6px; position:relative;}
.lookMod ul .progressbox .value{height:12px; position:absolute; top:0px; left:0px; background: #0995fd; border-radius: 6px;}
.lookMod ul.otherTrae .progressbox{ background: #d9f1e1; }
.lookMod ul.otherTrae .progressbox .value{background: #56cc7d; }
.echartScope,.echartArea,.echartDur,.echartFre{ width:100%; height:310px;}
.echartTrend{height:350px;}
.echartDur,.echartActive{height:240px;}
.showInfos{ height:60px;  padding-top:10px;}
.lookMod .intros{ color:#666; height:24px; text-align: center;}
@media screen and (max-width: 1400px){
    .lookMod .intros{
        font-size: 12px;
    }
}
.lookMod .dateRange{color:#666; font-size: 12px; padding:6px 0px;}
span.speed{ font-size: 40px; color:#485669;}
span.speed i{font-size: 16px; color:#666666; padding-left:2px;}
.perBox{padding-left:30px; color:#666666; font-size: 14px; padding:10px 0px 10px 20px;}
.perBox span.per{ padding-left:10px; font-size: 16px;  }
.perBox span.per.up{padding-left:20px;color:#2fa423; font-size: 14px;background: url("../imgs/icon.png") no-repeat -84px -625px;}
.perBox span.per.down{padding-left:20px;color:#df2304; font-size: 14px; background: url("../imgs/icon.png") no-repeat -84px -652px;}
.smallMod{ height:198px; width:49%; margin-bottom:11px;}
.smallMod.mb0{margin-bottom:0px;}
.smallMod .curDay{ color:#666;}
.smallMod .pd{padding:15px;}
.smallMod .speed{padding:5px 0px; display: inline-block;}
.pd0{padding:0px; overflow:hidden;}
.smallMod .perBox span.per.up{padding-left:12px;color:#2fa423; font-size: 14px;background: url("../imgs/icon.png") no-repeat -89px -625px;}
.smallMod .perBox span.per.down{padding-left:12px;color:#df2304; font-size: 14px; background: url("../imgs/icon.png") no-repeat -89px -652px;}