.rotation3D{position:relative;width:800px;height:800px;cursor:move;user-select:none;margin:0 auto;margin-top:-100px}.rotation3D .center{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.rotation3D .itemList{position:absolute;width:100%;height:100%;z-index:20}.rotation3D .lineList{position:absolute;width:100%;height:100%;z-index:10;transform-style:preserve-3d}.rotation3D__item{position:absolute;display:block;cursor:pointer;width:135.1px;height:179.2px;text-align:center;line-height:30px;font-size:16px;color:#fff}.rotation3D__item .scale{position:absolute;top:0;width:100%;height:100%}.rotation3D__item .cont{position:relative;z-index:2}.rotation3D__item .cont .iconfont{font-size:28px;margin-top:30px;margin-bottom:60px;display:block}.rotation3D__item .cont p{color:#fff}.rotation3D__item.blue{color:#01e9fc}.rotation3D__item.green{color:#02e943}.rotation3D__item.yellow{color:#ffd200}.rotation3D__item .baseImg{position:absolute;width:100%;height:100%;z-index:1}.rotation3D__item.blue .baseImg{width:135.1px;height:179.2px}.rotation3D__item.blue .baseImg img{width:100%;height:100%}.rotation3D__line{position:absolute;left:50%;top:50%;display:block;width:2px;height:50%;padding-top:60px;color:#fff;font-size:50px;transform-origin:50% 0;transform-style:preserve-3d}.rotation3D__line .pos,.rotation3D__line svg{position:absolute;top:0}.rotation3D__line svg path{stroke:#fff;fill:none;stroke-width:3;animation:path-animation 100s linear 0s infinite normal}@keyframes path-animation{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}.rotation3D__line .dot{position:absolute;top:0;left:0;text-align:center;width:16px;height:16px;font-size:16px}.rotation3D__line .dot1,.rotation3D__line .dot3,.rotation3D__line .dot4{animation:svg-path-animation 6s ease-in-out 0s infinite normal}.rotation3D__line .dot1{offset-path:path("M0 400, 0 0");offset-distance:0}.rotation3D__line .dot2{offset-path:path("M0 200, 0 0");offset-distance:0;background:#ffd200;border-radius:100%;font-size:22px;color:#000}.rotation3D__line .dot3{offset-path:path("M20 400 S 0 200, 20 0");offset-distance:0}.rotation3D__line .dot4{offset-path:path("M20 0 S 40 200, 20 400");offset-distance:0}@keyframes svg-path-animation{0%{offset-distance:0}to{offset-distance:100%}}.rotation3D__line.blue{color:#07b2f9}.rotation3D__line.green{color:#00ff5b}.rotation3D__line.yellow{color:#ffd500}.rotation3D__line.blue svg path{stroke:#07b2f9}.rotation3D__line.green svg path{stroke:#00ff5b}.rotation3D__line.yellow svg path{stroke:#ffd500}.el-cascader-menu[data-v-c6ae07c8]{max-height:300px}@keyframes earthRotate-data-v-c6ae07c8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.level[data-v-c6ae07c8]{background:#292a38;min-height:90vh;overflow:hidden}.level .rotation3D-baseMap[data-v-c6ae07c8]{position:absolute;left:50%;right:0;top:240px;margin:auto;margin-left:-459.2px;width:918.4px;height:361.2px;overflow:hidden}.level .rotation3D-baseMap img[data-v-c6ae07c8]{width:100%;height:100%}.level .rotation3D-earth[data-v-c6ae07c8]{position:absolute;left:-12px;right:0;top:280px;margin:auto;z-index:99;width:304.8px;height:239.68px;display:block;animation:bounceUpDown 10s infinite;animation:earthRotate-data-v-c6ae07c8 5s linear infinite}.level .rotation3D-earth img[data-v-c6ae07c8]{width:100%;height:100%}