.screen-silder{width:100%;height:100%;position:relative;flex:auto;overflow:hidden}.screen-silder.gutter{margin-top:-2.3vw;padding-top:2.3vw}.screen-silder .scroll-wrapper{width:100%;height:100%;overflow:hidden}.screen-silder li{line-height:1.6vw;height:1.6vw;color:#fff;padding:0 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-silder li i{font-style:normal;color:#eee}.screen-silder .empty{position:absolute;top:0;right:0;bottom:0;left:0;font-size:.6vw;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-silder .empty,.warning{display:flex;align-items:center;justify-content:center}.warning{flex:0 0 20%;margin-bottom:18px;flex-direction:row}@-webkit-keyframes eye-brow{0%{top:-50px}25%{top:-50px}50%{top:-50px}60%{top:-50px}75%{top:0}80%{top:-50px}to{top:-50px}}@keyframes eye-brow{0%{top:-50px}25%{top:-50px}50%{top:-50px}60%{top:-50px}75%{top:0}80%{top:-50px}to{top:-50px}}@-webkit-keyframes eyes{0%{margin-left:0}25%{margin-left:-15px}50%{margin-left:0}75%{margin-left:15px}to{margin-left:0}}@keyframes eyes{0%{margin-left:0}25%{margin-left:-15px}50%{margin-left:0}75%{margin-left:15px}to{margin-left:0}}@-webkit-keyframes light1{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@keyframes light1{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes light2{0%{transform:scale(0) rotate(35deg)}50%{transform:scale(1) rotate(35deg)}to{transform:scale(0) rotate(35deg)}}@keyframes light2{0%{transform:scale(0) rotate(35deg)}50%{transform:scale(1) rotate(35deg)}to{transform:scale(0) rotate(35deg)}}@-webkit-keyframes light3{0%{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}50%{transform:scaleY(1) translate(-50%) rotate(90deg);height:5px}to{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}}@keyframes light3{0%{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}50%{transform:scaleY(1) translate(-50%) rotate(90deg);height:5px}to{transform:scaleY(0) translate(-50%) rotate(90deg);height:0}}@-webkit-keyframes light4{0%{transform:scale(0) rotate(145deg)}50%{transform:scale(1) rotate(145deg)}to{transform:scale(0) rotate(145deg)}}@keyframes light4{0%{transform:scale(0) rotate(145deg)}50%{transform:scale(1) rotate(145deg)}to{transform:scale(0) rotate(145deg)}}@-webkit-keyframes bulb{0%{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}50%{background-color:#e04311;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,.5)}to{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}}@keyframes bulb{0%{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}50%{background-color:#e04311;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,.5)}to{background-color:#ff5722;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15),0 -10px 30px rgba(224,67,17,0)}}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.warning .alarm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:10vh;height:10vh;position:relative;flex:none;margin-right:26px}.warning .alarm .bulb{width:7vh;height:7vh;border-top-left-radius:100px;border-top-right-radius:100px;background-color:#ff5722;position:relative}.warning .alarm .bulb:after{content:"";position:absolute;width:40px;height:40px;border:10px solid transparent;border-top-color:hsla(0,0%,100%,.2);top:15%;right:5%;transform:rotate(45deg);border-radius:50%}.warning .alarm .bulb .eyes{margin-top:1.8vh;display:flex;justify-content:space-evenly}.warning .alarm .bulb .eyes span{display:block;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.5);position:relative;overflow:hidden;padding:5px}.warning .alarm .bulb .eyes span:before{content:"";width:10px;height:10px;background-color:#000;display:block;border-radius:50%}.warning .alarm .bulb .eyes span:after{content:"";width:30px;height:30px;background-color:#ff5722;display:block;border-radius:50%;position:absolute;top:-30px;left:calc(50% - 15px);-webkit-animation:eye-brow 3s ease-in-out 0s infinite normal none;animation:eye-brow 3s ease-in-out 0s infinite normal none}.warning .alarm .bulb .mouth{width:40px;height:18px;position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);overflow:hidden}.warning .alarm .bulb .mouth:before{content:"";display:block;width:40px;height:40px;margin-top:-55%;border-radius:50%;background-color:#000;box-shadow:inset 5px 5px 0 1px hsla(0,0%,100%,.2);transition:all .2s ease-in-out}.warning .alarm .bulb .mouth:after{content:"";position:absolute;width:10px;height:10px;background-color:#fff;top:6%;left:50%;transform:translate(-50%,-31%);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.warning .alarm .base{width:10vh;height:2vh;border-top-left-radius:50px;border-top-right-radius:50px;margin-top:-4px;background-color:#394178}.warning .alarm .base,.warning .alarm .bulb{border:2px solid #262b55;box-shadow:inset 15px 5px 0 1px rgba(0,0,0,.15)}.warning .alarm .light{position:absolute;width:100%;height:100%;top:0}.warning .alarm .light span{position:absolute;width:0;height:5px;background-color:#e04311;border-radius:10px}.warning .alarm .light span:first-child{left:-10%;top:50%;transform-origin:right}.warning .alarm .light span:nth-child(2){transform:rotate(35deg);left:0;top:15%;transform-origin:right}.warning .alarm .light span:nth-child(3){transform:translate(-50%) rotate(90deg);left:40%;top:4%;transform-origin:right}.warning .alarm .light span:nth-child(4){transform:rotate(145deg);right:25%;top:15%;transform-origin:right}.warning .alarm .light span:nth-child(5){right:-10%;top:50%;transform-origin:left}.warning .alarm.active{cursor:pointer;-webkit-animation:shake 1s linear infinite;animation:shake 1s linear infinite}.warning .alarm.active .bulb{-webkit-animation:bulb 1s ease infinite;animation:bulb 1s ease infinite}.warning .alarm.active .eyes span:before{-webkit-animation:eyes 1.2s linear infinite;animation:eyes 1.2s linear infinite}.warning .alarm.active .mouth:before{margin-top:0}.warning .alarm.active .light span{width:30px}.warning .alarm.active .light span:first-child{-webkit-animation:light1 1s ease infinite;animation:light1 1s ease infinite}.warning .alarm.active .light span:nth-child(2){-webkit-animation:light2 1s ease infinite;animation:light2 1s ease infinite}.warning .alarm.active .light span:nth-child(3){-webkit-animation:light3 1s ease infinite;animation:light3 1s ease infinite}.warning .alarm.active .light span:nth-child(4){-webkit-animation:light4 1s ease infinite;animation:light4 1s ease infinite}.warning .alarm.active .light span:nth-child(5){-webkit-animation:light1 1s ease infinite;animation:light1 1s ease infinite}