@-webkit-keyframes TitleTransform{0%{opacity:.3;-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{opacity:.1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes TitleTransform{0%{opacity:.3;-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{opacity:.1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes lineTransfrom{0%{opacity:.6;-webkit-transform:translateX(0);transform:translateX(0)}75%{opacity:.1;-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{opacity:.1;-webkit-transform:translateX(100vw);transform:translateX(100vw)}}@keyframes lineTransfrom{0%{opacity:.6;-webkit-transform:translateX(0);transform:translateX(0)}75%{opacity:.1;-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{opacity:.1;-webkit-transform:translateX(100vw);transform:translateX(100vw)}}.monitor{color:#fff;font-size:1rem;height:100%;min-height:auto!important;background:-webkit-gradient(linear,left top,right top,from(#02150f),color-stop(50%,#053d36),to(#02150f));background:linear-gradient(90deg,#02150f,#053d36 50%,#02150f);font-family:Helvetica;overflow-y:auto}.monitor__header{height:60px;background:url(../img/title-bg.e7f0b5ad.png) no-repeat 0 0;background-size:33rem 100%;position:relative;overflow:hidden}.monitor__header .title-bg{position:absolute;height:100%;width:36rem;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:TitleTransform 4s linear 0s infinite;animation:TitleTransform 4s linear 0s infinite}.monitor__header_center{padding:1rem 1.25rem 1px 1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.monitor__title{width:25%;font-size:2.5rem;font-family:Microsoft YaHei;font-style:italic;font-weight:700;color:#999;text-shadow:0 .125rem .25rem rgba(0,0,0,.1);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfcfcf));background:linear-gradient(180deg,#fff,#cfcfcf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.monitor__line{background:linear-gradient(67deg,rgba(124,246,255,.6),hsla(0,0%,100%,0) 100%,rgba(124,246,255,.06) 0,hsla(0,0%,100%,0) 0);-webkit-box-shadow:0 -.5625rem .5rem0 0 rgba(0,0,0,.2);box-shadow:0 -.5625rem .5rem0 0 rgba(0,0,0,.2);-webkit-filter:blur(0);filter:blur(0)}.monitor__line-1{height:.25rem;position:relative}.monitor__line-1 .line-bg{position:absolute;width:8rem;height:4rem;left:11rem;top:0;margin-top:-2rem;-webkit-animation:lineTransfrom 4s linear 0s infinite;animation:lineTransfrom 4s linear 0s infinite}.monitor__line-2{margin-top:.25rem;height:.125rem}.monitor__button-group{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:distribute;justify-content:space-around;margin-left:1.5625rem}.monitor__button{width:8rem;height:2.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:2.375rem;border:1px solid;font-weight:700;text-align:center;margin-left:2rem;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);-webkit-box-shadow:0 0 1rem .25rem rgba(0,0,0,.3) inset;box-shadow:inset 0 0 1rem .25rem rgba(0,0,0,.3);cursor:pointer}.monitor__button.active{border-color:#39efff;background:rgba(57,239,255,.1);-webkit-box-shadow:0 0 1rem .25rem rgba(57,239,255,.3) inset;box-shadow:inset 0 0 1rem .25rem rgba(57,239,255,.3)}.monitor__time{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:22%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:right}.monitor__time__entrance{text-align:right;-ms-flex-preferred-size:30%;flex-basis:30%}.monitor__time__entrance__button{width:8rem;height:2.5rem;float:right;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:2.375rem;border:1px solid;font-weight:700;text-align:center;margin-left:2rem;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);-webkit-box-shadow:0 0 1rem .25rem rgba(0,0,0,.3) inset;box-shadow:inset 0 0 1rem .25rem rgba(0,0,0,.3);cursor:pointer}.monitor__time__entrance__button.active{border-color:#39efff;background:rgba(57,239,255,.1);-webkit-box-shadow:0 0 1rem .25rem rgba(57,239,255,.3) inset;box-shadow:inset 0 0 1rem .25rem rgba(57,239,255,.3)}.monitor__time__timegroup{-ms-flex-preferred-size:70%;flex-basis:70%}.monitor__time-display span{font-size:.875rem;vertical-align:top}.monitor__time-display span:first-child{font-size:1.5rem}.monitor__time-display span:nth-child(2){margin:0 .5rem;line-height:1.375rem}.monitor__time-display span:nth-child(3){line-height:1.375rem}.monitor__tip{font-size:.75rem;opacity:.5;margin-top:.25rem}.monitor__container{height:calc(100% - 60px);padding:1.25rem;padding-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}