html{
    font-size:100px;
}
.rela{
    position:relative;
}
.abso{
    position:absolute;
}
.blok{
    display:block;
}
.cent{
    text-align:center;
}
em{
    font-style: normal;
}
a{
    text-decoration:none;
}
#main{
    width: 100%;
    position: relative;
    margin: 0 auto;
    color: #fff;
    background: #fff;
    overflow: hidden;
}
.item0{
    display:none;
    position:relative;
}
#item6{
    display:block;
}
.item1{
    width:21.6rem;
    height:12.8rem;
    background:url('https://s.miwifi.com/report/report2017/img/17.png') no-repeat;
    background-size: 100%;
}
.item1 .label{
    width:3.84rem;
    height:5.88rem;
    margin-top:-0.3rem;
    margin-left:0.7rem;
}
.item1 .img16{
    width:3.84rem;
    height:5.88rem;
    top:0;
    left:0;
}
.item1 .month{
    width:3.84rem;
    font-size:0.6rem;
    color:#1782dd;
    top:0.6rem;
    left:0;
}
.item1 .heng{
    width:2rem;
    /*height:0.03rem;*/
    height:1px;
    border:0.01rem;
    background:#1782dd;
    top:1.5rem;
    left:1rem;
}
.item1 .day{
    width:3.84rem;
    font-size:1.4rem;
    font-weight:bold;
    top:2.2rem;
    left:0;
    color:#1782dd;
}
.item1 .week{
    width:3.84rem;
    font-size:0.6rem;
    font-weight:bold;
    top:3.5rem;
    left:0;
    color:#1782dd;
}
.item1 .router-pic{
    width:3.2rem;
    height:3.2rem;
    top:2rem;
    left:9rem;
}
.item1 .luname{
    width:100%;
    font-size:1.2rem;
    margin:0 auto;
    margin-top:1rem;
    font-weight: bold;
}
.item1 .img18{
    width:3.46rem;
    height:1.08rem;
    top:5rem;
    left:8.9rem;
}
.item1 .sudu{
    width:100%;
    font-size:0.72rem;
    margin:0 auto;
    margin-top:1rem;
}
/*我家设备在干吗*/
.item2,.item3{
    width:94%;
    margin:0 auto;
    margin-top:1.5rem;
}
.item2 .tit,.item3 .tit{
    width:100%;
    height:3.36rem;
    border-bottom:1px solid #1782dd;
}
.img12,.img13{
    width:2.4rem;
    height:2.4rem;
    float:left;
    margin-top: 0.5rem;
}
.item2 .right,.item3 .right{
    height:2.4rem;
    float:left;
    /*margin-left:0.8rem;*/
    margin-left:1.7rem;
}
.item2 .right .p1{
    font-size:0.96rem;
    line-height: 0.96rem;
    color:#1782dd;
    margin-top: 0.5rem;
    font-weight: bold;
}
.item2 .right .p2{
    font-size:0.72rem;
    color:#1782dd;
    margin-top: 0.6rem;
    line-height: 0.72rem;
}
.item2 .botm .lb{
    height:4.4rem;
}
.item2 .lb .le{
    float:left;
    width:2.4rem;
    height:2.4rem;
    margin: 1rem 0 0 0;
}
.item2 .lb .right2{
    float:right;
    height:100%;
    width:76%;
    margin-right:4%;
    border-bottom:1px solid #ccd2d6;
}
.item2 .lb3 .right2{
    border:0;
}
.item2 .lb .phonename{
    display:block;
    width:50%;
    float:left;
    color:#676e76;
    font-size:0.7rem;
    line-height:4.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item2 .lb .apps{
    float:right;
    /*width:2rem;*/
    /*height:2rem;*/
    width:1.2rem;
    height:1.2rem;
    margin-right:0.4rem;
    margin-top:1.6rem;
}
.item2 .lb .apps1{
    margin-right:0;
}
/*我家APP排行榜*/
.item3{
    margin-top:1.5rem;
}
.item3 .right{
    margin-top:0.1rem;
}
.item3 .right .p1{
    font-size:0.96rem;
    line-height: 0.96rem;
    color:#1782dd;
    margin-top: 0.6rem;
    font-weight: bold;
}
.item3 .right .p2{
    font-size:0.72rem;
    color:#1782dd;
    margin-top: 0.4rem;
    line-height: 0.72rem;
}
.item3 .middle{
    display:none;
    height:15rem;
    border-bottom:1px solid  #ccc;
    /*margin-bottom:1rem;*/
}
.item3 .zw{
    width:90%;
    margin:0 auto;
    height:1.6rem;
    border-bottom:1px dashed  #ccc;
}
.item3 .xian{
    width:90%;
    margin:0 auto;
    height:8rem;
    border-bottom:1px solid  #ccc;
}
.item3 .xian .four{
    height:2rem;
    border-bottom:1px dashed  #ccc;
}
.item3 .tu{
    width:90%;
    height:12rem;
    top: 4.9rem;
    left: 1rem;
}
.item3 .fen{
    float:left;
    height:100%;
    position:relative;
}
.item3 .tu .app-num{
    display:block;
    width:100%;
    color:#1782dd;
    font-size:1rem;
    margin-top:-1rem;
}
.item3 .tu .kuai{
    opacity: 1;
    width:80%;
    margin:0 auto;
    left:10%;
    bottom:4rem;
    /*background:#1782dd;*/
    background:rgba(23,130,221,1);
}
.item3 .tu .kuai2{
    background:rgba(23,130,221,0.9);
}
.item3 .tu .kuai3{
    background:rgba(23,130,221,0.8);
}
.item3 .tu .kuai4{
    background:rgba(23,130,221,0.7);
}
.item3 .tu .kuai5{
    background:rgba(23,130,221,0.6);
}
.item3 .tu .kuai1{
    height:5.8rem;
}
.item3 .tu .kuai2{
    height:4.2rem;
}
.item3 .tu .kuai3{
    height:3.2rem;
}
.item3 .tu .kuai4{
    height:2.1rem;
}
.item3 .tu .kuai5{
    height:1.2rem;
}
.item3 .tu .app-name{
    display: block;
    width: 100%;
    height: 0.8rem;
    font-size: 0.6rem;
    line-height: 0.8rem;
    color: #676e76;
    bottom: -3.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item3 .tu .app-icon{
    display:block;
    width:2rem;
    height:2rem;
    margin:0 auto;
    bottom: -2.6rem;
    left: 50%;
    margin-left:-1rem;
}
.dh{
    -webkit-animation: gao 1.5s 0.5s ease forwards;
}
@keyframes gao {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes gao {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}
/*早中晚*/
.item3 .item4{
    width: 94%;
    margin: 0 auto;
    margin-bottom:1rem;
    border-bottom:1px solid #ccc;
}
.item3 .item4 .bao{
    width:84%;
    margin-left:2rem;
    padding-top:1rem;
    padding-bottom:1rem;
}
.item3 .item4 .daytime{
    height:3.6rem;
    border-left:1px solid  #ccc;
    border-bottom:1px dashed  #ccc;
}
.item3 .item4 .daytime:last-child{
    border-bottom:0;
}
.item3 .item4 .daytime:last-child:before{
    content:'';
    width:0.4rem;
    height:0.4rem;
    border-radius: 0.2rem;
    border:1px solid #ccc;
    position:absolute;
    bottom:-0.2rem;
    left:-0.2rem;
    background:#fff;
}
.item3 .item4 .daytime:first-child:before{
    content:'';
    width:0.4rem;
    height:0.4rem;
    border-radius: 0.2rem;
    border:1px solid #ccc;
    position:absolute;
    top:-0.2rem;
    left:-0.2rem;
    background:#fff;
}
.item3 .item4 .daytime .dayicon{
    width: 1.2rem;
    height: 1.2rem;
    float:right;
    margin-top: 1.2rem;
    margin-right: 0.6rem;
}
.item3 .item4 .daytime .icon0{
    margin-right:0;
}
.item3 .item4 .dayimg{
    width:1.6rem;
    height:1.6rem;
    float:left;
    margin-left: -0.8rem;
    margin-top: 1rem;
}
.item3 .item4 .dayimg01,.item3 .item4 .dayimgmorning1{
    background:url('https://s.miwifi.com/report/report2017/img/10.png') no-repeat;
    background-size: 1.6rem;
}
.item3 .item4 .dayimg11,.item3 .item4 .dayimgafternoon1{
    background:url('https://s.miwifi.com/report/report2017/img/7.png') no-repeat;
    background-size: 1.6rem;
}
.item3 .item4 .dayimg21,.item3 .item4 .dayimgevening1{
    background:url('https://s.miwifi.com/report/report2017/img/9.png') no-repeat;
    background-size: 1.6rem;
}
.item3 .item4 .dayimg31,.item3 .item4 .dayimgnight1{
    background:url('https://s.miwifi.com/report/report2017/img/11.png') no-repeat;
    background-size: 1.6rem;
}
.item3 .item4 .span{
    float:left;
    width:6rem;
    height:3.6rem;
    line-height:3.6rem;
    font-size:0.84rem;
    color:#676e76;
}
/*查看周报*/
.item5{
    width:100%;
    height:4.8rem;
    /*margin-bottom:1rem;*/
    /*border: 1px solid #fff;*/
}
.ckzb{
    width:16rem;
    height:2.4rem;
    line-height:2.4rem;
    border-radius: 1rem;
    border: 1px solid #1782dd;
    font-size:1rem;
    color:#1782dd;
    margin:0 auto;
    margin-top:1.1rem;
}
/*.item5:after{*/
    /*content:'';*/
    /*width:100%;*/
    /*height:0.4rem;*/
    /*position:absolute;*/
    /*bottom:-0.4rem;*/
    /*left:0;*/
    /*background:#ccc;*/
    /*opacity: 0.6;*/
/*}*/
/*广告*/
.item6{
    margin-top: 0.4rem;
}
/*最近访客*/
.itemadd{
    height:9.6rem;
    width:100%;
    display:none;
}
.img15{
    width:6.28rem;
    height:1.68rem;
    margin:0 auto;
    margin-top: -1rem;
}
.itemadd .divlb{
    width:90%;
    margin:0 auto;
    margin-top:1.2rem;
}
.itemadd .divlb .fk{
    float:left;
    width:4.2rem;
    height:6.6rem;
    margin-left:0.8rem;
}
.itemadd .divlb .fk1{
    margin-left:0;
}
.bjt{
    width:3rem;
    height:3rem;
    border-radius: 2rem;
    margin-left:0.6rem;
}
.bjts{

}
.bjtx{

}
.divlb .fk .name{
    /*margin-top:4.5rem;*/
    margin-top:3.8rem;
    font-size:0.72rem;
    color:#000;
    opacity: 0.5;
}
.divlb .fk .time{
    width:100%;
    height:1.4rem;
    background-image:url('https://s.miwifi.com/report/report2017/img/19.png');
    background-repeat: no-repeat;
    background-size:0.66rem;
    background-position:0.1rem 0.3rem;
    color:#ccc;
    line-height:1.4rem;
    font-size:0.6rem;
    padding-left: 0.6rem;
    /*margin-top: 0.2rem;*/
}
.divlb .fk .hg{
    width:1.2rem;
    height:1.2rem;
    top: -0.3rem;
    right: 0.2rem;
}
.divlb .fk .hg1{
    background:url('https://s.miwifi.com/report/report2017/img/2.png') no-repeat;
    background-size:1.2rem;
}
.divlb .fk .hg2{
     background:url('https://s.miwifi.com/report/report2017/img/3.png') no-repeat;
     background-size:1.2rem;
}
.divlb .fk .hg3{
    background:url('https://s.miwifi.com/report/report2017/img/1.png') no-repeat;
    background-size:1.2rem;
}
.img14{
    width: 3.2rem;
    height: 0.72rem;
    display: block;
    margin: 0 auto;
    margin-top: 4rem;
}
/*dialog*/
#dialog{
    display:none;
    width:80%;
    margin:0 auto;
    border-radius: 5px;
    border:1px solid #ccc;
    background:#fff;
    position:relative;
    z-index:2;
}
/*遮罩*/
#mask{
    width :100%;
    height :100%;
    position : fixed;
    z-index : 2;
    top : 0;
    left : 0;
    background-color : #000;
    opacity :0.8;
    display : none;
}