.box{width:2120px!important;height:1178px!important;position:absolute;background-repeat:no-repeat;background-size:100% 100%}.pc{width:100%;height:100%;max-width:1920px;position:absolute;top:0;overflow:hidden}.pc .logo{width:400px;position:absolute;left:20px;top:20px;z-index:2}.pc .floor{width:644px;height:696px;background-repeat:repeat;position:absolute;left:0;top:105px;z-index:2}.pc .floor .guide{position:absolute;top:125px;left:25px;z-index:2;transform:scale(0);-webkit-animation:show .3s ease-in-out forwards;animation:show .3s ease-in-out forwards;transform-origin:center;cursor:pointer}.pc .floor .guide>div{position:absolute;top:21px;z-index:2}.pc .floor .guide>div .circular{width:236px;height:236px;position:absolute;left:-15px;top:-21px;-webkit-animation:turn 1s linear infinite;animation:turn 1s linear infinite;background-image:url(https://oss.3dshichuang.com/static/dongying/img/circular.png);background-repeat:no-repeat}.pc .floor .guide>div .circular:hover{background-image:url(https://oss.3dshichuang.com/static/dongying/img/circular_hover.png)}.pc .floor .guide>div>p{position:absolute;left:87px;bottom:21px;font-size:12px;color:#666}.pc .floor .guide>div>p span{font-size:15px;font-weight:700;color:#c00}.pc .floor .guide>img{position:absolute;left:104px;top:-50px;transform:scale(0);-webkit-animation:show .3s forwards;animation:show .3s forwards;transform-origin:center;-webkit-animation-delay:.3s;animation-delay:.3s}.pc .floor .guide ul .active{background:rgba(0,150,255,.6)}.pc .floor .guide ul .active p:last-of-type{color:#fff}.pc .floor .guide ul .active:after{border-left-color:#0096ff99}.pc .floor .guide ul li{width:200px;height:55px;background:rgba(5,13,53,.6);border-radius:33px 0 0 33px;padding-left:6px;position:absolute;cursor:pointer;transition:.5s linear;transform:scale(0);-webkit-animation:show .5s forwards;animation:show .5s forwards;transform-origin:left top;-webkit-animation-delay:.9s;animation-delay:.9s}.pc .floor .guide ul li:hover{background:rgba(0,150,255,.6)}.pc .floor .guide ul li:hover p:last-of-type{color:#fff}.pc .floor .guide ul li:hover:after{border-left-color:#0096ff99}.pc .floor .guide ul li div:last-of-type{margin-left:13px}.pc .floor .guide ul li:after{width:0;height:0;border:27.5px solid transparent;border-left-color:#050d3599;position:absolute;top:0;left:100%;content:"";transition:.5s linear}.pc .floor .guide ul li p{font-size:15px;color:#fff}.pc .floor .guide ul li p:last-of-type{font-size:13px;color:#ffffff80}.pc .floor .guide ul .floorList0{left:188px;top:-85px}.pc .floor .guide ul .floorList1{left:252px;top:-12px;-webkit-animation-delay:1.1s;animation-delay:1.1s}.pc .floor .guide ul .floorList2{left:280px;top:63px;-webkit-animation-delay:1.3s;animation-delay:1.3s}.pc .floor .guide ul .floorList3{left:280px;top:142px;-webkit-animation-delay:1.5s;animation-delay:1.5s}.pc .floor .guide ul .floorList4{left:250px;top:212px;-webkit-animation-delay:1.7s;animation-delay:1.7s}.pc .floor .guide ul .floorList5{left:179px;top:283px;-webkit-animation-delay:1.79;animation-delay:1.9s}.pc .floor .guide ul .img{width:50px;height:50px;padding:11px;background:linear-gradient(0deg,#d9d9dd,#fff);box-shadow:0 3px 6px #0000004d;border-radius:50%}.pc .floor .guide ul .img img{width:30px;height:30px}.t-back-home{position:fixed;z-index:2;top:20px;right:20px;border-radius:10px;background:#2076b5;color:#fff;cursor:pointer;padding:5px 20px}.t-locker{position:fixed;z-index:2;right:0;top:50%;transform:translateY(-50%);cursor:pointer}.t-locker-content{background:rgba(39,63,108,.9);position:fixed;z-index:2;right:0;width:0px;height:100%;transform:all 1s}.t-locker-content .close{width:12px;height:167px;display:block;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.t-locker-content .title{font-size:40px;padding:35px 30px;background:#203561;color:#0a7bd3;font-weight:bold;text-align:center}.t-locker-content .subtitle{margin-top:40px;font-size:30px;color:#fff;padding:0 65px;position:relative}.t-locker-content .subtitle:after{width:1px;height:30px;display:block;content:"";border:4px solid #0096ff;background:#0096ff;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.t-firms{padding:0 0 0 60px;font-size:18px;color:#fff}.t-firms-item{margin-top:35px;position:relative;cursor:pointer}.t-firms-item:after{content:"";position:absolute;top:50%;left:-20px;transform:translateY(-50%);border:3px solid #fff;border-radius:50%}@keyframes popupMove{0%{width:0px}to{width:360px}}@keyframes closeMove{0%{width:360px}to{width:0px}}.pc .count{position:absolute;right:0;top:20px;z-index:1;font-size:12px;color:#fff}.pc .count>div{width:152px;height:169px;background:rgba(22,27,47,.7);margin-right:14px}.pc .count>div .distributed{padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid hsla(0,0%,100%,.1)}.pc .count>div>img{position:absolute;right:203px;top:50px}.pc .count>div ul{width:100px}.pc .count>div ul li{margin-bottom:3px}.pc .count>div ul li .index{width:12px;height:12px;line-height:12px;text-align:center;border-radius:50%}.pc .count>div ul li .active{color:#0096ff;border-color:#0096ff}.pc .count>div ul li p span{color:#ffffff80}.pc .count>div>div{width:102px;height:102px;background-repeat:no-repeat;margin-top:25px;line-height:30px;color:#fff}.pc .count>div>div p:first-of-type{font-size:16px}.pc .floorNum{position:absolute;left:50%;bottom:50px;transform:translate(-50%)}.pc .floorNum li{width:44px;height:44px;background:#fff;border-radius:10px;margin-right:30px;font-size:20px;font-weight:700;color:#000;cursor:pointer;transform:translate(-50%)}.pc .floorNum li:hover{background:#0096ff;color:#fff}.pc .code{width:280px;height:306px;background:#fff;border-radius:5px;padding:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pc .code .close{position:absolute;right:-7px;top:-7px;cursor:pointer}.pc .hoverMsg{width:725px;height:460px;position:absolute;background-repeat:no-repeat}@-webkit-keyframes show{to{opacity:1;transform:scale(1)}}@keyframes show{to{opacity:1;transform:scale(1)}}@-webkit-keyframes turn{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes turn{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}.head{width:100%;max-width:1920px;height:8%;padding:26px 50px;background:rgba(5,13,54,.7);font-size:25px;font-weight:700;color:#fff;position:absolute;top:0;z-index:1}.head p:last-of-type{font-size:15px;font-weight:400;color:#ccc}.head>img{cursor:pointer}.mobileIndex{width:100%;height:100%;background:url(https://oss.3dshichuang.com/img/mobileC.jpg) no-repeat;background-size:100% 100%;background-position:50%;position:relative;overflow:hidden}.mobileIndex .logo{width:4.625rem;height:auto;margin-left:.625rem;margin-top:.46875rem}.mobileIndex .count{width:6.25rem;height:3.28125rem;background:rgba(22,27,47,.7);position:absolute;left:.625rem;top:2rem;font-size:.625rem;color:#fff}.mobileIndex .count p{border-bottom:1px solid hsla(0,0%,100%,.2);text-align:center}.mobileIndex .count p:first-of-type{padding-bottom:.3125rem}.mobileIndex .count p:last-of-type{font-size:.75rem;border-bottom:none;margin-top:.5625rem}.mobileIndex .distributed{width:6.25rem;background:rgba(22,27,47,.7);position:absolute;left:.625rem;top:5.46875rem;font-size:.625rem;color:#fff}.mobileIndex .distributed>p{border-bottom:1px solid hsla(0,0%,100%,.2);text-align:center;padding-bottom:.3125rem}.mobileIndex .distributed ul{margin-top:.3125rem}.mobileIndex .distributed ul li{margin-bottom:.3125rem}.mobileIndex .distributed ul .index{width:12px;height:12px;text-align:center;border:1px solid #fff;border-radius:50%}.mobileIndex .distributed ul .active{color:#0096ff;border-color:#0096ff}.mobileIndex .distributed ul p span{color:#ffffff80}.mobileIndex .beam{left:83%}.mobileIndex .floorNum{position:absolute;right:0;top:.625rem}.mobileIndex .floorNum li{width:1.375rem;height:1.375rem;background:#fff;border-radius:.3125rem;margin-bottom:.9375rem;margin-right:.9375rem;font-size:.625rem;font-family:Microsoft YaHei;font-weight:700}.mobileIndex .floorBeam{right:50%;top:90%;transform:translate(50%);display:flex}.mobileIndex .guide .turn{position:absolute;left:7px;bottom:7px;width:9.0625rem;height:9.0625rem;background-repeat:no-repeat;background-size:contain;-webkit-animation:turn 2s linear infinite;animation:turn 2s linear infinite}.mobileIndex .guide>.img{position:absolute;left:17px;bottom:14px;width:7.8125rem;height:7.8125rem;-webkit-animation:all 1s linear;animation:all 1s linear;z-index:2}.mobileIndex .guide .m_bj{position:absolute;left:0;bottom:2.96875rem;width:7.09375rem;height:13.09375rem}.mobileIndex .floorList li{width:11.875rem;height:3.125rem;background:rgba(5,13,53,.6);border-radius:1.375rem 0 0 1.375rem;padding-left:.1875rem;position:absolute;cursor:pointer;transform:scale(0);-webkit-animation:show .3s forwards;animation:show .3s forwards;transform-origin:left top}.mobileIndex .floorList li:after{width:0;height:0;border:1.59375rem solid transparent;border-left-color:#050d3599;position:absolute;top:0;left:100%;content:""}.mobileIndex .floorList li p{font-size:.5625rem;color:#fff;margin-left:.40625rem}.mobileIndex .floorList li p:last-of-type{font-size:.5rem;color:#ffffff80}.mobileIndex .floorList .active{background:rgba(0,150,255,.6)}.mobileIndex .floorList .active p:last-of-type{color:#fff}.mobileIndex .floorList .active:after{border-left-color:#0096ff99}.mobileIndex .floorList .floorList0{left:2rem;bottom:15.25rem}.mobileIndex .floorList .floorList1{left:5.78125rem;bottom:11.5625rem;-webkit-animation-delay:.6s;animation-delay:.6s}.mobileIndex .floorList .floorList2{left:6.71875rem;bottom:7.65625rem;-webkit-animation-delay:.9s;animation-delay:.9s}.mobileIndex .floorList .floorList3{left:5.8125rem;bottom:4.28125rem;-webkit-animation-delay:1.2s;animation-delay:1.2s}.mobileIndex .floorList .floorList4{left:2.0625rem;bottom:.625rem;-webkit-animation-delay:1.5s;animation-delay:1.5s}.mobileIndex .floorList .img{min-width:2.1875rem!important;height:2.1875rem!important;background:linear-gradient(0deg,#d9d9dd,#fff);box-shadow:0 3px 6px #0000004d;border-radius:50%}.mobileIndex .floorList .img img{width:1.375rem;height:1.375rem}.mobileIndex .days{position:absolute;left:4.0625rem;bottom:1.40625rem;font-size:.625rem;font-weight:700;color:#c00;z-index:2}@-webkit-keyframes turn{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes turn{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@-webkit-keyframes show{to{opacity:1;transform:scale(1)}}@keyframes show{to{opacity:1;transform:scale(1)}}.box{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.box .previewP_main .hallLogo img{transition:.5s linear}.box .previewP_main .hallLogo img:hover{transform:scale(1.2)}.box .floor{position:absolute;left:50%;bottom:70px;transform:translate(-50%)}.box .floor li{margin-right:10px;cursor:pointer}.box .floor .num{width:44px;height:44px;background:#fff;border-radius:10px;font-size:20px;font-weight:700;color:#000}.box .floor .active{background:#0096ff;color:#fff}@media only screen and (min-width: 240px){html{font-size:10.24px}}@media only screen and (min-width: 320px){html{font-size:13.65333px}}@media only screen and (min-width: 360px){html{font-size:15.36px}}@media only screen and (min-width: 375px){html{font-size:16px}}@media only screen and (min-width: 390px){html{font-size:16.64px}}@media only screen and (min-width: 414px){html{font-size:17.664px}}@media only screen and (min-width: 480px){html{font-size:20.48px}}@media only screen and (min-width: 540px){html{font-size:23.04px}}@media only screen and (min-width: 640px){html{font-size:27.30667px}}@media only screen and (min-width: 720px){html{font-size:30.72px}}@media only screen and (min-width: 768px){html{font-size:32.768px}}@media only screen and (min-width: 1080px){html{font-size:46.08px}}@media only screen and (min-width: 1024px){html{font-size:43.69067px}}.box{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0}.box .previewP_main{position:absolute;cursor:move}.box .previewP_main .hallLogo{position:absolute;cursor:pointer}.box .previewP_main .hallLogo img{width:80%;height:80%}.box .isBeam{right:50%;top:90%;transform:translate(50%);display:flex}#app{width:100%;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.homeImg{position:fixed;left:0;right:0;bottom:0;top:0;z-index:10;background-repeat:no-repeat}.homeImg p{width:170px;height:48px;line-height:48px;text-align:center;background:#000;border-radius:24px;font-size:25px;color:#fff;position:absolute;left:675px;top:610px;cursor:pointer;transition:all .5s linear}.homeImg p:hover{background:#fff;color:#000}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Microsoft YaHei UI,Arial,Georgia,sans-serif,HYQiHei;padding:0!important;max-width:1920px;margin:0 auto;overflow:hidden}body{font-size:14px}a{text-decoration:none;color:#333}input{outline:none;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}li{list-style:none}.flex,.flex-around,.flex-center,.flex-column,.flex-column-center,.flex-end,.flex-end-top,.flex-start,.flex-top,.flex-wrap,.flex-wrap-start{display:flex;justify-content:space-between;align-items:center}.flex-between{display:flex;justify-content:space-between}.flex-center{justify-content:center}.flex-around{justify-content:space-around}.flex-start{justify-content:flex-start}.flex-wrap,.flex-wrap-start{flex-wrap:wrap}.flex-wrap-start{justify-content:flex-start}.flex-top{align-items:flex-start}.flex-end,.flex-end-top{justify-content:flex-end}.flex-end-top{align-items:flex-start}.flex-column,.flex-column-center{flex-direction:column;align-items:flex-start}.flex-column-center{flex-direction:column;align-items:center;justify-content:center}@keyframes mymove{0%{left:0px}25%{left:-200px}50%{left:0px}75%{left:-200px}to{left:0}}