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-db9ed29c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.page_area[data-v-db9ed29c]{position:relative;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;transform:scale(.71);margin-top:-156px;margin-bottom:-156px}.page_area.single_page[data-v-db9ed29c]{transform:scale(1);margin-top:0;margin-bottom:0;background:rgba(0,54,103,.8);min-height:100vh}.page_area.single_page .dynmic_area[data-v-db9ed29c],.page_area.single_page .dynmic_bg[data-v-db9ed29c],.page_area.single_page .dynmic_bg_area[data-v-db9ed29c]{background:none}.page_area.attackTarget[data-v-db9ed29c]: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-db9ed29c]: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}.page_area.attackTargetSuccess[data-v-db9ed29c]: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;opacity:var(--defendedPregress)}#app[data-v-db9ed29c]{display:flex;justify-content:center}.dynmic_area[data-v-db9ed29c]{background:#000;width:1570px;position:relative;height:1200px;overflow:hidden}.dynmic_bg_area[data-v-db9ed29c]{background:rgba(0,54,103,.8)}.dynmic_bg[data-v-db9ed29c]{width:1570px;height:1200px;background:url(../../static/img/bg.e0d3c17b.png) #d3d3d3 50%/cover no-repeat}.text_show1[data-v-db9ed29c]{color:#fff;font-size:20px;font-style:normal;font-weight:700;position:absolute;top:88px;left:110px}.net_ball[data-v-db9ed29c]{position:absolute;top:98px;left:30px;width:80px;height:80px}.net_cloud[data-v-db9ed29c]{position:absolute;top:128px;left:88px;width:70px}.da_huo[data-v-db9ed29c]{position:absolute;top:526px;left:52px;width:40px;height:60px;z-index:2}.da_huo_line1[data-v-db9ed29c]{position:absolute;top:1008px;left:288px;width:424px;overflow:hidden}.da_huo_line2[data-v-db9ed29c]{position:absolute;top:546px;left:20px;width:182px;overflow:hidden}.da_huo_2[data-v-db9ed29c]{position:absolute;top:992px;left:468px;width:50px;height:50px}.router[data-v-db9ed29c]{position:absolute;top:576px;left:42px;width:56px}.router_search[data-v-db9ed29c]{position:absolute;top:576px;left:136px;width:56px}.lx1[data-v-db9ed29c]{background:#78a6c9;width:2px;position:absolute;top:536px;left:70px;height:40px;border-top-left-radius:1px;border-top-right-radius:1px}.lx2[data-v-db9ed29c]{left:98px}.lx2[data-v-db9ed29c],.lx3[data-v-db9ed29c]{background:#78a6c9;width:38px;position:absolute;top:596px;height:2px}.lx3[data-v-db9ed29c]{left:192px}.lx4[data-v-db9ed29c]{top:979px}.lx4[data-v-db9ed29c],.lx5[data-v-db9ed29c]{background:#78a6c9;width:2px;position:absolute;left:490px;height:24px}.lx5[data-v-db9ed29c]{top:1033px}.firewall_left1[data-v-db9ed29c]{width:30px;position:absolute;top:370px;left:230px;overflow:hidden}.firewall_left1 img[data-v-db9ed29c]{width:30px}.firewall_left1.attackTarget[data-v-db9ed29c]: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-db9ed29c{0%{opacity:1}to{opacity:0;display:none}}.huomengceng[data-v-db9ed29c]{height:645px;width:58px;background:rgba(0,0,0,.14);position:absolute;top:192px;left:712px}.huomengceng.animation[data-v-db9ed29c]{z-index:17;animation:show-mask15-db9ed29c 1s ease-in-out forwards}.huomengceng.animationStop[data-v-db9ed29c]{display:none}.firewall_left2[data-v-db9ed29c]{width:30px;position:absolute;top:370px;left:740px;display:none}.firewall_left2 img[data-v-db9ed29c]{width:30px}.firewall_left2.animation[data-v-db9ed29c],.firewall_left2.animationStop[data-v-db9ed29c]{display:block}.firewall_left2.attackTarget[data-v-db9ed29c]: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}.needle_to_right[data-v-db9ed29c]{width:42px;height:2px;background:#78a6c9}.needle_to_right[data-v-db9ed29c]: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-db9ed29c]{width:42px;height:2px;background:#78a6c9}.needle_to_left[data-v-db9ed29c]: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-db9ed29c]{width:2px;height:36px;background:#78a6c9}.needle_to_bottom[data-v-db9ed29c]:before{content:" ";width:8px;height:8px;background:#78a6c9;display:block;border-radius:4px;top:-5px;position:absolute;left:50%;transform:translateX(-50%)}.needle_to_top[data-v-db9ed29c]{width:2px;height:36px;background:#78a6c9}.needle_to_top[data-v-db9ed29c]:before{content:" ";width:8px;height:8px;background:#78a6c9;display:block;border-radius:4px;bottom:-5px;position:absolute;left:50%;transform:translateX(-50%)}@keyframes show-mask-db9ed29c{0%{opacity:1}to{opacity:0;display:none}}.mengceeng[data-v-db9ed29c]{width:450px;height:345px;position:absolute;top:193px;left:262px;z-index:12;background:rgba(0,0,0,.14)}.mengceeng.animation[data-v-db9ed29c]{animation:show-mask-db9ed29c 2s ease-in-out forwards}.mengceeng.animationStop[data-v-db9ed29c]{display:none}@keyframes show-mask5-db9ed29c{0%{opacity:1}to{opacity:0;display:none}}.ermengceng[data-v-db9ed29c]{width:800px;height:645px;position:absolute;top:193px;left:770px;z-index:12;background:rgba(0,0,0,.14)}.ermengceng.animation[data-v-db9ed29c]{animation:show-mask5-db9ed29c 2s ease-in-out forwards}.ermengceng.animationStop[data-v-db9ed29c]{display:none}@keyframes show-mask26-db9ed29c{0%{opacity:0}to{opacity:1;width:22px}}.ntr1[data-v-db9ed29c]{position:absolute;top:490px;left:266px;width:0;opacity:0}.ntr1.animation[data-v-db9ed29c]{width:0;opacity:0;animation:show-mask26-db9ed29c 1s ease-in-out forwards}.ntr1.animationStop[data-v-db9ed29c]{width:22px;opacity:1}@keyframes show-mask27-db9ed29c{0%{opacity:0}to{opacity:1;width:22px}}.ntr2[data-v-db9ed29c]{position:absolute;top:490px;left:776px;width:0;opacity:0}.ntr2.animation[data-v-db9ed29c]{animation:show-mask27-db9ed29c .5s ease-in-out forwards}.ntr2.animationStop[data-v-db9ed29c]{width:22px;opacity:1}.ntl1[data-v-db9ed29c]{position:absolute;top:490px;left:712px;width:22px;display:none}.ntl1.animation[data-v-db9ed29c],.ntl1.animationStop[data-v-db9ed29c]{display:block}@keyframes show-mask29-db9ed29c{0%{opacity:0}to{opacity:1;height:36px}}.ntt1[data-v-db9ed29c]{position:absolute;top:497px;left:570px;z-index:1;height:0;opacity:0}.ntt1.animation[data-v-db9ed29c]{animation:show-mask29-db9ed29c 1s ease-in-out forwards}.ntt1.animationStop[data-v-db9ed29c]{height:36px;opacity:1}@keyframes show-mask30-db9ed29c{0%{opacity:0}to{opacity:1;height:36px}}.ntt2[data-v-db9ed29c]{position:absolute;top:497px;left:890px;z-index:1;height:0;opacity:0}.ntt2.animation[data-v-db9ed29c]{animation:show-mask30-db9ed29c 1s ease-in-out forwards}.ntt2.animationStop[data-v-db9ed29c]{height:36px;opacity:1}.ntt3[data-v-db9ed29c]{position:absolute;top:497px;left:1120px;z-index:1;height:0;opacity:0}.ntt3.animation[data-v-db9ed29c]{animation:show-mask30-db9ed29c 1s ease-in-out forwards}.ntt3.animationStop[data-v-db9ed29c]{height:36px;opacity:1}.ntt4[data-v-db9ed29c]{position:absolute;top:497px;left:1440px;z-index:1;height:0;opacity:0}.ntt4.animation[data-v-db9ed29c]{animation:show-mask30-db9ed29c 1s ease-in-out forwards}.ntt4.animationStop[data-v-db9ed29c]{height:36px;opacity:1}@keyframes show-mask17-db9ed29c{0%{opacity:0;width:0}to{opacity:1;width:424px}}.line_pad_left1[data-v-db9ed29c]{position:absolute;top:485px;left:288px;height:12px;width:0;background:#78a6c9;border-radius:4px}.line_pad_left1.animation[data-v-db9ed29c]{width:0;animation:show-mask17-db9ed29c 2s ease-in-out forwards}.line_pad_left1.animationStop[data-v-db9ed29c]{width:424px;opacity:1}.xianmengceng[data-v-db9ed29c]{position:absolute;top:485px;right:858px;z-index:15;width:0;height:12px;background:#78a6c9;border-radius:4px;animation-delay:22s}@keyframes show-mask18-db9ed29c{0%{opacity:0;width:0}to{opacity:1;width:753px}}.line_pad_left2[data-v-db9ed29c]{position:absolute;top:485px;left:796px;width:753px;height:12px;background:#78a6c9;border-radius:4px;width:0}.line_pad_left2.animation[data-v-db9ed29c]{animation:show-mask18-db9ed29c 2s ease-in-out forwards}.line_pad_left2.animationStop[data-v-db9ed29c]{opacity:1;width:753px}.ntb1[data-v-db9ed29c]{position:absolute;bottom:715px;left:366px;z-index:1;opacity:0;height:0}.ntb1.animation[data-v-db9ed29c]{animation:show-mask25-db9ed29c 1s ease-in-out forwards}.ntb1.animationStop[data-v-db9ed29c]{height:36px;opacity:1}@keyframes show-mask25-db9ed29c{0%{opacity:0;height:0}to{opacity:1;height:36px}}.ntb2[data-v-db9ed29c]{position:absolute;bottom:716px;left:970px;z-index:1;opacity:0;height:0}.ntb2.animation[data-v-db9ed29c]{animation:show-mask25-db9ed29c 1s ease-in-out forwards}.ntb2.animationStop[data-v-db9ed29c]{opacity:1;height:36px}.ntb3[data-v-db9ed29c]{position:absolute;left:1354px;bottom:716px;z-index:1;opacity:0;height:0}.ntb3.animation[data-v-db9ed29c]{animation:show-mask25-db9ed29c 1s ease-in-out forwards}.ntb3.animationStop[data-v-db9ed29c]{opacity:1;height:36px}.server_area[data-v-db9ed29c]{width:424px;height:253px;display:flex;flex-direction:column}.server_area .server_area_title[data-v-db9ed29c]{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-db9ed29c]{background:url(../../static/img/content_area_title_purple.cc3589b0.svg)}.server_area .server_area_title.blue[data-v-db9ed29c]{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-db9ed29c]{height:100%;box-sizing:border-box;padding-left:8px;padding-right:8px;padding-bottom:10px;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex:1;border-style:solid;border-width:1px;-o-border-image:linear-gradient(160deg,transparent 50%,#3199f8) 1;border-image:linear-gradient(160deg,transparent 50%,#3199f8) 1;border-image-slice:1;background:rgba(0,0,0,.14);overflow:hidden;overflow-y:auto;padding-top:12px}.server_area.blue .server_area_content[data-v-db9ed29c]{border-style:solid;border-width:1px;-o-border-image:linear-gradient(160deg,transparent 50%,#8a60e4) 1;border-image:linear-gradient(160deg,transparent 50%,#8a60e4) 1;border-image-slice:1;background:rgba(0,0,0,.14)}.server_area.attack .server_area_content[data-v-db9ed29c]{border-style:solid;border-width:1px;-o-border-image:linear-gradient(160deg,transparent 50%,#ca7091) 1;border-image:linear-gradient(160deg,transparent 50%,#ca7091) 1;border-image-slice:1;background:rgba(0,0,0,.14)}.internet[data-v-db9ed29c]{position:absolute;top:193px;left:20px;width:180px;height:340px}.server_area.internet .server_area_title[data-v-db9ed29c]{background-size:cover;height:36px;margin-top:0;padding-top:2px}@keyframes blink-db9ed29c{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-db9ed29c{0%{opacity:0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.dmz[data-v-db9ed29c]{position:absolute;top:193px;left:288px;opacity:0}.dmz.animation[data-v-db9ed29c]{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);animation:show-mask16-db9ed29c 2s ease-in-out forwards}.dmz.animationStop[data-v-db9ed29c]{opacity:1}.dmz.attackTarget[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.dmz.attackTargetSuccess[data-v-db9ed29c]{opacity:1}.dmz.attackTargetSuccess[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;opacity:var(--defendedPregress);z-index:-1}.dmz_attack[data-v-db9ed29c]{position:absolute;top:193px;left:288px;width:424px;height:253px}@keyframes show-mask19-db9ed29c{0%{opacity:0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.server_farm[data-v-db9ed29c]{position:absolute;top:193px;left:796px;opacity:0}.server_farm.animation[data-v-db9ed29c]{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);animation:show-mask19-db9ed29c 2s ease-in-out forwards}.server_farm.animationStop[data-v-db9ed29c]{opacity:1}.server_farm_attack[data-v-db9ed29c]{position:absolute;top:193px;left:796px;width:424px;height:253px}.server_farm.attackTarget[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.server_farm.attackTargetSuccess[data-v-db9ed29c]{opacity:1}.server_farm.attackTargetSuccess[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;opacity:var(--defendedPregress);z-index:-1}.oa[data-v-db9ed29c]{position:absolute;top:193px;left:1250px;opacity:0}.oa.animation[data-v-db9ed29c]{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);animation:show-mask19-db9ed29c 2s ease-in-out forwards}.oa.animationStop[data-v-db9ed29c]{opacity:1}.oa_attack[data-v-db9ed29c]{position:absolute;top:193px;left:1250px;width:298px;height:253px}.oa.attackTarget[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.oa.attackTargetSuccess[data-v-db9ed29c]{opacity:1}.oa.attackTargetSuccess[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;opacity:var(--defendedPregress);z-index:-1}.server_area.oa[data-v-db9ed29c]{width:298px}.server_area.oa .server_area_title[data-v-db9ed29c]{background-size:cover;height:36px;margin-top:0;padding-top:2px}.server_area.oa .server_item[data-v-db9ed29c]{width:88px;margin-left:2px;margin-right:2px}@keyframes show-mask21-db9ed29c{0%{opacity:0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.save_maint[data-v-db9ed29c]{position:absolute;top:533px;left:796px;opacity:0}.save_maint.animation[data-v-db9ed29c]{clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:show-mask21-db9ed29c 2s ease-in-out forwards}.save_maint.animationStop[data-v-db9ed29c]{opacity:1}.save_maint_attack[data-v-db9ed29c]{position:absolute;top:533px;left:796px;width:182px;height:158px}.save_maint.attackTarget[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.save_maint.attackTargetSuccess[data-v-db9ed29c]{opacity:1}.save_maint.attackTargetSuccess[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;opacity:var(--defendedPregress);z-index:-1}.server_area.save_maint[data-v-db9ed29c]{width:188px;height:166px}.server_area.save_maint.red_jing[data-v-db9ed29c]{height:254px}.server_area.save_maint .server_area_title[data-v-db9ed29c]{background-size:cover;height:36px;margin-top:0}.db[data-v-db9ed29c]{position:absolute;top:533px;left:1024px;opacity:0}.db.animation[data-v-db9ed29c]{clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:show-mask21-db9ed29c 2s ease-in-out forwards}.db.animationStop[data-v-db9ed29c]{opacity:1}.db_attack[data-v-db9ed29c]{position:absolute;top:533px;left:1024px;width:182px;height:254px}.db.attackTarget[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.db.attackTargetSuccess[data-v-db9ed29c]{opacity:1}.db.attackTargetSuccess[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;opacity:var(--defendedPregress);z-index:-1}.server_area.db[data-v-db9ed29c]{width:182px;height:254px}.server_area.db .server_area_title[data-v-db9ed29c]{background-size:cover;height:36px;margin-top:0}.web[data-v-db9ed29c]{position:absolute;top:533px;left:1250px;opacity:0}.web.animation[data-v-db9ed29c]{clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:show-mask21-db9ed29c 2s ease-in-out forwards}.web.animationStop[data-v-db9ed29c]{opacity:1}.web_attack[data-v-db9ed29c]{position:absolute;top:533px;left:1250px;width:298px;height:158px}.web.attackTarget[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;z-index:-1;opacity:var(--defendedPregress)}.web.attackTargetSuccess[data-v-db9ed29c]{opacity:1}.web.attackTargetSuccess[data-v-db9ed29c]:after{content:"";position:absolute;width:100%;height:100%;animation:blink-db9ed29c 2s infinite;opacity:var(--defendedPregress);z-index:-1}.server_area.web[data-v-db9ed29c]{width:298px;height:158px}.server_area.web .server_area_title[data-v-db9ed29c]{background-size:cover;height:36px;margin-top:0}.server_area.web .server_item[data-v-db9ed29c]{margin-left:2px;margin-right:2px}.vpn[data-v-db9ed29c]{position:absolute;top:534px;left:288px}.server_area.vpn[data-v-db9ed29c]{height:444px;overflow:hidden;overflow-y:auto}.location[data-v-db9ed29c]{position:absolute;top:1056px;left:288px}.server_area.location[data-v-db9ed29c]{height:126px}.server_area.location .server_area_content[data-v-db9ed29c]{padding:0;padding-top:3px}.server_item[data-v-db9ed29c]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;margin-bottom:5px;position:relative}.server_item.offline[data-v-db9ed29c]{filter:grayscale(100%)}.server_item.online[data-v-db9ed29c]{cursor:pointer;filter:grayscale(0);animation:groupUserOnlie-db9ed29c 1s}@keyframes groupUserOnlie-db9ed29c{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-db9ed29c]{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-db9ed29c]{position:absolute;bottom:18px;left:20px;width:100%;display:flex;align-items:center}.server_item .server_item_operator .server_item_operator_item[data-v-db9ed29c]{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-db9ed29c]:first-child{margin-left:0}.server_item .server_item_operator .server_item_operator_item_more[data-v-db9ed29c]{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-db9ed29c]{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-db9ed29c]{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-db9ed29c]{width:70px}.server_item_title[data-v-db9ed29c]{font-size:12px;margin-top:4px}.server_item_title.yellow[data-v-db9ed29c]{color:#fac858;font-weight:400;line-height:14px}.server_item_title.blue[data-v-db9ed29c]{color:#b2dfff;font-weight:400;line-height:14px}.server_item_title.red[data-v-db9ed29c]{color:#ffe2f1;font-weight:400;line-height:14px}.server_item_title.purple[data-v-db9ed29c]{color:#d6c8ff;font-weight:400;line-height:14px}.server_item_label[data-v-db9ed29c]{position:absolute;right:0;top:-8px;right:2px;border-radius:8px 0;padding:1px 6px;scale:.8}.server_item_label.yellow[data-v-db9ed29c]{background:#de9e0d;color:#fff}.server_item_label.blue[data-v-db9ed29c]{background:rgba(0,148,255,.5);color:#fff}.server_item_label_body[data-v-db9ed29c]{position:absolute;right:0;top:52px;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-db9ed29c]{background:rgba(222,158,13,.8);color:#fff}.server_item_label_body.blue[data-v-db9ed29c]{background:rgba(0,0,0,.2);color:rgba(3,195,255,.8);font-weight:700}.server_item_number[data-v-db9ed29c]{position:absolute;top:-2px;right:14px;padding:2px 8px 2px 8px;border-radius:9px;transform:scale(.8)}.server_item_number.blue[data-v-db9ed29c]{background:#11d893;color:#fff}.dash_line[data-v-db9ed29c]{position:absolute;top:966px;left:288px}.stroke2[data-v-db9ed29c]{animation:move2-db9ed29c 2s;stroke-dasharray:100%,100%}@keyframes move2-db9ed29c{0%{stroke-dasharray:0%,100%}50%{stroke-width:6}to{stroke-dasharray:100%,0%}}.stroke2_new[data-v-db9ed29c]{stroke:#c30000;animation:move-db9ed29c 4s;stroke-dasharray:100%,100%}@keyframes move-db9ed29c{to{stroke-dashoffset:0}}.fire-flicker[data-v-db9ed29c]{border-radius:20%;animation:fireFlicker-db9ed29c 2s infinite;background:rgba(26,138,219,.4)}@keyframes fireFlicker-db9ed29c{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-db9ed29c]{border-radius:20%;animation:ignite1-db9ed29c 2s infinite;background:rgba(255,0,0,.4)}@keyframes ignite1-db9ed29c{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-db9ed29c]{top:15px;left:288px;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-db9ed29c]{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-db9ed29c]:last-child{margin-top:16px}.dynmic_progress_area ._progress_item ._item_title[data-v-db9ed29c]{margin-left:8px}.dynmic_progress_area ._progress_item ._item_progress[data-v-db9ed29c]{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-db9ed29c]{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-db9ed29c]{cursor:pointer;background:#f88383;border:0;height:20px;color:#fff;box-shadow:0 0 4px 2px #f88383;animation:attackSelected-db9ed29c 1s}@keyframes attackSelected-db9ed29c{0%{background:#fff;color:#f88383}to{color:#fff;background:#f88383}}.dynmic_progress_area ._progress_item ._item_progress ._item_progress_container[data-v-db9ed29c]{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-db9ed29c]{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-db9ed29c]{height:100%;border-radius:10px;background:rgba(4,141,184,.8);animation:itemScore-db9ed29c 1s}@keyframes itemScore-db9ed29c{to{box-shadow:0 0 4px 2px rgba(4,141,184,.8)}}.dynmic_progress_area ._progress_item ._item_score[data-v-db9ed29c]{color:#f7f7f7;font-size:14px;font-style:normal;font-weight:700;line-height:14px;width:40px;margin-left:8px}@keyframes eventItemSlideIn-db9ed29c{0%{left:100%}to{left:0;transform:translateX(-100%)}}.dynmic_progress_area .attack_event_conc[data-v-db9ed29c]{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-db9ed29c]{color:#f88383;animation:eventItemSlideIn-db9ed29c 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-db9ed29c]{color:rgba(3,195,255,.8)}.attack_svg_img[data-v-db9ed29c]{position:absolute}@keyframes backarea-blink-db9ed29c{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-db9ed29c]{animation:backarea-blink-db9ed29c 2s linear;position:absolute;width:100%;height:100%}@keyframes heike-a-c-keyframes-db9ed29c{0%{opacity:0;transform:translate(800px,-300px)}50%{opacity:1;transform:translate(800px,-300px)}to{transform:translate(0)}}.heike-a-c[data-v-db9ed29c]{animation:heike-a-c-keyframes-db9ed29c 1s linear}.heike-a-c-stop[data-v-db9ed29c],.heike-a-c[data-v-db9ed29c]{position:absolute;z-index:3;width:200px;height:200px;opacity:var(--defendedPregress)}.heike-a-c-stop[data-v-db9ed29c]{animation:none}@keyframes heike-a-arrow1-kf-db9ed29c{0%{opacity:.2;transform:translate(10px,700px)}to{opacity:.6;transform:translate(10px,10px)}}.heike-a-arrow1[data-v-db9ed29c]{position:absolute;animation:heike-a-arrow1-kf-db9ed29c 1s linear;z-index:3;width:100px;transform:translate(10px,10px);top:0;opacity:.6}.heike-a-guangbo-stop[data-v-db9ed29c],.heike-a-guangbo[data-v-db9ed29c]{position:absolute;z-index:3;width:113px;opacity:var(--defendedPregress)}@keyframes heike-a-arrow2-kf-db9ed29c{0%{opacity:.2;transform:translate(53px,247px) rotate(145deg)}to{opacity:.6;transform:translate(169px,407px) rotate(145deg)}}.heike-a-arrow2[data-v-db9ed29c]{position:absolute;animation:heike-a-arrow2-kf-db9ed29c 1s linear;z-index:3;width:100px;transform:translate(169px,407px) rotate(145deg);top:0;opacity:.6}.heike-a-firewall1-stop[data-v-db9ed29c],.heike-a-firewall1[data-v-db9ed29c],.heike-a-firewall2-stop[data-v-db9ed29c],.heike-a-firewall2[data-v-db9ed29c]{position:absolute;z-index:3;width:30px;height:271px;opacity:var(--defendedPregress)}.heike-a-firewall1-lianyi1-stop[data-v-db9ed29c],.heike-a-firewall1-lianyi1[data-v-db9ed29c]{position:absolute;z-index:3;width:118px;opacity:var(--defendedPregress)}.heike-a-dmz-lianyi1-stop[data-v-db9ed29c],.heike-a-dmz-lianyi1[data-v-db9ed29c]{position:absolute;z-index:0;width:118px;opacity:var(--defendedPregress)}.heike-a-firewall2-lianyi1-stop[data-v-db9ed29c],.heike-a-firewall2-lianyi1[data-v-db9ed29c]{position:absolute;z-index:3;width:118px;opacity:var(--defendedPregress)}.heike-a-db-lianyi1-stop[data-v-db9ed29c],.heike-a-db-lianyi1[data-v-db9ed29c],.heike-a-oa-lianyi1-stop[data-v-db9ed29c],.heike-a-oa-lianyi1[data-v-db9ed29c],.heike-a-save-maint-lianyi1-stop[data-v-db9ed29c],.heike-a-save-maint-lianyi1[data-v-db9ed29c],.heike-a-server-farm-lianyi1-stop[data-v-db9ed29c],.heike-a-server-farm-lianyi1[data-v-db9ed29c],.heike-a-web-lianyi1-stop[data-v-db9ed29c],.heike-a-web-lianyi1[data-v-db9ed29c]{position:absolute;z-index:0;width:118px;opacity:var(--defendedPregress)}.heike-a-scan-stop[data-v-db9ed29c],.heike-a-scan[data-v-db9ed29c]{position:absolute;z-index:4;width:118px}@keyframes heike-a-scan-move1-kf-db9ed29c{0%{transform:translate(0)}50%{transform:translate(254px,-153px) scale(1)}to{transform:translate(254px,-153px) scale(2)}}.heike-a-scan-move1[data-v-db9ed29c]{position:absolute;width:118px;animation:heike-a-scan-move1-kf-db9ed29c 1s linear;transform:translate(254px,-153px) scale(2)}@keyframes heike-a-scan-move2-kf-db9ed29c{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-db9ed29c]{position:absolute;animation:heike-a-scan-move2-kf-db9ed29c 1s linear;transform:translate(514px) scale(1)}@keyframes heike-a-scan-move3-kf-db9ed29c{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-db9ed29c]{position:absolute;animation:heike-a-scan-move3-kf-db9ed29c 6s linear;transform:translate(616px) scale(4)}.heike-a-scan-move4[data-v-db9ed29c]{position:absolute;animation:none;display:none}.guoduxian[data-v-db9ed29c]{position:absolute;z-index:15;top:484px;left:288px}.heike-a-huiliu-stop[data-v-db9ed29c],.heike-a-huiliu[data-v-db9ed29c]{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:0;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;background:rgba(0,0,0,.4117647058823529)}.right11 .log_con{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:10px}.right11 .log_con div p{height:auto;min-height:30px}.right11 .log_con div p img{width:30px;height:30px}.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:#8db2ff;color:#fff}.huanjing,.yonghu{height:30px;border-radius:4px;padding:4px 12px 4px 12px;font-size:14px;display:flex;gap:4px}.huanjing{color:green}.fangshou{background:#4cc9fd;color:#0ff}.fangshou,.gongji{height:30px;border-radius:4px;padding:4px 12px 4px 12px;font-size:14px;display:flex;gap:4px}.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-27d8d457]{background:rgba(0,48,75,.95)}.dynamic-pic-class[data-v-27d8d457]{background:url(../../static/img/bg.e0d3c17b.png) #d3d3d3 50%/cover no-repeat!important}