diff --git a/src/api/centerairC/energyManage.js b/src/api/centerairC/energyManage.js new file mode 100644 index 0000000..95d4193 --- /dev/null +++ b/src/api/centerairC/energyManage.js @@ -0,0 +1,93 @@ +import request from '@/utils/request' + +// 系统能耗分析-瞬时能耗分析 +export const sysEnergy = (data) => { + return request({ + url: '/energy/sys', + method: 'post', + data + }) +} +// 系统能耗分析-同比分析-查询 +export const yoyEnergy = (data) => { + return request({ + url: '/energy/yoy', + method: 'post', + data + }) +} +// 系统能耗分析-环比分析-查询 +export const momEnergy = (data) => { + return request({ + url: '/energy/mom', + method: 'post', + data + }) +} +// 系统能耗分析-同比环比分析-查询 +export const yoyMomEnergy = (data) => { + return request({ + url: '/energy/yoyMom', + method: 'post', + data + }) +} +// 能源查询 +export const energyInquiry = (data) => { + return request({ + url: '/energy/sys/query', + method: 'post', + data + }) +} +// 能源查询-导出 +export const exportData = (data) => { + return request({ + url: '/energy/sys/query/export', + method: 'post', + data, + responseType: 'blob', + }) +} +// 能源分析-机房能耗 +export const energyAnalyze = (data) => { + return request({ + url: '/energy/sys/analyze', + method: 'post', + data + }) +} +// 能源分析-机房能耗-导出 +export const analyzeExport = (data) => { + return request({ + url: '/energy/sys/analyze/export', + method: 'post', + data, + responseType: 'blob', + }) +} +// 能源分析-设备能耗 +export const deviceAnalyze = (data) => { + return request({ + url: '/energy/sys/analyze/device', + method: 'post', + data + }) +} +// 能源分析-设备能耗-导出 +export const deviceAnalyzeExport = (data) => { + return request({ + url: '/energy/sys/analyze/device/export', + method: 'post', + data, + responseType: 'blob', + }) +} +// 能源分析-设备组能耗 +export const deviceEnergy = (data) => { + return request({ + url: '/energy/device', + method: 'post', + data + }) +} \ No newline at end of file diff --git a/src/api/centerairC/sysMonitor.js b/src/api/centerairC/sysMonitor.js new file mode 100644 index 0000000..235fe47 --- /dev/null +++ b/src/api/centerairC/sysMonitor.js @@ -0,0 +1,27 @@ +import request from '@/utils/request' + +// 查询设备参数列表 +export function cmpList(query) { + return request({ + url: '/device/cmp/list', + method: 'get', + params: query + }) +} + +// 根据id查询设备参数信息 +export function getCMP(cmpId) { + return request({ + url: '/device/cmp/' + cmpId, + method: 'get' + }) +} + +// 新增设备参数 +export function addCMP(data) { + return request({ + url: '/device/cmp', + method: 'post', + data: data + }) +} \ No newline at end of file diff --git a/src/assets/fonts/DS-DIGIT.ttf b/src/assets/fonts/DS-DIGIT.ttf new file mode 100644 index 0000000..65642f9 Binary files /dev/null and b/src/assets/fonts/DS-DIGIT.ttf differ diff --git a/src/assets/icons/svg/centerairC.svg b/src/assets/icons/svg/centerairC.svg new file mode 100644 index 0000000..cb57b11 --- /dev/null +++ b/src/assets/icons/svg/centerairC.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/enSourceAnalysis.svg b/src/assets/icons/svg/enSourceAnalysis.svg new file mode 100644 index 0000000..d7929c9 --- /dev/null +++ b/src/assets/icons/svg/enSourceAnalysis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/energyAnalysis.svg b/src/assets/icons/svg/energyAnalysis.svg new file mode 100644 index 0000000..6c583e3 --- /dev/null +++ b/src/assets/icons/svg/energyAnalysis.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/energyManage.svg b/src/assets/icons/svg/energyManage.svg new file mode 100644 index 0000000..1ea61d0 --- /dev/null +++ b/src/assets/icons/svg/energyManage.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/overview.svg b/src/assets/icons/svg/overview.svg new file mode 100644 index 0000000..894676e --- /dev/null +++ b/src/assets/icons/svg/overview.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/sysMonitor.svg b/src/assets/icons/svg/sysMonitor.svg new file mode 100644 index 0000000..83ee043 --- /dev/null +++ b/src/assets/icons/svg/sysMonitor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/move-img/535gqbottomright.png b/src/assets/move-img/535gqbottomright.png new file mode 100644 index 0000000..853b316 Binary files /dev/null and b/src/assets/move-img/535gqbottomright.png differ diff --git a/src/assets/move-img/53cloud.png b/src/assets/move-img/53cloud.png new file mode 100644 index 0000000..a10c6e7 Binary files /dev/null and b/src/assets/move-img/53cloud.png differ diff --git a/src/assets/move-img/53earth.png b/src/assets/move-img/53earth.png new file mode 100644 index 0000000..4aa085a Binary files /dev/null and b/src/assets/move-img/53earth.png differ diff --git a/src/assets/move-img/53gqbottomleft.png b/src/assets/move-img/53gqbottomleft.png new file mode 100644 index 0000000..1ae53d5 Binary files /dev/null and b/src/assets/move-img/53gqbottomleft.png differ diff --git a/src/assets/move-img/53gqleft.png b/src/assets/move-img/53gqleft.png new file mode 100644 index 0000000..b46bf22 Binary files /dev/null and b/src/assets/move-img/53gqleft.png differ diff --git a/src/assets/move-img/53gqright.png b/src/assets/move-img/53gqright.png new file mode 100644 index 0000000..b452755 Binary files /dev/null and b/src/assets/move-img/53gqright.png differ diff --git a/src/assets/move-img/circle.png b/src/assets/move-img/circle.png new file mode 100644 index 0000000..75a793f Binary files /dev/null and b/src/assets/move-img/circle.png differ diff --git a/src/assets/move-img/circle1.png b/src/assets/move-img/circle1.png new file mode 100644 index 0000000..4ab89f3 Binary files /dev/null and b/src/assets/move-img/circle1.png differ diff --git a/src/assets/move-img/circle2.png b/src/assets/move-img/circle2.png new file mode 100644 index 0000000..0862872 Binary files /dev/null and b/src/assets/move-img/circle2.png differ diff --git a/src/assets/styles/energy.css b/src/assets/styles/energy.css new file mode 100644 index 0000000..bae8299 --- /dev/null +++ b/src/assets/styles/energy.css @@ -0,0 +1,2342 @@ +@font-face { + /* 重命名字体名 */ + font-family: 'DIN'; + /* 引入字体 */ + src: url('../fonts/DS-DIGIT.ttf'); + text-align: center; + font-size: 0.2rem !important; + font-weight: bold; +} + +.machine-center .total { + width: 100%; + height: 100%; + float: left; + position: relative; +} + +.machine-center .total .rain { + position: absolute; + left: 0; + top: 0; + z-index: -1; +} + +.machine-center .total .data1, +.machine-center .total .data2, +.machine-center .total .data3, +.machine-center .total .data4 { + width: 1.92rem; + height: 0.96rem; + position: absolute; +} + +.machine-center .total .data1 span, +.machine-center .total .data2 span, +.machine-center .total .data3 span, +.machine-center .total .data4 span { + color: #0ac1c7; + font-size: 0.16rem; + font-family: '宋体'; +} + +.machine-center .total .data1 .p-class, +.machine-center .total .data2 .p-class, +.machine-center .total .data3 .p-class, +.machine-center .total .data4 .p-class { + font-size: 0.2rem; + color: #f29701; + font-style: italic; +} + +.machine-center .total .data1 .p-class2, +.machine-center .total .data2 .p-class2, +.machine-center .total .data3 .p-class2, +.machine-center .total .data4 .p-class2 { + font-family: 'DIN'; + font-size: 0.3rem; + color: #f29701; + font-style: italic; +} + +.machine-center .total .data1 { + left: 10%; + top: 12%; +} + +.machine-center .total .data2 { + left: 40%; + top: 3%; +} + +.machine-center .total .data3 { + left: 62%; + top: 10%; +} + +.machine-center .total .data4 { + left: 76%; + top: 28%; +} + +.machine-center .total .dashed { + position: absolute; + left: 0; + top: 0; +} + +.machine-center .total .sphere { + width: 4.8rem; + height: 4.8rem; + position: relative; + margin: 14% auto 0; +} + +.machine-center .total .sphere .sphere-bg { + position: absolute; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url(../move-img/53earth.png) no-repeat center; + background-size: contain; +} + +.machine-center .total .sphere .sum { + position: absolute; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url(../move-img/53cloud.png) no-repeat center; + background-size: 55%; +} + +.machine-center .total .sphere .sum .sum-title { + display: block; + margin-top: 30%; + padding-left: 32%; + color: #005a79; + font-size: 0.18rem; +} + +.machine-center .total .sphere .sum .p-all { + width: 100% !important; + margin-top: 2% !important; + text-align: center; + color: #003c63; + font-size: 0.2rem; + font-style: italic; + font-weight: bold; +} + +.machine-center .total .sphere .sum .p-all span { + margin: 0 !important; + padding: 0 !important; +} + +.machine-center .total .cicle3 { + width: 8.4rem; + height: 8.4rem; + background: url(../move-img/circle.png) no-repeat center; + background-size: 100%; + position: absolute; + top: 20%; + left: 50%; + transform-style: preserve-3d; + transform: translateX(-50%) rotateX(75deg); + animation: rotate3 20s linear infinite; +} + +.machine-center .total .cicle4 { + width: 3.6rem; + height: 3.6rem; + position: absolute; + top: 60%; + left: 50%; + transform-style: preserve-3d; + background: url(../move-img/53gqright.png) no-repeat center; + background-size: 100%; + transform: translateX(-50%) rotateX(75deg); + animation: rotate3 2s linear infinite; +} + +.machine-center .total .cicle5 { + width: 3.6rem; + height: 3.6rem; + position: absolute; + top: 62%; + left: 50%; + transform-style: preserve-3d; + background: url(../move-img/53gqleft.png) no-repeat center; + background-size: 100%; + transform: translateX(-50%) rotateX(75deg); + animation: rotate4 2s linear infinite; +} + +.machine-center .total .cicle6 { + width: 2.88rem; + height: 2.88rem; + position: absolute; + top: 70%; + left: 50%; + transform-style: preserve-3d; + background: url(../move-img/535gqbottomright.png) no-repeat center; + background-size: 100%; + transform: translateX(-50%) rotateX(75deg); + animation: rotate3 2s linear infinite; +} + +.machine-center .total .cicle7 { + width: 2.88rem; + height: 2.88rem; + position: absolute; + top: 72%; + left: 50%; + transform-style: preserve-3d; + background: url(../move-img/53gqbottomleft.png) no-repeat center; + background-size: 100%; + transform: translateX(-50%) rotateX(75deg); + animation: rotate4 2s linear infinite; +} + +.machine-center .total .cicle8, +.machine-center .total .cicle9, +.machine-center .total .cicle10, +.machine-center .total .cicle11 { + width: 1.2rem; + height: 1.2rem; + position: absolute; + top: 50%; + left: 50%; + z-index: 100; + margin-left: -0.6rem; + border-radius: 50%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.machine-center .total .cicle8 span, +.machine-center .total .cicle9 span, +.machine-center .total .cicle10 span, +.machine-center .total .cicle11 span { + display: block; + font-size: 0.16rem; +} + +.machine-center .total .cicle8 p, +.machine-center .total .cicle9 p, +.machine-center .total .cicle10 p, +.machine-center .total .cicle11 p { + text-align: center; + font-size: 0.18rem; +} + +.machine-center .total .cicle8 { + background: url(../move-img/circle1.png) no-repeat; + background-size: 100%; + animation: rotate5 20s linear infinite; + color: #f29701; +} + +.machine-center .total .cicle9 { + background: url(../move-img/circle2.png) no-repeat; + background-size: 100%; + animation: rotate6 20s linear infinite; + color: #0ac1c7; +} + +.machine-center .total .cicle10 { + background: url(../move-img/circle1.png) no-repeat; + background-size: 100%; + animation: rotate7 20s linear infinite; + color: #f29701; +} + +.machine-center .total .cicle11 { + background: url(../move-img/circle2.png) no-repeat; + background-size: 100%; + color: #0ac1c7; + animation: rotate8 20s linear infinite; +} + +/* // 旋转动画 */ +@keyframes rotate { + 0% { + transform: rotate(0) + } + + 100% { + transform: rotate(360deg) + } +} + +/* // 旋转动画2 */ +@keyframes rotate2 { + 0% { + transform: rotateX(75deg) rotateZ(0) + } + + 100% { + transform: rotateX(75deg) rotateZ(360deg) + } +} + +/* // 旋转动画3 */ +@keyframes rotate3 { + 0% { + transform: translateX(-50%) rotateX(75deg) rotateZ(0) + } + + 100% { + transform: translateX(-50%) rotateX(75deg) rotateZ(360deg) + } +} + +/* // 旋转动画4 */ +@keyframes rotate4 { + 0% { + transform: translateX(-50%) rotateX(75deg) rotateZ(0) + } + + 100% { + transform: translateX(-50%) rotateX(75deg) rotateZ(-360deg) + } +} + +/* // 旋转动画5 */ +@keyframes rotate5 { + 0% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 270, 0, 0, 1); + z-index: 100; + } + + 1% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, 269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 2% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, 267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 3% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, 265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 4% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, 261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 5% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, 256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 6% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, 251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 7% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, 244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 8% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, 236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 9% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, 227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 10% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, 218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 11% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, 208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 12% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, 196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 13% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, 184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 14% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, 172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 15% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, 158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 16% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, 144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 17% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, 130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 18% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, 114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 19% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, 99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 20% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, 83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 21% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, 67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 22% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, 50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 23% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, 33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 24% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, 16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 25% { + transform: matrix3d(1.23333, 0, 0, 0, 0, 1.23333, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); + z-index: 101; + } + + 26% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, -16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 27% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, -33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 28% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, -50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 29% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, -67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 30% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, -83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 31% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, -99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 32% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, -114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 33% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, -130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 34% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, -144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 35% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, -158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 36% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, -172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 37% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, -184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 38% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, -196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 39% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, -208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 40% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, -218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 41% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, -227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 42% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, -236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 43% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, -244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 44% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, -251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 45% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, -256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 46% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, -261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 47% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, -265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 48% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, -267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 49% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, -269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 50% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, -270, 0, 0, 1); + z-index: 100; + } + + 51% { + transform: matrix3d(0.87907, 0, 0, 0, 0, 0.87907, 0, 0, 0, 0, 1, 0, -269.46722, -6.27905, 0, 1); + z-index: 99.93721; + } + + 52% { + transform: matrix3d(0.85822, 0, 0, 0, 0, 0.85822, 0, 0, 0, 0, 1, 0, -267.87097, -12.53332, 0, 1); + z-index: 99.87467; + } + + 53% { + transform: matrix3d(0.83754, 0, 0, 0, 0, 0.83754, 0, 0, 0, 0, 1, 0, -265.21756, -18.73813, 0, 1); + z-index: 99.81262; + } + + 54% { + transform: matrix3d(0.8171, 0, 0, 0, 0, 0.8171, 0, 0, 0, 0, 1, 0, -261.51745, -24.86899, 0, 1); + z-index: 99.75131; + } + + 55% { + transform: matrix3d(0.79699, 0, 0, 0, 0, 0.79699, 0, 0, 0, 0, 1, 0, -256.78526, -30.9017, 0, 1); + z-index: 99.69098; + } + + 56% { + transform: matrix3d(0.77729, 0, 0, 0, 0, 0.77729, 0, 0, 0, 0, 1, 0, -251.03965, -36.81246, 0, 1); + z-index: 99.63188; + } + + 57% { + transform: matrix3d(0.75807, 0, 0, 0, 0, 0.75807, 0, 0, 0, 0, 1, 0, -244.3033, -42.57793, 0, 1); + z-index: 99.57422; + } + + 58% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, -236.6028, -48.17537, 0, 1); + z-index: 99.51825; + } + + 59% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, -227.96854, -53.58268, 0, 1); + z-index: 99.46417; + } + + 60% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, -218.43459, -58.77853, 0, 1); + z-index: 99.41221; + } + + 61% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, -208.03857, -63.7424, 0, 1); + z-index: 99.36258; + } + + 62% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, -196.82153, -68.45471, 0, 1); + z-index: 99.31545; + } + + 63% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, -184.82772, -72.89686, 0, 1); + z-index: 99.27103; + } + + 64% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, -172.10447, -77.05132, 0, 1); + z-index: 99.22949; + } + + 65% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, -158.70201, -80.9017, 0, 1); + z-index: 99.19098; + } + + 66% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, -144.67323, -84.43279, 0, 1); + z-index: 99.15567; + } + + 67% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, -130.07348, -87.63067, 0, 1); + z-index: 99.12369; + } + + 68% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, -114.96039, -90.4827, 0, 1); + z-index: 99.09517; + } + + 69% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, -99.39361, -92.97765, 0, 1); + z-index: 99.07022; + } + + 70% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, -83.43456, -95.10565, 0, 1); + z-index: 99.04894; + } + + 71% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, -67.14622, -96.85831, 0, 1); + z-index: 99.03142; + } + + 72% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, -50.59289, -98.22872, 0, 1); + z-index: 99.01771; + } + + 73% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, -33.83989, -99.21146, 0, 1); + z-index: 99.00789; + } + + 74% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, -16.95333, -99.80266, 0, 1); + z-index: 99.00197; + } + + 75% { + transform: matrix3d(0.56667, 0, 0, 0, 0, 0.56667, 0, 0, 0, 0, 1, 0, 0.00015, -99.99999, 0, 1); + z-index: 99; + } + + 76% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, 16.95364, -99.80266, 0, 1); + z-index: 99.00197; + } + + 77% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, 33.84024, -99.21145, 0, 1); + z-index: 99.00789; + } + + 78% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, 50.59331, -98.2287, 0, 1); + z-index: 99.01771; + } + + 79% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, 67.14674, -96.85828, 0, 1); + z-index: 99.03142; + } + + 80% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, 83.4352, -95.1056, 0, 1); + z-index: 99.04894; + } + + 81% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, 99.39444, -92.97758, 0, 1); + z-index: 99.07022; + } + + 82% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, 114.96147, -90.48262, 0, 1); + z-index: 99.09517; + } + + 83% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, 130.07487, -87.63055, 0, 1); + z-index: 99.12369; + } + + 84% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, 144.67503, -84.43264, 0, 1); + z-index: 99.15567; + } + + 85% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, 158.70434, -80.9015, 0, 1); + z-index: 99.19099; + } + + 86% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, 172.10748, -77.05106, 0, 1); + z-index: 99.22949; + } + + 87% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, 184.83158, -72.89652, 0, 1); + z-index: 99.27103; + } + + 88% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, 196.82649, -68.45427, 0, 1); + z-index: 99.31546; + } + + 89% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, 208.04493, -63.74182, 0, 1); + z-index: 99.36258; + } + + 90% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, 218.4427, -58.77778, 0, 1); + z-index: 99.41222; + } + + 91% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, 227.97887, -53.58172, 0, 1); + z-index: 99.46418; + } + + 92% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, 236.61593, -48.17414, 0, 1); + z-index: 99.51826; + } + + 93% { + transform: matrix3d(0.75808, 0, 0, 0, 0, 0.75808, 0, 0, 0, 0, 1, 0, 244.31993, -42.57636, 0, 1); + z-index: 99.57424; + } + + 94% { + transform: matrix3d(0.7773, 0, 0, 0, 0, 0.7773, 0, 0, 0, 0, 1, 0, 251.06067, -36.81045, 0, 1); + z-index: 99.6319; + } + + 95% { + transform: matrix3d(0.797, 0, 0, 0, 0, 0.797, 0, 0, 0, 0, 1, 0, 256.81175, -30.89914, 0, 1); + z-index: 99.69101; + } + + 96% { + transform: matrix3d(0.81711, 0, 0, 0, 0, 0.81711, 0, 0, 0, 0, 1, 0, 261.55076, -24.86574, 0, 1); + z-index: 99.75134; + } + + 97% { + transform: matrix3d(0.83755, 0, 0, 0, 0, 0.83755, 0, 0, 0, 0, 1, 0, 265.25934, -18.73401, 0, 1); + z-index: 99.81266; + } + + 98% { + transform: matrix3d(0.85824, 0, 0, 0, 0, 0.85824, 0, 0, 0, 0, 1, 0, 267.92326, -12.52811, 0, 1); + z-index: 99.87472; + } + + 99% { + transform: matrix3d(0.87909, 0, 0, 0, 0, 0.87909, 0, 0, 0, 0, 1, 0, 269.5325, -6.27248, 0, 1); + z-index: 99.93728; + } + + 100% { + transform: matrix3d(0.90003, 0, 0, 0, 0, 0.90003, 0, 0, 0, 0, 1, 0, 270.08133, 0.00827, 0, 1); + z-index: 100.00008; + } +} + +/* // 旋转动画6 */ +@keyframes rotate6 { + 0% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, -16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 1% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, -33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 2% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, -50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 3% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, -67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 4% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, -83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 5% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, -99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 6% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, -114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 7% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, -130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 8% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, -144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 9% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, -158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 10% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, -172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 11% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, -184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 12% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, -196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 13% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, -208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 14% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, -218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 15% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, -227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 16% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, -236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 17% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, -244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 18% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, -251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 19% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, -256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 20% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, -261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 21% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, -265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 22% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, -267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 23% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, -269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 24% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, -270, 0, 0, 1); + z-index: 100; + } + + 25% { + transform: matrix3d(0.87907, 0, 0, 0, 0, 0.87907, 0, 0, 0, 0, 1, 0, -269.46722, -6.27905, 0, 1); + z-index: 99.93721; + } + + 26% { + transform: matrix3d(0.85822, 0, 0, 0, 0, 0.85822, 0, 0, 0, 0, 1, 0, -267.87097, -12.53332, 0, 1); + z-index: 99.87467; + } + + 27% { + transform: matrix3d(0.83754, 0, 0, 0, 0, 0.83754, 0, 0, 0, 0, 1, 0, -265.21756, -18.73813, 0, 1); + z-index: 99.81262; + } + + 28% { + transform: matrix3d(0.8171, 0, 0, 0, 0, 0.8171, 0, 0, 0, 0, 1, 0, -261.51745, -24.86899, 0, 1); + z-index: 99.75131; + } + + 29% { + transform: matrix3d(0.79699, 0, 0, 0, 0, 0.79699, 0, 0, 0, 0, 1, 0, -256.78526, -30.9017, 0, 1); + z-index: 99.69098; + } + + 30% { + transform: matrix3d(0.77729, 0, 0, 0, 0, 0.77729, 0, 0, 0, 0, 1, 0, -251.03965, -36.81246, 0, 1); + z-index: 99.63188; + } + + 31% { + transform: matrix3d(0.75807, 0, 0, 0, 0, 0.75807, 0, 0, 0, 0, 1, 0, -244.3033, -42.57793, 0, 1); + z-index: 99.57422; + } + + 32% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, -236.6028, -48.17537, 0, 1); + z-index: 99.51825; + } + + 33% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, -227.96854, -53.58268, 0, 1); + z-index: 99.46417; + } + + 34% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, -218.43459, -58.77853, 0, 1); + z-index: 99.41221; + } + + 35% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, -208.03857, -63.7424, 0, 1); + z-index: 99.36258; + } + + 36% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, -196.82153, -68.45471, 0, 1); + z-index: 99.31545; + } + + 37% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, -184.82772, -72.89686, 0, 1); + z-index: 99.27103; + } + + 38% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, -172.10447, -77.05132, 0, 1); + z-index: 99.22949; + } + + 39% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, -158.70201, -80.9017, 0, 1); + z-index: 99.19098; + } + + 40% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, -144.67323, -84.43279, 0, 1); + z-index: 99.15567; + } + + 41% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, -130.07348, -87.63067, 0, 1); + z-index: 99.12369; + } + + 42% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, -114.96039, -90.4827, 0, 1); + z-index: 99.09517; + } + + 43% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, -99.39361, -92.97765, 0, 1); + z-index: 99.07022; + } + + 44% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, -83.43456, -95.10565, 0, 1); + z-index: 99.04894; + } + + 45% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, -67.14622, -96.85831, 0, 1); + z-index: 99.03142; + } + + 46% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, -50.59289, -98.22872, 0, 1); + z-index: 99.01771; + } + + 47% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, -33.83989, -99.21146, 0, 1); + z-index: 99.00789; + } + + 48% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, -16.95333, -99.80266, 0, 1); + z-index: 99.00197; + } + + 49% { + transform: matrix3d(0.56667, 0, 0, 0, 0, 0.56667, 0, 0, 0, 0, 1, 0, 0.00015, -99.99999, 0, 1); + z-index: 99; + } + + 50% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, 16.95364, -99.80266, 0, 1); + z-index: 99.00197; + } + + 51% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, 33.84024, -99.21145, 0, 1); + z-index: 99.00789; + } + + 52% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, 50.59331, -98.2287, 0, 1); + z-index: 99.01771; + } + + 53% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, 67.14674, -96.85828, 0, 1); + z-index: 99.03142; + } + + 54% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, 83.4352, -95.1056, 0, 1); + z-index: 99.04894; + } + + 55% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, 99.39444, -92.97758, 0, 1); + z-index: 99.07022; + } + + 56% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, 114.96147, -90.48262, 0, 1); + z-index: 99.09517; + } + + 57% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, 130.07487, -87.63055, 0, 1); + z-index: 99.12369; + } + + 58% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, 144.67503, -84.43264, 0, 1); + z-index: 99.15567; + } + + 59% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, 158.70434, -80.9015, 0, 1); + z-index: 99.19099; + } + + 60% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, 172.10748, -77.05106, 0, 1); + z-index: 99.22949; + } + + 61% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, 184.83158, -72.89652, 0, 1); + z-index: 99.27103; + } + + 62% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, 196.82649, -68.45427, 0, 1); + z-index: 99.31546; + } + + 63% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, 208.04493, -63.74182, 0, 1); + z-index: 99.36258; + } + + 64% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, 218.4427, -58.77778, 0, 1); + z-index: 99.41222; + } + + 65% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, 227.97887, -53.58172, 0, 1); + z-index: 99.46418; + } + + 66% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, 236.61593, -48.17414, 0, 1); + z-index: 99.51826; + } + + 67% { + transform: matrix3d(0.75808, 0, 0, 0, 0, 0.75808, 0, 0, 0, 0, 1, 0, 244.31993, -42.57636, 0, 1); + z-index: 99.57424; + } + + 68% { + transform: matrix3d(0.7773, 0, 0, 0, 0, 0.7773, 0, 0, 0, 0, 1, 0, 251.06067, -36.81045, 0, 1); + z-index: 99.6319; + } + + 69% { + transform: matrix3d(0.797, 0, 0, 0, 0, 0.797, 0, 0, 0, 0, 1, 0, 256.81175, -30.89914, 0, 1); + z-index: 99.69101; + } + + 70% { + transform: matrix3d(0.81711, 0, 0, 0, 0, 0.81711, 0, 0, 0, 0, 1, 0, 261.55076, -24.86574, 0, 1); + z-index: 99.75134; + } + + 71% { + transform: matrix3d(0.83755, 0, 0, 0, 0, 0.83755, 0, 0, 0, 0, 1, 0, 265.25934, -18.73401, 0, 1); + z-index: 99.81266; + } + + 72% { + transform: matrix3d(0.85824, 0, 0, 0, 0, 0.85824, 0, 0, 0, 0, 1, 0, 267.92326, -12.52811, 0, 1); + z-index: 99.87472; + } + + 73% { + transform: matrix3d(0.87909, 0, 0, 0, 0, 0.87909, 0, 0, 0, 0, 1, 0, 269.5325, -6.27248, 0, 1); + z-index: 99.93728; + } + + 74% { + transform: matrix3d(0.90003, 0, 0, 0, 0, 0.90003, 0, 0, 0, 0, 1, 0, 270.08133, 0.00827, 0, 1); + z-index: 100.00008; + } + + 75% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 270, 0, 0, 1); + z-index: 100; + } + + 76% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, 269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 77% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, 267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 78% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, 265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 79% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, 261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 80% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, 256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 81% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, 251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 82% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, 244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 83% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, 236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 84% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, 227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 85% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, 218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 86% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, 208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 87% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, 196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 88% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, 184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 89% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, 172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 90% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, 158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 91% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, 144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 92% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, 130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 93% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, 114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 94% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, 99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 95% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, 83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 96% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, 67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 97% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, 50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 98% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, 33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 99% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, 16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 100% { + transform: matrix3d(1.23333, 0, 0, 0, 0, 1.23333, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); + z-index: 101; + } +} + +/* // 旋转动画7 */ +@keyframes rotate7 { + 0% { + transform: matrix3d(0.85822, 0, 0, 0, 0, 0.85822, 0, 0, 0, 0, 1, 0, -267.87097, -12.53332, 0, 1); + z-index: 99.87467; + } + + 1% { + transform: matrix3d(0.83754, 0, 0, 0, 0, 0.83754, 0, 0, 0, 0, 1, 0, -265.21756, -18.73813, 0, 1); + z-index: 99.81262; + } + + 2% { + transform: matrix3d(0.8171, 0, 0, 0, 0, 0.8171, 0, 0, 0, 0, 1, 0, -261.51745, -24.86899, 0, 1); + z-index: 99.75131; + } + + 3% { + transform: matrix3d(0.79699, 0, 0, 0, 0, 0.79699, 0, 0, 0, 0, 1, 0, -256.78526, -30.9017, 0, 1); + z-index: 99.69098; + } + + 4% { + transform: matrix3d(0.77729, 0, 0, 0, 0, 0.77729, 0, 0, 0, 0, 1, 0, -251.03965, -36.81246, 0, 1); + z-index: 99.63188; + } + + 5% { + transform: matrix3d(0.75807, 0, 0, 0, 0, 0.75807, 0, 0, 0, 0, 1, 0, -244.3033, -42.57793, 0, 1); + z-index: 99.57422; + } + + 6% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, -236.6028, -48.17537, 0, 1); + z-index: 99.51825; + } + + 7% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, -227.96854, -53.58268, 0, 1); + z-index: 99.46417; + } + + 8% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, -218.43459, -58.77853, 0, 1); + z-index: 99.41221; + } + + 9% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, -208.03857, -63.7424, 0, 1); + z-index: 99.36258; + } + + 10% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, -196.82153, -68.45471, 0, 1); + z-index: 99.31545; + } + + 11% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, -184.82772, -72.89686, 0, 1); + z-index: 99.27103; + } + + 12% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, -172.10447, -77.05132, 0, 1); + z-index: 99.22949; + } + + 13% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, -158.70201, -80.9017, 0, 1); + z-index: 99.19098; + } + + 14% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, -144.67323, -84.43279, 0, 1); + z-index: 99.15567; + } + + 15% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, -130.07348, -87.63067, 0, 1); + z-index: 99.12369; + } + + 16% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, -114.96039, -90.4827, 0, 1); + z-index: 99.09517; + } + + 17% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, -99.39361, -92.97765, 0, 1); + z-index: 99.07022; + } + + 18% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, -83.43456, -95.10565, 0, 1); + z-index: 99.04894; + } + + 19% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, -67.14622, -96.85831, 0, 1); + z-index: 99.03142; + } + + 20% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, -50.59289, -98.22872, 0, 1); + z-index: 99.01771; + } + + 21% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, -33.83989, -99.21146, 0, 1); + z-index: 99.00789; + } + + 22% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, -16.95333, -99.80266, 0, 1); + z-index: 99.00197; + } + + 23% { + transform: matrix3d(0.56667, 0, 0, 0, 0, 0.56667, 0, 0, 0, 0, 1, 0, 0.00015, -99.99999, 0, 1); + z-index: 99; + } + + 24% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, 16.95364, -99.80266, 0, 1); + z-index: 99.00197; + } + + 25% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, 33.84024, -99.21145, 0, 1); + z-index: 99.00789; + } + + 26% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, 50.59331, -98.2287, 0, 1); + z-index: 99.01771; + } + + 27% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, 67.14674, -96.85828, 0, 1); + z-index: 99.03142; + } + + 28% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, 83.4352, -95.1056, 0, 1); + z-index: 99.04894; + } + + 29% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, 99.39444, -92.97758, 0, 1); + z-index: 99.07022; + } + + 30% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, 114.96147, -90.48262, 0, 1); + z-index: 99.09517; + } + + 31% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, 130.07487, -87.63055, 0, 1); + z-index: 99.12369; + } + + 32% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, 144.67503, -84.43264, 0, 1); + z-index: 99.15567; + } + + 33% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, 158.70434, -80.9015, 0, 1); + z-index: 99.19099; + } + + 34% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, 172.10748, -77.05106, 0, 1); + z-index: 99.22949; + } + + 35% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, 184.83158, -72.89652, 0, 1); + z-index: 99.27103; + } + + 36% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, 196.82649, -68.45427, 0, 1); + z-index: 99.31546; + } + + 37% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, 208.04493, -63.74182, 0, 1); + z-index: 99.36258; + } + + 38% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, 218.4427, -58.77778, 0, 1); + z-index: 99.41222; + } + + 39% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, 227.97887, -53.58172, 0, 1); + z-index: 99.46418; + } + + 40% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, 236.61593, -48.17414, 0, 1); + z-index: 99.51826; + } + + 41% { + transform: matrix3d(0.75808, 0, 0, 0, 0, 0.75808, 0, 0, 0, 0, 1, 0, 244.31993, -42.57636, 0, 1); + z-index: 99.57424; + } + + 42% { + transform: matrix3d(0.7773, 0, 0, 0, 0, 0.7773, 0, 0, 0, 0, 1, 0, 251.06067, -36.81045, 0, 1); + z-index: 99.6319; + } + + 43% { + transform: matrix3d(0.797, 0, 0, 0, 0, 0.797, 0, 0, 0, 0, 1, 0, 256.81175, -30.89914, 0, 1); + z-index: 99.69101; + } + + 44% { + transform: matrix3d(0.81711, 0, 0, 0, 0, 0.81711, 0, 0, 0, 0, 1, 0, 261.55076, -24.86574, 0, 1); + z-index: 99.75134; + } + + 45% { + transform: matrix3d(0.83755, 0, 0, 0, 0, 0.83755, 0, 0, 0, 0, 1, 0, 265.25934, -18.73401, 0, 1); + z-index: 99.81266; + } + + 46% { + transform: matrix3d(0.85824, 0, 0, 0, 0, 0.85824, 0, 0, 0, 0, 1, 0, 267.92326, -12.52811, 0, 1); + z-index: 99.87472; + } + + 47% { + transform: matrix3d(0.87909, 0, 0, 0, 0, 0.87909, 0, 0, 0, 0, 1, 0, 269.5325, -6.27248, 0, 1); + z-index: 99.93728; + } + + 48% { + transform: matrix3d(0.90003, 0, 0, 0, 0, 0.90003, 0, 0, 0, 0, 1, 0, 270.08133, 0.00827, 0, 1); + z-index: 100.00008; + } + + 49% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 270, 0, 0, 1); + z-index: 100; + } + + 50% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, 269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 51% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, 267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 52% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, 265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 53% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, 261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 54% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, 256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 55% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, 251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 56% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, 244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 57% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, 236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 58% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, 227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 59% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, 218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 60% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, 208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 61% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, 196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 62% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, 184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 63% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, 172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 64% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, 158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 65% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, 144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 66% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, 130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 67% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, 114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 68% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, 99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 69% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, 83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 70% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, 67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 71% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, 50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 72% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, 33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 73% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, 16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 74% { + transform: matrix3d(1.23333, 0, 0, 0, 0, 1.23333, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); + z-index: 101; + } + + 75% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, -16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 76% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, -33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 77% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, -50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 78% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, -67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 79% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, -83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 80% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, -99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 81% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, -114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 82% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, -130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 83% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, -144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 84% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, -158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 85% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, -172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 86% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, -184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 87% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, -196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 88% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, -208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 89% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, -218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 90% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, -227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 91% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, -236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 92% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, -244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 93% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, -251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 94% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, -256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 95% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, -261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 96% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, -265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 97% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, -267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 98% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, -269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 99% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, -270, 0, 0, 1); + z-index: 100; + } + + 100% { + transform: matrix3d(0.87907, 0, 0, 0, 0, 0.87907, 0, 0, 0, 0, 1, 0, -269.46722, -6.27905, 0, 1); + z-index: 99.93721; + } + +} + +/* // 旋转动画8 */ +@keyframes rotate8 { + 0% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, 50.59331, -98.2287, 0, 1); + z-index: 99.01771; + } + + 1% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, 67.14674, -96.85828, 0, 1); + z-index: 99.03142; + } + + 2% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, 83.4352, -95.1056, 0, 1); + z-index: 99.04894; + } + + 3% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, 99.39444, -92.97758, 0, 1); + z-index: 99.07022; + } + + 4% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, 114.96147, -90.48262, 0, 1); + z-index: 99.09517; + } + + 5% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, 130.07487, -87.63055, 0, 1); + z-index: 99.12369; + } + + 6% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, 144.67503, -84.43264, 0, 1); + z-index: 99.15567; + } + + 7% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, 158.70434, -80.9015, 0, 1); + z-index: 99.19099; + } + + 8% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, 172.10748, -77.05106, 0, 1); + z-index: 99.22949; + } + + 9% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, 184.83158, -72.89652, 0, 1); + z-index: 99.27103; + } + + 10% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, 196.82649, -68.45427, 0, 1); + z-index: 99.31546; + } + + 11% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, 208.04493, -63.74182, 0, 1); + z-index: 99.36258; + } + + 12% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, 218.4427, -58.77778, 0, 1); + z-index: 99.41222; + } + + 13% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, 227.97887, -53.58172, 0, 1); + z-index: 99.46418; + } + + 14% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, 236.61593, -48.17414, 0, 1); + z-index: 99.51826; + } + + 15% { + transform: matrix3d(0.75808, 0, 0, 0, 0, 0.75808, 0, 0, 0, 0, 1, 0, 244.31993, -42.57636, 0, 1); + z-index: 99.57424; + } + + 16% { + transform: matrix3d(0.7773, 0, 0, 0, 0, 0.7773, 0, 0, 0, 0, 1, 0, 251.06067, -36.81045, 0, 1); + z-index: 99.6319; + } + + 17% { + transform: matrix3d(0.797, 0, 0, 0, 0, 0.797, 0, 0, 0, 0, 1, 0, 256.81175, -30.89914, 0, 1); + z-index: 99.69101; + } + + 18% { + transform: matrix3d(0.81711, 0, 0, 0, 0, 0.81711, 0, 0, 0, 0, 1, 0, 261.55076, -24.86574, 0, 1); + z-index: 99.75134; + } + + 19% { + transform: matrix3d(0.83755, 0, 0, 0, 0, 0.83755, 0, 0, 0, 0, 1, 0, 265.25934, -18.73401, 0, 1); + z-index: 99.81266; + } + + 20% { + transform: matrix3d(0.85824, 0, 0, 0, 0, 0.85824, 0, 0, 0, 0, 1, 0, 267.92326, -12.52811, 0, 1); + z-index: 99.87472; + } + + 21% { + transform: matrix3d(0.87909, 0, 0, 0, 0, 0.87909, 0, 0, 0, 0, 1, 0, 269.5325, -6.27248, 0, 1); + z-index: 99.93728; + } + + 22% { + transform: matrix3d(0.90003, 0, 0, 0, 0, 0.90003, 0, 0, 0, 0, 1, 0, 270.08133, 0.00827, 0, 1); + z-index: 100.00008; + } + + 23% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 270, 0, 0, 1); + z-index: 100; + } + + 24% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, 269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 25% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, 267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 26% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, 265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 27% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, 261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 28% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, 256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 29% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, 251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 30% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, 244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 31% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, 236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 32% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, 227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 33% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, 218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 34% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, 208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 35% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, 196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 36% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, 184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 37% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, 172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 38% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, 158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 39% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, 144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 40% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, 130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 41% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, 114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 42% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, 99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 43% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, 83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 44% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, 67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 45% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, 50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 46% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, 33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 47% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, 16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 48% { + transform: matrix3d(1.23333, 0, 0, 0, 0, 1.23333, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1); + z-index: 101; + } + + 49% { + transform: matrix3d(1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, -16.95344, 99.80267, 0, 1); + z-index: 100.99803; + } + + 50% { + transform: matrix3d(1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, -33.83997, 99.21147, 0, 1); + z-index: 100.99211; + } + + 51% { + transform: matrix3d(1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, -50.59295, 98.22873, 0, 1); + z-index: 100.98229; + } + + 52% { + transform: matrix3d(1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, -67.14627, 96.85832, 0, 1); + z-index: 100.96858; + } + + 53% { + transform: matrix3d(1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, -83.43459, 95.10565, 0, 1); + z-index: 100.95106; + } + + 54% { + transform: matrix3d(1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, -99.39363, 92.97765, 0, 1); + z-index: 100.92978; + } + + 55% { + transform: matrix3d(1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, -114.96041, 90.48271, 0, 1); + z-index: 100.90483; + } + + 56% { + transform: matrix3d(1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, -130.07349, 87.63067, 0, 1); + z-index: 100.87631; + } + + 57% { + transform: matrix3d(1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, -144.67323, 84.43279, 0, 1); + z-index: 100.84433; + } + + 58% { + transform: matrix3d(1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, -158.70202, 80.9017, 0, 1); + z-index: 100.80902; + } + + 59% { + transform: matrix3d(1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, -172.10448, 77.05132, 0, 1); + z-index: 100.77051; + } + + 60% { + transform: matrix3d(1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, -184.82772, 72.89686, 0, 1); + z-index: 100.72897; + } + + 61% { + transform: matrix3d(1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, -196.82153, 68.45471, 0, 1); + z-index: 100.68455; + } + + 62% { + transform: matrix3d(1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, -208.03858, 63.7424, 0, 1); + z-index: 100.63742; + } + + 63% { + transform: matrix3d(1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, -218.43459, 58.77853, 0, 1); + z-index: 100.58779; + } + + 64% { + transform: matrix3d(1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, -227.96854, 53.58268, 0, 1); + z-index: 100.53583; + } + + 65% { + transform: matrix3d(1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, -236.6028, 48.17537, 0, 1); + z-index: 100.48175; + } + + 66% { + transform: matrix3d(1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, -244.3033, 42.57793, 0, 1); + z-index: 100.42578; + } + + 67% { + transform: matrix3d(1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, -251.03965, 36.81246, 0, 1); + z-index: 100.36812; + } + + 68% { + transform: matrix3d(1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, -256.78526, 30.9017, 0, 1); + z-index: 100.30902; + } + + 69% { + transform: matrix3d(0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, -261.51745, 24.86899, 0, 1); + z-index: 100.24869; + } + + 70% { + transform: matrix3d(0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, -265.21756, 18.73813, 0, 1); + z-index: 100.18738; + } + + 71% { + transform: matrix3d(0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, -267.87097, 12.53332, 0, 1); + z-index: 100.12533; + } + + 72% { + transform: matrix3d(0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, -269.46722, 6.27905, 0, 1); + z-index: 100.06279; + } + + 73% { + transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, -270, 0, 0, 1); + z-index: 100; + } + + 74% { + transform: matrix3d(0.87907, 0, 0, 0, 0, 0.87907, 0, 0, 0, 0, 1, 0, -269.46722, -6.27905, 0, 1); + z-index: 99.93721; + } + + 75% { + transform: matrix3d(0.85822, 0, 0, 0, 0, 0.85822, 0, 0, 0, 0, 1, 0, -267.87097, -12.53332, 0, 1); + z-index: 99.87467; + } + + 76% { + transform: matrix3d(0.83754, 0, 0, 0, 0, 0.83754, 0, 0, 0, 0, 1, 0, -265.21756, -18.73813, 0, 1); + z-index: 99.81262; + } + + 77% { + transform: matrix3d(0.8171, 0, 0, 0, 0, 0.8171, 0, 0, 0, 0, 1, 0, -261.51745, -24.86899, 0, 1); + z-index: 99.75131; + } + + 78% { + transform: matrix3d(0.79699, 0, 0, 0, 0, 0.79699, 0, 0, 0, 0, 1, 0, -256.78526, -30.9017, 0, 1); + z-index: 99.69098; + } + + 79% { + transform: matrix3d(0.77729, 0, 0, 0, 0, 0.77729, 0, 0, 0, 0, 1, 0, -251.03965, -36.81246, 0, 1); + z-index: 99.63188; + } + + 80% { + transform: matrix3d(0.75807, 0, 0, 0, 0, 0.75807, 0, 0, 0, 0, 1, 0, -244.3033, -42.57793, 0, 1); + z-index: 99.57422; + } + + 81% { + transform: matrix3d(0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, -236.6028, -48.17537, 0, 1); + z-index: 99.51825; + } + + 82% { + transform: matrix3d(0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, -227.96854, -53.58268, 0, 1); + z-index: 99.46417; + } + + 83% { + transform: matrix3d(0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, -218.43459, -58.77853, 0, 1); + z-index: 99.41221; + } + + 84% { + transform: matrix3d(0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, -208.03857, -63.7424, 0, 1); + z-index: 99.36258; + } + + 85% { + transform: matrix3d(0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, -196.82153, -68.45471, 0, 1); + z-index: 99.31545; + } + + 86% { + transform: matrix3d(0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, -184.82772, -72.89686, 0, 1); + z-index: 99.27103; + } + + 87% { + transform: matrix3d(0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, -172.10447, -77.05132, 0, 1); + z-index: 99.22949; + } + + 88% { + transform: matrix3d(0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, -158.70201, -80.9017, 0, 1); + z-index: 99.19098; + } + + 89% { + transform: matrix3d(0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, -144.67323, -84.43279, 0, 1); + z-index: 99.15567; + } + + 90% { + transform: matrix3d(0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, -130.07348, -87.63067, 0, 1); + z-index: 99.12369; + } + + 91% { + transform: matrix3d(0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, -114.96039, -90.4827, 0, 1); + z-index: 99.09517; + } + + 92% { + transform: matrix3d(0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, -99.39361, -92.97765, 0, 1); + z-index: 99.07022; + } + + 93% { + transform: matrix3d(0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, -83.43456, -95.10565, 0, 1); + z-index: 99.04894; + } + + 94% { + transform: matrix3d(0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, -67.14622, -96.85831, 0, 1); + z-index: 99.03142; + } + + 95% { + transform: matrix3d(0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, -50.59289, -98.22872, 0, 1); + z-index: 99.01771; + } + + 96% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, -33.83989, -99.21146, 0, 1); + z-index: 99.00789; + } + + 97% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, -16.95333, -99.80266, 0, 1); + z-index: 99.00197; + } + + 98% { + transform: matrix3d(0.56667, 0, 0, 0, 0, 0.56667, 0, 0, 0, 0, 1, 0, 0.00015, -99.99999, 0, 1); + z-index: 99; + } + + 99% { + transform: matrix3d(0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, 16.95364, -99.80266, 0, 1); + z-index: 99.00197; + } + + 100% { + transform: matrix3d(0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, 33.84024, -99.21145, 0, 1); + z-index: 99.00789; + } +} \ No newline at end of file diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index b3bbf31..992cede 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -451,3 +451,64 @@ table th { .el-dialog .el-row .el-date-editor{ width: 100% !important; } + +// 原生table +.analysis-table { + width: 100%; + overflow-x: auto; +} +.analysis-table table { + border-collapse: collapse; + /* 合并边框 */ + width: 100%; +} +.analysis-table table thead { + width: 100%; +} +.analysis-table table thead th { + padding: 0 0.25rem; +} +.analysis-table th { + height: 50px; + /* 设置高度 */ + border: 1px solid #719eb2; + /* 设置边框 */ + text-align: center; + /* 水平居中 */ + color: #147cde; + background-color: #00477d; + font-size: 16px; +} +.analysis-table td { + padding: 0 0.25rem; + white-space: nowrap; + border: 1px solid #719eb2; + /* 设置边框 */ + text-align: center; + /* 水平居中 */ + font-size: 16px; + color: #ffffff; +} +.analysis-table tr td { + padding: 0.15rem 0.19rem; + color: #e2f3ff; +} +/* 修改水平滚动条样式 */ +.analysis-table::-webkit-scrollbar { + width: 8px; + /* 设置滚动条宽度 */ + // background-color: #517f82; + /* 设置滚动条背景颜色 */ +} +.analysis-table::-webkit-scrollbar-thumb { + background-color: rgb(21, 50, 104); + /* 设置滑块颜色 */ +} +.analysis-table::-webkit-scrollbar-thumb:hover { + background-color: rgb(38, 75, 143); + /* 设置滑块颜色 */ +} +.analysis-table::-webkit-scrollbar-track { + background-color: #002249; + /* 设置滑道颜色 */ +} diff --git a/src/main.js b/src/main.js index 4d90c83..53c2907 100644 --- a/src/main.js +++ b/src/main.js @@ -8,6 +8,7 @@ import './assets/styles/element-variables.scss' import '@/assets/styles/index.scss' // global css import '@/assets/styles/ruoyi.scss' // ruoyi css import '@/assets/fonts/fonts.css' //字体css +import '@/assets/styles/energy.css' import App from './App' import store from './store' import router from './router' diff --git a/src/utils/datetime.js b/src/utils/datetime.js index cbbca87..406e846 100644 --- a/src/utils/datetime.js +++ b/src/utils/datetime.js @@ -21,6 +21,14 @@ export function formatDay (datetime) { return formatWithSeperator2(datetime, "-", ":"); } +/** + * 时间格式化 + * 将 2018-09-23T11:54:16.000+0000 格式化成 2018/09/23 11:54:16 + * @param datetime 国际化日期格式 + */ +export function format2(datetime) { + return formatWithSeperator3(datetime, "-", ":"); +} /** * 时间格式化 * 将 2018-09-23T11:54:16.000+0000 格式化成类似 2018/09/23 11:54:16 @@ -89,6 +97,36 @@ export function formatWithSeperator2 (datetime, dateSeprator, timeSeprator) { return timeFormat; } } +export function formatWithSeperator3(datetime, dateSeprator, timeSeprator) { + if (datetime != null) { + const dateMat = new Date(datetime); + const year = dateMat.getFullYear(); + let month = dateMat.getMonth() + 1; + // 小于时的加多一个0 不然就是9和09的区别 使用let，const报错 + if (month < 10) { + month = "0" + month; + } + let day = dateMat.getDate(); + if (day < 10) { + day = "0" + day; + } + let hh = dateMat.getHours(); + if (hh < 10) { + hh = "0" + hh; + } + let mm = dateMat.getMinutes(); + if (mm < 10) { + mm = "0" + mm; + } + let ss = dateMat.getSeconds(); + if (ss < 10) { + ss = "0" + ss; + } + const timeFormat = year + dateSeprator + month + dateSeprator + day + " " + hh + timeSeprator + mm + timeSeprator + ss; + + return timeFormat; + } +} /* 昨天 今天 this.getDay(-1)昨天 this.getDay(0)今天*/ export function getDay(day) { diff --git a/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue b/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue new file mode 100644 index 0000000..dc26fc9 --- /dev/null +++ b/src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue @@ -0,0 +1,714 @@ + + + + + diff --git a/src/views/centerairC/enSourceAnalysis/components/equipment.vue b/src/views/centerairC/enSourceAnalysis/components/equipment.vue new file mode 100644 index 0000000..5de5ad6 --- /dev/null +++ b/src/views/centerairC/enSourceAnalysis/components/equipment.vue @@ -0,0 +1,816 @@ + + + + + diff --git a/src/views/centerairC/enSourceAnalysis/components/machineChart.vue b/src/views/centerairC/enSourceAnalysis/components/machineChart.vue new file mode 100644 index 0000000..f775aec --- /dev/null +++ b/src/views/centerairC/enSourceAnalysis/components/machineChart.vue @@ -0,0 +1,218 @@ + + + + + diff --git a/src/views/centerairC/enSourceAnalysis/components/machineRoom.vue b/src/views/centerairC/enSourceAnalysis/components/machineRoom.vue new file mode 100644 index 0000000..140cacc --- /dev/null +++ b/src/views/centerairC/enSourceAnalysis/components/machineRoom.vue @@ -0,0 +1,638 @@ + + + + diff --git a/src/views/centerairC/enSourceAnalysis/index.vue b/src/views/centerairC/enSourceAnalysis/index.vue new file mode 100644 index 0000000..3fb881d --- /dev/null +++ b/src/views/centerairC/enSourceAnalysis/index.vue @@ -0,0 +1,97 @@ + + + + + + diff --git a/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue b/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue new file mode 100644 index 0000000..ef6e728 --- /dev/null +++ b/src/views/centerairC/energyAnalysis/components/energyAnalysis.vue @@ -0,0 +1,835 @@ + + + + + diff --git a/src/views/centerairC/energyAnalysis/components/qnqAnalysis.vue b/src/views/centerairC/energyAnalysis/components/qnqAnalysis.vue new file mode 100644 index 0000000..543927b --- /dev/null +++ b/src/views/centerairC/energyAnalysis/components/qnqAnalysis.vue @@ -0,0 +1,904 @@ + + + + + diff --git a/src/views/centerairC/energyAnalysis/components/ynyAnalysis.vue b/src/views/centerairC/energyAnalysis/components/ynyAnalysis.vue new file mode 100644 index 0000000..24f1868 --- /dev/null +++ b/src/views/centerairC/energyAnalysis/components/ynyAnalysis.vue @@ -0,0 +1,917 @@ + + + + + diff --git a/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue b/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue new file mode 100644 index 0000000..2f03570 --- /dev/null +++ b/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue @@ -0,0 +1,1009 @@ + + + + + diff --git a/src/views/centerairC/energyAnalysis/index.vue b/src/views/centerairC/energyAnalysis/index.vue new file mode 100644 index 0000000..4ca8403 --- /dev/null +++ b/src/views/centerairC/energyAnalysis/index.vue @@ -0,0 +1,91 @@ + + + + + + diff --git a/src/views/centerairC/overview/index.vue b/src/views/centerairC/overview/index.vue new file mode 100644 index 0000000..d74411e --- /dev/null +++ b/src/views/centerairC/overview/index.vue @@ -0,0 +1,1000 @@ + + + + + diff --git a/src/views/region/index.vue b/src/views/region/index.vue index 33afd98..0da9428 100644 --- a/src/views/region/index.vue +++ b/src/views/region/index.vue @@ -116,6 +116,14 @@ + + +