.section-box{padding:24px 20px 8px;border-radius:20px;margin-bottom:32px;position:relative;overflow:hidden}.section-box .tname{font-size:1rem;color:#222222;-webkit-box-flex:0;-ms-flex:0 0 52%;flex:0 0 52%}.section-box .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:white;border-radius:12px;padding:12px;margin-bottom:16px}.section-box .icon-box{font-size:0.875rem;color:white;text-align:right;padding-right:24px;line-height:40px;display:block;border-radius:8px;margin-top:8px;background:no-repeat #00C735 10% center/16%}.section-box .icon-circle{-webkit-box-flex:0;-ms-flex:0 0 27%;flex:0 0 27%;border-radius:99em;background:#ECFAF5 no-repeat center/60%}.section-box .online .icon-box{background-image:url(../images/icon/link.svg)}.section-box .online .icon-circle{background-image:url(../images/icon/icon_item_connect_normal.svg)}.section-box .online.gray .icon-box{background-image:url(../images/icon/link_abnormal.svg)}.section-box .online.gray .icon-circle{background-image:url(../images/icon/icon_item_connect_abnormal.svg)}.section-box .online.red .icon-box{background-image:url(../images/icon/link_red.svg)}.section-box .online.red .icon-circle{background-image:url(../images/icon/icon_item_connect_red.svg)}.section-box .water .icon-box{background-image:url(../images/icon/icon_water_normal.svg)}.section-box .water .icon-circle{background-image:url(../images/icon/icon_item_water_normal.svg)}.section-box .water.gray .icon-box{background-image:url(../images/icon/icon_water_abnormal.svg)}.section-box .water.gray .icon-circle{background-image:url(../images/icon/icon_item_water_abnormal.svg)}.section-box .water.red .icon-box{background-image:url(../images/icon/icon_water_red.svg)}.section-box .water.red .icon-circle{background-image:url(../images/icon/icon_item_water_red.svg)}.section-box .elec .icon-box{background-image:url(../images/icon/icon_power_normal.svg)}.section-box .elec .icon-circle{background-image:url(../images/icon/icon_item_power_normal.svg)}.section-box .elec.gray .icon-box{background-image:url(../images/icon/icon_power_abnormal.svg)}.section-box .elec.gray .icon-circle{background-image:url(../images/icon/icon_item_power_abnormal.svg)}.section-box .elec.red .icon-box{background-image:url(../images/icon/icon_power_red.svg)}.section-box .elec.red .icon-circle{background-image:url(../images/icon/icon_item_power_red.svg)}.section-box .motor .icon-box{background-image:url(../images/icon/icon_power_normal.svg)}.section-box .motor .icon-circle{background-image:url(../images/icon/icon_item_motor_normal.svg)}.section-box .motor.gray .icon-box{background-image:url(../images/icon/icon_power_abnormal.svg)}.section-box .motor.gray .icon-circle{background-image:url(../images/icon/icon_item_motor_abnormal.svg)}.section-box .motor.red .icon-box{background-image:url(../images/icon/icon_power_red.svg)}.section-box .motor.red .icon-circle{background-image:url(../images/icon/icon_item_motor_red.svg)}.section-box .info.gray .icon-box{background-color:#F0F0F0;color:#9B9B9B}.section-box .info.gray .icon-circle{background-color:#F0F0F0}.section-box .info.red .icon-box{background-color:#FFC7C7;color:#ff0000}.section-box .info.red .icon-circle{background-color:#FFC7C7}.p1{background-color:#E5F9F2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p1 .info.block{display:block}.p1 .info.online{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.p1 .info.w51{-webkit-box-flex:0;-ms-flex:0 0 52%;flex:0 0 52%}.p1 .info.w50{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px}.p1 b{font-size:1.5rem;display:block;line-height:1.5;margin-top:0.3em;color:#222}.p1 input[type=checkbox]{height:0;width:0;visibility:hidden}.p1 label{cursor:pointer;width:100%;height:40px;background-color:#F0F0F0;display:block;border-radius:100px;position:relative;-webkit-transition:0.3s;transition:0.3s}.p1 label:after{content:"";position:absolute;top:4px;left:4px;width:32px;height:32px;background:#fff;border-radius:99em;-webkit-transition:0.3s;transition:0.3s}.p1 .switch-txt:after,.p1 .switch-txt:before{display:block;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:1rem}.p1 .switch-txt:before{content:attr(turnOn);left:8%;opacity:0}.p1 .switch-txt:after{content:attr(turnOff);right:8%;color:#9B9B9B;opacity:1}.p1 input:checked+label{background:#00C735}.p1 label:active:after{width:130px}.p1 input:checked+label:after{left:calc(100% - 4px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.p1 input:checked+label .switch-txt:before{opacity:1}.p1 input:checked+label .switch-txt:after{opacity:0}.p2{background-color:#EAEEFF}.p3{background-color:#FCF7E8}.p3 .info{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p3 .tname{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%}.p3 .btn{width:30%}.p3 input{border-radius:8px;border:1px solid #F0F0F0;font-size:1.75rem;line-height:1;padding:0.2em;text-align:center;margin-right:0.2em;width:72%;margin-top:8px;margin-right:8px}.p3 input+i{font-size:0.875rem}.btn-back{color:#222;margin-bottom:48px;display:block}.btn-back .svg{-webkit-transition:fill 0.6s;transition:fill 0.6s;fill:#25A0CE;vertical-align:-5px;margin-right:8px}h1{font-size:1.125rem;line-height:1.35;font-weight:700;margin-bottom:12px}.h1title{margin-bottom:24px}.btn-status{position:relative;display:inline-block;width:120px;color:white;letter-spacing:0.025em;font-size:1rem;height:40px;line-height:40px;text-align:center;border-radius:99em}.btn-status.gray{background-color:#bbb;border:1px solid #bbb}.btn-status.red{background-color:red;border:1px solid red}.breakdown{background:rgba(255,0,0,0.5);color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:1.5rem;padding:20px}.popup{display:none;background:rgba(255,255,255,0.6);position:fixed;top:0;left:0;z-index:20;width:100%;height:100%}.popup .content{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:592px;height:400px;width:90%;font-size:1.125rem;border-radius:20px}.popup .btn-group{margin-top:1em}.popup .btn-group a{margin:0 10px}@media (min-width:576px){.popup .content{border-radius:40px}.btn-status{width:160px;height:64px;line-height:64px}.btn-status.gray:hover{background-color:rgba(0,0,0,0);color:#bbb}.btn-status.red:hover{background-color:rgba(0,0,0,0);color:red}.h1title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}h1{font-size:1.5rem;margin-bottom:0px;padding-right:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.section-box{border-radius:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:32px 32px 0px}.section-box .info{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 32px) / 2);flex:0 0 calc((100% - 32px) / 2);border-radius:24px;padding:24px;margin-bottom:32px}.section-box .tname{font-size:1.125rem;-webkit-box-flex:0;-ms-flex:0 0 59%;flex:0 0 59%}.section-box .icon-box{border-radius:16px;font-size:1.25rem;line-height:60px;margin-top:16px}.p1 b{font-size:3rem}.p1 label{height:80px}.p1 label:after{top:10px;left:10px;width:60px;height:60px}.p1 input:checked+label:after{left:calc(100% - 10px)}.p1 .switch-txt:after,.p1 .switch-txt:before{font-size:2rem}.p3 .btn{width:27%}.p3 input{font-size:3.5rem;border-radius:16px;margin-top:16px;margin-right:12px}.p3 input+i{font-size:1.5rem}.back{margin:8px 0 40px}}@media (min-width:576px) and (max-width:1439px){.p1 .tname{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%}.p3{display:block;padding-bottom:1px}.p3 .info{max-width:100%}}@media (min-width:1440px){.section-box{padding:56px 56px 24px}.section-box .tname{font-size:1.25rem}.section-box .icon-box{font-size:1.5rem;line-height:80px;background-size:17%}.p1 .info.online{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 32px) / 2);flex:0 0 calc((100% - 32px) / 2);margin-right:32px}.p1 .info.w51{-webkit-box-flex:0;-ms-flex:0 0 23%;flex:0 0 23%}.p1 .info.w50{width:250px;margin-left:32px}}@media (max-width:990px){.btn-back{display:none}}@media (min-width:991px){.mtitle.sys{display:none}}