#lineBox,body{height:100%;overflow:hidden}.explain .blue,.explain .red{font-size:14px;padding-left:24px;line-height:14px;color:#fff}body{position:relative;background:url(../../images/situation/bgcon.png) no-repeat;background-size:cover}.footerBox{z-index:2}#lineBox{width:300px;position:fixed;z-index:4;left:0;top:0;bottom:0}#line{width:106px;height:24px;background:url(../../images/situation/line.png) no-repeat;transform-origin:106px center;position:absolute;left:0;top:0;z-index:3;opacity:0}.explain{width:220px;height:14px;position:fixed;left:20%;bottom:80px;display:flex;z-index:10}.explain .blue::before,.explain .red::before{display:block;width:14px;height:14px;left:0;content:''}.explain .red{position:relative}.explain .red::before{position:absolute;background:#B81919}.explain .blue{position:relative;margin-left:30px}.explain .blue::before{position:absolute;background:#0FC6C9}#wrap{height:100%;padding-bottom:0;overflow:hidden}#wrap .headerBox{z-index:5;position:absolute;top:0}#wrap .main{width:100%;min-height:100%;position:relative;padding-top:93px}#wrap .main .leftCon{width:310px;position:absolute;left:60px;top:17%;z-index:6}#wrap .main .leftCon .scoreTitle{width:282px;height:44px;background:url(../../images/situation/rank.png) no-repeat;margin-bottom:26px}#wrap .main .leftCon .scoreTitle_wd{width:282px;height:44px;background:url(../../images/situation/rank_wd.png) no-repeat;margin-bottom:26px}#wrap .main .leftCon ul{width:100%}#wrap .main .leftCon ul li{width:100%;height:44px;background:url(../../images/situation/tops.png) no-repeat;display:flex;align-items:center;margin-bottom:8px;padding-left:10px;padding-right:70px;position:relative;transform:translateX(220px);opacity:0}#wrap .main .leftCon ul li img{display:block;width:380px;height:64px;position:absolute;left:-45px;top:-10px}#wrap .main .leftCon ul li .ps{width:1px;height:1px;background-color:red;position:absolute;left:100px;top:10px}#wrap .main .leftCon ul li .icon{width:28px;height:28px;font-size:16px;color:#fff;line-height:28px;text-align:left;padding-left:9px}#wrap .main .leftCon ul li .name{font-size:16px;color:#FFF;flex:1;padding-left:10px;z-index:9;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:10px}#wrap .main .leftCon ul li .score{font-size:16px;color:#FFF}#wrap .main .leftCon ul li:nth-child(1){background:url(../../images/situation/top1.png) no-repeat}#wrap .main .leftCon ul li:nth-child(1) .icon{background:url(../../images/situation/icon1.png) no-repeat}#wrap .main .leftCon ul li:nth-child(1) .name.score{color:#DAC553}#wrap .main .leftCon ul li:nth-child(2){background:url(../../images/situation/top2.png) no-repeat}#wrap .main .leftCon ul li:nth-child(2) .icon{background:url(../../images/situation/icon2.png) no-repeat}#wrap .main .leftCon ul li:nth-child(2) .name,#wrap .main .leftCon ul li:nth-child(2) .score{color:#A8D6F0}#wrap .main .leftCon ul li:nth-child(3){background:url(../../images/situation/top3.png) no-repeat}#wrap .main .leftCon ul li:nth-child(3) .icon{background:url(../../images/situation/icon3.png) no-repeat}#wrap .main .leftCon ul li:nth-child(3) .name,#wrap .main .leftCon ul li:nth-child(3) .score{color:#B97259}#wrap .main .leftCon ul li.list0{animation:list0 .8s forwards}#wrap .main .leftCon ul li.list1{animation:list0 1s forwards}#wrap .main .leftCon ul li.list2{animation:list0 1.2s forwards}#wrap .main .leftCon ul li.list3{animation:list0 1.4s forwards}#wrap .main .leftCon ul li.list4{animation:list0 1.6s forwards}#wrap .main .leftCon ul li.list5{animation:list0 1.8s forwards}#wrap .main .leftCon ul li.list6{animation:list0 2s forwards}#wrap .main .leftCon ul li.list7{animation:list0 2.1s forwards}#wrap .main .leftCon ul li.list8{animation:list0 2.2s forwards}#wrap .main .leftCon ul li.list9{animation:list0 2.3s forwards}#wrap .main .leftCon ul li.list10{animation:list0 2.4s forwards}#wrap .main .leftCon ul li::before{content:'';display:block;position:absolute;left:-38px;top:-14px;width:340px;height:70px;background:url(../../images/situation/lines.png) no-repeat}#wrap .main .leftCon ul li.active::before{animation:mymove 1.14s steps(38) forwards}#wrap .main .leftCon ul .seeBox{width:100%;height:44px;background:url(../../images/situation/tops.png) no-repeat;display:flex;align-items:center;margin-bottom:8px;padding-left:10px;padding-right:50px;position:relative}#wrap .main .leftCon ul .seeBox .see{font-size:16px;color:#FCE505;padding-left:7px}#wrap .main .leftCon6{top:17%}#wrap .main .mapBox{width:1586px;height:940px;background:url(../../images/situation/map.png) no-repeat;margin:-60px auto 0;opacity:0;transform:rotate(20deg);animation:admission 1.4s forwards;position:relative;z-index:4}#wrap .main .mapBox .textDiv{position:absolute;color:#d9d9e7;font-size:34px;font-weight:700}#wrap .main .mapBox .textDiv.text0{left:400px;top:161px}#wrap .main .mapBox .textDiv.text1{left:680px;top:171px}#wrap .main .mapBox .textDiv.text2{left:360px;top:365px}#wrap .main .mapBox .textDiv.text3{left:860px;top:285px}#wrap .main .mapBox .textDiv.text4{left:360px;top:630px}#wrap .main .mapBox .textDiv.text5{left:1000px;top:630px}#wrap .main .mapBox .textDiv.text6{left:1000px;top:90px}#wrap .main .mapBox .textDiv.text10,#wrap .main .mapBox .textDiv.text11,#wrap .main .mapBox .textDiv.text12,#wrap .main .mapBox .textDiv.text13,#wrap .main .mapBox .textDiv.text7,#wrap .main .mapBox .textDiv.text8,#wrap .main .mapBox .textDiv.text9{opacity:0}#wrap .main .mapBox .tisBox{width:150px;height:150px;position:absolute;z-index:99;left:-3358px;top:-3111px}#wrap .main .mapBox .location{width:40px;height:40px;position:absolute;z-index:10}#wrap .main .mapBox .location .red{width:300px;height:300px;position:absolute;left:-130px;top:-130px;z-index:999}#wrap .main .mapBox .location .red .redline{width:342px;height:114px;background:url(../../images/situation/redline.png) no-repeat;position:absolute;left:149px;top:92px;opacity:0;transition:all 1s;padding-top:24px;overflow:hidden}#wrap .main .mapBox .location .red .redline div{color:#fff;font-size:18px;text-align:center;padding-left:94px;padding-right:12px}#wrap .main .mapBox .location .red .redline div.name{font-size:16px;word-wrap:break-word}#wrap .main .mapBox .location .red::before{content:'';display:block;position:absolute;overflow:hidden;left:0;top:0;width:300px;height:300px;background:url(../../images/situation/red.png?v=3) no-repeat}#wrap .main .mapBox .location .red.active::before{animation:mymove1 3.84s steps(96) forwards}#wrap .main .mapBox .location .red.active .redline{animation:option0 2s forwards}#wrap .main .mapBox .location .blue{width:400px;height:400px;position:absolute;left:-180px;top:-180px;display:block;z-index:999}#wrap .main .mapBox .location .blue .blueline{width:342px;height:116px;background:url(../../images/situation/blueline.png) no-repeat;position:absolute;left:195px;top:160px;opacity:0;padding-top:36px;overflow:hidden}#wrap .main .mapBox .location .blue .blueline div{color:#fff;font-size:18px;line-height:26px;text-align:center;padding-left:93px;padding-right:20px}#wrap .main .mapBox .location .blue.blue1::before{transform:scale(.7)}#wrap .main .mapBox .location .blue.blue2::before{transform:scale(.85)}#wrap .main .mapBox .location .blue.blue3::before{transform:scale(1)}#wrap .main .mapBox .location .blue::before{content:'';display:block;position:absolute;overflow:hidden;left:0;top:0;width:400px;height:400px;background:url(../../images/situation/bluebg.png) no-repeat}#wrap .main .mapBox .location .blue.active{display:block}#wrap .main .mapBox .location .blue.active::before{animation:mymove2 4.7s steps(56) forwards}#wrap .main .mapBox .location .blue.active .blueline{animation:option0 2s forwards}#wrap .main .mapBox #Position1{left:418px;top:166px}#wrap .main .mapBox #Position2{left:713px;top:180px}#wrap .main .mapBox #Position3{left:376px;top:369px}#wrap .main .mapBox #Position4{left:911px;top:292px}#wrap .main .mapBox #Position5{left:376px;top:630px}#wrap .main .mapBox #Position6{left:1008px;top:632px}#wrap .main .mapBox #Position7{left:948px;top:90px}#wrap .main .mapBox #Position10,#wrap .main .mapBox #Position11,#wrap .main .mapBox #Position12,#wrap .main .mapBox #Position13,#wrap .main .mapBox #Position8,#wrap .main .mapBox #Position9{opacity:0}#wrap .main .mapBox::before{display:block;content:'';position:absolute;width:100%;height:100%;background:url(../../images/situation/xing.png) no-repeat;animation:option1 5s infinite}#wrap .main .rightCon{width:360px;position:absolute;right:60px;top:17%;z-index:6}#wrap .main .rightCon .solveBox{width:100%;height:384px;margin-bottom:14%}#wrap .main .rightCon .solveBox .title{position:relative;width:100%;height:44px;background:url(../../images/situation/solve.png) 5px center no-repeat}#wrap .main .rightCon .solveBox .title .darkKill{position:absolute;right:10px;top:10px;font-size:16px;text-align:center;color:#E77622;cursor:pointer}#wrap .main .rightCon .solveBox .title .darkKill a{color:#E77622;border-bottom:1px solid #E77622}#wrap .main .rightCon .solveBox .solve{width:100%;height:342px;background:url(../../images/situation/solvebg.png) no-repeat;padding:20px 10px 20px 20px}#wrap .main .rightCon .solveBox .solve .solveCon{width:100%;height:100%;overflow:hidden}#wrap .main .rightCon .solveBox .solve .solveCon .list{width:100%;height:30px;display:flex;align-items:center}#wrap .main .rightCon .solveBox .solve .solveCon .list a,#wrap .main .rightCon .solveBox .solve .solveCon .list span{font-size:14px;color:#fff;padding-right:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#wrap .main .rightCon .solveBox .solve .solveCon .list a.name,#wrap .main .rightCon .solveBox .solve .solveCon .list span.name{width:80px;color:#FCE505}#wrap .main .rightCon .solveBox .solve .solveCon .list a.time,#wrap .main .rightCon .solveBox .solve .solveCon .list span.time{width:50px}#wrap .main .rightCon .solveBox .solve .solveCon .list a.timu,#wrap .main .rightCon .solveBox .solve .solveCon .list span.timu{flex:1}#wrap .main .rightCon .solveBox .solve .solveCon .list a.jie,#wrap .main .rightCon .solveBox .solve .solveCon .list span.jie{width:60px}#wrap .main .rightCon .solveBox .solve .solveCon .list.option0{animation:option0 1s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option1{animation:option0 1.5s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option2{animation:option0 2s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option3{animation:option0 2.5s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option4{animation:option0 3s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option5{animation:option0 3.5s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option6{animation:option0 4s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option7{animation:option0 4.5s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option8{animation:option0 5s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option9{animation:option0 5.5s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .list.option10{animation:option0 6s forwards}#wrap .main .rightCon .solveBox .solve .solveCon .solve_darkKill{width:98%;text-align:center;line-height:300px;color:#fff}#wrap .main .rightCon .dongtaiBox{width:100%;height:205px}#wrap .main .rightCon .dongtaiBox .title{width:100%;height:44px;background:url(../../images/situation/dongtai.png) 5px center no-repeat}#wrap .main .rightCon .dongtaiBox .dongtai{width:100%;height:164px;background:url(../../images/situation/dtbg.png) no-repeat;padding:20px 10px 20px 20px}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon{width:100%;height:100%;overflow:hidden}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list{width:100%;height:26px;display:flex;align-items:center;color:#fff}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span{font-size:14px;color:#fff;padding-right:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.time{width:50px}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.name,#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.timu{flex:1}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.type{width:64px;text-align:right}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.color1{color:#1FC63B}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.color3{color:#0fc6c9}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.color5{color:#ce2424}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list span.color7{color:#FFF}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list.option0{animation:option0 1s forwards}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list.option1{animation:option0 2s forwards}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list.option2{animation:option0 3s forwards}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list.option3{animation:option0 4s forwards}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list.option4{animation:option0 5s forwards}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .list.option5{animation:option0 6s forwards}#wrap .main .rightCon .dongtaiBox .dongtai .dongtaiCon .solve_darkKill{width:98%;text-align:center;line-height:121px;color:#fff}#wrap .main .rightCon .cqgameLogo{width:360px;height:144px;margin-top:14%;background:url(../../images/situation/cqgame.png) no-repeat}#wrap .main .warReport{position:fixed;width:100%;height:100%;overflow:hidden;display:none;top:0;left:0;z-index:100;background:rgba(0,5,40,.75)}#wrap .main .warReport .bg1{width:786px;height:786px;background:url(../../images/situation/yuan.png) no-repeat;position:absolute;top:8%;left:50%;margin-left:-393px;background-position-y:-100px}#wrap .main .warReport .bg1::before{content:'';display:block;width:100%;height:100%;position:absolute;background:url(../../images/situation/bg1.png) no-repeat;animation:rotate0 8s linear infinite;top:-100px}#wrap .main .warReport .bg1 .bg2{width:516px;height:346px;background:url(../../images/situation/bg2.png) no-repeat;position:absolute;left:50%;margin-left:-258px;z-index:2;top:300px;animation:Top0 1s linear forwards}#wrap .main .warReport .bg1 .bg2::before,#wrap .main .warReport.type1 .bg2::before{background:url(../../images/situation/icon/1.png) no-repeat}#wrap .main .warReport .bg1 .bg2::before{content:'';width:324px;height:228px;display:block;position:absolute;left:50%;top:-120px;margin-left:-162px;animation:Top1 1s linear forwards}#wrap .main .warReport.type1,#wrap .main .warReport.type2,#wrap .main .warReport.type3,#wrap .main .warReport.type4,#wrap .main .warReport.type5,#wrap .main .warReport.type6,#wrap .main .warReport.type7{display:block;opacity:0;animation:hideFn 1.3s forwards}#wrap .main .warReport .bg1 .bg2 .title{font-size:22px;color:#72ACFC;text-align:center;padding-top:120px;margin-bottom:20px;font-weight:700}#wrap .main .warReport .bg1 .bg2 .con{width:80%;font-size:16px;color:#fff;margin:0 auto;text-align:center}#wrap .main .warReport.type2 .bg2::before{background:url(../../images/situation/icon/2.png) no-repeat}#wrap .main .warReport.type3 .bg2::before{background:url(../../images/situation/icon/3.png) no-repeat}#wrap .main .warReport.type4 .bg2::before{background:url(../../images/situation/icon/4.png) no-repeat}#wrap .main .warReport.type5 .bg2::before{background:url(../../images/situation/icon/5.png) no-repeat}#wrap .main .warReport.type6 .bg2::before{background:url(../../images/situation/icon/6.png) no-repeat}#wrap .main .warReport.type7 .bg2::before{background:url(../../images/situation/icon/7.png) no-repeat}.widthHide{animation:widthHide 1s forwards}.opacityC{animation:option0 2s forwards}.mCSB_inside>.mCSB_container{margin-right:12px}._mCS_1 .mCSB_dragger_bar{background:#009BFD!important}@keyframes hideFn{0%{opacity:0}100%{opacity:1}}@keyframes mymove{0%{background-position:0 0}100%{background-position:0 -2660px}}@keyframes mymove1{0%{background-position:0 0}100%{background-position:0 -28800px}}@keyframes mymove2{0%{background-position:0 0}100%{background-position:0 -22400px}}@keyframes Top0{0%{transform:translateY(60px)}100%{transform:translateY(0)}}@keyframes Top1{0%{transform:translateY(-80px) scale(1.3)}100%{transform:translateY(0) scale(1)}}@keyframes rotate0{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes widthHide{0%{width:106px}100%{width:0}}@keyframes option0{0%,50%{opacity:0}100%{opacity:1}}@keyframes option1{0%,100%{opacity:0}80%{opacity:1}}@keyframes list0{0%{transform:translateX(220px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes admission{0%{opacity:0;transform:rotate(20deg) scale(.3)}70%{opacity:1;transform:rotate(0) scale(.95)}100%{opacity:1;transform:rotate(0) scale(.9)}}@keyframes admission1369{0%{opacity:0;transform:rotate(20deg) scale(.3)}90%{opacity:1;transform:rotate(0) scale(.7)}100%{opacity:1;transform:rotate(0) scale(.65)}}@media screen and (min-width:1370px) and (max-width:1682px){#wrap .main .leftCon{transform:scale(.9,.9);left:0;top:8%}#wrap .main .leftCon6{top:9%}#wrap .main .mapBox{animation:admission1369 1.4s forwards;margin-top:-12%;margin-left:-5%}#wrap .main .rightCon{transform:scale(.9,.9);right:0;top:8%}}@media screen and (min-width:1290px) and (max-width:1369px){#wrap .main .leftCon{transform:scale(.8,.8);left:-20px;top:2%}#wrap .main .leftCon6{top:4%}#wrap .main .mapBox{animation:admission1369 1.4s forwards;margin-top:-14%;margin-left:-11%}#wrap .main .rightCon{transform:scale(.8,.8);right:-20px;top:2%}#wrap .main .warReport .bg1{top:-2%;transform:scale(.8,.8)}}@media screen and (max-width:1289px){#wrap .main .leftCon{transform:scale(.8,.8);left:-20px;top:2%}#wrap .main .leftCon6{top:5%}#wrap .main .mapBox{animation:admission1369 1.4s forwards;margin-top:-12%;margin-left:-11%}#wrap .main .rightCon{transform:scale(.8,.8);right:-20px;top:2%}#wrap .main .warReport .bg1{top:-2%;transform:scale(.8,.8)}}