.test[data-v-24a22fbf]{width:100%;height:100%;background:#051218}.test[data-v-24a22fbf] .container{width:100%!important;height:100vh!important;position:relative;color:#fff;overflow:hidden}.test[data-v-24a22fbf] .container .full-img{position:absolute;top:-1.041667rem;left:.520833rem;width:100%;z-index:1;transform:scale(1.6)}.test[data-v-24a22fbf] .container .img-tip{width:40%;min-height:.520833rem;border-radius:.041667rem;background-color:rgba(0,0,0,.3);padding:.052083rem .0625rem;font-size:.072917rem;position:absolute;bottom:.625rem;left:50%;transform:translateX(-50%);z-index:2}.test[data-v-24a22fbf] .container .img-tip p{width:100%;margin-bottom:.052083rem;color:#ccc}.test[data-v-24a22fbf] .container .img-tip p:hover{color:#fff}.test[data-v-24a22fbf] .container .img-tip p:last-of-type{margin-bottom:0}.test .chart-left-box[data-v-24a22fbf],.test .chart-right-box[data-v-24a22fbf]{position:absolute;top:.260417rem;left:.40625rem;z-index:1999;height:80%;overflow-y:auto}.test .chart-left-box[data-v-24a22fbf]::-webkit-scrollbar,.test .chart-right-box[data-v-24a22fbf]::-webkit-scrollbar{width:.010417rem}.test .chart-left-box[data-v-24a22fbf]::-webkit-scrollbar-thumb,.test .chart-right-box[data-v-24a22fbf]::-webkit-scrollbar-thumb{border-radius:.052083rem;background-color:#3e90e5}.test .chart-left-box .chart-item[data-v-24a22fbf],.test .chart-right-box .chart-item[data-v-24a22fbf]{width:2.166667rem}.test .chart-left-box .chart-item .chart-item-title[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-title[data-v-24a22fbf]{width:100%;height:.229167rem;background:rgba(21,92,165,.77);font-family:Microsoft YaHei;font-weight:700;font-size:.104167rem;color:#fff;padding:0 .083333rem;display:flex;align-items:center}.test .chart-left-box .chart-item .chart-item-title .title_icon[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-title .title_icon[data-v-24a22fbf]{width:.098958rem;height:.192708rem;margin-right:.052083rem}.test .chart-left-box .chart-item .nephogram-box[data-v-24a22fbf],.test .chart-right-box .chart-item .nephogram-box[data-v-24a22fbf]{width:100%}.test .chart-left-box .chart-item .nephogram-box .nephogram[data-v-24a22fbf],.test .chart-right-box .chart-item .nephogram-box .nephogram[data-v-24a22fbf]{width:100%;height:1.041667rem}.test .chart-left-box .chart-item .test-list[data-v-24a22fbf],.test .chart-right-box .chart-item .test-list[data-v-24a22fbf]{width:100%;display:flex;flex-wrap:wrap;padding:.104167rem 0;background:linear-gradient(90deg,rgba(15,36,61,.63),rgba(40,84,137,.63))}.test .chart-left-box .chart-item .test-list .test-item[data-v-24a22fbf],.test .chart-right-box .chart-item .test-list .test-item[data-v-24a22fbf]{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.104167rem;cursor:pointer;border:.005208rem solid transparent}.test .chart-left-box .chart-item .test-list .test-item.active[data-v-24a22fbf],.test .chart-right-box .chart-item .test-list .test-item.active[data-v-24a22fbf]{border:.005208rem solid #1ee3f3}.test .chart-left-box .chart-item .test-list .test-item .shrink-img[data-v-24a22fbf],.test .chart-right-box .chart-item .test-list .test-item .shrink-img[data-v-24a22fbf]{width:.864583rem;height:.734375rem;margin-bottom:.03125rem}.test .chart-left-box .chart-item .test-list .test-item .title[data-v-24a22fbf],.test .chart-right-box .chart-item .test-list .test-item .title[data-v-24a22fbf]{font-size:.0625rem}.test .chart-left-box .chart-item .chart-item-main[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main[data-v-24a22fbf]{width:100%;padding:.166667rem .135417rem;background:linear-gradient(90deg,rgba(15,36,61,.63),rgba(40,84,137,.63))}.test .chart-left-box .chart-item .chart-item-main .ball-box[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box[data-v-24a22fbf]{width:100%;display:flex;align-items:center;height:.578125rem;padding:0 .046875rem}.test .chart-left-box .chart-item .chart-item-main .ball-box .ball-charts[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box .ball-charts[data-v-24a22fbf]{position:relative;width:.479167rem;height:.479167rem;background-size:cover;margin-right:.104167rem;display:flex;align-items:center;justify-content:center}.test .chart-left-box .chart-item .chart-item-main .ball-box .ball-charts .air-ball[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box .ball-charts .air-ball[data-v-24a22fbf]{width:81%;height:81%}.test .chart-left-box .chart-item .chart-item-main .ball-box .charts-info[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box .charts-info[data-v-24a22fbf]{width:calc(100% - .58333rem);display:flex;flex-direction:column;justify-content:space-around}.test .chart-left-box .chart-item .chart-item-main .ball-box .charts-info .info-item[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box .charts-info .info-item[data-v-24a22fbf]{width:fit-content;font-family:Microsoft YaHei;font-weight:400;font-size:.072917rem;color:#fff;position:relative;padding:.036458rem .026042rem;margin-bottom:.104167rem}.test .chart-left-box .chart-item .chart-item-main .ball-box .charts-info .info-item .tip[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box .charts-info .info-item .tip[data-v-24a22fbf]{font-weight:700;margin-right:.020833rem}.test .chart-left-box .chart-item .chart-item-main .ball-box .charts-info .info-item[data-v-24a22fbf]:before,.test .chart-right-box .chart-item .chart-item-main .ball-box .charts-info .info-item[data-v-24a22fbf]:before{content:"";width:.005208rem;height:.015625rem;position:absolute;left:0;bottom:0}.test .chart-left-box .chart-item .chart-item-main .ball-box .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-right-box .chart-item .chart-item-main .ball-box .charts-info .info-item[data-v-24a22fbf]:after{content:"";width:.005208rem;height:.015625rem;position:absolute;right:0;bottom:0}.test .chart-left-box .chart-item .chart-item-main .ball-box.blue[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.blue[data-v-24a22fbf]{margin-bottom:.15625rem;background:linear-gradient(90deg,rgba(15,36,61,.74),transparent)}.test .chart-left-box .chart-item .chart-item-main .ball-box.blue .ball-charts[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.blue .ball-charts[data-v-24a22fbf]{background:url(../img/blue_bg.6d5678f5.png) 50% no-repeat}.test .chart-left-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item[data-v-24a22fbf]{border-bottom:.005208rem solid #3ea1e5}.test .chart-left-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item .tip[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item .tip[data-v-24a22fbf]{color:#00c6ff}.test .chart-left-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-left-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item[data-v-24a22fbf]:before,.test .chart-right-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-right-box .chart-item .chart-item-main .ball-box.blue .charts-info .info-item[data-v-24a22fbf]:before{background:#3ea1e5}.test .chart-left-box .chart-item .chart-item-main .ball-box.orange[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.orange[data-v-24a22fbf]{background:linear-gradient(90deg,rgba(105,65,11,.74),transparent)}.test .chart-left-box .chart-item .chart-item-main .ball-box.orange .ball-charts[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.orange .ball-charts[data-v-24a22fbf]{background:url(../img/orange_bg.a6374c17.png) 50% no-repeat}.test .chart-left-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item[data-v-24a22fbf]{border-bottom:.005208rem solid #e28f1e}.test .chart-left-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item .tip[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item .tip[data-v-24a22fbf]{color:#e28f1e}.test .chart-left-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-left-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item[data-v-24a22fbf]:before,.test .chart-right-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-right-box .chart-item .chart-item-main .ball-box.orange .charts-info .info-item[data-v-24a22fbf]:before{background:#e28f1e}.test .chart-left-box .chart-item .chart-item-main .ball-box.skyblue[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.skyblue[data-v-24a22fbf]{background:linear-gradient(90deg,rgba(15,36,61,.74),transparent)}.test .chart-left-box .chart-item .chart-item-main .ball-box.skyblue .ball-charts[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.skyblue .ball-charts[data-v-24a22fbf]{background:url(../img/sky_blue_bg.6df10134.png) 50% no-repeat}.test .chart-left-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item[data-v-24a22fbf]{border-bottom:.005208rem solid #3ea1e5}.test .chart-left-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item .tip[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item .tip[data-v-24a22fbf]{color:#3ea1e5}.test .chart-left-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-left-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item[data-v-24a22fbf]:before,.test .chart-right-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item[data-v-24a22fbf]:after,.test .chart-right-box .chart-item .chart-item-main .ball-box.skyblue .charts-info .info-item[data-v-24a22fbf]:before{background:#3ea1e5}.test .chart-left-box .chart-item .chart-item-main.humidity[data-v-24a22fbf],.test .chart-left-box .chart-item .chart-item-main.soilT[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main.humidity[data-v-24a22fbf],.test .chart-right-box .chart-item .chart-item-main.soilT[data-v-24a22fbf]{height:1.020833rem}.test .chart-right-box[data-v-24a22fbf]{position:absolute;left:auto;top:.260417rem;right:.40625rem;z-index:1999}