*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%}#app{width:100%;height:100%}.ml16{margin-left:16px}.tac{text-align:center}.tar{text-align:right}.col-FFEA05{color:#FFEA05}.col-fff{color:#fff}.fsz24{font-size:24px}.dn{display:none}.index{width:100%;height:100%;background-image:url("https://cdn.axspace.cn/desk/images/bg.png");background-size:cover;background-position:center;background-repeat:no-repeat;padding:24px 36px}.index .main-t{margin-bottom:10px;display:flex}.index .main-t .main-t-l{flex-wrap:nowrap;background:rgba(0,0,0,0.2);border-radius:12px;width:45%;margin-right:1%;padding:20px;height:267px;font-size:14px}.index .main-t .main-t-l .mian-info{height:175px;padding-bottom:14px;padding-top:4px}.index .main-t .main-t-l .mian-info .info-t{text-align:center;font-weight:500;font-size:14px;color:#FFFFFF;line-height:16px}.index .main-t .main-t-l .mian-info .info-t .ranking-t{font-weight:400;font-size:16px;color:#FFFFFF;line-height:19px}.index .main-t .main-t-l .mian-info .info-t .ranking-b{font-weight:400;font-size:12px;color:rgba(255,255,255,0.6);line-height:24px}.index .main-t .main-t-l .mian-info .line-l{display:inline-block;width:48px;height:2px;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);border-radius:4px 4px 4px 4px;position:relative;bottom:5px;right:12px}.index .main-t .main-t-l .mian-info .line-r{display:inline-block;width:48px;height:2px;background:linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);border-radius:4px 4px 4px 4px;position:relative;bottom:5px;left:12px}.index .main-t .main-t-l .mian-info .info-title{font-weight:500;font-size:16px;color:#FFFFFF;line-height:24px;text-align:center;padding:20px 60px;text-align:center;margin-bottom:18px}.index .main-t .main-t-l .mian-info .info-data{text-align:center;font-weight:400;font-size:14px;color:rgba(255,255,255,0.65);line-height:14px;display:flex;justify-content:center;text-align:center}.index .main-t .main-t-l .mian-info .info-data .info-l{display:inline-block}.index .main-t .main-t-l .mian-info .info-data .info-r{display:inline-block;line-height:30px}.index .main-t .main-t-l .cup{padding:18px}.index .main-t .main-t-l .cup-title{font-weight:400;font-size:14px;color:rgba(255,255,255,0.65);line-height:14px;text-align:center}.index .main-t .main-t-l .credit{border-top:solid 1px rgba(255,255,255,0.15);padding:10px 0px}.index .main-t .main-t-l .credit-signin{display:flex}.index .main-t .main-t-l .credit-l{flex-wrap:nowrap;width:87%}.index .main-t .main-t-l .credit-l .credit-l-b{display:flex}.index .main-t .main-t-l .credit-l .credit-l-b .credit-l-b-l{flex-wrap:nowrap;display:inline-block;margin-right:6px;font-weight:500;font-size:12px;color:#FFFFFF;line-height:20px;border-radius:4px;overflow:hidden;height:20px}.index .main-t .main-t-l .credit-l .credit-l-b .credit-l-b-l .credit-tag1{background:#A98AFF;padding:4px 6px 4px 8px}.index .main-t .main-t-l .credit-l .credit-l-b .credit-l-b-l .credit-tag2{background:#7E4EFF;padding:4px 8px 4px 6px}.index .main-t .main-t-l .credit-l .credit-l-b .credit-l-b-r{flex-wrap:nowrap;display:inline-block;font-weight:400;font-size:10px;color:#FFFFFF;line-height:20px}.index .main-t .main-t-l .credit-r{flex-wrap:nowrap;width:13%;text-align:right}.index .main-t .main-t-l .credit-nosignin{width:100%}.index .main-t .status{height:267px;flex-wrap:nowrap;background:rgba(0,0,0,0.2);border-radius:12px;width:34%;margin-right:1%;font-size:14px;color:#fff;padding:12px 20px 20px}.index .main-t .status .alarm{height:14px;line-height:14px;margin-bottom:30px}.index .main-t .status .alarm .alarm-l{width:70%;display:inline-block;font-weight:400;font-size:12px;line-height:14px;color:rgba(255,255,255,0.8)}.index .main-t .status .alarm .alarm-l .spot{display:inline-block;width:10px;height:10px;background:radial-gradient(#4DFF2E 0%, #4DFF2E 100%);box-shadow:0px 2px 5px 0px rgba(119,255,0,0.6);border-radius:50%;margin-right:10px}.index .main-t .status .alarm .alarm-r{width:30%;display:inline-block;font-weight:500;font-size:14px;color:#4DFF2E;line-height:14px;text-align:right}.index .main-t .status .security{margin-bottom:10px;padding-bottom:20px;border-bottom:solid 1px rgba(255,255,255,0.15)}.index .main-t .status .security .security-l{width:50%;display:inline-block;text-align:center}.index .main-t .status .security .security-r{width:50%;display:inline-block;text-align:center}.index .main-t .status .security .security-t{font-weight:500;font-size:20px;line-height:20px;margin-bottom:12px;color:#FFFFFF}.index .main-t .status .security .active .security-t,.index .main-t .status .security .active .security-b{color:#FF4242}.index .main-t .status .security .security-b{font-weight:400;font-size:12px;color:rgba(255,255,255,0.8);line-height:12px}.index .main-t .status .call-police .water{text-align:center}.index .main-t .status .call-police .smoke{text-align:center}.index .main-t .status .call-police .safe{text-align:center}.index .main-t .status .call-police .call-police-c{font-weight:400;font-size:14px;color:rgba(255,255,255,0.8);line-height:14px;margin-bottom:14px}.index .main-t .main-t-r{flex-wrap:nowrap;height:267px;background:rgba(0,0,0,0.2);border-radius:12px;width:19%;color:#fff;padding:16px 20px 20px}.index .main-t .main-t-r .date{font-weight:500;font-size:14px;line-height:14px;text-align:center}.index .main-t .main-t-r .score{font-weight:500;font-size:20px;line-height:44px;text-align:center}.index .main-t .main-t-r .quality{font-weight:400;text-align:center;font-size:12px;color:rgba(255,255,255,0.8);line-height:12px;padding-bottom:18px;border-bottom:solid 1px rgba(255,255,255,0.15);margin-bottom:10px}.index .main-t .main-t-r .humidity,.index .main-t .main-t-r .temperature,.index .main-t .main-t-r .pm25,.index .main-t .main-t-r .co2{height:36px;display:flex}.index .main-t .main-t-r .humidity .view-l,.index .main-t .main-t-r .temperature .view-l,.index .main-t .main-t-r .pm25 .view-l,.index .main-t .main-t-r .co2 .view-l{flex-wrap:nowrap;width:15%;text-align:center;height:40px;line-height:40px}.index .main-t .main-t-r .humidity .view-c,.index .main-t .main-t-r .temperature .view-c,.index .main-t .main-t-r .pm25 .view-c,.index .main-t .main-t-r .co2 .view-c{flex-wrap:nowrap;width:45%;height:40px;font-weight:400;font-size:14px;color:#FFFFFF;line-height:40px}.index .main-t .main-t-r .humidity .view-r,.index .main-t .main-t-r .temperature .view-r,.index .main-t .main-t-r .pm25 .view-r,.index .main-t .main-t-r .co2 .view-r{flex-wrap:nowrap;width:40%;height:40px;font-weight:400;font-size:14px;color:rgba(255,255,255,0.8);line-height:40px;text-align:right}.index .main-c{background:#493d9e;border-radius:12px;height:365px;font-weight:400;font-size:12px;color:#FFFFFF;line-height:12px;display:flex;overflow:hidden;margin-bottom:16px}.index .main-c .main-c-l{flex-wrap:nowrap;width:40%;text-align:center;overflow:hidden}.index .main-c .main-c-r{flex-wrap:nowrap;width:60%;padding:24px 24px 16px 16px}.index .main-c .main-c-r .main-title{font-weight:400;font-size:12px;color:#FFFFFF;line-height:12px}.index .main-c .main-c-r .info{height:280px;padding:10px 0}.index .main-c .main-c-r .info .info-li{display:inline-block;padding:12px 16px;margin-bottom:16px}.index .main-c .main-c-r .info .li-received{font-weight:500;font-size:16px;color:#151515;line-height:16px;background:#EFF0F7;border-radius:16px 16px 16px 4px}.index .main-c .main-c-r .info .li-hair{font-weight:500;font-size:16px;color:#FFFFFF;line-height:16px;background:#0080FF;border-radius:16px 16px 4px 16px}.index .main-c .main-c-r .info .li-ad{width:100%;height:150px;background:#EFF0F7;border-radius:16px 16px 16px 4px;padding:16px;display:flex}.index .main-c .main-c-r .info .li-ad .ad-img{flex-wrap:nowrap;width:38%;display:inline-block}.index .main-c .main-c-r .info .li-ad .ad-info{flex-wrap:nowrap;width:60%;display:inline-block}.index .main-c .main-c-r .info .li-ad .ad-info .ad-title{display:flex;margin-bottom:8px}.index .main-c .main-c-r .info .li-ad .ad-info .ad-title .ad-title1{flex-wrap:nowrap;width:30px;height:30px;text-align:center;display:inline-block;border-radius:50%;line-height:30px;background-color:#fff;padding-top:4px;margin-right:8px}.index .main-c .main-c-r .info .li-ad .ad-info .ad-title .ad-title1 img{width:22px;height:22px;border-radius:50%}.index .main-c .main-c-r .info .li-ad .ad-info .ad-title .ad-title2{flex-wrap:nowrap;font-weight:500;font-size:14px;color:#151515;height:30px;line-height:30px;display:inline-block;margin-right:8px}.index .main-c .main-c-r .info .li-ad .ad-info .ad-title .ad-title3{flex-wrap:nowrap;line-height:30px;display:inline-block}.index .main-c .main-c-r .info .li-ad .ad-info .ad-title .ad-title3 .ad-title3-text{display:inline-block;border-radius:4px;border:1px solid #666666;width:30px;height:18px;font-weight:500;font-size:10px;color:#666666;line-height:16px;text-align:center}.index .main-c .main-c-r .info .li-ad .ad-data{font-weight:400;font-size:12px;color:#666666;line-height:17px}.index .main-c .main-c-r .info2{margin-top:10px;width:530px;height:250px;background:#EFF0F7;border-radius:14px 14px 14px 4px;margin-bottom:17px;font-weight:400;font-size:14px;color:#666666;line-height:14px;padding:15px 15px 0 15px}.index .main-c .main-c-r .info2 .intelligence{width:50%;display:inline-block;margin-bottom:15px}.index .main-c .main-c-r .info2 .house{width:50%;display:inline-block;margin-bottom:15px}.index .main-c .main-c-r .info2 .reservation{width:50%;display:inline-block;margin-bottom:15px}.index .main-c .main-c-r .info-text{display:block;line-height:24px}.index .main-c .main-c-r .col-efefef{font-weight:bold;font-size:14px;color:#151515;line-height:28px}.index .main-c .main-c-r .main-btn{text-align:center}.index .main-c .main-c-r .main-btn .btn-view{display:inline-block;text-align:center;width:144px;height:36px;background:linear-gradient(90deg, #0080FF 0%, #0059FF 100%);box-shadow:0px 2px 6px 0px rgba(7,57,255,0.4);border-radius:37px 37px 37px 37px;cursor:pointer;font-weight:500;font-size:16px;color:#FFFFFF;line-height:36px}.index .main-b{text-align:center}