.flip[data-v-77648bfc]{position:relative;margin:5px;width:24px;height:24px;font-size:15px;font-weight:700;line-height:21px;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.7)}.flip .item[data-v-77648bfc]{list-style:none;z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;perspective:200px;transition:opacity .3s}.flip .item.active[data-v-77648bfc],.flip .item[data-v-77648bfc]:first-child{z-index:2}.flip .item .down[data-v-77648bfc],.flip .item .up[data-v-77648bfc]{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden}.flip .item .up[data-v-77648bfc]{transform-origin:50% 100%;top:0}.flip .item .up[data-v-77648bfc]:after{content:"";position:absolute;top:10.5px;left:0;z-index:5;width:100%;height:3px;background-color:rgba(0,0,0,.4)}.flip .item .down[data-v-77648bfc]{transform-origin:50% 0;bottom:0;transition:opacity .3s}.flip .item .inn[data-v-77648bfc]{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#333;border-radius:4px}.flip .item .up .inn[data-v-77648bfc]{top:0}.flip .item .down .inn[data-v-77648bfc]{bottom:0}.play .item.before[data-v-77648bfc]{z-index:3}.play .item.active[data-v-77648bfc]{-webkit-animation:asd-data-v-77648bfc .5s linear .5s both;animation:asd-data-v-77648bfc .5s linear .5s both;z-index:2}.play .item.before .up[data-v-77648bfc]{z-index:2;-webkit-animation:turn-up-data-v-77648bfc .5s linear both;animation:turn-up-data-v-77648bfc .5s linear both}.play .item.active .down[data-v-77648bfc]{z-index:2;-webkit-animation:turn-down-data-v-77648bfc .5s linear .5s both;animation:turn-down-data-v-77648bfc .5s linear .5s both}@-webkit-keyframes turn-down-data-v-77648bfc{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes turn-down-data-v-77648bfc{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@-webkit-keyframes turn-up-data-v-77648bfc{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes turn-up-data-v-77648bfc{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@-webkit-keyframes asd-data-v-77648bfc{0%{z-index:2}5%{z-index:4}to{z-index:4}}@keyframes asd-data-v-77648bfc{0%{z-index:2}5%{z-index:4}to{z-index:4}}.play .shadow[data-v-77648bfc]{position:absolute;width:100%;height:100%;z-index:2}.play .before .up .shadow[data-v-77648bfc]{background:linear-gradient(rgba(0,0,0,.1),#000);-webkit-animation:show-data-v-77648bfc .5s linear both;animation:show-data-v-77648bfc .5s linear both}.play .active .up .shadow[data-v-77648bfc]{background:linear-gradient(rgba(0,0,0,.1),#000);-webkit-animation:hide-data-v-77648bfc .5s linear .3s both;animation:hide-data-v-77648bfc .5s linear .3s both}.play .before .down .shadow[data-v-77648bfc]{background:linear-gradient(#000,rgba(0,0,0,.1));-webkit-animation:show-data-v-77648bfc .5s linear both;animation:show-data-v-77648bfc .5s linear both}.play .active .down .shadow[data-v-77648bfc]{background:linear-gradient(#000,rgba(0,0,0,.1));-webkit-animation:hide-data-v-77648bfc .5s linear .3s both;animation:hide-data-v-77648bfc .5s linear .3s both}@-webkit-keyframes show-data-v-77648bfc{0%{opacity:0}to{opacity:1}}@keyframes show-data-v-77648bfc{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-data-v-77648bfc{0%{opacity:1}to{opacity:0}}@keyframes hide-data-v-77648bfc{0%{opacity:1}to{opacity:0}}[data-v-35ff4570] .el-col-25{width:20%}.ele-body[data-v-35ff4570]{padding-bottom:0}.el-card[data-v-35ff4570]{margin-bottom:15px}.analysis-chart-card-num[data-v-35ff4570]{font-size:30px}.analysis-chart-card-content[data-v-35ff4570]{height:5px;box-sizing:border-box;margin-bottom:10px}.analysis-chart-card-text[data-v-35ff4570]{padding-top:12px}.demo-monitor-tool[data-v-35ff4570]{padding:0 20px}.demo-monitor-tool[data-v-35ff4570] .el-tabs__nav-wrap:after{display:none}.demo-monitor-tool[data-v-35ff4570] .el-tabs__item{height:50px;line-height:50px;font-size:15px}.demo-monitor-tool .el-date-editor[data-v-35ff4570]{width:256px;margin-left:10px}.demo-monitor-title[data-v-35ff4570]{padding:0 20px;margin:15px 0 5px 0}.demo-monitor-rank-item[data-v-35ff4570]{padding:0 20px;line-height:20px;margin-top:18px}[data-v-35ff4570] .rili .el-card__header{background-color:#f56c6c;text-align:center;font-weight:700}[data-v-35ff4570] .rili .title{color:#fff}.clock-container[data-v-35ff4570]{display:flex;align-items:center}.colon[data-v-35ff4570]{height:24px;padding:0 5px;display:flex;justify-content:space-around;flex-direction:column}.colon[data-v-35ff4570]:after,.colon[data-v-35ff4570]:before{content:"";display:block;width:5px;height:5px;background:rgba(0,0,0,.7);border-radius:50%}