html[data-v-16882cc6]{font-size:10vw!important;width:100%;height:100%;background-color:#fff}@media screen and (max-width:1280px){html[data-v-16882cc6]{font-size:128px}}@media screen and (min-device-width:1440px){html[data-v-16882cc6]{font-size:144px}}@media screen and (min-device-width:1600px){html[data-v-16882cc6]{font-size:160px}}@media screen and (min-device-width:1920px){html[data-v-16882cc6]{font-size:192px}}.curp[data-v-16882cc6]{cursor:pointer}.color-red[data-v-16882cc6]{color:red}.color-transparent[data-v-16882cc6]{color:transparent}.color-white[data-v-16882cc6]{color:#fff}.fz36[data-v-16882cc6]{font-size:36px}.fz24[data-v-16882cc6]{font-size:24px}.fz18[data-v-16882cc6]{font-size:18px}.fz16[data-v-16882cc6]{font-size:16px}.fz14[data-v-16882cc6]{font-size:14px}.fz12[data-v-16882cc6]{font-size:12px}.clearfix[data-v-16882cc6]:after,.clearfix[data-v-16882cc6]:before{content:" ";display:table}.clearfix[data-v-16882cc6]:after{clear:both}.socketItem[data-v-16882cc6]{color:#fff;font-style:normal;font-weight:700;line-height:30px;font-size:14px;border-radius:10px;padding:0 11px;margin-top:10px;margin-left:10px;background:linear-gradient(270deg,rgba(235,87,87,.69) 13.54%,#a23f97)}.isClose[data-v-16882cc6]{width:0;height:0}.vdr{touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}svg[data-v-59578da4]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.page_area[data-v-59578da4]{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.page_area.single_page .dynmic_area[data-v-59578da4],.page_area.single_page .dynmic_bg[data-v-59578da4],.page_area.single_page .dynmic_bg_area[data-v-59578da4]{background:none}.page_area.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,transparent,rgba(255,0,0,.2));overflow:hidden;left:0;top:0;z-index:-1}.page_area.attackTarget[data-v-59578da4]:before{content:"";position:absolute;width:250px;height:100px;background:url(../../static/img/attacking.d6a1be6b.gif);background-repeat:no-repeat;background-size:cover;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-161%);z-index:3}#app[data-v-59578da4]{display:flex;justify-content:center}.dynmic_area[data-v-59578da4]{background:#000;width:1276px;position:relative;min-height:1000px;overflow:hidden;overflow-y:auto}.dynmic_bg_area[data-v-59578da4]{background:rgba(0,54,103,.8)}.dynmic_bg[data-v-59578da4]{width:1570px;height:1000px;background:url(../../static/img/bg.e0d3c17b.png) #d3d3d3 50%/cover no-repeat}.text_show1[data-v-59578da4]{color:#fff;font-size:20px;font-style:normal;font-weight:700;position:absolute;top:-112px;left:40px}.net_ball[data-v-59578da4]{width:80px;height:80px}.net_ball[data-v-59578da4],.net_cloud[data-v-59578da4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.net_cloud[data-v-59578da4]{width:70px;margin-left:38px;margin-top:16px}.da_huo[data-v-59578da4]{position:absolute;top:357px;left:27px;width:42px;z-index:2}.da_huo_line1[data-v-59578da4]{position:absolute;top:620px;left:0;height:2px;width:100%;overflow:hidden;background:url(../../static/img/dahuo_line.562093f8.svg);background-repeat:repeat-x}.da_huo_line2[data-v-59578da4]{position:absolute;top:366px;left:0;width:180px;overflow:hidden;background:url(../../static/img/dahuo_line.562093f8.svg);height:2px}.da_huo_2[data-v-59578da4]{position:absolute;top:597px;left:398px;width:50px;height:50px}.router[data-v-59578da4]{position:absolute;top:411px;left:15px;width:56px}.router_search[data-v-59578da4]{position:absolute;top:411px;left:110px;width:56px}.lx1[data-v-59578da4]{background:#2e68ae;width:2px;position:absolute;top:336px;left:0;height:40px;border-top-left-radius:1px;border-top-right-radius:1px}.lx2[data-v-59578da4]{left:28px}.lx2[data-v-59578da4],.lx3[data-v-59578da4]{background:#2e68ae;width:38px;position:absolute;top:438px;height:2px}.lx3[data-v-59578da4]{left:72px}.lx3_1[data-v-59578da4]{background:#2e68ae;width:38px;position:absolute;top:438px;left:167px;height:2px}.lx4[data-v-59578da4]{top:779px}.lx4[data-v-59578da4],.lx5[data-v-59578da4]{background:#2e68ae;width:2px;position:absolute;left:420px;height:24px}.lx5[data-v-59578da4]{top:833px}.firewall_left1[data-v-59578da4]{width:30px;position:absolute;top:228px;left:205px;overflow:hidden}.firewall_left1 img[data-v-59578da4]{width:30px}.firewall_left1.attackTarget[data-v-59578da4]:before{content:"";position:absolute;width:100%;height:271px;background:url(../../static/img/firewall_attack.332dc0cf.gif);background-repeat:no-repeat;background-size:cover;overflow:hidden}@keyframes show-mask15-59578da4{0%{opacity:1}to{opacity:0;display:none}}.huomengceng[data-v-59578da4]{height:645px;width:58px;background:rgba(0,0,0,.14);position:absolute;top:192px;left:712px}.huomengceng.animation[data-v-59578da4]{z-index:17;animation:show-mask15-59578da4 1s ease-in-out forwards}.huomengceng.animationStop[data-v-59578da4]{display:none}.firewall_left2[data-v-59578da4]{width:30px;position:absolute;top:228px;left:627px}.firewall_left2 img[data-v-59578da4]{width:30px}.needle_to_right[data-v-59578da4]{width:42px;height:2px;background:#78a6c9}.needle_to_right[data-v-59578da4]:before{content:" ";width:8px;height:8px;background:#78a6c9;display:block;border-radius:4px;left:-5px;position:absolute;top:50%;transform:translateY(-50%)}.needle_to_left[data-v-59578da4]{width:42px;height:2px;background:#78a6c9}.needle_to_left[data-v-59578da4]:before{content:" ";width:8px;height:8px;background:#78a6c9;display:block;border-radius:4px;right:-5px;position:absolute;top:50%;transform:translateY(-50%)}.needle_to_bottom[data-v-59578da4]{width:2px;height:36px;background:#2e68ae}.needle_to_bottom[data-v-59578da4]:before{content:" ";width:6px;height:6px;background:#2e68ae;display:block;border-radius:6px;top:-5px;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0 0 4px #3b75ba}.needle_to_top[data-v-59578da4]{width:2px;height:14px;background:#2e68ae}.needle_to_top[data-v-59578da4]:before{content:" ";width:6px;height:6px;background:#2e68ae;display:block;border-radius:6px;bottom:-5px;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0 0 4px #3b75ba}@keyframes show-mask-59578da4{0%{opacity:1}to{opacity:0;display:none}}.mengceeng[data-v-59578da4]{width:450px;height:345px;position:absolute;top:193px;left:262px;z-index:12;background:rgba(0,0,0,.14)}.mengceeng.animation[data-v-59578da4]{animation:show-mask-59578da4 2s ease-in-out forwards}.mengceeng.animationStop[data-v-59578da4]{display:none}@keyframes show-mask5-59578da4{0%{opacity:1}to{opacity:0;display:none}}.ermengceng[data-v-59578da4]{width:800px;height:645px;position:absolute;top:193px;left:770px;z-index:12;background:rgba(0,0,0,.14)}.ermengceng.animation[data-v-59578da4]{animation:show-mask5-59578da4 2s ease-in-out forwards}.ermengceng.animationStop[data-v-59578da4]{display:none}@keyframes show-mask26-59578da4{0%{opacity:0}to{opacity:1;width:22px}}.ntr1[data-v-59578da4]{position:absolute;top:290px;left:196px;width:22px}@keyframes show-mask27-59578da4{0%{opacity:0}to{opacity:1;width:22px}}.ntr2[data-v-59578da4]{position:absolute;top:290px;left:658px;width:22px}.ntl1[data-v-59578da4]{position:absolute;top:290px;left:594px;width:22px}.ntl1.animation[data-v-59578da4],.ntl1.animationStop[data-v-59578da4]{display:block}@keyframes show-mask29-59578da4{0%{opacity:0}to{opacity:1;height:36px}}.ntt1[data-v-59578da4]{position:absolute;top:337px;left:500px;z-index:1}.ntt1.animationStop[data-v-59578da4]{height:36px}.ntt01[data-v-59578da4]{position:absolute;top:382px;left:46px;z-index:1;height:27px}@keyframes show-mask30-59578da4{0%{opacity:0}to{opacity:1;height:36px}}.ntt2[data-v-59578da4]{left:775px}.ntt2[data-v-59578da4],.ntt3[data-v-59578da4]{position:absolute;top:337px;z-index:1;height:14px}.ntt3[data-v-59578da4]{left:966px}.ntt4[data-v-59578da4]{position:absolute;top:337px;left:1177px;z-index:1;height:14px}.ntt5[data-v-59578da4]{position:absolute;top:634px;left:424px;z-index:1;height:10px}@keyframes show-mask17-59578da4{0%{opacity:0;width:0}to{opacity:1;width:424px}}.line_pad_left1[data-v-59578da4]{position:absolute;top:329px;left:235px;width:392px;height:8px;background:#2e68ae;border-radius:4px}.xianmengceng[data-v-59578da4]{position:absolute;top:285px;right:788px;z-index:15;width:0;height:12px;background:#78a6c9;border-radius:4px;animation-delay:22s}@keyframes show-mask18-59578da4{0%{opacity:0;width:0}to{opacity:1;width:753px}}.line_pad_left2[data-v-59578da4]{position:absolute;top:329px;left:657px;width:609px;height:8px;background:#2e68ae;border-radius:4px}.ntb01[data-v-59578da4]{position:absolute;top:342px;left:46px;z-index:1;height:27px}.ntb1[data-v-59578da4]{position:absolute;top:315px;left:296px;z-index:1;height:14px}@keyframes show-mask25-59578da4{0%{opacity:0;height:0}to{opacity:1;height:36px}}.ntb2[data-v-59578da4]{left:900px}.ntb2[data-v-59578da4],.ntb3[data-v-59578da4]{position:absolute;top:315px;z-index:1;height:14px}.ntb3[data-v-59578da4]{left:1159px}.ntb4[data-v-59578da4]{position:absolute;top:477px;left:424px;z-index:1;height:137px}.server_area[data-v-59578da4]{width:360px;height:313px;display:flex;flex-direction:column}.server_area .server_area_title[data-v-59578da4]{width:100%;height:40px;background:url(../../static/img/content_area_title.d92c9999.svg);background-size:100% 100%;background-repeat:no-repeat;margin-top:-2px;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:center;padding-left:20px;box-sizing:border-box;padding-top:5px;padding-left:35px;align-items:flex-start}.server_area .server_area_title.attack[data-v-59578da4]{background:url(../../static/img/content_area_title_purple.cc3589b0.svg)}.server_area .server_area_title.blue[data-v-59578da4]{background:url(../../static/img/content_area_title_blue.6728c8c2.svg);background-size:100% 100%;background-repeat:no-repeat}.server_area .server_area_content[data-v-59578da4]{height:100%;box-sizing:border-box;padding-left:14px;padding-right:14px;padding-bottom:16px;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex:1;background:rgba(0,0,0,.14);overflow:hidden;overflow-y:auto;padding-top:8px}.internet[data-v-59578da4]{position:absolute;top:0;left:0;width:180px;height:340px}.server_area.internet .server_area_title[data-v-59578da4]{background-size:cover;height:36px;margin-top:0;padding-top:2px}.server_area.vpn .server_area_title[data-v-59578da4]{background-size:contain}@keyframes blink-59578da4{0%{background-image:radial-gradient(circle,transparent,rgba(255,0,0,.3))}to{background-image:radial-gradient(circle,transparent,rgba(255,0,0,.1))}}@keyframes show-mask16-59578da4{0%{opacity:0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.dmz[data-v-59578da4]{position:absolute;top:0;left:251px}.dmz.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-59578da4 2s infinite;z-index:-1}.dmz.attackTargetSuccess[data-v-59578da4]{opacity:1}.dmz_attack[data-v-59578da4]{position:absolute;top:-7px;left:218px;width:424px;height:253px}@keyframes show-mask19-59578da4{0%{opacity:0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.server_farm[data-v-59578da4]{position:absolute;top:0;left:678px}.server_farm_attack[data-v-59578da4]{position:absolute;top:-7px;left:726px;width:424px;height:253px}.server_farm.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-59578da4 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.server_farm.attackTargetSuccess[data-v-59578da4]{opacity:1}.oa[data-v-59578da4]{position:absolute;top:0;left:1054px}.oa_attack[data-v-59578da4]{position:absolute;top:-7px;left:1180px;width:298px;height:253px}.oa.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-59578da4 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.oa.attackTargetSuccess[data-v-59578da4]{opacity:1}.server_area.oa[data-v-59578da4]{width:220px}.server_area.oa .server_area_title[data-v-59578da4]{background-size:cover;height:36px;margin-top:0;padding-top:2px}.server_area.oa .server_item[data-v-59578da4]{width:88px;margin-right:2px}@keyframes show-mask21-59578da4{0%{opacity:0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.save_maint[data-v-59578da4]{position:absolute;top:349px;left:678px}.save_maint_attack[data-v-59578da4]{position:absolute;top:333px;left:726px;width:182px;height:158px}.save_maint.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-59578da4 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.save_maint.attackTargetSuccess[data-v-59578da4]{opacity:1}.server_area.save_maint[data-v-59578da4]{width:188px;height:166px}.server_area.save_maint.red_jing[data-v-59578da4]{height:254px}.server_area.save_maint .server_area_title[data-v-59578da4]{background-size:cover;height:36px;margin-top:0}.db[data-v-59578da4]{position:absolute;top:349px;left:882px}.db_attack[data-v-59578da4]{position:absolute;top:333px;left:954px;width:182px;height:254px}.db.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-59578da4 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.db.attackTargetSuccess[data-v-59578da4]{opacity:1}.server_area.db[data-v-59578da4]{width:182px;height:254px}.server_area.db .server_area_content[data-v-59578da4]{padding-left:0;padding-right:0}.server_area.db .server_area_title[data-v-59578da4]{background-size:cover;height:36px;margin-top:0}.web[data-v-59578da4]{position:absolute;top:349px;left:1080px}.web_attack[data-v-59578da4]{position:absolute;top:333px;left:1180px;width:298px;height:158px}.web.attackTarget[data-v-59578da4]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-59578da4 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.web.attackTargetSuccess[data-v-59578da4]{opacity:1}.server_area.web[data-v-59578da4]{width:188px;height:254px}.server_area.web .server_area_content[data-v-59578da4]{padding-left:0;padding-right:0}.server_area.web .server_area_title[data-v-59578da4]{background-size:cover;height:36px;margin-top:0}.server_area.web .server_item[data-v-59578da4]{margin-left:2px;margin-right:2px}.vpn[data-v-59578da4]{position:absolute;top:638px;left:0;width:100%}.server_area.vpn[data-v-59578da4]{height:332px;overflow:hidden;overflow-y:auto}.server_area.vpn .server_area_content[data-v-59578da4]{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;padding:16px 17px}.server_area.vpn .server_area_content .server_item[data-v-59578da4]{width:232px;min-height:79px;padding:8px;box-sizing:border-box;margin-bottom:0;font-size:12px;font-weight:400;line-height:14px;color:#d6c8ff}.server_area.vpn .server_area_content .server_item .server_item_title[data-v-59578da4]{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.server_area.vpn .server_area_content .server_item .server_item_img_container[data-v-59578da4]{position:relative}.server_area.vpn .server_area_content .server_item .server_item_img_container .rank_madel[data-v-59578da4]{position:absolute;top:1px;left:-8px}.server_area.vpn .server_area_content .server_item .server_item_img[data-v-59578da4]{width:auto}.server_area.vpn .server_area_content .server_item.offline[data-v-59578da4]{border-radius:6px;box-shadow:-2px -2px 10px 0 rgba(0,0,0,.14),inset 0 2px 16px 0 rgba(0,0,0,.21)}.location[data-v-59578da4]{position:absolute;top:349px;left:251px}.server_area.location[data-v-59578da4]{height:126px}.server_area.location .server_area_content[data-v-59578da4]{padding:0;padding-top:3px}.server_item[data-v-59578da4]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;position:relative}.server_item.offline[data-v-59578da4]{filter:grayscale(100%)}.server_item.online[data-v-59578da4]{cursor:pointer;filter:grayscale(0);animation:groupUserOnlie-59578da4 1s}@keyframes groupUserOnlie-59578da4{0%{scale:1;filter:grayscale(100%)}50%{scale:1.1;filter:grayscale(100%)}to{scale:1;filter:grayscale(0)}}.server_item .server_item_operator_count[data-v-59578da4]{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-weight:700;border-radius:50%;background:#fac858;color:#fff;border:2px solid #fff;bottom:18px;left:58px}.server_item .server_item_operator[data-v-59578da4]{position:absolute;bottom:18px;left:20px;width:100%;display:flex;align-items:center}.server_item .server_item_operator .server_item_operator_item[data-v-59578da4]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-weight:700;border-radius:50%;background:#fac858;color:#fff;border:2px solid #fff;margin-left:-6px}.server_item .server_item_operator .server_item_operator_item[data-v-59578da4]:first-child{margin-left:0}.server_item .server_item_operator .server_item_operator_item_more[data-v-59578da4]{color:#fff;font-size:28px;display:flex;align-items:center;margin-top:0;transform:rotate(90deg);left:4px;margin-left:7px;cursor:pointer}.server_item .server_item_operator_item_more_list[data-v-59578da4]{position:absolute;left:100%;max-height:200px;display:flex;flex-direction:column;justify-content:center;top:25px;margin-left:-5px}.server_item .server_item_operator_item_more_list ._item_more_list_item[data-v-59578da4]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-weight:700;border-radius:50%;background:#fac858;color:#fff;border:2px solid #fff;margin-left:-6px;margin-top:4px}.server_item_img[data-v-59578da4]{width:66px}.server_item_title[data-v-59578da4]{font-size:12px;margin-top:4px}.server_item_title.yellow[data-v-59578da4]{color:#fac858;font-weight:400;line-height:14px}.server_item_title.blue[data-v-59578da4]{color:#b2dfff;font-weight:400;line-height:14px}.server_item_title.red[data-v-59578da4]{color:#ffe2f1;font-weight:400;line-height:14px}.server_item_title.purple[data-v-59578da4]{color:#d6c8ff;font-weight:400;line-height:14px}.server_item_label[data-v-59578da4]{position:absolute;right:0;top:-8px;right:2px;border-radius:8px 0;padding:1px 6px;scale:.8}.server_item_label.yellow[data-v-59578da4]{background:#de9e0d;color:#fff}.server_item_label.blue[data-v-59578da4]{background:rgba(0,148,255,.5);color:#fff}.server_item_label_body[data-v-59578da4]{position:absolute;right:0;top:48px;border-radius:8px 0;padding:1px 6px;scale:.8;width:72px;border-radius:0;border-bottom-left-radius:11px;border-bottom-right-radius:11px;left:-2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.server_item_label_body.yellow[data-v-59578da4]{background:rgba(222,158,13,.8);color:#fff}.server_item_label_body.blue[data-v-59578da4]{background:rgba(0,0,0,.2);color:rgba(3,195,255,.8);font-weight:700}.server_item_number[data-v-59578da4]{position:absolute;top:-2px;right:14px;padding:2px 8px 2px 8px;border-radius:9px;transform:scale(.8)}.server_item_number.blue[data-v-59578da4]{background:#11d893;color:#fff}.dash_line[data-v-59578da4]{position:absolute;top:766px;left:218px}.stroke2[data-v-59578da4]{animation:move2-59578da4 2s;stroke-dasharray:100%,100%}@keyframes move2-59578da4{0%{stroke-dasharray:0%,100%}50%{stroke-width:6}to{stroke-dasharray:100%,0%}}.stroke2_new[data-v-59578da4]{stroke:#c30000;animation:move-59578da4 4s;stroke-dasharray:100%,100%}@keyframes move-59578da4{to{stroke-dashoffset:0}}.fire-flicker[data-v-59578da4]{border-radius:20%;animation:fireFlicker-59578da4 2s infinite;background:rgba(26,138,219,.4)}@keyframes fireFlicker-59578da4{0%{background:rgba(26,138,219,.4);box-shadow:0 -2px 3px 2px rgba(26,138,219,.4)}50%{background:rgba(26,138,219,.6);box-shadow:0 -2px 3px 4px rgba(26,138,219,.8)}to{background:rgba(26,138,219,.4);box-shadow:0 -2px 3px 2px rgba(26,138,219,.4)}}.fire-border[data-v-59578da4]{border-radius:20%;animation:ignite1-59578da4 2s infinite;background:rgba(255,0,0,.4)}@keyframes ignite1-59578da4{0%{background:rgba(255,0,0,.4);box-shadow:0 -2px 3px 2px rgba(255,0,0,.4)}50%{background:rgba(255,0,0,.6);box-shadow:0 -2px 3px 4px rgba(255,0,0,.8)}to{background:rgba(255,0,0,.4);box-shadow:0 -2px 3px 2px rgba(255,0,0,.4)}}.dynmic_progress_area[data-v-59578da4]{top:-185px;left:218px;padding:36px 36px;z-index:3;position:absolute;background:rgba(0,0,0,.2);filter:drop-shadow(0 4px 10px #024865);border-style:solid;border-width:1px;-o-border-image:linear-gradient(160deg,transparent 50%,#3199f8) 1;border-image:linear-gradient(180deg,rgba(49,153,248,.2),#3199f8) 1;border-image-slice:1;width:1188px}.dynmic_progress_area ._progress_item[data-v-59578da4]{display:flex;align-items:center;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:14px;padding:5px 0}.dynmic_progress_area ._progress_item[data-v-59578da4]:last-child{margin-top:16px}.dynmic_progress_area ._progress_item ._item_title[data-v-59578da4]{margin-left:8px}.dynmic_progress_area ._progress_item ._item_progress[data-v-59578da4]{flex:1;display:flex;margin-left:20px;justify-content:space-between;gap:10px}.dynmic_progress_area ._progress_item ._item_progress ._item_progress_item[data-v-59578da4]{border-radius:10px;background:#fff;font-size:14px;color:#f88383;text-align:center;font-weight:700;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid #f88383;overflow:hidden;cursor:pointer}.dynmic_progress_area ._progress_item ._item_progress ._item_progress_item.selected[data-v-59578da4]{cursor:pointer;background:#f88383;border:0;height:20px;color:#fff;box-shadow:0 0 4px 2px #f88383;animation:attackSelected-59578da4 1s}@keyframes attackSelected-59578da4{0%{background:#fff;color:#f88383}to{color:#fff;background:#f88383}}.dynmic_progress_area ._progress_item ._item_progress ._item_progress_container[data-v-59578da4]{width:100%;background:#003e6a;height:20px;position:relative;border-radius:10px;box-shadow:0 0 4px 2px rgba(4,141,184,.8)}.dynmic_progress_area ._progress_item ._item_progress ._item_progress_container ._item_progress_title[data-v-59578da4]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.dynmic_progress_area ._progress_item ._item_progress ._item_progress_container ._item_progress_value[data-v-59578da4]{height:100%;border-radius:10px;background:rgba(4,141,184,.8);animation:itemScore-59578da4 1s}@keyframes itemScore-59578da4{to{box-shadow:0 0 4px 2px rgba(4,141,184,.8)}}.dynmic_progress_area ._progress_item ._item_score[data-v-59578da4]{color:#f7f7f7;font-size:14px;font-style:normal;font-weight:700;line-height:14px;width:40px;margin-left:8px}@keyframes eventItemSlideIn-59578da4{0%{left:100%}to{left:0;transform:translateX(-100%)}}.dynmic_progress_area .attack_event_conc[data-v-59578da4]{position:absolute;width:100%;height:28px;bottom:2px;display:flex;box-sizing:border-box;left:0;gap:20px;overflow:hidden}.dynmic_progress_area .attack_event_conc .attack_event_item[data-v-59578da4]{color:#f88383;animation:eventItemSlideIn-59578da4 10s linear forwards;background:hsla(0,0%,100%,.2);border-radius:13px;padding:4px 15px;font-weight:400;line-height:1em;vertical-align:center;display:flex;align-items:center;position:absolute;left:90%;flex-wrap:nowrap;white-space:nowrap;margin:0}.dynmic_progress_area .attack_event_conc .attack_event_item.defense[data-v-59578da4]{color:rgba(3,195,255,.8)}.attack_svg_img[data-v-59578da4]{position:absolute}@keyframes backarea-blink-59578da4{0%{background-image:linear-gradient(90deg,rgba(255,0,0,.2) 20%,transparent 80%,rgba(255,0,0,.2))}to{background-image:linear-gradient(90deg,rgba(255,0,0,0) 20%,transparent 80%,rgba(255,0,0,0))}}.backarea-a-c[data-v-59578da4]{animation:backarea-blink-59578da4 2s linear;position:absolute;width:100%;height:100%}@keyframes heike-a-c-keyframes-59578da4{0%{opacity:0;transform:translate(800px,-300px)}50%{opacity:1;transform:translate(800px,-300px)}to{transform:translate(0)}}.heike-a-c[data-v-59578da4]{animation:heike-a-c-keyframes-59578da4 1s linear}.heike-a-c-stop[data-v-59578da4],.heike-a-c[data-v-59578da4]{position:absolute;z-index:3;width:200px;height:200px;opacity:var(--defendedPregress)}.heike-a-c-stop[data-v-59578da4]{animation:none}@keyframes heike-a-arrow1-kf-59578da4{0%{opacity:.2;transform:translate(10px,700px)}to{opacity:.6;transform:translate(10px,10px)}}.heike-a-arrow1[data-v-59578da4]{position:absolute;animation:heike-a-arrow1-kf-59578da4 1s linear;z-index:3;width:100px;transform:translate(10px,10px);top:0;opacity:.6}.heike-a-guangbo-stop[data-v-59578da4],.heike-a-guangbo[data-v-59578da4]{position:absolute;z-index:3;width:113px;opacity:var(--defendedPregress)}@keyframes heike-a-arrow2-kf-59578da4{0%{opacity:.2;transform:translate(53px,247px) rotate(145deg)}to{opacity:.6;transform:translate(169px,407px) rotate(145deg)}}.heike-a-arrow2[data-v-59578da4]{position:absolute;animation:heike-a-arrow2-kf-59578da4 1s linear;z-index:3;width:100px;transform:translate(169px,407px) rotate(145deg);top:0;opacity:.6}.heike-a-firewall1-stop[data-v-59578da4],.heike-a-firewall1[data-v-59578da4],.heike-a-firewall2-stop[data-v-59578da4],.heike-a-firewall2[data-v-59578da4]{position:absolute;z-index:3;width:30px;height:271px;opacity:var(--defendedPregress)}.heike-a-firewall1-lianyi1-stop[data-v-59578da4],.heike-a-firewall1-lianyi1[data-v-59578da4]{position:absolute;z-index:3;width:118px;opacity:var(--defendedPregress)}.heike-a-dmz-lianyi1-stop[data-v-59578da4],.heike-a-dmz-lianyi1[data-v-59578da4]{position:absolute;z-index:0;width:118px;opacity:var(--defendedPregress)}.heike-a-firewall2-lianyi1-stop[data-v-59578da4],.heike-a-firewall2-lianyi1[data-v-59578da4]{position:absolute;z-index:3;width:118px;opacity:var(--defendedPregress)}.heike-a-db-lianyi1-stop[data-v-59578da4],.heike-a-db-lianyi1[data-v-59578da4],.heike-a-oa-lianyi1-stop[data-v-59578da4],.heike-a-oa-lianyi1[data-v-59578da4],.heike-a-save-maint-lianyi1-stop[data-v-59578da4],.heike-a-save-maint-lianyi1[data-v-59578da4],.heike-a-server-farm-lianyi1-stop[data-v-59578da4],.heike-a-server-farm-lianyi1[data-v-59578da4],.heike-a-web-lianyi1-stop[data-v-59578da4],.heike-a-web-lianyi1[data-v-59578da4]{position:absolute;z-index:0;width:118px;opacity:var(--defendedPregress)}.heike-a-scan-stop[data-v-59578da4],.heike-a-scan[data-v-59578da4]{position:absolute;z-index:4;width:118px}@keyframes heike-a-scan-move1-kf-59578da4{0%{transform:translate(0)}50%{transform:translate(254px,-153px) scale(1)}to{transform:translate(254px,-153px) scale(2)}}.heike-a-scan-move1[data-v-59578da4]{position:absolute;width:118px;animation:heike-a-scan-move1-kf-59578da4 1s linear;transform:translate(254px,-153px) scale(2)}@keyframes heike-a-scan-move2-kf-59578da4{0%{transform:translate(254px,-153px) scale(2)}60%{transform:translate(514px) scale(2)}to{transform:translate(514px) scale(1)}}.heike-a-scan-move2[data-v-59578da4]{position:absolute;animation:heike-a-scan-move2-kf-59578da4 1s linear;transform:translate(514px) scale(1)}@keyframes heike-a-scan-move3-kf-59578da4{0%{transform:translate(0) scale(1)}20%{transform:translate(0) scale(1)}70%{transform:translate(616px) scale(1)}to{transform:translate(616px) scale(4)}}.heike-a-scan-move3[data-v-59578da4]{position:absolute;animation:heike-a-scan-move3-kf-59578da4 6s linear;transform:translate(616px) scale(4)}.heike-a-scan-move4[data-v-59578da4]{position:absolute;animation:none;display:none}.guoduxian[data-v-59578da4]{position:absolute;z-index:15;top:484px;left:288px}.heike-a-huiliu-stop[data-v-59578da4],.heike-a-huiliu[data-v-59578da4]{position:absolute;z-index:1;opacity:var(--defendedPregress)}.server_item_operator_count_item1{width:40px;height:20px;flex-shrink:0;border-radius:8px;border:1px solid grey;background:grey;display:flex;align-content:center;justify-content:space-between;padding:0 5px;box-sizing:border-box;align-items:center;color:#fff;position:absolute;top:6px;left:100%;margin-top:-10px;margin-left:-40px;cursor:pointer}.server_item_operator_count_item1.has_online{background:#00c2ff;border:1px solid #00c2ff}.el-popover.server_item_operator_count_container{width:186px;background:#014461!important;box-shadow:0 2px 10px 0 hsla(0,0%,59.6%,.5);border-radius:0;border:1px solid #3199f8;box-sizing:border-box;padding-right:0}.el-popover.server_item_operator_count_container>div{max-height:200px;overflow:hidden;overflow-y:auto}.el-popover.server_item_operator_count_container .popper__arrow{border-bottom-color:#3199f8;border-top-color:#3199f8}.el-popover.server_item_operator_count_container .popper__arrow:after{border-bottom-color:#014461;border-top-color:#014461}.el-popover.server_item_operator_count_container .server_item_operator_count_item{padding-right:12px;color:#5cd8ff;font-size:14px;font-style:normal;font-weight:400;line-height:1.2em;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;position:relative}.el-popover.server_item_operator_count_container .server_item_operator_count_item.offline{color:grey}.el-popover.server_item_operator_count_container .server_item_operator_count_item:last-child{margin-bottom:0}.el-popover.server_item_operator_count_container .server_item_operator_count_item .operator_count_item_times{background-image:-webkit-linear-gradient(bottom,#ff0,#ee8383,#a23f97);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-style:oblique;padding:0 2px}.openWorkStation:hover{text-decoration:underline;cursor:pointer}.workstation-obj{padding-top:50px;padding-left:10px;padding-right:10px;border-radius:10px;background:#005071;cursor:pointer;position:absolute;z-index:6!important;left:0;top:0;background:#d2dbec}.workstation-obj .workstation-header{width:100%;height:30px;display:flex;justify-content:space-between;color:#000;font-size:16px;font-weight:700;margin-top:-40px;background:linear-gradient(#d2dbec,#cdddec)}.workstation-obj .workstation-header .workstation-header-btn{display:flex}.workstation-obj .workstation-header .workstation-header-btn-item{margin-left:8px}.workstation-obj .workstation-header .open_new_station{width:34px;margin-top:-8px}.progress-popper-class{background:#003e6a!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px #3199f8}.progress-popper-class .popper__arrow{border-bottom-color:#3199f8!important;border-top-color:#3199f8!important}.progress-popper-class[x-placement^=top] .popper__arrow:after{top:-7px;border-top-color:#003e6a}.classroom_small_screen{overflow:hidden}.right11{height:1100px;width:300px;position:absolute;right:0;margin-top:-50px;overflow:auto;z-index:15}.el-menu-vertical-demo:not(.el-menu--collapse){width:200px;min-height:400px}.zx-drawer.drawerOpen{width:0;background:transparent;transition:background 1s}.dianji{position:absolute;right:0;margin-top:0;z-index:10}.img11{width:30px;height:30px}.yonghu{background:rgba(91,106,137,.10196078431372549);color:#fff}.huanjing,.yonghu{height:30px;border-radius:4px;padding:4px 12px 4px 12px;font-size:14px;display:flex}.huanjing{color:green}.fangshou{background:rgba(0,148,211,.10196078431372549);color:#0ff}.fangshou,.gongji{height:30px;border-radius:4px;padding:4px 12px 4px 12px;font-size:14px;display:flex}.gongji{background:rgba(241,102,93,.10196078431372549);color:red}.leibieTitle{margin-top:7px;margin-left:5px}.zhankai{margin-left:-325px}.mystyle{margin-left:-300px}.pic_container[data-v-5b31914a]{height:100vh;background:rgba(0,48,75,.95);display:flex;justify-content:center;min-width:1920px;background:url(../../static/img/bg.b6d35c89.png) #d3d3d3 50%/cover no-repeat!important}.pic_container .compe_body[data-v-5b31914a]{height:100%;max-width:1920px;display:flex;flex-direction:column}.top_banner[data-v-5b31914a]{min-width:1440px;align-items:center;margin:0 auto;z-index:2}.top_banner[data-v-5b31914a],.top_banner_img[data-v-5b31914a]{display:flex;justify-content:center;position:relative}.top_banner_img img[data-v-5b31914a]{width:100%}.top_banner_img .banner_title[data-v-5b31914a]{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:24px;text-shadow:0 4px 4px rgba(0,0,0,.4);font-style:normal;font-weight:700;line-height:normal;margin-top:-5px}.top_banner_img .top_banner_left[data-v-5b31914a]{position:absolute;left:82px;display:flex;white-space:nowrap;font-weight:400;font-size:14px;color:#420000;line-height:16px;top:50%;margin-top:-16px}.top_banner_img .top_banner_left .comp_banner_back[data-v-5b31914a]{width:142px;margin-right:8px}.top_banner_img .top_banner_right[data-v-5b31914a]{position:absolute;right:82px;display:flex;white-space:nowrap;font-weight:400;font-size:14px;line-height:24px;color:#fff;top:50%;margin-top:-8px;align-items:center}.top_banner_img .top_banner_right .comp_banner_schedule[data-v-5b31914a]{width:16px;height:16px;margin-right:8px}.compe_container[data-v-5b31914a]{box-sizing:border-box;padding-top:16px;height:100%;height:calc(100vh - 62px);display:flex;padding-bottom:16px}.container_left[data-v-5b31914a]{width:278px;flex-shrink:0}.container_left.drawer_close[data-v-5b31914a]{width:0}.container_left.drawer_close .comp_drawer_content[data-v-5b31914a],.container_left.drawer_close .comp_drawer_title[data-v-5b31914a]{display:none}.container_center[data-v-5b31914a]{width:100%;margin-left:20px;padding-right:-20px}.container_right[data-v-5b31914a]{width:278px;flex-shrink:0}.container_right.drawer_close[data-v-5b31914a]{width:0}.container_right.drawer_close .comp_drawer_content[data-v-5b31914a],.container_right.drawer_close .comp_drawer_title[data-v-5b31914a]{display:none}.comp_drawer[data-v-5b31914a]{display:flex;flex-direction:column;position:relative}.comp_drawer .comp_drawer_title[data-v-5b31914a]{width:100%;height:32px;background:url(../../static/img/comp_drawer_title_bg.8c3a7785.png);background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;font-size:14px;line-height:22px;font-weight:700;display:flex;align-items:center;padding-left:28px;color:#fff;flex-shrink:0}.comp_drawer .comp_drawer_content[data-v-5b31914a]{height:100%;height:calc(100% - 34px);overflow-y:auto}[data-v-5b31914a] .comp_table_journey{background:rgba(0,0,0,.2)}[data-v-5b31914a] .comp_table_journey .el-table--group,[data-v-5b31914a] .comp_table_journey.el-table.el-table--border{border:0}[data-v-5b31914a] .comp_table_journey.el-table:after,[data-v-5b31914a] .comp_table_journey.el-table:before{width:0;height:0}[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell{padding:12px 0;background:rgba(0,0,0,.1)}[data-v-5b31914a] .comp_table_journey.el-table .el-table__header td.el-table__cell,[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell.is-leaf{background:rgba(0,0,0,.1)}[data-v-5b31914a] .comp_table_journey.el-table tr{background:transparent}[data-v-5b31914a] .comp_table_journey.el-table .el-table__body-wrapper tr:hover{background:rgba(0,0,0,.1)!important}[data-v-5b31914a] .comp_table_journey.el-table .el-table__body-wrapper tr:hover td.el-table__cell{background:rgba(0,0,0,.1)}[data-v-5b31914a] .comp_table_journey.el-table .el-table__body-wrapper tr.el-table__row:hover{background:rgba(0,0,0,.1)!important}[data-v-5b31914a] .comp_table_journey.el-table td.el-table__cell,[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell.is-leaf{border-bottom:0;border-right-color:transparent}[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell>.cell{color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:18px}[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell>.cell .caret-wrapper{height:auto}[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell>.cell .caret-wrapper .ascending{top:-12px}[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell>.cell .caret-wrapper .descending{bottom:-10px}[data-v-5b31914a] .comp_table_journey.el-table .el-table__row:hover{background:red}[data-v-5b31914a] .comp_table_journey.el-table th.el-table__cell:first-child>.cell{border-left:0}[data-v-5b31914a] .comp_table_journey.el-table .el-table__body td.el-table__cell{height:50px;padding:7px 8px;box-sizing:border-box}[data-v-5b31914a] .comp_table_journey.el-table .el-table__body td.el-table__cell .cell{padding-left:0;padding-right:0;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:18px}[data-v-5b31914a] .comp_table_journey .el-table__fixed-right:before,[data-v-5b31914a] .comp_table_journey .el-table__fixed:before{background-color:transparent}.rank_container[data-v-5b31914a]{display:flex;position:relative;justify-content:center}.rank_container .rank_medal_num[data-v-5b31914a]{position:absolute;top:50%;transform:translateY(-50%);margin-top:-1px}.group_name[data-v-5b31914a]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.group_log[data-v-5b31914a]{background:rgba(0,0,0,.2);box-sizing:border-box;padding:8px}.group_log_container[data-v-5b31914a]{width:100%;background:rgba(0,0,0,.06);padding:8px;box-sizing:border-box;padding-top:0;border-radius:6px;margin-bottom:8px}.group_log_container .group_log_title[data-v-5b31914a]{font-size:14px;line-height:22px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#12baef;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 50%,transparent)}.group_log_container .group_log_item[data-v-5b31914a]{margin-top:8px;display:flex;gap:6px}.group_log_container .group_log_item ._log_left[data-v-5b31914a]{width:21px;flex-shrink:0}.group_log_container .group_log_item ._log_left img[data-v-5b31914a]{width:100%}.group_log_container .group_log_item ._log_right[data-v-5b31914a]{font-size:12px;line-height:18px;font-weight:400;width:100%}.group_log_container .group_log_item ._log_right .log_time[data-v-5b31914a]{margin-bottom:4px;color:hsla(0,0%,100%,.5)}.group_log_container .group_log_item ._log_right .log_message[data-v-5b31914a]{color:#fff}.pic_content[data-v-5b31914a]{width:100%;height:100%;overflow-y:auto;margin-left:-20px;padding-left:42px;box-sizing:border-box}.drawer_switch[data-v-5b31914a]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2}.drawer_switch.switch_left[data-v-5b31914a]{right:-28px}.drawer_switch.switch_right[data-v-5b31914a]{left:-28px}