.smallAnimateArea{position:relative;background-image:url(/static/images/elevator/bgss.jpg);background-size:100%;background-position:0 0;background-repeat:repeat-y;animation:animatedBackgroundDown 5s linear infinite;-ms-animation:animatedBackgroundDown 5s linear infinite;-moz-animation:animatedBackgroundDown 5s linear infinite;-webkit-animation:animatedBackgroundDown 5s linear infinite}.smallElevatorBox{position:absolute;width:180px;height:232px;top:15%;bottom:0;left:0;right:0;margin:auto;z-index:1}.smallBox{width:60px;height:124px;top:29%;left:20%;overflow:hidden;position:absolute;background:url(/static/images/elevator/doorss8.png);z-index:23}.smallLayerArrow{position:absolute;z-index:21;width:10px;height:10px;top:22%;left:30%}.smallLayerNum{position:absolute;z-index:22;top:24%;left:39%;color:#dc143c;font-size:10px;font-family:Gill Sans,Gill Sans MT,Myriad Pro,DejaVu Sans Condensed,Helvetica,Arial," sans-serif"}.smallBoxImg{width:60px;height:124px;overflow:hidden;margin:1px 0 0 1px}.smallBoxImg ul li{position:absolute}.smallBoxImg ul li a{display:block;width:60px;height:124px}.smallStatus{position:absolute;z-index:24;width:20px;height:20px;top:30%;left:30%}.smallStatusName{position:absolute;z-index:24;top:42%;left:20%;font-size:12px;color:#ffa473;font-family:Microsoft YaHei}.smallStatusButton{position:absolute;z-index:224;top:35%;left:58%}.smallTValueClass{position:absolute;z-index:24;top:55%;font-size:16px;left:15%;color:#fff;font-family:Microsoft YaHei}.smallLoadingClass{position:absolute;z-index:24;top:35%;left:30%}.smallBrokenClass{position:absolute;z-index:24;top:30%;left:3%}.smallUnlinkClass{position:absolute;z-index:24;top:40%;left:7%}.middleAnimateArea{position:relative;background-image:url(/static/images/elevator/bgs2.jpg);background-size:100%;background-position:0 0;background-repeat:repeat-y;animation:animatedBackgroundDown 5s linear infinite;-ms-animation:animatedBackgroundDown 5s linear infinite;-moz-animation:animatedBackgroundDown 5s linear infinite;-webkit-animation:animatedBackgroundDown 5s linear infinite}@-webkit-keyframes animatedBackgroundDown{0%{background-position:0 0}to{background-position:0 100%}}@keyframes animatedBackgroundDown{0%{background-position:0 0}to{background-position:0 100%}}@-webkit-keyframes animatedBackgroundUp{0%{background-position:0 0}to{background-position:0 -100%}}@keyframes animatedBackgroundUp{0%{background-position:0 0}to{background-position:0 -100%}}@-webkit-keyframes animatedBackgroundStop{0%{background-position:0 0}to{background-position:0 0}}@keyframes animatedBackgroundStop{0%{background-position:0 0}to{background-position:0 0}}.middleElevatorBox{position:absolute;width:340px;height:490px;top:15%;bottom:0;left:0;right:0;margin:auto}.alarmImage{width:64px;border-radius:32px;background:#ff4b00;position:absolute;right:32px;bottom:32px;text-align:center;padding:8px 0}.middleBox{width:98px;height:201px;top:22%;overflow:hidden;position:absolute;background:url(/static/images/elevator/door8s.png);z-index:23}.middlleLayerArrow{position:absolute;z-index:22;width:12px;height:12px;top:18%;left:22%}.middleLayerNum{position:absolute;z-index:22;top:19%;left:30%;color:#dc143c;font-size:16px;font-family:Gill Sans,Gill Sans MT,Myriad Pro,DejaVu Sans Condensed,Helvetica,Arial," sans-serif"}a{text-decoration:none;color:#000}ul{list-style:none;margin:0;padding:0}.middleBoxImg{width:98px;height:201px;overflow:hidden;margin:3px 0 0 2px}.middleBoxImg ul li{position:absolute}.middleBoxImg ul li a{display:block;width:98px;height:201px}.middleStatus{position:absolute;z-index:24;width:20px;height:20px;top:30%;left:30%}.middleStatusName{position:absolute;z-index:24;top:32%;left:15%;font-size:20px;color:#ffa473;font-family:Microsoft YaHei}.middleStatusButton{position:absolute;z-index:222;top:30%;left:50%}.middleTValueClass{position:absolute;z-index:24;top:43%;left:10%;font-size:20px;color:#fff;font-family:Microsoft YaHei}.middleLoadingClass{left:30%}.middleBrokenClass,.middleLoadingClass{position:absolute;z-index:24;top:26%}.middleUnlinkClass{position:absolute;z-index:24;top:33%;left:5%}.smallEscalatorAnimateArea[data-v-6039ba65]{margin:0;background:url(/static/images/escalatorMonitor/bg.jpg) no-repeat;background-size:100% 100%;position:relative}.smallEscalatorAnimateArea .em-monitor[data-v-6039ba65]{position:absolute;width:100%;height:90%;background:url(/static/images/escalatorMonitor/animate.png) no-repeat 0 0}.smallEscalatorAnimateArea .em-monitor-run[data-v-6039ba65]{-webkit-animation:monitor-animate-6039ba65 .6s step-start infinite;animation:monitor-animate-6039ba65 .6s step-start infinite;-moz-animation:monitor-animate-6039ba65 .6s step-start infinite}.smallEscalatorAnimateArea .em-monitor-slow[data-v-6039ba65]{-webkit-animation-duration:2s;animation-duration:2s;-moz-animation-duration:2s}.smallEscalatorAnimateArea .em-monitor-down[data-v-6039ba65]{animation-direction:reverse;-moz-animation-direction:reverse}.smallEscalatorAnimateArea .em-detail[data-v-6039ba65]{position:absolute;right:5%;top:20%}.smallEscalatorAnimateArea .em-detail .runStatus[data-v-6039ba65]{margin:2% 0 0 3px;width:54px;height:54px;border:none;background-color:#fff;font-size:11px;border-radius:5px;text-align:center}.smallEscalatorAnimateArea .em-detail .runStatus .runTitle[data-v-6039ba65]{line-height:22px}.smallEscalatorAnimateArea .em-detail .runStatus .runContent[data-v-6039ba65]{line-height:32px;height:32px;font-size:16px;border-radius:5px;background-color:#368de6;color:#fff}.smallEscalatorAnimateArea .em-connect-status-wrapper[data-v-6039ba65]{position:absolute;top:38%;left:20%;width:45%;height:80px;text-align:center}@-webkit-keyframes monitor-animate-6039ba65{0%{background-position:0 0}12.5%{background-position:-535px 0}25%{background-position:-1070px 0}37.5%{background-position:-1605px 0}50%{background-position:-2140px 0}62.5%{background-position:-2675px 0}75%{background-position:-3210px 0}87.5%{background-position:-3745px 0}to{background-position:0 0}}@keyframes monitor-animate-6039ba65{0%{background-position:0 0}12.5%{background-position:-535px 0}25%{background-position:-1070px 0}37.5%{background-position:-1605px 0}50%{background-position:-2140px 0}62.5%{background-position:-2675px 0}75%{background-position:-3210px 0}87.5%{background-position:-3745px 0}to{background-position:0 0}}.middleEscalatorAnimateArea[data-v-ac61ab84]{margin:0;background:url(/static/images/escalatorMonitor/bg.jpg) no-repeat;background-size:100% 100%;position:relative}.middleEscalatorAnimateArea .em-monitor[data-v-ac61ab84]{position:absolute;width:98%;height:90%;background:url(/static/images/escalatorMonitor/animate.png) no-repeat 20px 0}.middleEscalatorAnimateArea .em-monitor-run[data-v-ac61ab84]{-webkit-animation:monitor-animate-ac61ab84 .6s step-start infinite;animation:monitor-animate-ac61ab84 .6s step-start infinite;-moz-animation:monitor-animate-ac61ab84 .6s step-start infinite}.middleEscalatorAnimateArea .em-monitor-slow[data-v-ac61ab84]{-webkit-animation-duration:2s;animation-duration:2s;-moz-animation-duration:2s}.middleEscalatorAnimateArea .em-monitor-down[data-v-ac61ab84]{animation-direction:reverse;-moz-animation-direction:reverse}.middleEscalatorAnimateArea .em-detail[data-v-ac61ab84]{position:absolute;right:5%;top:20%}.middleEscalatorAnimateArea .em-detail .runStatus[data-v-ac61ab84]{margin:2% 0 0 6px;width:69px;height:69px;border:none;background-color:#fff;font-size:12px;border-radius:5px;text-align:center}.middleEscalatorAnimateArea .em-detail .runStatus .runTitle[data-v-ac61ab84]{line-height:28px}.middleEscalatorAnimateArea .em-detail .runStatus .runContent[data-v-ac61ab84]{line-height:41px;height:41px;font-size:16px;border-radius:5px;background-color:#368de6;color:#fff}.middleEscalatorAnimateArea .em-connect-status-wrapper[data-v-ac61ab84]{position:absolute;top:38%;left:20%;width:50%;height:80px;text-align:center}@-webkit-keyframes monitor-animate-ac61ab84{0%{background-position:0 0}12.5%{background-position:-535px 0}25%{background-position:-1070px 0}37.5%{background-position:-1605px 0}50%{background-position:-2140px 0}62.5%{background-position:-2675px 0}75%{background-position:-3210px 0}87.5%{background-position:-3745px 0}to{background-position:0 0}}@keyframes monitor-animate-ac61ab84{0%{background-position:0 0}12.5%{background-position:-535px 0}25%{background-position:-1070px 0}37.5%{background-position:-1605px 0}50%{background-position:-2140px 0}62.5%{background-position:-2675px 0}75%{background-position:-3210px 0}87.5%{background-position:-3745px 0}to{background-position:0 0}}.querypage{width:1210px;margin:0 auto}.querypage,.wrap{position:relative}.wrap{height:135vh}.header{width:100%;height:70px;background-repeat:repeat-x;min-width:1100PX}.monitorcontainer{clear:both;overflow:hidden;background-color:#fff;width:1100px;height:650px;margin-left:70px}.add{width:100%;height:28px;background-image:url(/static/images/elevator/dang-qian-wei-zhi-bei-jing.png);font-size:12px;line-height:25px;top:0;z-index:100;position:fixed}.add a{text-decoration:none;color:#333}.contentright{width:100%;float:left;margin-top:25px;z-index:-10;overflow:hidden;background-color:#ebebeb;height:100%}.footer{text-align:center;font-size:12px;line-height:30px}.footer,.footer a{color:#fff}.footer a:hover{color:#fff;background-color:#f90}el-container{margin:10px 10px 0 10px;padding:10px;border:1px solid #dcdfe6}.title{text-align:left}.row{margin:5px 0;color:#606266}.row,.toolbar{font-size:14px}.toolbar{width:100%;padding-left:10px;height:50px;border-bottom:1px solid #ccc;background-color:#f6f6f6;position:relative}.searchin{float:left;position:relative;width:356px;height:33px;margin-top:8px;background-image:url(/static/images/monitorCommon/sou-suo2.png);margin-left:20px}.style2{background-image:url(/static/images/monitorCommon/sou-suo3.png);width:358px;margin-left:0}.style2 .searchinbox1{padding-left:10px}.rightbox_dt_big{position:relative;width:1054px;height:650px;background:url(/static/images/monitorCommon/big-diwen.png) no-repeat;background-size:cover;margin-left:4px;margin-top:4px;float:left}