.agr-detail-area{background:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;top:0;display:none;}
.agr-detail-area .close-detail{position:absolute;top:1%;right:calc((100% - 130px) / 20 - 20px);cursor:pointer;/*padding: 1rem 1rem;*/z-index:200;cursor:pointer;}
.agr-detail-content-area{background:rgba(4,21,51,1);width:calc((100% - 130px) * 0.9);height:90%;position:absolute;top:5%;left:calc((100% - 130px) / 20 + 130px)}
.agr-detail-content-area1{background:rgba(4,21,51,0.8);width:90%;height:90%;position:absolute;top:5%;left:5%;z-index:100;display:none;}
.agr-detail-content-area1 .login-area{position: absolute;width: 46%;height: 56%;background: #021646;left: 27%;top: 22%;border-radius: 10px;
	border:1px solid #029fed;box-shadow: #029fed 0px 0px 16px 0px inset;}
.login-area .title-area{font-size: 30px;height: 20%;display: flex;justify-content: center;align-items: flex-end;font-weight:bold;color:#fff;}
.login-area .title-area1{font-size: 20px;height: 20%;display: flex;justify-content: center;align-items: flex-end;font-weight:bold;color:#fff;}
.login-area .input-mine{height: 12%;display: block;width: 66%;margin: 5% auto;border: none;outline: none;border-radius: 8px;padding-left:5px;
	font-size:14px;color:#fff;background:#011646;border:1px solid #029fed;}
.login-area .loging-button{width:66%;margin:2% auto;background:#029fed;height: 14%;outline: none;border: none;border-radius: 8px;color: #fff;display: flex;
    justify-content: center;align-items: center;font-size: 18px;cursor:pointer;margin-top:6%;}
.detail-left-top{width:22%;height:30%;border:1px solid #029fed;/*top:1%;*/position:absolute;box-shadow: #029fed 0px 0px 16px 0px inset;color:#047CCE}
.detail-left-bottom{width:22%;height:66%;border:1px solid #029fed;top:32%;position:absolute;box-shadow: #029fed 0px 0px 16px 0px inset;}
.detail-middle-top{width:55%;height:48%;/*top:1%;*/left:22.5%;position:absolute;border:1px solid #029fed;box-shadow: #029fed 0px 0px 16px 0px inset;}
.detail-middle-bottom{width:55%;height:48%;border:1px solid #029fed;top:50%;left:22.5%;;position:absolute;box-shadow: #029fed 0px 0px 16px 0px inset;}
.detail-right-top{width:22%;height:28%;/*top:1%;*/left:78%;position:absolute;box-shadow: #029fed 0px 0px 16px 0px inset;border:1px solid #029fed;}
.detail-right-content{width:100%;height:100%;top:0;left:0;position:absolute;}
.detail-right-bg{width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(3, 22, 51,0.8);display:none;}
.detail-right-bottom{width:22%;height:68%;border:1px solid #029fed;top:30%;left:78%;position:absolute;box-shadow: #029fed 0px 0px 16px 0px inset;}
.detail-left-top .shed-list{width: 80%;list-style: none;float:left;height: 100%;overflow-y: auto;padding-left: 10%;padding-top:8%;padding-bottom:8%}
.detail-left-top .shed-list li{text-indent: 19px;cursor: pointer;height: 30px;line-height: 40px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	    border-bottom: 1px solid #2979b2;background: url(../../img/wlw/user-details-select-off.png) no-repeat left center;
	    background-size: contain;color: #96B6CD;cursor:pointer;}
.detail-left-top .shed-list .selectOn{background: url(../../img/wlw/user-details-select-on.png) no-repeat left center;background-size: contain;color: #047CCE;}
.detail-left-bottom .user-left-wrapper .shed-info{margin: 10px auto;text-shadow: #1696dd 1px 0 2px, #1696dd 0 1px 2px, #1696dd -1px 0 2px, #1696dd 0 -1px 2px;
    font-size: 16px;color: #fff; background: url(../../img/user-details-shedinfo-bg.png) no-repeat;background-size: contain;width:50%;width: 36%;text-align: 
    center;}
.user-left-wrapper div{line-height:32px;color:#96B6CD;padding:0 5%;}
.detail-left-bottom .user-left-wrapper div.sepc-line{height: 5px!important;margin: 3px 0;
    background: url(../../img/user-details-line.png) no-repeat center center;background-size: contain;}
.detail-middle-bottom .term-info {height: 80px;width: 95%;overflow: hidden;margin: 0 auto;padding-top:25px;background: url(../../img/user-details-line.png) no-repeat center bottom;
	background-size: contain;
}
.detail-middle-bottom .term-info .term-name {float: left;height: 100%;color: #047CCE;width: 10%;line-height: 4;font-weight: bold;text-align: center;}    
.detail-middle-bottom .term-info .term-status{float: left;height: 100%;width: 24%;
    background: url(../../img/user-details-term-line.png) no-repeat right center;background-size: contain;line-height: 2;color:#96B6CD}
.detail-middle-bottom .term-info .term-data {float: left;height: 100%;width: 70%;color:#96B6CD;display:flex;}
.detail-middle-bottom .term-info .term-status span {display: block;width: 100%;height: 50%;}
.detail-middle-bottom .term-info .term-data span { display: inline-block;width: 45%;text-align: center;height: 100%;font-size:12px;}
.term-info .term-data em {display: block;width: 100%;height: 50%;text-align: center;font-style: normal;font-weight: bold;font-size:14px;}
.term-info .term-status em {color: #047CCE;font-style: normal;}
.env-time-area{color:#047CCE;padding-left:1%;float: left;position: absolute;left: 1%;top: 84px;}

.detail-right-bottom .right-bottom-top{width:100%;height:22%;}
.sy-area{width:38%;height:100%;float:left;text-align:center;padding: 1%;}
.sy-area .sy-img-area{width:100%;height:100%;display: flex;align-items: center;justify-content: center;
padding:3%;background:#fff;}

.star {position:relative;display:inline-block;line-height:1em;}
.star input {display:block;float:left;margin:0;padding:0;width:1em;height:1em;font:inherit;background:center 0/cover no-repeat;outline:0 none transparent;
        -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.star .nochecked {background-position:center -1em;}
.star {font-size:12px;}
.star input {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJFRDE5Qjg0NTYwMTFFOTk5QzM5RjY0NTY0MDc0MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJFRDE5Qjk0NTYwMTFFOTk5QzM5RjY0NTY0MDc0MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkVEMTlCNjQ1NjAxMUU5OTlDMzlGNjQ1NjQwNzQwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkVEMTlCNzQ1NjAxMUU5OTlDMzlGNjQ1NjQwNzQwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtLQhvIAAAOnSURBVHja7FdbSBRRGHbKSizKzIzNagnSpBvkbmEPXSiK6Lb0EEJEkkUURNFD0IOvQdAVFgoRErqgQQ/RDYSEjKCLuz5EJElEkZRb2YpGaBe371/+ibPTnHXO3CRw4OPMnDlzvvnPOf/l01KpVM5/dYVisYPAIrvfazZJS9B0AZ+AQDwcHlKdY4zNHz7HbTGw0ReLYW0AzQehK8FWp7y2+IzheQaw3lOLYS2RdJu8+giUqFitavEpST8t/1pPLIa10/kUy673QNCq1SoWnxzm/WxgtS2LYRU95wNkXRBYACwD1gBzLcxH/hwHHgHtwCteiSRWYjCDGGTL0e7jvy3zMNj9Ap4BreQZRHwHN5t9jrgR2uPtwBMfSWux7Lc03ttcNPdVDofN6xhIT6f3WE+L4Xh8LJp7wAaPSA/HQqHo38Ml5mOQ09LfBLa6THoApHUZp9pYCDB5E7DDJdIakDb848dmFQjIae8vA7scku7EnjaacZgSa5pGB24cbn84IG0FKQWeHDOObCFzkkNrl9qN1XMcEk/Gqo23Q7zEhYNVZId4lQvE8+wQuxG/K5SIOYQGskxYD0zjtBnPMk5aleRK+gsl/TeAQ3CTBD9/JbfHj4bRXjNJq+ukhYAkgFSieSx0tQB7QfguS2mkcZK5SoWf8CoPkWvQqsVBbtuAahB2DLeZXGs9wA9QCbSFI18BuRXw2arFeWhmYrI3DrQVZbty4CUsTlkiHlWLo2pxpNXiJSb1XS1OBVZwgeibWoyCpBdts37A/FKLhSBOcj9Fqdt+qMULOilftNRf/FCLRSDuMXwX4XrcM7VYjwn2m2wDrVwPJwVHarGXB5CYew68Ztfpk+0hFw8FnBLLuMpcCVSaZMGIxvXzQx5A12JM/sLluH4EzXlBLZ4wU4vfgFK87HaJVN//TLVoyJ+6Whxg8i6HpFWsw9JqEfNFZadaVIskX+Zj8FubpHs4rKbVIuapyxpAmFxXi3QSF+KjTtVcTf6uq0V832ApcrE/62pxiH03aZF0E5q7olq0HLnYZWqEMb8VDP4pqMVGOyFTVIv9CsSdbqnFNsUkn3BLLTZL9nIWkG+yTQPsjo7V4lNjegSaOPj34/6oiWUtbqjFDiacAlzknFwlfH+Wf6Cag5BIXKFUCHAI1U9nObtVrUEtHud66wp9wv19wG5gAnCdCgQs/TYV4mLhkGRTi/p4mVr8jrETVYhdVYvGImBk1aLk791Si6VU/pjFgT8CDAD9y6CbITrTjwAAAABJRU5ErkJggg==');}
.evaluate-area{height:100%;float:left;width:57%;margin-left:3%}
.evaluate-area >div{height:20%;display: flex;align-items: center;letter-spacing:2px;}

.detail-right-bottom .right-bottom-bottom{width:100%;height:74%;}
.right-bottom-bottom >div{width:96%;margin:0 auto;border-bottom:1px solid #029fed;height:29%;margin-bottom:2%;padding-left:2%;color:#96B6CD;display: flex;
    flex-direction: column;justify-content: center;
}
.right-bottom-bottom .input-title{color:#047CCE;}

.detail-right-content >div{width:100%;height:25%;color:#96B6CD;display: flex;align-items: center;}
.detail-right-content span{width:30%;padding-left:3%;}
.detail-right-content >div >div{display:inline-block;width:69%;}
.detail-right-content >div >div div{display:inline-block;width:30%;border:1px solid #029fed;text-align:center;cursor:pointer;}
.detail-right-content >div >div .controller-select{display:inline-block;width:30%;background:#029fed;text-align:center;color:#fff;}
.detail-middle-vedio{width: 70%;height: 100%;position: absolute;left: 0;top: 0;}
.detail-middle-vedio-controller{width: 30%;height: 100%;position: absolute;left: 70%;border-left: 1px solid #029fed;}
.detail-middle-vedio-controller-top{position:relative;width:100%;height:60%;top:10%;}
.detail-middle-vedio-controller-top div{color:#96B6CD;border:1px solid #029fed;width: 26%;height: 20%;display: flex;justify-content: center;
    align-items: center;position: absolute;cursor:pointer;}
.detail-middle-vedio-controller-top div:hover{color:#fff;background:#029fed;}
.detail-middle-vedio-controller-bottom{position:relative;width:100%;height:30%;display: flex;justify-content: center;align-items: center;}
.detail-middle-vedio-controller-bottom div{color:#96B6CD;border:1px solid #029fed;width: 35%;height: 40%;display: flex;justify-content: center;
    align-items: center;cursor:pointer;}
.detail-middle-vedio-controller-bottom div:hover{color:#fff;background:#029fed;}
.detail-title{height: 5%;color: #fff;width: 100%;display: flex;align-items: flex-end;justify-content: center;background: #000;font-size: 22px;
text-shadow: 3px 1px 2px #d4a844;}

.video-div{border:1px solid #029fed;box-shadow: #029fed 0px 0px 16px 0px inset;}
.noSelect:hover{
    -webkit-transition: all 0.4s;
    font-size: medium;
    cursor:pointer;border: 0;color:#fff;
    background-color: #4cc9f0;  -webkit-box-shadow: 10px 10px 99px 6px rgba(76,201,240,1);  -moz-box-shadow: 10px 10px 99px 6px rgba(76,201,240,1);  box-shadow: 10px 10px 99px 6px rgba(76,201,240,1);
}
.isSelect{background-color:#0185CE;
    border: 1px solid #0185CE;
    border-left: 0px solid #041533;
    padding: 20px 0px;box-shadow: #029fed 0px 0px 16px 0px inset;color:#fff;font-weight: 800;font-size: medium;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.5s;   }
.noSelect{background-color:#041533;border: 1px solid #0185CE;color:#96B6CD;font-size: small;height:40px;}

.isSelect span {
    /*position: absolute;*/
    float: left;
    left: 0px;
    width: 0;
    height: 0;
    /*如果考虑到兼容性请添加下边两个属性*/
    line-height: 0;
    font-size: 0;
    border: 10px solid transparent;
    border-left-color: #041533;
}


.shed-wrapper .item div,#shed-wrapper .item span{height: 33px;line-height: 30px;}
.shed-wrapper .shed-name {color:#fff;text-align: center;text-align: center;font-size:16px;border-bottom: 1px solid #2979b2;}
.shed-wrapper .item:nth-child(4n) {margin-right: 0}
.shed-wrapper .term-item{display: flex;}
.shed-wrapper .term-item span{width:25%;text-align: center;overflow: hidden;}
.shed-wrapper .term-item span:first-child{width: 50%;}
.shed-wrapper .warning {color: red;flex-grow:2!important;}
.shed-wrapper .low {color: #00cef7;flex-grow:2!important;}
.shed-wrapper .warning span:nth-child(2),#shed-wrapper .warning span:nth-child(3),
.shed-wrapper .low span:nth-child(2),#shed-wrapper .low span:nth-child(3),
.shed-wrapper .lost span:nth-child(2),
.shed-wrapper .normal span:nth-child(2),#shed-wrapper .normal span:nth-child(3){font-size:20px}
.shed-wrapper .normal {color: #65da65;font-size:20px;}
.shed-wrapper .lost {color: #807e7e}
.shed-wrapper .text {color:#047CCE;}