.garden-page.garden-left .garden-info{position:relative}.garden-page.garden-left .garden-info .left-right{position:relative;width:100%;flex:none;box-sizing:border-box;display:flex;align-items:center}.garden-page.garden-left .garden-info .left-right .tree{position:relative;background-repeat:no-repeat;background-position:bottom 12% center;background-image:url(../img/19.9b297aef.png);background-size:98% auto;width:30%;height:90px;cursor:pointer}.garden-page.garden-left .garden-info .left-right .tree:before{content:"";position:absolute;top:0;left:0;width:100%;height:90%;background-repeat:no-repeat;background-position:bottom 48% left 56%;background-size:60% auto;background-image:url(../img/20.913994a3.png)}.garden-page.garden-left .garden-info .left-right .tree-point-switch{left:0;width:30%;bottom:10px;font-size:13px;text-decoration:underline;cursor:pointer;text-align:center;position:absolute;color:#1ce4eb}.garden-page.garden-left .garden-info .left-right .tree-point-switch.active,.garden-page.garden-left .garden-info .left-right .tree-point-switch:hover{color:#f99}.garden-page.garden-left .garden-info .garden-bg{top:0;left:12px;right:12px;height:100%;position:absolute;background-size:100% 100%}.garden-page.garden-left .garden-info .address{margin-left:12px;margin-right:10px;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garden-page.garden-left .garden-info .address span{color:#b6d3e8}.garden-page.garden-left .garden-info .detail-info-list{display:flex;flex-direction:column;justify-content:center;flex:1;box-sizing:border-box;padding:6px 10px;background:rgba(0,0,0,.4);font-size:12px;border-radius:4px;margin-right:8px}.garden-page.garden-left .garden-info .detail-info-list li{display:flex;flex-direction:column;border-bottom:1px dashed hsla(0,0%,80%,.2);padding-bottom:4px}.garden-page.garden-left .garden-info .detail-info-list li div{white-space:nowrap;text-overflow:ellipsis;display:flex;justify-content:space-between}.garden-page.garden-left .garden-info .detail-info-list li:not(:last-child){margin-bottom:5px}.garden-page.garden-left .garden-info .detail-info-list li label{color:#ddd}.garden-page.garden-left .garden-info .detail-info-list li span{color:#b6d3e8}.garden-page.garden-left .garden-info .detail-info-list li.half>div:first-of-type{width:60%;flex:none}.garden-page.garden-left .garden-info .detail-info-list li.half>div:nth-of-type(2)>label{display:inline-block;text-align:right}.garden-page.garden-left .camera-list{overflow:hidden;height:100%;position:relative}.garden-page.garden-left .camera-list>ul{height:100%;display:flex;will-change:transform;transition:transform .4s ease-out}.garden-page.garden-left .camera-list>ul>li{position:relative;height:100%;background-size:100% 100%;flex:none}.garden-page.garden-left .camera-list>ul>li .camera-title{position:absolute;left:0;height:30px;right:0;line-height:30px;background-color:rgba(0,0,0,.3);color:#fff;font-size:14px;box-sizing:border-box;padding-left:10px}.garden-page.garden-left .camera-list>ul>li .open-button{position:absolute;display:flex;justify-content:center;align-items:center;left:50%;top:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);font-size:24px;border-radius:50%;will-change:color,border-color;transition:color .4s ease-out,border-color .4s ease-out}.garden-page.garden-left .camera-list>ul>li .open-button.disabled{cursor:not-allowed}.garden-page.garden-left .camera-list .next-button,.garden-page.garden-left .camera-list .prev-button{position:absolute;display:flex;justify-content:center;align-items:center;border:1px solid transparent;color:hsla(0,0%,100%,.4);top:50%;margin-top:-15px;width:30px;height:30px;border-radius:50%;will-change:color,border-color;transition:color .4s ease-out,border-color .4s ease-out}.garden-page.garden-left .camera-list .next-button.disabled,.garden-page.garden-left .camera-list .prev-button.disabled{cursor:not-allowed}.garden-page.garden-left .camera-list .next-button:not(.disabled),.garden-page.garden-left .camera-list .prev-button:not(.disabled){cursor:pointer}.garden-page.garden-left .camera-list .prev-button{left:4px}.garden-page.garden-left .camera-list .next-button{right:4px}.garden-page.garden-left .camera-list:hover .next-button.normal,.garden-page.garden-left .camera-list:hover .prev-button.normal{color:#fff}.garden-page.garden-left .camera-list:hover .open-button.normal{border-color:#fff;color:#fff;cursor:pointer}.garden-page.garden-left .env-datas{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-row-gap:6px;grid-column-gap:6px;font-size:12px;will-change:transform;transition:transform .4s ease-out;padding:10px 12px 0;box-sizing:border-box}.garden-page.garden-left .env-datas>li{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:#ccc;flex:none}.garden-page.garden-left .env-datas>li .item{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;box-sizing:border-box;padding-left:4px;background-color:rgba(235,174,28,.15)}.garden-page.garden-left .env-datas>li .item.warning{background-color:hsla(0,100%,70%,.3)}.garden-page.garden-left .env-datas>li .item.active{background-color:rgba(235,174,28,.5)}.garden-page.garden-left .env-datas>li .item.active.warning{background-color:hsla(0,100%,70%,.6)}.garden-page.garden-left .env-datas>li .des{text-align:left;margin-left:4px}.garden-page.garden-left .env-datas>li .iconfont{width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;font-size:20px;transition:background-color .3s ease-out}.garden-page.garden-left .env-datas>li .data-label,.garden-page.garden-left .env-datas>li .data-value{font-size:12px;transition:color .3s ease-out;will-change:color;white-space:nowrap}.garden-page.garden-left .env-datas>li .data-value{margin-bottom:0}.garden-page.garden-left .env-datas>li .data-label{letter-spacing:1px}.garden-page.garden-left .env-datas>li:hover .data-label,.garden-page.garden-left .env-datas>li:hover .data-value{color:#fff}.garden-page.garden-left .env-datas>li.air-temp .iconfont{color:#f86462}.garden-page.garden-left .env-datas>li.air-temp.active .iconfont{background-color:rgba(248,100,98,.3)}.garden-page.garden-left .env-datas>li.air-humid .iconfont{color:#f7c147}.garden-page.garden-left .env-datas>li.air-humid.active .iconfont{background-color:rgba(247,193,71,.3)}.garden-page.garden-left .env-datas>li.light .iconfont{color:#21b9f9}.garden-page.garden-left .env-datas>li.light.active .iconfont{background-color:hsla(0,0%,80%,.3)}.garden-page.garden-left .env-datas>li.pa .iconfont{color:#3462f3}.garden-page.garden-left .env-datas>li.pa.active .iconfont{background-color:rgba(52,98,243,.4)}.garden-page.garden-left .env-datas>li.wind-speed .iconfont{color:#c8514f}.garden-page.garden-left .env-datas>li.wind-speed.active .iconfont{background-color:rgba(200,81,79,.4)}.garden-page.garden-left .env-datas>li.rain .iconfont{color:#f5bf46}.garden-page.garden-left .env-datas>li.rain.active .iconfont{background-color:rgba(245,191,70,.3)}.garden-page.garden-left .env-datas>li.soil-temp .iconfont{color:#21b9f9}.garden-page.garden-left .env-datas>li.soil-temp.active .iconfont{background-color:rgba(33,185,249,.3)}.garden-page.garden-left .env-datas>li.soil-humid .iconfont{color:#284bbb}.garden-page.garden-left .env-datas>li.soil-humid.active .iconfont{background-color:rgba(40,75,187,.45)}.garden-page.garden-left .env-datas>li.soil-ec .iconfont{color:#26a69a}.garden-page.garden-left .env-datas>li.soil-ec.active .iconfont{background-color:rgba(38,166,154,.45)}@media screen and (max-width:1600px){.garden-page.garden-left .env-datas{grid-row-gap:3px;grid-column-gap:3px;padding:4px 5px 0}.garden-page.garden-left .env-datas>li .data-label,.garden-page.garden-left .env-datas>li .data-value{margin-left:0}.garden-page.garden-left .env-datas>li .item{padding:3px 2px}.garden-page.garden-left .env-datas>li .iconfont{display:none}.garden-page.garden-left .env-datas>li .data-value{margin-bottom:0}.garden-page.garden-left .env-datas>li .des{flex:1;text-align:center}}@media screen and (max-width:1366px){.garden-page.garden-left .env-datas{grid-row-gap:2px;grid-column-gap:2px;padding:3px 3px 0}.garden-page.garden-left .env-datas>li .data-label,.garden-page.garden-left .env-datas>li .data-value{margin-left:0;transform:scale(.9)}.garden-page.garden-left .env-datas>li .item{padding:3px 0}.garden-page.garden-left .env-datas>li .data-value{margin-bottom:0}.garden-page.garden-left .env-datas>li .des{flex:1;text-align:center}}.garden-page.garden-left .soil-detect{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-row-gap:5px;grid-column-gap:5px;font-size:12px;padding:0 12px 7px;box-sizing:border-box;color:#ccc}.garden-page.garden-left .soil-detect li{display:flex;justify-content:center;align-items:center;flex-direction:column;background:rgba(235,174,28,.15);transition:color .3s linear,box-shadow .4s ease-out}.garden-page.garden-left .soil-detect li>span:first-child{margin-bottom:2px}.garden-page.garden-left .soil-detect li:hover{color:#fff;box-shadow:0 0 4px 2px hsla(0,0%,100%,.4)}@media screen and (max-width:1600px){.garden-page.garden-left .soil-detect{grid-row-gap:3px;grid-column-gap:3px;padding:0 5px 5px}.garden-page.garden-left .soil-detect li>span:first-child{margin-bottom:0}}.integrated-water{z-index:1;width:565px!important;display:flex;align-items:flex-start;box-sizing:border-box;padding:10px;flex-direction:row!important;background-color:rgba(0,0,0,.8)}.integrated-water .close-btn{position:absolute;left:14px;bottom:10px;cursor:pointer;transform:rotate(180deg) scaleY(.8);padding:8px 12px;background:rgba(0,38,38,.9);border-radius:2px;color:#ccc;transition:all .4s ease}.integrated-water .close-btn:hover{color:#fff;background:hsla(0,0%,80%,.6)}.integrated-water>ul{flex:none;width:150px;font-size:14px;color:#ccc;box-sizing:border-box;padding:0;height:100%;background:rgba(11,68,69,.8)}.integrated-water>ul li{position:relative;padding:14px 12px;box-sizing:border-box;cursor:pointer;border-bottom:1px solid rgba(116,192,227,.15);will-change:background-color;transition:background-color .4s ease-out}.integrated-water>ul li:before{display:none;position:absolute;content:"";width:8px;height:8px;top:50%;right:12px;border-left:1px solid #bbb;border-bottom:1px solid #bbb;transform:rotate(-135deg);margin-top:-4px}.integrated-water>ul li:after{content:"";position:absolute;width:0;left:0;bottom:0;height:1px;background:rgba(116,192,227,.9);will-change:width;transition:width .4s linear}.integrated-water>ul li.active{background-color:rgba(116,192,227,.7)}.integrated-water>ul li.active>div:first-of-type{color:#c9e6f4}.integrated-water>ul li.active:before{display:block}.integrated-water>ul li:hover:not(.active):after{width:100%}.integrated-water>ul li>div:first-of-type{margin-bottom:6px;font-size:15px;color:#74c0e3}.integrated-water>ul li>div:nth-of-type(2){display:flex;font-size:13px;color:#faa;align-items:center}.integrated-water>ul li>div:nth-of-type(2):before{display:block;content:"";width:10px;height:10px;border-radius:50%;background:#faa;margin-right:5px}.integrated-water>ul li.running>div:nth-of-type(2){color:#a3f7b5}.integrated-water>ul li.running>div:nth-of-type(2):before{background:#a3f7b5}.integrated-water>div{background:rgba(0,38,38,.9);flex:1;height:100%;padding-left:6px}.integrated-water .machine-wrap .tabs{position:relative;height:45px;line-height:45px;display:flex;align-items:center;font-size:13px;color:#ccc;border-bottom:1px dashed hsla(0,0%,80%,.3)}.integrated-water .machine-wrap .tabs li{position:relative;flex:1;text-align:center;height:100%;will-change:color;transition:color .4s linear;cursor:pointer}.integrated-water .machine-wrap .tabs li:before{content:"";position:absolute;left:50%;right:50%;bottom:8px;height:1px;background:linear-gradient(90deg,rgba(116,192,227,0),rgba(116,192,227,.8),rgba(116,192,227,0));transition:all .4s linear}.integrated-water .machine-wrap .tabs li.active{color:#74c0e3}.integrated-water .machine-wrap .tabs li.active:before{left:9px;right:9px}.integrated-water .machine-wrap .tabs li:hover{color:#74c0e3}.integrated-water .machine-wrap section{overflow-y:auto;height:calc(100% - 48px);font-size:13px;color:#ccc;padding:12px 6px 0}.integrated-water .machine-switcher{position:relative;width:56px;height:20px;box-shadow:inset 2px 2px 5px #c86160;border-radius:18px;border:1px solid #c86160;box-sizing:border-box;line-height:20px;text-align:right;padding-right:7px;cursor:pointer}.integrated-water .machine-switcher:before{width:19px;height:19px;border-radius:12px;background-color:#c86160;content:"";position:absolute;left:0;will-change:transform,background-color;transition:transform .4s ease-out,background-color .4s linear}.integrated-water .machine-switcher.checked{box-shadow:inset 2px 2px 5px #3ea0a3;border-color:#3ea0a3;text-align:left;padding-left:9px;color:#f0f0f0}.integrated-water .machine-switcher.checked:before{background-color:#3ea0a3;transform:translateX(37px)}.integrated-water .machine-operator{height:360px;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-row-gap:8px;grid-column-gap:8px}.integrated-water .machine-operator>div{background:hsla(0,0%,80%,.5);border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}.integrated-water .machine-operator>div label{margin-bottom:12px}.integrated-water .io-control>div{margin-bottom:20px}.integrated-water .io-control>div h5{position:relative;height:22px;margin-bottom:10px;font-weight:400}.integrated-water .io-control>div h5:after{position:absolute;content:"";left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.integrated-water .io-control>div>ul{padding:10px 12px;box-sizing:border-box;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-columns:2fr 1fr;border:1px dashed hsla(0,0%,80%,.4);border-radius:4px;grid-row-gap:8px}.integrated-water .io-control>div>ul li{display:flex;align-items:center}.integrated-water .io-control>div>ul li:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#f45b69;border:1px solid #f0f0f0;margin-right:5px}.integrated-water .alert-info>li{padding-bottom:7px;font-size:12px;line-height:1.6;border-bottom:1px dashed hsla(0,0%,100%,.25)}.integrated-water .alert-info>li span{margin-right:6px}.integrated-water .alert-info>li:not(:last-child){margin-bottom:10px}.integrated-water input{width:100%;height:100%;box-sizing:border-box;padding-right:22px;padding-left:10px;background:hsla(0,0%,100%,.2);border:none;border-radius:2px;outline:none;color:#fff;font-size:inherit;will-change:box-shadow;transition:box-shadow .2s ease-in-out;border:1px solid transparent}.integrated-water input:focus{box-shadow:0 0 0 2px rgba(237,112,32,.55);border-color:transparent}.integrated-water input::-webkit-input-placeholder{font-weight:400;color:hsla(0,0%,100%,.45)}.integrated-water .params section{padding:0}.integrated-water .params section h5{position:relative;height:22px;margin-bottom:10px;font-weight:400}.integrated-water .params section h5:after{position:absolute;content:"";left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.integrated-water .params section:first-of-type{margin-bottom:10px}.integrated-water .params .inputs{display:flex;flex-wrap:wrap}.integrated-water .params .inputs li{width:calc(50% - 5px);display:flex;flex-direction:column;margin-bottom:5px}.integrated-water .params .inputs li:nth-of-type(odd){margin-right:10px}.integrated-water .params .inputs li label{margin-bottom:5px}.integrated-water .params .inputs li div{position:relative;height:24px}.integrated-water .params .inputs li div span{position:absolute;top:0;bottom:0;right:4px;display:flex;align-items:center}.integrated-water .params .switchers{height:200px;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-row-gap:5px;grid-column-gap:5px;margin-bottom:8px}.integrated-water .params .switchers>li{background:hsla(0,0%,80%,.5);border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}.integrated-water .params .switchers>li label{margin-bottom:6px}.integrated-water .monitor .top-section{display:flex;flex-direction:row;height:520px}.integrated-water .monitor .top-section>div{flex:1;margin-left:-10px}.integrated-water .monitor .top-section>div>div{background:rgba(47,69,80,.5);padding:8px;border-radius:4px}.integrated-water .monitor .top-section>div>div:first-of-type{margin-bottom:10px}.integrated-water .monitor h5{position:relative;height:22px;margin-bottom:7px;font-weight:400}.integrated-water .monitor h5:after{position:absolute;content:"";left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.integrated-water .monitor .shuifei-one{height:100%;width:210px;flex:none}.integrated-water .monitor .valve>div{height:26px;position:relative}.integrated-water .monitor .valve>div:not(:last-child){margin-bottom:6px}.integrated-water .monitor .valve>div input{width:80px}.integrated-water .monitor .valve>div span{position:absolute;display:flex;align-items:center;top:0;right:22px;bottom:0}.integrated-water .monitor .control>div:first-of-type{border-bottom:1px dashed hsla(0,0%,100%,.2);margin-bottom:12px;padding-bottom:8px}.integrated-water .monitor .bottom-section{display:flex;justify-content:space-between;margin-top:15px}.integrated-water .monitor .bottom-section>div{background:rgba(47,69,80,.5);padding:8px;border-radius:4px}.integrated-water .monitor .bottom-section>div h5{text-align:center;margin-bottom:10px}.integrated-water .monitor .bottom-section>div h5:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.integrated-water .monitor .bottom-section>div:not(:last-child){flex:none;margin-right:8px;width:90px}.integrated-water .monitor .bottom-section>div:nth-of-type(3){flex:1}.integrated-water .monitor .bottom-section>div>div{line-height:1.9;font-size:12px;border-bottom:1px dashed hsla(0,0%,100%,.1)}.integrated-water .monitor .bottom-section>div>div:not(:last-child){margin-bottom:5px}.integrated-water .monitor .control-wrap h4{position:relative;display:flex;justify-content:center;font-weight:400;align-items:center;margin-bottom:8px}.integrated-water .monitor .control-wrap h4:after{content:"";width:10px;height:10px;display:block;background:#c86160;border-radius:50%;margin-left:6px}.integrated-water .monitor .control-wrap h4.active:after{background:#a3f7b5}.integrated-water .monitor .control-wrap>div{height:30px;display:flex;align-items:center}.integrated-water .monitor .control-wrap>div input{width:60px;height:26px;margin-right:4px;text-align:center}@media screen and (max-width:1600px){.integrated-water{padding:4px}.integrated-water .close-btn{left:8px;bottom:6px}.integrated-water>ul{font-size:12px}.integrated-water>ul li{padding:10px 8px}.integrated-water>ul li>div:first-of-type{font-size:13px}.integrated-water>ul li>div:nth-of-type(2){font-size:12px}.integrated-water .machine-wrap section{font-size:12px;padding:6px 3px 0;height:calc(100% - 40px)}.integrated-water .machine-wrap .tabs{height:32px;line-height:32px}.integrated-water .machine-wrap .tabs li:before{bottom:5px}.integrated-water .params section:first-of-type,.integrated-water .params section h5{margin-bottom:5px}.integrated-water .params .switchers{height:170px;grid-row-gap:3px;grid-column-gap:3px}.integrated-water .monitor .top-section{height:480px}}.camera-ctrl{position:fixed;right:20px;bottom:20px;width:210px;height:210px;border-radius:100%;background-color:rgba(0,77,64,.99);z-index:503;-webkit-animation:warn 1s ease-out;animation:warn 1s ease-out}.camera-ctrl>div{position:absolute;width:70px;height:70px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:70px;color:#ccc}.camera-ctrl>div:hover{color:#fff}.camera-ctrl .left-top{top:20px;left:20px;width:50px;height:50px;line-height:50px}.camera-ctrl .top{top:0;left:70px;line-height:50px}.camera-ctrl .right-top{top:20px;right:20px;width:50px;height:50px;line-height:50px}.camera-ctrl .left{top:70px;left:0;width:50px}.camera-ctrl .right{top:70px;right:0;width:50px}.camera-ctrl .left-bottom{bottom:20px;left:20px;width:50px;height:50px;line-height:50px}.camera-ctrl .bottom{bottom:0;left:70px;height:50px;line-height:50px}.camera-ctrl .right-bottom{bottom:20px;right:20px;width:50px;height:50px;line-height:50px}.camera-ctrl .inner-ring{position:absolute;top:45px;left:45px;width:120px;height:120px;border-radius:100%;background-color:rgba(0,105,92,.25);overflow:hidden;color:#ccc}.camera-ctrl .inner-ring>div{position:absolute;height:40px;width:40px;line-height:40px;color:#ccc}.camera-ctrl .inner-ring>div:hover{color:#fff}.camera-ctrl .inner-ring .zoom-in{top:0;left:20px;border-right:1px solid hsla(0,0%,100%,.1)}.camera-ctrl .inner-ring .zoom-out{top:0;right:20px}.camera-ctrl .inner-ring .fast{top:40px;right:0;background:rgba(0,121,107,.4)}.camera-ctrl .inner-ring .help{font-size:24px;line-height:40px;top:40px;left:40px;background:rgba(0,121,107,.4)}.camera-ctrl .inner-ring .slow{top:40px;left:0;background:rgba(0,121,107,.4)}.camera-ctrl .inner-ring .far{bottom:0;left:20px;border-right:1px solid hsla(0,0%,100%,.1)}.camera-ctrl .inner-ring .near{bottom:0;right:20px}@media screen and (max-width:1600px){.camera-ctrl{transform:scale(.8);right:0;bottom:0}}.device-data-modal .modal-content{max-width:1500px;height:750px}.device-data-modal .content-wrap{display:flex;height:calc(100% - 40px);box-sizing:border-box;padding:8px}.device-data-modal .left-datas{width:260px;background:rgba(235,174,28,.2)}.device-data-modal .left-datas .selector{position:relative;justify-content:center;display:flex;height:50px;align-items:center}.device-data-modal .left-datas .selector:after{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.device-data-modal .data-container{height:calc(100% - 50px);box-sizing:border-box;padding:8px 10px;color:#999;font-size:15px}.device-data-modal .data-container li{display:flex;align-items:center;line-height:2;border-bottom:1px dashed hsla(0,0%,100%,.1)}.device-data-modal .data-container li:not(:last-child){margin-bottom:10px}.device-data-modal .data-container li span:first-of-type{flex:1}.device-data-modal .line-chart{position:relative;background:rgba(235,174,28,.2);flex:1;height:100%;margin-left:5px;box-sizing:border-box;padding:25px 0 10px 8px;display:flex;flex-direction:column}.device-data-modal .line-chart:before{content:"注：时刻内的平均数值";position:absolute;top:7px;right:15px;font-size:14px;color:#bbb}.device-data-modal .line-chart>div{width:100%;flex:1}@media screen and (max-width:1600px){.device-data-modal .modal-content{height:700px}.device-data-modal .content-wrap{height:calc(100% - 32px)}.device-data-modal .data-container{font-size:13px}}@media screen and (max-width:1440px){.device-data-modal .modal-content{width:900px;height:700px}.device-data-modal .data-container{font-size:12px}}@media screen and (max-width:1366px){.device-data-modal .modal-content{height:550px}.device-data-modal .content-wrap{padding:3px}.device-data-modal .left-datas{width:230px}.device-data-modal .left-datas .selector{height:42px}.device-data-modal .data-container{padding:4px 5px;height:calc(100% - 42px)}.device-data-modal .data-container li:not(:last-child){margin-bottom:5px}.device-data-modal .line-chart{margin-left:2px;padding-top:18px;padding-bottom:2px}.device-data-modal .line-chart:before{font-size:12px}}@-webkit-keyframes bubbleRotate360{0%{transform:scale(1.12) rotate(0)}to{transform:scale(1.12) rotate(1turn)}}@keyframes bubbleRotate360{0%{transform:scale(1.12) rotate(0)}to{transform:scale(1.12) rotate(1turn)}}@-webkit-keyframes bubbleSwimming1{0%,to{transform:translate(0)}25%{transform:translate(28%,-28%)}50%{transform:translate(0)}75%{transform:translate(-28%,28%)}}@keyframes bubbleSwimming1{0%,to{transform:translate(0)}25%{transform:translate(28%,-28%)}50%{transform:translate(0)}75%{transform:translate(-28%,28%)}}@-webkit-keyframes bubbleSwimming2{0%,to{transform:translate(0)}25%{transform:translate(-28%,28%)}50%{transform:translate(0)}75%{transform:translate(28%,-28%)}}@keyframes bubbleSwimming2{0%,to{transform:translate(0)}25%{transform:translate(-28%,28%)}50%{transform:translate(0)}75%{transform:translate(28%,-28%)}}@-webkit-keyframes bubbleSwimming3{0%,to{transform:translate(0)}25%{transform:translate(-28%,-28%)}50%{transform:translate(0)}75%{transform:translate(28%,28%)}}@keyframes bubbleSwimming3{0%,to{transform:translate(0)}25%{transform:translate(-28%,-28%)}50%{transform:translate(0)}75%{transform:translate(28%,28%)}}@-webkit-keyframes bubbleSwimming4{0%,to{transform:translate(0)}25%{transform:translate(28%,28%)}50%{transform:translate(0)}75%{transform:translate(-28%,-28%)}}@keyframes bubbleSwimming4{0%,to{transform:translate(0)}25%{transform:translate(28%,28%)}50%{transform:translate(0)}75%{transform:translate(-28%,-28%)}}.grow-tree-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.85);opacity:0;transform:scale(0);display:none;transition:opacity .35s linear,transform .5s ease-in-out;transform-origin:10% 21%}.grow-tree-wrap.show{display:block}.grow-tree-wrap.active{opacity:1;transform:scale(1)}.grow-tree-wrap .close-btn{position:absolute;top:110px;right:30px;border:1px solid #19b8bd;color:#19b8bd;border-radius:50%;font-size:12px;padding:4px;opacity:.9;will-change:opacity,transform;transition:opacity .35s ease-out,transform .35s ease-out;cursor:pointer}.grow-tree-wrap .close-btn:hover{opacity:1;color:#1ce4eb;border-color:#1ce4eb;transform:scale(1.2)}.grow-tree-wrap .left-section,.grow-tree-wrap .right-section{position:absolute;width:200px;top:50%;height:700px;margin-top:-300px}.grow-tree-wrap .left-section .data-wrap,.grow-tree-wrap .right-section .data-wrap{display:flex;flex-direction:column;justify-content:space-around;position:absolute;top:0;left:120px;width:100%;height:100%;box-sizing:border-box;padding:10px 0}.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(2),.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(3),.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(2),.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(3){margin-left:-30px}.grow-tree-wrap .left-section{left:30px}.grow-tree-wrap .right-section{right:30px;transform:scaleX(-1)}.grow-tree-wrap .stat-item{position:relative;width:190px;height:90px}.grow-tree-wrap .stat-item>div{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;justify-content:center;padding-top:6px}.grow-tree-wrap .stat-item>div.right{transform:scaleX(-1)}.grow-tree-wrap .stat-item>div>div:first-of-type{font-size:16px;margin-bottom:3px;letter-spacing:1px}.grow-tree-wrap .stat-item>div>div:nth-of-type(2){color:#d5eb41;font-size:24px;letter-spacing:1px}.grow-tree-wrap .stat-item>span{display:block;font-size:12px}.grow-tree-wrap .stat-item>span>em{color:#d5eb41}.grow-tree-wrap .stat-item>span.right{text-align:right;transform:scaleX(-1)}.grow-tree-wrap .bubble{position:relative;width:76px;height:76px;border-radius:50%;border:2px solid #1ce4eb;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(circle,rgba(27,139,144,.1) 2%,rgba(27,139,144,.5) 50%,rgba(27,139,144,.95));transition:all .35s ease-out}.grow-tree-wrap .bubble:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/36.9658c81f.png);background-repeat:no-repeat;background-size:100% 100%;-webkit-animation:bubbleRotate360 10s linear infinite;animation:bubbleRotate360 10s linear infinite}.grow-tree-wrap .tree-base{position:absolute;bottom:82px;left:50%;height:550px;width:calc(100% - 740px);margin-left:calc(370px - 50%);background-image:url(../img/30.d022e258.png);background-repeat:no-repeat;background-position:bottom}.grow-tree-wrap .tree-base>ul{position:absolute;left:0;right:0;bottom:-20px;height:120px;display:flex;padding:0 80px;justify-content:space-around;align-items:center;color:#22e5e5}.grow-tree-wrap .tree-base>ul>li{position:relative;cursor:pointer;will-change:color;transition:color .4s ease-out}.grow-tree-wrap .tree-base>ul>li.active{color:#e3fb46}.grow-tree-wrap .tree-base>ul>li.active>div:first-of-type{border-color:#e3fb46;background-image:radial-gradient(circle,rgba(227,251,70,.1) 2%,rgba(227,251,70,.5) 60%,rgba(227,251,70,.65))}.grow-tree-wrap .tree-base>ul>li.disabled{opacity:.65}.grow-tree-wrap .tree-base>ul>li.disabled:hover{cursor:not-allowed}.grow-tree-wrap .tree-base>ul>li.enable:hover:not(.active){color:#fff}.grow-tree-wrap .tree-base>ul>li.enable:hover:not(.active)>div:first-of-type{border-color:#fff;background-image:radial-gradient(circle,hsla(0,0%,100%,.1) 2%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,.65))}.grow-tree-wrap .tree-base>ul>li:first-of-type{transform:translate(10px,-14px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(2){transform:translate(-2px,14px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(3){transform:translateY(28px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(4){transform:translate(-1px,14px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(5){transform:translate(-18px,-18px)}.grow-tree-wrap .tree-base>ul>li>div:nth-of-type(2){position:absolute;left:0;right:0;bottom:-39px;letter-spacing:1px;font-size:14px;text-align:center;display:flex;flex-direction:column;white-space:nowrap;align-items:center}.grow-tree-wrap .tree-base>ul>li>div:nth-of-type(2) span.duration{font-size:12px}.grow-tree-wrap .tree-base>ul>li>div:first-of-type>i{font-size:46px}.grow-tree-wrap .tree-base>div{position:absolute;left:0;right:0;bottom:70px;text-align:center;color:#e4fc46;letter-spacing:1px;font-size:18px}.grow-tree-wrap .tree-base .year-selector{position:relative}.grow-tree-wrap .tree-base .year-selector>div{font-size:14px;margin-top:2px;cursor:pointer}.grow-tree-wrap .tree-base .year-selector>div:hover{text-decoration:underline}.grow-tree-wrap .tree-base .year-selector>ul{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:24px;padding:6px 10px;background-color:rgba(0,0,0,.8);font-size:14px;line-height:1.8;border-radius:4px}.grow-tree-wrap .tree-base .year-selector>ul>li{cursor:pointer;opacity:.75;transition:opacity .4s ease-out;will-change:opacity}.grow-tree-wrap .tree-base .year-selector>ul>li:hover{text-decoration:underline}.grow-tree-wrap .tree-base .year-selector>ul.active{opacity:1;display:block}.grow-tree-wrap .data-tip{position:absolute;right:20px;bottom:25px;font-size:14px;letter-spacing:1px}.grow-tree-wrap .tree{position:absolute;bottom:250px;left:50%;height:640px;width:calc(100% - 740px);margin-left:calc(370px - 50%)}.grow-tree-wrap .tree>ul.tree-list{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center}.grow-tree-wrap .tree>ul.tree-list>li{display:none;width:100%;height:100%;transform:scale(.5);transition:transform 1.2s ease-out,opacity .5s linear;transform-origin:50% 100%;opacity:0;will-change:opacity,transform}.grow-tree-wrap .tree>ul.tree-list>li.active{opacity:1;transform:scale(1)}.grow-tree-wrap .tree>ul.tree-list.active-0>li:first-of-type{display:block;background:url(../img/31.ee7bbe2c.png);background-size:100% 100%}.grow-tree-wrap .tree>ul.tree-list.active-1>li:nth-of-type(2){display:block;background:url(../img/32.a6a1c6b8.png);background-size:100% 100%}.grow-tree-wrap .tree>ul.tree-list.active-2>li:nth-of-type(3){display:block;background:url(../img/33.4be99609.png);background-size:100% 100%}.grow-tree-wrap .tree>ul.tree-list.active-3>li:nth-of-type(4){display:block;background:url(../img/34.e445e232.png);background-size:100% 100%}.grow-tree-wrap .tree>ul.tree-list.active-4>li:nth-of-type(5){display:block;background:url(../img/35.136f389d.png);background-size:100% 100%}.grow-tree-wrap .report-list{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.grow-tree-wrap .report-list.show>div{opacity:1;transform:translateY(0) scale(1)}.grow-tree-wrap .report-list.ani>div:first-of-type{-webkit-animation:bubbleSwimming1 12s ease-in-out infinite;animation:bubbleSwimming1 12s ease-in-out infinite}.grow-tree-wrap .report-list.ani>div:nth-of-type(2){-webkit-animation:bubbleSwimming2 12s ease-in-out infinite;animation:bubbleSwimming2 12s ease-in-out infinite}.grow-tree-wrap .report-list.ani>div:nth-of-type(3){-webkit-animation:bubbleSwimming3 12s ease-in-out infinite;animation:bubbleSwimming3 12s ease-in-out infinite}.grow-tree-wrap .report-list.ani>div:nth-of-type(4){-webkit-animation:bubbleSwimming4 12s ease-in-out infinite;animation:bubbleSwimming4 12s ease-in-out infinite}.grow-tree-wrap .report-list.ani>div:nth-of-type(5){-webkit-animation:bubbleSwimming1 12s ease-in-out 1s infinite;animation:bubbleSwimming1 12s ease-in-out 1s infinite}.grow-tree-wrap .report-list-layout-5>div:first-of-type{margin-bottom:-24%;transition-delay:.4s}.grow-tree-wrap .report-list-layout-5>div:nth-of-type(2){margin-top:-5%;transition-delay:.2s}.grow-tree-wrap .report-list-layout-5>div:nth-of-type(3){margin-top:-25%}.grow-tree-wrap .report-list-layout-5>div:nth-of-type(4){margin-top:-5%;transition-delay:.1s}.grow-tree-wrap .report-list-layout-5>div:nth-of-type(5){margin-bottom:-24%;transition-delay:.3s}.grow-tree-wrap .report-list-layout-4>div:first-of-type{margin-bottom:-20%;transition-delay:.4s}.grow-tree-wrap .report-list-layout-4>div:nth-of-type(2){margin-top:-20%;transition-delay:.2s}.grow-tree-wrap .report-list-layout-4>div:nth-of-type(3){margin-top:-20%}.grow-tree-wrap .report-list-layout-4>div:nth-of-type(4){margin-bottom:-20%;transition-delay:.1s}.grow-tree-wrap .report-list-layout-3>div{width:210px;height:210px}.grow-tree-wrap .report-list-layout-3>div>svg{left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.grow-tree-wrap .report-list-layout-3>div:first-of-type{margin-bottom:-18%;transition-delay:.4s}.grow-tree-wrap .report-list-layout-3>div:nth-of-type(2){margin-top:-24%;transition-delay:.2s}.grow-tree-wrap .report-list-layout-3>div:nth-of-type(3){margin-bottom:-18%}.grow-tree-wrap .report-list-layout-2>div{width:230px;height:230px}.grow-tree-wrap .report-list-layout-2>div>svg{left:-11px;top:-11px;width:calc(100% + 22px);height:calc(100% + 22px)}.grow-tree-wrap .report-list-layout-2>div:first-of-type{margin-bottom:-10%;transition-delay:.4s}.grow-tree-wrap .report-list-layout-2>div:nth-of-type(2){margin-top:-24%;transition-delay:.2s}.grow-tree-wrap .report-list-layout-1>div{width:240px;height:240px}.grow-tree-wrap .report-list-layout-1>div>svg{left:-12px;top:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}.grow-tree-wrap .report-list-layout-1>div:first-of-type{margin-top:-10%;transition-delay:.1s}.grow-tree-wrap .info-bubble{display:flex;justify-content:center;align-items:center;position:relative;width:180px;height:180px;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 0 0 .1em #1ce4eb,inset 0 0 3em rgba(28,228,235,.85);opacity:0;transform:translateY(100%) scale(.5);will-change:opacity transform;transition:opacity .3s linear,transform 1s ease-out,box-shadow .4s ease-out;cursor:pointer}.grow-tree-wrap .info-bubble .desc-text{font-size:22px;padding:0 14px;text-align:center}.grow-tree-wrap .info-bubble:hover{z-index:4;box-shadow:inset 0 0 0 .1em #d5eb41,inset 0 0 3em rgba(213,235,65,.85);-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.grow-tree-wrap .info-bubble:hover .bubble-solution-wrap{opacity:1;transform:scale(1)}.grow-tree-wrap .bubble-solution-wrap{position:absolute;width:365px;height:198px;left:180px;top:40%;opacity:0;transform:scale(0);will-change:opacity,transform;transform-origin:0 0;transition:opacity .4s linear,transform .45s ease-in-out}.grow-tree-wrap .bubble-solution-wrap>div{position:relative}.grow-tree-wrap .bubble-solution-wrap>div>svg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.grow-tree-wrap .bubble-solution-wrap>div>div{position:relative;z-index:2}.grow-tree-wrap .bubble-solution-wrap>div.solution-title{display:flex;justify-content:center;align-items:center;width:365px;height:45px}.grow-tree-wrap .bubble-solution-wrap>div.solution-content{width:365px;height:170px;margin-top:-14px}.grow-tree-wrap .bubble-solution-wrap>div.solution-content>div{padding:35px 12px 10px;font-size:14px;line-height:2}.grow-tree-wrap .info-bubble>svg{position:absolute;left:-9px;top:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}@media screen and (max-width:1600px){.grow-tree-wrap .left-section,.grow-tree-wrap .right-section{height:620px;margin-top:-275px}.grow-tree-wrap .left-section>svg,.grow-tree-wrap .right-section>svg{transform:scale(.8,.77);margin-left:-30px;margin-top:-93px}.grow-tree-wrap .stat-item>div>div:nth-of-type(2){font-size:22px}.grow-tree-wrap .data-tip{bottom:3px;font-size:12px}.grow-tree-wrap .close-btn{top:85px;right:29px}.grow-tree-wrap .tree-base{width:790px;bottom:58px;margin-left:-395px;height:470px;background-size:100% 100%}.grow-tree-wrap .tree-base>div{font-size:14px;letter-spacing:0}.grow-tree-wrap .tree-base>ul{padding:0 12px}.grow-tree-wrap .tree-base>ul>li>div:first-of-type>i{font-size:36px}.grow-tree-wrap .tree-base>ul>li>div:nth-of-type(2){font-size:12px;bottom:-34px}.grow-tree-wrap .tree-base>ul>li>div:nth-of-type(2) span.duration{transform:scale(.85)}.grow-tree-wrap .tree-base>ul>li:first-of-type{transform:translate(14px,-14px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(2){transform:translate(2px,14px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(3){transform:translateY(26px)}.grow-tree-wrap .tree-base>ul>li:nth-of-type(4){transform:translate(-4px,14px)}.grow-tree-wrap .tree-base .year-selector>div{font-size:12px}.grow-tree-wrap .tree-base .year-selector>ul{bottom:20px;padding:4px 8px;font-size:12px}.grow-tree-wrap .tree{width:760px;height:500px;margin-left:-380px;bottom:210px}.grow-tree-wrap .bubble{width:58px;height:58px}.grow-tree-wrap .info-bubble{width:140px;height:140px}.grow-tree-wrap .info-bubble .desc-text{font-size:18px}.grow-tree-wrap .info-bubble>svg{left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}.grow-tree-wrap .report-list-layout-1>div{width:190px;height:190px}.grow-tree-wrap .report-list-layout-1>div>svg{left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}.grow-tree-wrap .report-list-layout-2>div{width:180px;height:180px}.grow-tree-wrap .report-list-layout-2>div>svg{left:-9px;top:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}.grow-tree-wrap .report-list-layout-3>div{width:170px;height:170px}.grow-tree-wrap .report-list-layout-3>div>svg{left:-9px;top:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}.grow-tree-wrap .info-bubble:hover .bubble-solution-wrap{transform:scale(.8);left:140px}}@media screen and (max-width:1440px){.grow-tree-wrap .close-btn{top:85px;right:13px;transform:scale(.8)}.grow-tree-wrap .data-tip{font-size:12px;bottom:6px;right:10px;letter-spacing:0}.grow-tree-wrap .left-section,.grow-tree-wrap .right-section{height:580px;margin-top:-260px}.grow-tree-wrap .left-section>svg,.grow-tree-wrap .right-section>svg{transform:scale(.78,.725);margin-left:-30px;margin-top:-113px}.grow-tree-wrap .left-section .data-wrap>div:first-of-type,.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(4),.grow-tree-wrap .right-section .data-wrap>div:first-of-type,.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(4){margin-left:-20px}.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(2),.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(3),.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(2),.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(3){margin-left:-60px}.grow-tree-wrap .left-section{left:15px}.grow-tree-wrap .right-section{right:15px}.grow-tree-wrap .stat-item{width:160px;height:60px;margin-left:-20px}.grow-tree-wrap .stat-item>svg{transform:scale(.95,.83);margin-top:-8px}.grow-tree-wrap .stat-item>div>div:first-of-type{font-size:13px}.grow-tree-wrap .stat-item>div>div:nth-of-type(2){font-size:18px}.grow-tree-wrap .tree-base{width:760px;bottom:55px;margin-left:-380px;height:460px}.grow-tree-wrap .tree{width:760px;height:500px;margin-left:-380px;bottom:210px}}@media screen and (max-width:1200px){.grow-tree-wrap .left-section,.grow-tree-wrap .right-section{height:540px;margin-top:-280px}.grow-tree-wrap .left-section>svg,.grow-tree-wrap .right-section>svg{transform:scale(.72,.65);margin-left:-45px;margin-top:-128px}.grow-tree-wrap .left-section .data-wrap,.grow-tree-wrap .right-section .data-wrap{top:25px;padding:35px 0}.grow-tree-wrap .left-section .data-wrap>div:first-of-type,.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(4),.grow-tree-wrap .right-section .data-wrap>div:first-of-type,.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(4){margin-left:-50px}.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(2),.grow-tree-wrap .left-section .data-wrap>div:nth-of-type(3),.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(2),.grow-tree-wrap .right-section .data-wrap>div:nth-of-type(3){margin-left:-70px}.grow-tree-wrap .stat-item>svg{transform:scale(.9,.8)}.grow-tree-wrap .stat-item>div>div:first-of-type{font-size:12px;transform:scale(.9)}.grow-tree-wrap .stat-item>div>div:nth-of-type(2){font-size:14px}.grow-tree-wrap .tree-base{width:730px;height:410px;margin-left:-365px}.grow-tree-wrap .tree-base>div{font-size:13px;bottom:64px}.grow-tree-wrap .tree-base>ul>li>div:first-of-type>i{font-size:30px}.grow-tree-wrap .tree{width:720px;height:420px;margin-left:-360px}.grow-tree-wrap .data-tip{transform:scale(.85);right:-20px}.grow-tree-wrap .bubble{width:50px;height:50px}.grow-tree-wrap .info-bubble{width:110px;height:110px}.grow-tree-wrap .info-bubble .desc-text{font-size:14px}.grow-tree-wrap .info-bubble>svg{left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px)}.grow-tree-wrap .report-list-layout-1>div{width:160px;height:160px}.grow-tree-wrap .report-list-layout-1>div>svg{left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}.grow-tree-wrap .report-list-layout-2>div{width:150px;height:150px}.grow-tree-wrap .report-list-layout-2>div>svg{left:-7px;top:-7px;width:calc(100% + 14px);height:calc(100% + 14px)}.grow-tree-wrap .report-list-layout-3>div{width:140px;height:140px}.grow-tree-wrap .report-list-layout-3>div>svg{left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.grow-tree-wrap .info-bubble:hover .bubble-solution-wrap{transform:scale(.75);left:110px}}@media screen and (max-width:1000px){.grow-tree-wrap .tree{width:680px;height:380px;margin-left:-340px}.grow-tree-wrap .tree-base>div{font-size:12px}}.garden-page.garden-left .water-device-link{display:none;position:absolute;right:10px;bottom:11px;font-size:12px;text-decoration:underline;color:#ccc;cursor:pointer}.garden-page.garden-left .water-device-link:hover{color:#11bdc3}.garden-page.garden-left>div._plane{flex:none}.garden-page.garden-left .monitor-plane{height:calc(100% - 600px)}.garden-page.garden-left .monitor-plane ._plane-content{padding:0 12px;box-sizing:border-box}.garden-page.garden-left .device-plane{height:175px}.garden-page.garden-left .device-plane ._plane-title{display:none}.garden-page.garden-left .device-plane ._plane-content{height:100%}.garden-page.garden-left .soil-plane{height:220px}.garden-page.garden-left .garden-plane ._plane-title h3{width:calc(100% - 62px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1600px){.garden-page.garden-left .monitor-plane{height:calc(100% - 546px)}.garden-page.garden-left .monitor-plane ._plane-content{padding:0 5px}.garden-page.garden-left .device-plane{height:150px}.garden-page.garden-left .soil-plane{height:200px}}.garden-page.garden-right .warning-list{overflow-y:auto;font-size:14px;color:#eee;padding:0 12px}.garden-page.garden-right .warning-list li:not(:last-child){margin-bottom:6px}.garden-page.garden-right .warning-list .item{background:rgba(235,174,28,.2);color:#ccc;box-sizing:border-box;padding:10px;font-size:14px;cursor:pointer;transition:color .4s ease-out}.garden-page.garden-right .warning-list .item h5{font-weight:400;font-size:13px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px dashed hsla(0,0%,100%,.2)}.garden-page.garden-right .warning-list .item:hover{color:#fff}@media screen and (max-width:1600px){.garden-page.garden-right .warning-list{font-size:12px;padding:0 6px}.garden-page.garden-right .warning-list li:not(:last-child){margin-bottom:4px}.garden-page.garden-right .warning-list .item{padding:6px;font-size:12px}.garden-page.garden-right .warning-list .item h5{font-size:inherit;margin-bottom:4px;padding-bottom:3px}}.garden-page.garden-right .query-list{overflow-y:auto;font-size:14px;color:#eee;padding:0 12px}.garden-page.garden-right .query-list li:not(:last-child){margin-bottom:6px}.garden-page.garden-right .query-list .list-item{position:relative;border-bottom:1px dashed hsla(0,0%,100%,.3);margin-bottom:12px;line-height:1.5;padding-bottom:4px;cursor:pointer}.garden-page.garden-right .query-list .list-item:after{content:"";position:absolute;left:0;width:0;bottom:0;height:1px;background-color:#fff;transition:width .4s ease-out;will-change:width}.garden-page.garden-right .query-list .list-item:hover:after{width:100%}.garden-page.garden-right .query-list .list-item:hover>div:nth-of-type(2){color:#f0f0f0}.garden-page.garden-right .query-list .list-item>div:first-of-type{color:#f0f0f0;font-size:15px}.garden-page.garden-right .query-list .list-item>div:nth-of-type(2){font-size:13px;color:#999}@media screen and (max-width:1600px){.garden-page.garden-right .query-list{font-size:12px;padding:0 6px}.garden-page.garden-right .query-list li:not(:last-child){margin-bottom:4px}.garden-page.garden-right .query-list .list-item{margin-bottom:12px;padding-bottom:4px}.garden-page.garden-right .query-list .list-item>div:first-of-type{font-size:13px}.garden-page.garden-right .query-list .list-item>div:nth-of-type(2){font-size:12px}}.garden-page.garden-right .farming-list{overflow-y:auto;font-size:14px;color:#eee;padding:0 12px 8px}.garden-page.garden-right .farming-list li:not(:last-child){margin-bottom:6px}.garden-page.garden-right .farming-list .item{background:hsla(0,0%,100%,.1);padding:10px;color:#b6d3e8;font-size:13px}.garden-page.garden-right .farming-list .item>div:first-of-type{margin-bottom:5px}.garden-page.garden-right .farming-list .item>div:first-of-type span:first-child{color:#f4f1bb}.garden-page.garden-right .farming-list .item div{display:flex}.garden-page.garden-right .farming-list .item div span:first-child{flex:1}@media screen and (max-width:1600px){.garden-page.garden-right .farming-list{font-size:12px;padding:0 6px 5px}.garden-page.garden-right .farming-list li:not(:last-child){margin-bottom:4px}.garden-page.garden-right .farming-list .item{padding:6px;font-size:12px}.garden-page.garden-right .farming-list .item>div:first-of-type{margin-bottom:3px}}._pop-reply{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:999;display:none}._pop-reply.active{display:block}._pop-reply div.answer-input{position:absolute;bottom:20px;right:30px;width:54vw;display:flex;align-items:flex-end;margin-bottom:28px;margin-right:-15px;padding-left:1px;background-color:#001819;border:1px solid rgba(235,174,28,.7);border-radius:4px;padding:12px;transform:scale(.4);opacity:0;transition:transform .4s ease-out,opacity .4s linear;will-change:transform,opacity;transform-origin:100% 100%}._pop-reply div.answer-input:after{content:"";position:absolute;width:100px;height:20px;bottom:-20px;right:0;background-color:rgba(235,174,28,.9);-webkit-clip-path:polygon(0 0,30px 0,80px 20px,0 0);clip-path:polygon(0 0,30px 0,80px 20px,0 0)}._pop-reply div.answer-input.active{opacity:1;transform:scale(1)}._pop-reply div.answer-input i{position:absolute;color:hsla(0,0%,100%,.85);top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer}._pop-reply div.answer-input i:hover{color:#fff}._pop-reply div.answer-input textarea{height:120px;flex:1;resize:none;padding:10px 12px;outline:none;font-size:15px;font-weight:700;background-color:hsla(0,0%,100%,.9);border-radius:4px;color:#4d4d4d;border:1px solid rgba(235,174,28,.6);will-change:box-shadow;transition:box-shadow .2s ease-in-out;line-height:1.6}._pop-reply div.answer-input textarea:focus{box-shadow:0 0 0 3px rgba(235,174,28,.85);border-color:transparent}._pop-reply div.answer-input textarea::-moz-placeholder{font-weight:400;color:#999}._pop-reply div.answer-input textarea:-ms-input-placeholder{font-weight:400;color:#999}._pop-reply div.answer-input textarea::placeholder{font-weight:400;color:#999}._pop-reply div.answer-input button{margin-left:8px;width:70px;height:36px;line-height:36px;background-color:rgba(235,174,28,.85);cursor:pointer;color:#fff;border:none;font-size:14px;letter-spacing:1px;border-radius:4px;outline:none}._pop-reply div.answer-input button:hover{background-color:#ebae1c}@media screen and (max-width:1600px){._pop-reply div.answer-input{width:51vw;padding:8px}._pop-reply div.answer-input i{font-size:13px}._pop-reply div.answer-input textarea{height:100px;padding:8px 10px;font-size:13px}._pop-reply div.answer-input button{width:62px;height:32px;font-size:12px;line-height:32px;margin-left:5px}}@media screen and (max-width:1440px){._pop-reply div.answer-input{width:47vw;padding:5px}._pop-reply div.answer-input i{font-size:12px}._pop-reply div.answer-input textarea{padding:6px 8px;font-size:12px}._pop-reply div.answer-input button{width:55px;height:28px;font-size:12px;line-height:28px}}._query-detail{overflow-y:auto;box-sizing:border-box}._query-detail .detail-title{display:flex;align-items:center;margin-bottom:5px}._query-detail .detail-title i{font-size:14px;margin-right:6px;color:#ebae1c}._query-detail .detail-title span{border:1px solid rgba(235,174,28,.6);border-radius:4px;font-style:italic;padding:1px 7px 1px 6px;color:#ebae1c;margin-right:10px;font-size:13px}._query-detail div.problem{font-size:14px;padding:10px 0;color:#eee}._query-detail div.problem-content{font-size:13px;padding:0 0 10px;color:#ccc;line-height:1.6}._query-detail div.img-list{display:flex;flex-wrap:wrap;margin-bottom:10px}._query-detail div.img-list>div{position:relative;margin-right:8px;margin-bottom:8px;display:flex;align-items:center;border:1px solid rgba(235,174,28,.6);border-radius:4px;cursor:pointer;transition:border-color .4s ease-out}._query-detail div.img-list>div:hover{border-color:#ebae1c}._query-detail div.img-list>div:hover i{display:flex}._query-detail div.img-list>div i{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;font-size:24px;color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.15)}._query-detail div.img-list img{max-width:300px;max-height:150px}._query-detail div.questioner{font-size:14px;color:hsla(0,0%,100%,.9);margin-bottom:10px}._query-detail div.questioner span{margin-left:20px}._query-detail div.answer-input{display:flex;align-items:flex-end;margin-bottom:10px;padding-left:1px;position:relative}._query-detail div.answer-input textarea{height:120px;flex:1;resize:none;padding:10px 12px;outline:none;font-size:14px;background-color:rgba(235,174,28,.1);border-radius:4px;color:#fff;border:1px solid rgba(235,174,28,.6);will-change:box-shadow;transition:box-shadow .2s ease-in-out}._query-detail div.answer-input textarea::-moz-placeholder{font-weight:400;color:#999}._query-detail div.answer-input textarea:-ms-input-placeholder{font-weight:400;color:#999}._query-detail div.answer-input textarea::placeholder{font-weight:400;color:#999}._query-detail div.answer-input textarea:focus{box-shadow:0 0 0 2px rgba(235,174,28,.55);border-color:transparent}._query-detail div.answer-input button{margin-left:8px;width:75px;height:36px;line-height:36px;background-color:#c38e11;cursor:pointer;color:#fff;border:none;font-size:14px;letter-spacing:1px;border-radius:4px;outline:none}._query-detail div.answer-input button:hover{background-color:#ebae1c}._query-detail div.answer-input div{position:absolute;width:75px;height:36px;line-height:36px;right:0;bottom:50px;color:#fff;letter-spacing:1px;border-radius:4px;font-size:14px;text-align:center;background-color:#c38e11}._query-detail div.answer-input div input{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;opacity:0;width:100%;height:100%}._query-detail div.comments-wrap{font-size:14px;margin-top:15px}._query-detail div.comments-wrap>div.comment-item{margin-bottom:8px}._query-detail div.comment-item{padding:5px 10px 10px;display:flex;border-bottom:1px dashed rgba(235,174,28,.6)}._query-detail div.header{display:flex;width:50px;height:80px;flex-direction:column;align-items:center;color:#ebae1c;margin-right:15px}._query-detail div.header>div:first-of-type{width:50px;height:50px;flex:none;border-radius:50%;background-size:100%;box-sizing:border-box;background-color:rgba(235,174,28,.5);border:1px solid #ebae1c;background-repeat:no-repeat}._query-detail div.header>div:first-of-type.default{background-position-y:10px}._query-detail div.header>div:nth-of-type(2){width:100%;text-align:center;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._query-detail div.comment-content{color:hsla(0,0%,100%,.9);line-height:1.6;flex:1}._query-detail .time-reply{text-align:right;margin-top:5px}._query-detail .time-reply a{margin-left:12px;color:#ebae1c;cursor:pointer;text-decoration:underline}._query-detail .time-reply a:hover{color:#ebae1c}._query-detail .reply-list{margin-top:8px;background-color:rgba(235,174,28,.2);padding:12px 10px 6px;border-radius:6px}._query-detail .reply-list>li{padding:0 0 6px 0}._query-detail .reply-list>li:not(:last-child){border-bottom:1px dashed rgba(235,174,28,.3);margin-bottom:6px}._query-detail .reply-list>li>div:first-of-type>span{margin:0 8px;color:#ebae1c}._query-detail .video-reply{width:300px;height:180px;position:relative;background-color:#000;display:flex;justify-content:center;align-items:center}._query-detail .video-reply img{max-width:300px;max-height:180px}._query-detail .video-reply>div{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-size:100%;color:#ccc;font-size:14px;cursor:pointer;transition:color .4s ease-out}._query-detail .video-reply>div i{font-size:24px}._query-detail .video-reply>div:hover{color:#fff}._query-detail .no-answer{line-height:2;margin-top:8px;font-style:italic;color:#ccc;letter-spacing:1px}._query-detail .view-more-reply{text-align:right;color:#ebae1c;font-size:12px;text-decoration:underline;margin-top:5px;cursor:pointer}._query-detail .view-more-reply:hover{color:#ebae1c}@media screen and (max-width:1600px){._query-detail div.img-list{margin-bottom:5px}._query-detail div.img-list img{max-width:270px;max-height:130px}._query-detail .detail-title i,._query-detail .detail-title span,._query-detail div.questioner{font-size:12px}._query-detail div.answer-input{margin-bottom:8px}._query-detail div.answer-input textarea{height:100px;padding:8px 10px;font-size:13px}._query-detail div.answer-input button{width:65px;height:32px;font-size:12px;line-height:32px;margin-left:5px}._query-detail div.answer-input div{font-size:12px;width:65px;bottom:40px}._query-detail div.comments-wrap{font-size:12px;margin-top:10px}._query-detail div.comment-item{padding:3px 5px 6px}._query-detail div.header{width:42px;height:70px}._query-detail div.header>div:first-of-type{width:42px;height:42px}._query-detail div.header>div:nth-of-type(2){line-height:24px}._query-detail .reply-list{margin-top:5px;padding:8px 8px 4px}}@media screen and (max-width:1440px){._query-detail div.img-list>div{margin-right:4px}._query-detail div.img-list img{max-width:240px;max-height:100px}._query-detail div.answer-input textarea{height:80px;padding:5px 6px}._query-detail div.answer-input button{font-size:12px;height:28px;line-height:28px;width:52px}}._query-modal-wrap{box-sizing:border-box}._query-modal-wrap .modal-content{width:1200px;height:95vh}._query-modal-wrap .content{height:100%;padding:15px 15px 5px 12px;box-sizing:border-box}._query-modal-wrap .content>div:first-of-type{position:relative;display:flex;height:40px;align-items:center;font-size:14px;color:hsla(0,0%,100%,.9);box-sizing:border-box;z-index:1}._query-modal-wrap .content>div:first-of-type div.back-btn{position:absolute;right:0;top:0;line-height:40px;color:#ebae1c;cursor:pointer;padding-left:18px}._query-modal-wrap .content>div:first-of-type div.back-btn i{position:absolute;left:0;top:0}._query-modal-wrap .content>div:first-of-type div.back-btn:hover{text-decoration:underline}._query-modal-wrap .query-list-wrap{height:calc(100% - 8px);box-sizing:border-box;overflow-y:auto;font-size:14px}._query-modal-wrap .query-list-wrap ul.query-list>li{position:relative;padding:4px 15px 9px 0;border-bottom:1px dashed rgba(235,174,28,.6);cursor:pointer}._query-modal-wrap .query-list-wrap ul.query-list>li:not(:last-child){margin-bottom:10px}._query-modal-wrap .query-list-wrap ul.query-list>li:after{content:"";position:absolute;width:10px;height:10px;border-bottom:1px solid rgba(235,174,28,.7);border-left:1px solid rgba(235,174,28,.7);top:50%;right:2px;margin-top:-5px;transform:rotate(-135deg)}._query-modal-wrap .query-list-wrap ul.query-list>li:before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;transition:width .5s ease-out;background-color:#ebae1c}._query-modal-wrap .query-list-wrap ul.query-list>li:hover:before{width:100%}._query-modal-wrap .query-list-wrap li>div{display:flex;align-items:center}._query-modal-wrap .query-list-wrap li>div:first-of-type{margin-bottom:6px}._query-modal-wrap .query-list-wrap li>div:nth-of-type(2)>div{color:#c38e11}._query-modal-wrap .query-list-wrap li>div>div{display:-webkit-box;width:calc(100% - 80px);overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ddd}._query-modal-wrap .query-list-wrap li>div>i{font-size:inherit;margin-right:6px;color:#c38e11}._query-modal-wrap .query-list-wrap li>div>span{border:1px solid rgba(235,174,28,.6);border-radius:4px;font-style:italic;padding:1px 7px 1px 6px;color:#ebae1c;margin-right:10px;font-size:13px}._query-modal-wrap ._query-detail{padding-top:5px;padding-left:4px;height:calc(100% - 24px);margin-top:-35px}@media screen and (max-width:1600px){._query-modal-wrap .modal-content{width:1000px;height:90vh}._query-modal-wrap .query-list-wrap ul.query-list>li{padding:3px 12px 6px 0}._query-modal-wrap .query-list-wrap ul.query-list>li:after{width:7px;height:7px}._query-modal-wrap .query-list-wrap ul.query-list>li>div:first-of-type{margin-bottom:3px}._query-modal-wrap .query-list-wrap ul.query-list>li>div>div,._query-modal-wrap .query-list-wrap ul.query-list>li>div>span{font-size:12px}._query-modal-wrap .query-list-wrap ul.query-list>li:not(:last-child){margin-bottom:6px}._query-modal-wrap .content{padding:10px 10px 3px 7px}._query-modal-wrap .content>div:first-of-type{height:32px}._query-modal-wrap .content>div:first-of-type h4{font-size:15px}._query-modal-wrap .content>div:first-of-type div.back-btn{font-size:12px;padding-left:15px;line-height:35px}._query-modal-wrap .content>div:first-of-type div.back-btn>i{font-size:inherit}._query-modal-wrap ._query-detail{padding-top:5px;padding-left:4px;height:calc(100% - 15px)}}@media screen and (max-width:1440px){._query-modal-wrap ._query-detail li>div>i{font-size:12px}._query-modal-wrap .content{padding:12px 10px 5px 8px}._query-modal-wrap .content>div:first-of-type h4{font-size:13px}._query-modal-wrap .query-list-wrap{height:calc(100% - 38px)}._query-modal-wrap .query-list-wrap li>div>i{font-size:12px}}.garden-page.warning-modal .warning-list-wrap{width:800px;height:90vh;padding:10px;box-sizing:border-box}.garden-page.warning-modal .date-selector{height:42px;border-bottom:1px dashed hsla(0,0%,100%,.2);margin-bottom:10px}.garden-page.warning-modal .date-selector ._date-range-picker>input{background:rgba(235,174,28,.3)}.garden-page.warning-modal .warning-list{height:calc(100% - 46px);overflow-y:auto}.garden-page.warning-modal .warning-list li:not(:last-child){margin-bottom:6px}.garden-page.warning-modal .item{background:rgba(235,174,28,.15);color:#ccc;box-sizing:border-box;padding:10px;font-size:14px}.garden-page.warning-modal .item div{display:flex;align-items:flex-start;line-height:1.55}.garden-page.warning-modal .item div:not(:last-child){margin-bottom:5px}.garden-page.warning-modal .item div label{width:70px;flex:none}@media screen and (max-width:1600px){.garden-page.warning-modal .warning-list-wrap{padding:6px;width:750px}.garden-page.warning-modal .warning-list{height:calc(100% - 38px)}.garden-page.warning-modal .warning-list li:not(:last-child){margin-bottom:4px}.garden-page.warning-modal .date-selector{height:32px;margin-bottom:5px}.garden-page.warning-modal .date-selector ._date-range-picker{width:220px}.garden-page.warning-modal .date-selector ._date-range-picker>input{height:30px;line-height:30px}.garden-page.warning-modal .item{padding:6px;font-size:12px}.garden-page.warning-modal .item div:not(:last-child){margin-bottom:3px}.garden-page.warning-modal .item div label{width:60px}}@media screen and (max-width:1440px){.garden-page.warning-modal .warning-list-wrap{padding:6px}.garden-page.warning-modal .warning-list li:not(:last-child){margin-bottom:5px}.garden-page.warning-modal .warning-item{padding:6px;font-size:12px}}.garden-page.farming-modal .modal-content{max-width:950px}.garden-page.farming-modal .farming-content-wrap{height:calc(100% - 40px);box-sizing:border-box}.garden-page.farming-modal ._date-range-picker>input{background:rgba(235,174,28,.25)}.garden-page.farming-modal .condition{height:50px;display:flex;margin:0 12px;align-items:center;border-bottom:1px dashed hsla(0,0%,80%,.3)}.garden-page.farming-modal .condition ._date-range-picker{height:34px;margin-right:12px}.garden-page.farming-modal .list-wrap{overflow-y:auto;height:calc(100% - 50px);padding:12px;box-sizing:border-box}.garden-page.farming-modal .list-wrap li:not(:last-child){margin-bottom:10px}.garden-page.farming-modal .farming-item{color:#bbb;font-size:14px;box-sizing:border-box;padding:10px;background:rgba(235,174,28,.15);line-height:1.9}.garden-page.farming-modal .farming-item>div{border-bottom:1px dashed hsla(0,0%,100%,.1)}.garden-page.farming-modal .farming-item>div:not(:first-child){margin-top:8px}.garden-page.farming-modal .farming-item>div span{color:#e0fbfc}.garden-page.farming-modal .multi-info{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}.garden-page.farming-modal div.img-list{display:flex;flex-wrap:wrap}.garden-page.farming-modal div.img-list>div{position:relative;margin-right:8px;margin-bottom:8px;display:flex;align-items:center;border:1px solid rgba(116,192,227,.6);border-radius:4px;cursor:pointer;transition:border-color .4s ease-out}.garden-page.farming-modal div.img-list>div:hover{border-color:#74c0e3}.garden-page.farming-modal div.img-list>div:hover i{display:flex}.garden-page.farming-modal div.img-list>div i{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;font-size:24px;color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.15)}.garden-page.farming-modal div.img-list img{max-width:300px;max-height:150px}@media screen and (max-width:1600px){.garden-page.farming-modal .list-wrap{padding:6px;height:calc(100% - 43px)}.garden-page.farming-modal .list-wrap li:not(:last-child){margin-bottom:4px}.garden-page.farming-modal .farming-item{padding:6px;font-size:12px}.garden-page.farming-modal .farming-item>div:not(:first-child){margin-top:4px}.garden-page.farming-modal ._drop-downs{height:30px;font-size:12px}.garden-page.farming-modal .condition{height:45px;margin:0 6px}.garden-page.farming-modal .condition ._date-range-picker{height:30px;margin-right:6px;width:220px}.garden-page.farming-modal .condition ._date-range-picker>input{height:30px;line-height:30px;font-size:12px}}.garden-page.garden-right>div._plane{flex:none;height:33.333%}.devices-list-modal .devices-list{width:800px;margin:12px 15px 12px;max-height:calc(100vh - 300px);overflow-y:auto}.devices-list-modal .devices-list li{display:flex;align-items:center;color:#ccc;font-size:12px;border-bottom:1px dashed hsla(0,0%,60%,.2);padding:8px 0}.devices-list-modal .devices-list li>div{flex:none;text-align:center}.devices-list-modal .devices-list li>div:first-child{width:42px}.devices-list-modal .devices-list li>div:nth-child(2){width:150px}.devices-list-modal .devices-list li>div:nth-child(3){width:105px}.devices-list-modal .devices-list li>div:nth-child(4){width:95px}.devices-list-modal .devices-list li>div:nth-child(5){width:235px}.devices-list-modal .devices-list li>div:nth-child(6){width:85px}.devices-list-modal .devices-list li>div:nth-child(7){width:80px}.devices-list-modal .devices-list li>div:nth-child(7) a{text-decoration:underline;cursor:pointer}.devices-list-modal .devices-list li>div:nth-child(7) a:hover{color:#fff}.devices-list-modal .no-datas{text-align:center;line-height:60px}.devices-list-modal .search-bar{display:flex;align-items:center;padding:8px 12px;margin:0 7px;border-bottom:1px dashed hsla(0,0%,100%,.2)}.devices-list-modal .search-bar>div{display:flex;align-items:center;font-size:13px}.devices-list-modal .search-bar>div:not(:last-child){margin-right:8px}.devices-list-modal .search-bar>div label{color:#ccc}.devices-list-modal .search-bar>div input{height:26px;line-height:26px;width:180px;outline:none;border-radius:4px;border:1px solid hsla(0,0%,60%,.3);padding:0 10px;color:#eee;font-size:14px;margin-right:10px;will-change:box-shadow;transition:box-shadow .2s ease-in-out;background-color:rgba(0,0,0,.4)}.devices-list-modal .search-bar>div input::-moz-placeholder{color:rgba(120,144,156,.5)}.devices-list-modal .search-bar>div input:-ms-input-placeholder{color:rgba(120,144,156,.5)}.devices-list-modal .search-bar>div input::placeholder{color:rgba(120,144,156,.5)}.devices-list-modal .search-bar>div input:focus{border-radius:2px;border-color:transparent;box-shadow:0 0 0 2px rgba(237,112,32,.6)}.garden-detail-device-stat{position:absolute;z-index:2;bottom:8px;left:calc(20vw + 3px);background-color:rgba(0,0,0,.7);padding:8px;width:190px;box-shadow:0 0 4px 2px rgba(247,207,84,.4)}.garden-detail-device-stat li{font-size:12px;color:#ccc;display:flex;align-items:center;line-height:1.8;padding-bottom:2px;border-bottom:1px dashed hsla(0,0%,93.3%,.2)}.garden-detail-device-stat li:not(:last-child){margin-bottom:7px}.garden-detail-device-stat li>div{flex:none;width:33.33%;text-align:center}.garden-detail-device-stat li:not(:first-child)>div:first-child{cursor:pointer;text-decoration:underline}.garden-detail-device-stat li:not(:first-child)>div:first-child:hover{color:#fff}@media screen and (max-width:1600px){.garden-detail-device-stat{bottom:6px;left:calc(20vw - 3px);width:180px}}@media screen and (max-width:1440px){.garden-detail-device-stat{bottom:4px;left:calc(20vw - 6px);width:175px}.garden-detail-device-stat li{line-height:1.6}}.page-left-section.garden-page,.page-right-section.garden-page{width:calc(20vw - 16px);background-color:rgba(0,0,0,.7)}