.container{background-image: initial;background: #010d25;}
.main{position: absolute;top: 1.73rem;left: 0;right: 0;margin: auto;width: 18.6rem;}
.main-item{background: rgba(14,120,203,.2);padding:.3rem .2rem;box-sizing: border-box;border-radius:0.04rem ;position: relative;}
.user-distribution{width: 8.49rem;height: 4.2rem;margin-right: 0.2rem;margin-bottom: 0.26rem;}
.user-active{width: 9.91rem;height: 4.2rem;margin-bottom: 0.26rem;}
.install-distribution{width: 9.51rem;height: 4.2rem;margin-right: 0.2rem;}
.author-plan{width: 8.89rem;height: 4.2rem;}
.main-item-title{height: .22rem;margin-bottom: .13rem;position: relative;}
.main-item-title-date{position:absolute ;top: -0.04rem;left: 1.76rem;display: flex;justify-content: center;align-items: center;width: 1.15rem;height: .3rem;border: 0.01rem solid #19CFF1;border-radius: .3rem;box-sizing: border-box;}
.main-item-title-date-txt{font-size: .14rem;color: #fff;height: .14rem;line-height: .14rem;}
.main-item-title-date-icon{width: .12rem;height: 0.08rem;margin-left: .09rem;}
.main-item-title-date-icon img{width: 100%;height: 100%;display: block;}
.main-item-title-line{height: .22rem;width: .03rem;border-radius:0.03rem;background: #1acef1;}
.main-item-title-txt{font-size: .22rem;color: #fff;line-height: .22rem;height: .22rem;margin-left: .18rem;}
.main-item-title-tip{font-size: .18rem;color: #58DBFF ;margin-left: .21rem;}
.main-item-title-tip span{color: #d7b262;margin-left: .08rem;}
.main-item-box{padding-left: 0.2rem;width: 100%;box-sizing: border-box;height: 3.26rem;}
.user-distribution-map{width: 3.57rem;height: 2.93rem;}
.user-distribution-main{width: 3.58rem;}
.user-distribution-title{font-size: .18rem;margin-bottom: .18rem;color: #fff;height: .18rem;line-height: .18rem;}
.user-distribution-num{margin-bottom: .08rem;}
.user-distribution-num-item{width: .38rem;height: .42rem;margin-right: .04rem;font-size: .38rem;text-align: center;line-height: .42rem;color: #fff;background: #0f6a89;border-radius:0.02rem;font-family: OPPOSANS-H;}
.user-distribution-num-item:last-child{margin-right: 0;}
.user-distribution-detailed-item{width: 1.37rem;margin-right: .27rem;height: .8rem;background-image: url('/test/images/user_icon_box.png');margin-top: .26rem;background-size: cover;}
.user-distribution-detailed-item:nth-of-type(2n+2){margin-right: 0;}
.user-distribution-detailed-item-num{width: 100%;font-size: .24rem;font-family: OPPOSANS-H;color: #fff;text-align: center;height: .42rem;line-height: .42rem;}
.user-distribution-detailed-item-label{width: .98rem;height: .28rem;color: #fff;font-size: .16rem;margin: auto;border-radius:0.03rem ;text-align: center;line-height: .28rem;}
.user-distribution-detailed-item-label.detailed-bg-blue{background: linear-gradient(0deg, #0A40E0, #2C8DDE);}
.user-distribution-detailed-item-label.detailed-bg-yellow{background: linear-gradient(0deg, #C15E25, #DBA924);}
.user-distribution-detailed-item-label.detailed-bg-green{background: linear-gradient(0deg, #337E83, #67CB8F);}
.user-distribution-detailed-item-label.detailed-bg-purple{background: linear-gradient(0deg, #5434B3, #7241D0);}
.platform{padding-top: .17rem;box-sizing: border-box;}
.platform-main{height: 2.52rem;overflow: hidden;}
.platform-title, .platform-main-item{padding: 0;}
.platform-title-item,.platform-txt-item{width: 14.28%;text-align: center;}
.gaugebox{display: flex;justify-content: flex-start;align-items: center;height: 100%;}
.main-item-box-maxecharts{width: 2.07rem;height: 2.07rem;margin-right: .32rem;}
.main-item-box-minechartsbox{width: 3.23rem;padding-left: .18rem;box-sizing: border-box;}
.main-item-box-minechartsbox-item{width: 1.38rem;height: 1.38rem;margin-top: .21rem;margin-right: .29rem;}
.main-item-box-minechartsbox-item:nth-of-type(2n+2){margin-right: 0;}
.main-item-box-minechartsbox-item:nth-of-type(1),.main-item-box-minechartsbox-item:nth-of-type(2){margin-top: 0;}
.user-data-tip{width: 5.94rem;position: absolute;top: 0.3rem;right: 0.2rem;}
.user-data-tip-box p{font-size: .18rem;height: .18rem;line-height: .18rem;color: #58DBFF;margin-bottom: .1rem;}
.user-data-tip-box p:last-child{margin-bottom: 0;}
.user-data-tip-box p span{color: #fcd880;}
.user-data-tip-echart{margin-left: .42rem;}
.user-data-tip-echart-item{margin-bottom: .16rem;}
.user-data-tip-echart-item:last-child{margin-bottom: 0;}
.user-data-tip-echart-icon{width: .18rem;height: .1rem;text-align: center;margin-top: .02rem;margin-right: .1rem;}
.user-data-tip-echart-icon img{height: 100%;}
.user-data-tip-echart-txt{color: #fff;font-size: .14rem;height: .14rem;line-height: .14rem;}
.active-echarts{width: 100%;height: 100%;}