body{background-color:#f0f0f0}a:hover{color:#ffa000}input[type=button]:active{background-color:rgb(255,160,0,.5)}.main-content .main-content-title{width:calc(84% + 117px);font-size:22px;font-weight:700;color:#36383c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:25px}.main-content .main-content-title .main-content-left{flex:1}.main-content .main-content-title .main-content-left p{font-size:13px;margin-top:7px;color:#36383c;font-weight:400;line-height:1.5}.main-content .main-content-right{align-self:center}.main-content .img-list{display:inline-block;width:21%;height:auto;margin-right:39px;text-align:center;margin-bottom:10px;vertical-align:top}.main-content .img-list:hover>.item-tip{border:3px solid #ffa000}.main-content .img-list .add-img,.main-content .img-list img{width:100%;border-radius:5px;cursor:pointer}.main-content .img-list .add-img{background-color:#fff;margin-bottom:30px;position:relative}.border-none:hover{border-bottom:none!important;margin-bottom:0!important}.img-pic,.mgbottom30{margin-bottom:30px}.border-none:hover>.add-img{-webkit-box-shadow:0 0 10px silver;box-shadow:0 0 10px silver}.border-none:hover>.add-img i{color:#ffa000!important}.main-content .img-list .add-img i{position:absolute;font-size:50px;color:#ddd;top:50%;left:50%;transform:translate(-50%,-50%)}.main-content .img-list a{position:relative;font-size:18px;color:#36383c;height:24px}.main-content .img-list .pe-name{font-size:18px;color:#36383c;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.img-pic{overflow:hidden}.main-content .img-list:hover>.img-pic{-webkit-box-shadow:0 0 10px silver;box-shadow:0 0 10px silver}.main-content .img-list:hover>a{color:#ffa000}.main-content .info-list{display:-webkit-box;display:-ms-flexbox;display:flex;height:240px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:45px;padding-bottom:45px;background-color:#fff}.bbottom{border-bottom:1px solid #d2d2d2}.br-none{border-right:none!important}.main-content .info-list .info{width:359px;height:149px;border-right:1px solid #d2d2d2;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}.main-content .info-list .info:nth-of-type(4){border-right:none}.main-content .info-list .info:hover>.infobox span{color:#ffa000}.main-content .info-list .info .infobox{position:relative;cursor:pointer;font-size:60px;color:#ffa000;text-align:center}.main-content .info-list .info img{width:60px;height:60px;font-size:60px;color:#ffa000;margin-left:-90px;margin-bottom:0}.main-content .info-list .info span{font-size:16px;color:#36383c;margin-top:35px;margin-left:19px;position:absolute}.main-content .info-list .info .operation{line-height:13px;font-size:13px;color:#999;margin-top:17px;padding-left:20%;padding-right:20%}.currentinfo{display:none;margin-top:34px;z-index:99;height:auto;left:-918px;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(400% + 117px)}.main-content .form{width:95%;height:452px;background-color:#fff}.main-content .form .form-left{display:inline-block;padding-top:56px;width:650px}.main-content .form .form-item,.mtua-content .edit .form-item{position:relative;margin-left:52px;height:60px}.main-content .form .form-item label{display:inline-block;font-size:15px;color:#36383c;width:110px;text-align:right}.main-content .form .form-item input[type=text]{width:300px;height:34px;border:1px solid #d5d5d5;padding-left:10px;margin-left:10px}.main-content .form .form-item input[type=button]{background:#ffa000;color:#fff;width:311px;height:40px;margin-left:125px;margin-top:10px}.main-content .form .form-right{position:relative;width:300px;height:200px;top:-200px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.main-content .form .form-right .upload-img{width:180px;height:110px;line-height:110px;color:#ddd;font-size:50px;font-weight:700;border:1px solid #d5d5d5;background:#eee;text-align:center;border-radius:5px}.main-content .form .form-right input{width:180px;height:34px;border:1px solid #ffa000;color:#ffa000;background:#fff;border-radius:5px;margin-top:10px}.main-content .form .form-right input:hover{background:#ffa000;color:#fff}.bg{background-color:#e4e4e4}.release-log-wrapper .dialog{width:400px!important}.release-log-wrapper .dialog .button-wrapper{text-align:center;margin-top:20px}.release-log-wrapper .dialog .content-wrapper{max-height:300px;overflow:auto}.chart-wrapper{font-size:0}.chart-wrapper .chart-item-box{position:relative;display:inline-block;width:24%;margin-right:1%;background:#fff;border-radius:5px;margin-bottom:15px;vertical-align:top;font-size:14px}.chart-meter-wrapper,.line-chart-wrapper{margin-top:0}.line-chart-wrapper .chart-item-box{width:32.3333%}.chart-wrapper .item-header-box{display:flex;padding:10px 15px;justify-content:space-between;margin-bottom:5px;align-items:baseline;border-bottom:1px solid #e9e9e9}.chart-wrapper .item-header-box .title{width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chart-wrapper .item-header-box .name{font-weight:700}.chart-wrapper .icon{vertical-align:middle}.chart-wrapper .time{color:#B6B6B6}.chart-wrapper .setting{cursor:pointer}.chart-wrapper .item-content.info-wrapper{line-height:1.5}.chart-wrapper .item-content{width:100%;height:210px;line-height:210px}.line-chart-wrapper .item-content{height:280px;line-height:280px}.chart-wrapper .chart-item-data-box .item-content{display:flex;padding:10px 15px;align-items:center}.chart-wrapper .chart-item-data-box .pic-data-show-box{width:40%;text-align:center}.chart-wrapper .chart-item-data-box .data-show-wrapper{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;width:60%;height:100%;text-align:center}.chart-wrapper .data-show-wrapper .data-show-item{padding-top:15px}.chart-wrapper .data-show-wrapper .data-show-item:nth-child(3),.chart-wrapper .data-show-wrapper .data-show-item:nth-child(4){border-top:1px dashed #e3e3e3}.chart-wrapper .data-show-wrapper .data-show-item:nth-child(2),.chart-wrapper .data-show-wrapper .data-show-item:nth-child(4){border-left:1px dashed #e3e3e3}.chart-wrapper .data-show-wrapper .data-number-show,.chart-wrapper .pic-data-show-box .data-number-show{font-size:22px;color:#ffa000}.chart-wrapper .pic-data-show-box .data-number-show{font-size:30px}.chart-wrapper .data-show-wrapper .name,.chart-wrapper .pic-data-show-box .name{font-size:12px;color:#7e7e7e}.information-wrapper{font-size:0}.information-wrapper>div{display:inline-block;width:49%;margin-right:1%;background:#fafafa;border-radius:5px;margin-bottom:15px;vertical-align:top;font-size:14px}.information-wrapper .data-show-wrapper{width:59%}.information-wrapper .wo-info-wrapper{width:39%}.information-wrapper .item-header-box{display:flex;padding:10px 15px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e9e9e9}.information-wrapper .item-header-box .title{width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.information-wrapper .item-header-box .name{font-weight:700}.information-wrapper .icon{vertical-align:middle}.information-wrapper .time{color:#B6B6B6}.information-wrapper .item-content{width:100%;height:250px}.wo-info-wrapper .wo-info-content{padding:16px 15px}.wo-info-wrapper .info-item{display:flex;justify-content:space-between;line-height:35px;border-bottom:1px solid #e5e5e5}.config-dashboard-wrapper .dashboard-wrapper{margin-bottom:10px}.config-dashboard-wrapper .input-box{margin-bottom:15px}.config-dashboard-wrapper .input-box select{width:110px;height:34px;border:1px solid #E5E5E5;margin-right:20px;padding-left:10px}.config-dashboard-wrapper .dashboard-item{display:inline-block;margin-right:20px;margin-bottom:10px;cursor:pointer}.config-dashboard-wrapper .button-wrapper{padding-top:15px;text-align:center}.small-313logo{width:18px;height:18px;vertical-align:top}.chart-meter-wrapper .chart-item-box .item-content{height:140px;padding-top:15px}.common-circular{position:relative;width:180px;margin:10px auto 0;height:90px;border-radius:90px 90px 0 0;overflow:hidden}.common-circular .bg{position:absolute;top:0;left:1%;width:98%;height:100%;border-radius:89px 89px 0 0;background:linear-gradient(90deg,#4894FE 0,#539B39 37.3%,#FA0 67.3%,#D4261F 100%)}.common-circular .current{position:absolute;top:0;left:0;width:100%;height:100%;background:#F0F0F5;transform:rotate(180deg);transition:transform .3s ease;transform-origin:50% 100%}.common-circular .current::before{position:absolute;top:20px;left:20px;width:140px;height:140px;border-radius:100%;background:#fff;z-index:9;content:""}.common-circular .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;background:0 0;content:""}.common-circular .mask img{display:block;max-width:100%;width:100%}.common-circular .common-circular-font .icon,.common-progress-bar-font .icon{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.common-circular .common-circular-font{position:absolute;bottom:0;width:100%;font-weight:700;font-size:30px;line-height:38px;text-align:center;z-index:10;color:#101010}.common-circular .common-circular-font .icon{font-size:16px;max-width:70px}.common-progress-bar-font{font-weight:700;font-size:30px;line-height:70px;text-align:center;color:#101010}.common-progress-bar-font .icon{font-size:16px;max-width:50%}.common-progress-bar{position:relative;max-width:180px;width:100%;height:24px;margin:0 auto;background:#F0F0F5;border-radius:0 3px 3px 0}.common-progress-bar .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-position:left;background-repeat:no-repeat;background-color:transparent;z-index:3}.common-progress-bar .mask img{display:block;width:100%;max-width:100%;height:100%}.common-progress-bar span{display:block;width:100%;height:100%;border-radius:5px;transition:width .3s ease}.temperature-progress .bg{background:linear-gradient(90deg,#4894FE 0,#539B39 37.3%,#FA0 67.3%,#D4261F 100%)}.humidity-progress{border-radius:0}.humidity-progress .bg{background:linear-gradient(90deg,#48B2FE 0,#140FF2 100%)}.illumination-progress{width:100%;height:18px}.illumination-progress span{background:linear-gradient(90deg,#FFF5D1 0,#FFC700 100%)}.carbon-dioxide-progress .bg{background:#3F5398}.carbon-dioxide-progress .current::after{position:absolute;top:7.5px;left:7.5px;width:160px;height:160px;border-radius:100%;border:2px solid #fff;z-index:9;content:""}.formaldehyde-progress,.infrared-induction-progress,.pm10-progress,.pm2-progress,.tvoc-progress{max-width:180px;width:100%;height:18px}.carbon-dioxide-progress .carbon-dioxide-font .icon{font-size:16px}.atmospheric-pressure-progress{border-radius:0}.atmospheric-pressure-progress .bg{background:linear-gradient(90deg,#48B2FE 0,#140FF2 100%)}.pm2-progress span{background:#9B51E0}.infrared-induction-font{line-height:75px;text-align:center}.infrared-induction-font img{vertical-align:middle;max-height:100%}.infrared-induction-progress span{background:#3F5398}.formaldehyde-progress span{background:#F2994A}.tvoc-progress span{background:#2F80ED}.pm10-progress span{background:#3F5398}.chart-nav-title{width:99%;box-sizing:border-box;padding:0 0 6px;margin-bottom:13px;margin-top:5px;font-size:18px;border-bottom:1px solid #ffa000;color:#ffa000}.chart-nav-title img{vertical-align:middle;margin-right:10px;margin-top:-2px}