.bg[data-v-0e706f36]{background-size:100% 100%;width:100%;position:relative}.top-overview[data-v-0e706f36]{height:523px}.top-overview .top-count[data-v-0e706f36]{display:flex;margin:-10px -16px 0 0}.top-overview .top-count .count-item[data-v-0e706f36]{flex:1;height:84px;margin-right:16px}.top-overview .top-count .count-item .count-name[data-v-0e706f36]{height:32px;line-height:32px;font-size:16px;color:#fff;opacity:.85;background-image:url(../img/top-light.8afae4b9.png);background-size:100%;background-repeat:no-repeat}@media only screen and (min-width:1921px){.top-overview .top-count .count-item .count-name[data-v-0e706f36]{background-image:url(../img/top-light.8afae4b9.png)}}.top-overview .top-count .count-item .count-value[data-v-0e706f36]{height:52px;line-height:52px;background-image:url(../img/top-box.2e4229e1.png);background-size:100%;background-repeat:no-repeat}@media only screen and (min-width:1921px){.top-overview .top-count .count-item .count-value[data-v-0e706f36]{background-image:url(../img/top-box.2e4229e1.png)}}.top-overview .top-count .count-item .count-value .num[data-v-0e706f36]{font-size:30px;color:#2ed8fa;vertical-align:middle;margin-right:5px}.top-overview .top-count .count-item .count-value .unit[data-v-0e706f36]{opacity:.85;font-size:14px;color:#fff;vertical-align:sub}.CourseOverview[data-v-0e706f36]{display:flex;justify-content:space-between;align-items:center;margin-top:124px}.CourseOverview .network-study[data-v-0e706f36]{width:442px;height:318px;position:relative}.CourseOverview .network-study .content[data-v-0e706f36]{position:relative;height:270px;background-image:url(../img/network-bg.fe9f36f8.png);background-repeat:no-repeat;background-position:50%;background-position-y:60%;background-size:100%}@media only screen and (min-width:1921px){.CourseOverview .network-study .content[data-v-0e706f36]{background-image:url(../img/network-bg.fe9f36f8.png)}}.CourseOverview .network-study .content .net-item[data-v-0e706f36]{width:126px;height:104px;position:absolute;background-image:url(../img/network-base.f98ec910.png);background-size:100%;background-repeat:no-repeat;background-position-y:5px}@media only screen and (min-width:1921px){.CourseOverview .network-study .content .net-item[data-v-0e706f36]{background-image:url(../img/network-base.f98ec910.png)}}.CourseOverview .network-study .content .net-item .count[data-v-0e706f36]{font-size:22px;text-align:center;color:#2ed8fa;line-height:32px;margin-top:20px;margin-bottom:5px}.CourseOverview .network-study .content .net-item .name[data-v-0e706f36]{font-size:12px;text-align:center;color:#fff;line-height:17px;opacity:.85}.CourseOverview .network-study .content .net-item[data-v-0e706f36]:first-child{left:0;right:0;margin:auto}.CourseOverview .network-study .content .net-item[data-v-0e706f36]:nth-child(2){top:20%;right:3%}.CourseOverview .network-study .content .net-item[data-v-0e706f36]:nth-child(3){top:20%;left:3%}.CourseOverview .network-study .content .net-item[data-v-0e706f36]:nth-child(4){bottom:5%;right:15%}.CourseOverview .network-study .content .net-item[data-v-0e706f36]:nth-child(5){bottom:5%;left:15%}.CourseOverview .security-monitor[data-v-0e706f36]{width:442px;height:318px;position:relative}.CourseOverview .security-monitor .monitor-index[data-v-0e706f36]{display:flex;height:80px}.CourseOverview .security-monitor .monitor-index .value[data-v-0e706f36]{flex:1;background-image:url(../img/bg-blue.36069462.png);background-size:100%;background-repeat:no-repeat}@media only screen and (min-width:1921px){.CourseOverview .security-monitor .monitor-index .value[data-v-0e706f36]{background-image:url(../img/bg-blue.36069462.png)}}.CourseOverview .security-monitor .monitor-index .value .count[data-v-0e706f36]{font-size:22px;text-align:center;color:#98cbff;line-height:32px;margin-top:10px;margin-bottom:5px}.CourseOverview .security-monitor .monitor-index .value .name[data-v-0e706f36]{font-size:12px;text-align:center;color:#fff;line-height:17px;opacity:.8}.CourseOverview .security-monitor .monitor-index .online-ratio[data-v-0e706f36]{flex:1;position:relative}.CourseOverview .security-monitor .monitor-index .online-ratio .el-progress-circle[data-v-0e706f36]{width:200px!important;height:200px!important}.CourseOverview .security-monitor .monitor-index .online-ratio[data-v-0e706f36] .el-progress-circle .el-progress-circle__track{stroke:rgba(67,186,254,.3)}.CourseOverview .security-monitor .monitor-index .online-ratio[data-v-0e706f36] .el-progress__text{font-size:15px!important;color:#98cbff;top:40%}.CourseOverview .security-monitor .monitor-index .online-ratio .ratio-text[data-v-0e706f36]{position:absolute;left:0;right:0;bottom:15px;margin:auto;font-size:12px;text-align:center;color:#fff;line-height:17px;opacity:.85}.CourseOverview .security-monitor .online-graph .graph-title[data-v-0e706f36]{text-align:left;opacity:.8;font-size:12px;color:#fff;line-height:17px}.CourseOverview .security-monitor .online-graph #chart-graph[data-v-0e706f36]{height:164px}.network-study[data-v-0e706f36],.security-monitor[data-v-0e706f36]{background-image:url(../img/center-bottom-bg.23cb53ac.png);background-repeat:no-repeat;background-size:100%}.center-bottom-wrap[data-v-0e706f36]{padding:20px 16px 8px 10px}.gray[data-v-0e706f36]{opacity:.85;color:#fff}.box[data-v-0e706f36]{height:100%}.box .title[data-v-0e706f36]{width:320px;height:48px;position:absolute;left:4px;top:-40px;background-image:url(../img/b.7f665538.png);background-size:100%;background-repeat:no-repeat;background-size:100% 100%;font-size:24px;font-weight:700;color:#e9f2ff;line-height:48px;padding-left:45px;text-align:left}@media only screen and (min-width:1921px){.box .title[data-v-0e706f36]{background-image:url(../img/b.7f665538.png)}}.box .title[data-v-0e706f36]:after{content:"";position:absolute;width:32px;height:32px;left:8px;top:6px;background-image:url(data:image/png;base64,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);background-size:100%;background-repeat:no-repeat}@media only screen and (min-width:1921px){.box .title[data-v-0e706f36]:after{background-image:url(data:image/png;base64,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)}}.box .title .network-study-title[data-v-0e706f36],.box .title .security-monitor-title[data-v-0e706f36]{position:absolute;width:100%;height:42px;top:15px;background-size:auto!important}.box .title .security-monitor-title[data-v-0e706f36]{background-image:url(../img/security-monitor.b054bf07.png);background-size:100%;background-repeat:no-repeat}@media only screen and (min-width:1921px){.box .title .security-monitor-title[data-v-0e706f36]{background-image:url(../img/security-monitor.b054bf07.png)}}.box .title .network-study-title[data-v-0e706f36]{background-image:url(../img/network-study.883f85cb.png);background-size:100%;background-repeat:no-repeat}@media only screen and (min-width:1921px){.box .title .network-study-title[data-v-0e706f36]{background-image:url(../img/network-study.883f85cb.png)}}.box .title .more[data-v-0e706f36]{position:absolute;right:-60px;font-size:12px;font-family:SourceHanSansCN,SourceHanSansCN-Regular;font-weight:400;color:#8dc5ff;cursor:pointer}@-webkit-keyframes float-0e706f36{0%{transform:translateY(0) translateX(20%)}50%{transform:translateY(10%) translateX(20%)}to{transform:translateY(0) translateX(20%)}}@keyframes float-0e706f36{0%{transform:translateY(0) translateX(20%)}50%{transform:translateY(10%) translateX(20%)}to{transform:translateY(0) translateX(20%)}}.float-animation[data-v-0e706f36]{-webkit-animation:float-0e706f36 2s ease-in-out infinite;animation:float-0e706f36 2s ease-in-out infinite}@-webkit-keyframes opacity-0e706f36{0%{opacity:1%}50%{opacity:1%}to{opacity:1%}}@keyframes opacity-0e706f36{0%{opacity:1%}50%{opacity:1%}to{opacity:1%}}.opacity-animation[data-v-0e706f36]{-webkit-animation:opacity-0e706f36 4.2s linear infinite;animation:opacity-0e706f36 4.2s linear infinite}.hover:hover .opacity-animation[data-v-0e706f36]{opacity:1;-webkit-animation:none;animation:none}.network-study .animation1[data-v-0e706f36]{-webkit-animation:jumpBoxHandler-0e706f36 2.5s infinite;animation:jumpBoxHandler-0e706f36 2.5s infinite}@-webkit-keyframes jumpBoxHandler-0e706f36{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}@keyframes jumpBoxHandler-0e706f36{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}