diff --git a/src/views/screen/components/AccessSituation.vue b/src/views/screen/components/AccessSituation.vue
new file mode 100644
index 0000000..604a965
--- /dev/null
+++ b/src/views/screen/components/AccessSituation.vue
@@ -0,0 +1,2003 @@
+<template>
+    <div class="total">
+        <div class="sphere">
+            <div class="sphere-bg" />
+            <div class="sum">
+                <span>接入数/接入总数</span>
+                <p>{{ accessNum }}/{{ accessTotalNum }}</p>
+            </div>
+        </div>
+        <div class="cicle3" />
+        <div class="cicle4" />
+        <div class="cicle5" />
+        <div class="cicle6" />
+        <div class="cicle7" />
+        <div
+            v-for="(item, index) in list"
+            :key="index"
+            :class="['content-box', `box-${item.boxNumber}`]"
+            :style="{ 'margin-top': `${item.marginTop}px` }"
+        >
+            <div>
+                <h4>{{ item.desc }}</h4>
+                <p>{{ item.count }}/{{ item.total }}</p>
+            </div>
+            <div class="cicle_bg">
+                <span>{{ Math.round((item.count / item.total) * 100) }}%</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const accessNum = ref(0);
+const accessTotalNum = ref(0);
+const list = ref([]);
+
+const getAccessSituationData = () => {
+    console.log('执行请求AccessSituation');
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve([
+                {
+                    // 机构名称
+                    desc: '机构一',
+                    // 机构主机接入数量
+                    count: 9,
+                    // 机构主机总数量
+                    total: 9,
+                    // 机构排序数字
+                    sortNum: 0,
+                },
+                {
+                    desc: '机构二',
+                    count: 14,
+                    total: 15,
+                    sortNum: 1,
+                },
+                {
+                    desc: '机构三',
+                    count: 14,
+                    total: 15,
+                    sortNum: 2,
+                },
+                {
+                    desc: '机构四',
+                    count: 14,
+                    total: 15,
+                    sortNum: 3,
+                },
+                {
+                    desc: '机构五',
+                    count: 14,
+                    total: 15,
+                    sortNum: 4,
+                },
+                {
+                    desc: '机构六',
+                    count: 14,
+                    total: 15,
+                    sortNum: 5,
+                },
+            ]);
+        }, 1000);
+    });
+};
+
+const initFN = () => {
+    getAccessSituationData().then((result = []) => {
+        // 接入数
+        accessNum.value = result.reduce((acc, cur) => acc + cur.count, 0);
+        // 接入总数
+        accessTotalNum.value = result.reduce((acc, cur) => acc + cur.total, 0);
+
+        result.forEach((item, index) => {
+            // 排序数字格式化
+            item.sort = (index + 1).toString().padStart(2, '0');
+            item.boxNumber = result.length == 2 && index == 1 ? '3' : index + 1;
+            if (result.length <= 4) {
+                item.marginTop = 0;
+            } else {
+                item.marginTop = index < 4 ? 50 : -70;
+            }
+        });
+
+        list.value = result;
+    });
+};
+
+defineExpose({
+    name: 'AccessSituation',
+    init: initFN,
+});
+</script>
+
+<style lang="scss" scoped>
+.total {
+    width: 100%;
+    height: 100%;
+    float: left;
+    position: relative;
+    margin-top: -8%;
+}
+.total .rain {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: -1;
+}
+.total .data1,
+.total .data2,
+.total .data3,
+.total .data4 {
+    width: 8rem;
+    height: 4rem;
+    position: absolute;
+}
+.total .data1 span,
+.total .data2 span,
+.total .data3 span,
+.total .data4 span {
+    color: #0ac1c7;
+    font-size: 0.8rem;
+}
+.total .data1 p,
+.total .data2 p,
+.total .data3 p,
+.total .data4 p {
+    font-size: 1.5rem;
+    color: #f29701;
+}
+.total .data1 {
+    left: 10%;
+    top: 12%;
+}
+.total .data2 {
+    left: 42%;
+    top: 3%;
+}
+.total .data3 {
+    left: 62%;
+    top: 5%;
+}
+.total .data4 {
+    left: 73%;
+    top: 28%;
+}
+.total .dashed {
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+.total .sphere {
+    width: 20rem;
+    height: 20rem;
+    position: relative;
+    margin: 14% auto 0;
+}
+.total .sphere .sphere-bg {
+    position: absolute;
+    z-index: 100;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: url(../img/earth/53earth.png) no-repeat center;
+    background-size: contain;
+}
+.total .sphere .sum {
+    position: absolute;
+    z-index: 100;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: url(../img/earth/53cloud.png) no-repeat center;
+    background-size: 55%;
+}
+.total .sphere .sum span {
+    display: block;
+    margin-top: 32%;
+    padding-left: 32%;
+    color: #005a79;
+    font-size: 0.9rem;
+}
+.total .sphere .sum p {
+    margin-top: -2%;
+    text-align: center;
+    color: #003c63;
+    font-size: 2rem;
+}
+.total .cicle3 {
+    width: 35rem;
+    height: 35rem;
+    background: url(../img/earth/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;
+}
+.total .cicle4 {
+    width: 15rem;
+    height: 15rem;
+    position: absolute;
+    top: 60%;
+    left: 50%;
+    transform-style: preserve-3d;
+    background: url(../img/earth/53gqright.png) no-repeat center;
+    background-size: 100%;
+    transform: translateX(-50%) rotateX(75deg);
+    animation: rotate3 2s linear infinite;
+}
+.total .cicle5 {
+    width: 15rem;
+    height: 15rem;
+    position: absolute;
+    top: 62%;
+    left: 50%;
+    transform-style: preserve-3d;
+    background: url(../img/earth/53gqleft.png) no-repeat center;
+    background-size: 100%;
+    transform: translateX(-50%) rotateX(75deg);
+    animation: rotate4 2s linear infinite;
+}
+.total .cicle6 {
+    width: 12rem;
+    height: 12rem;
+    position: absolute;
+    top: 70%;
+    left: 50%;
+    transform-style: preserve-3d;
+    background: url(../img/earth/535gqbottomright.png) no-repeat center;
+    background-size: 100%;
+    transform: translateX(-50%) rotateX(75deg);
+    animation: rotate3 2s linear infinite;
+}
+.total .cicle7 {
+    width: 12rem;
+    height: 12rem;
+    position: absolute;
+    top: 72%;
+    left: 50%;
+    transform-style: preserve-3d;
+    background: url(../img/earth/53gqbottomleft.png) no-repeat center;
+    background-size: 100%;
+    transform: translateX(-50%) rotateX(75deg);
+    animation: rotate4 2s linear infinite;
+}
+.total .cicle_bg {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.total .cicle_bg span {
+    display: block;
+    font-size: 1rem;
+}
+.total .cicle_bg p {
+    text-align: center;
+    font-size: 0.7rem;
+}
+.total .cicle_bg {
+    background: url(../img/earth/circle1.png) no-repeat;
+    background-size: 100%;
+    color: #f29701;
+}
+
+.content-box {
+    background: rgba(67, 128, 229, 0.3);
+    width: 180px;
+    height: 60px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 100;
+    margin-left: -75px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #cecece;
+    padding: 10px;
+    border-radius: 5px;
+    box-shadow: 5px 5px 1px 0px rgba(31, 106, 228, 0.1);
+}
+
+.total .content-box:hover {
+    // animation-play-state: paused;
+}
+
+.box-1 {
+    animation: rotate5 20s linear infinite;
+    margin-top: 50px;
+}
+
+.box-2 {
+    animation: rotate6 20s linear infinite;
+    margin-top: 50px;
+}
+
+.box-3 {
+    animation: rotate7 20s linear infinite;
+    margin-top: 50px;
+}
+
+.box-4 {
+    animation: rotate8 20s linear infinite;
+    margin-top: 50px;
+}
+
+.box-5 {
+    animation: rotate5 25s linear infinite;
+    margin-top: -70px;
+}
+
+.box-6 {
+    animation: rotate6 25s linear infinite;
+    margin-top: -70px;
+}
+
+@keyframes rotate {
+    0% {
+        transform: rotate(0);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+@keyframes rotate2 {
+    0% {
+        transform: rotateX(75deg) rotateZ(0);
+    }
+    100% {
+        transform: rotateX(75deg) rotateZ(360deg);
+    }
+}
+@keyframes rotate3 {
+    0% {
+        transform: translateX(-50%) rotateX(75deg) rotateZ(0);
+    }
+    100% {
+        transform: translateX(-50%) rotateX(75deg) rotateZ(360deg);
+    }
+}
+@keyframes rotate4 {
+    0% {
+        transform: translateX(-50%) rotateX(75deg) rotateZ(0);
+    }
+    100% {
+        transform: translateX(-50%) rotateX(75deg) rotateZ(-360deg);
+    }
+}
+@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;
+    }
+}
+@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;
+    }
+}
+@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;
+    }
+}
+@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;
+    }
+}
+</style>
diff --git a/src/views/screen/img/earth/535gqbottomright.png b/src/views/screen/img/earth/535gqbottomright.png
new file mode 100644
index 0000000..853b316
Binary files /dev/null and b/src/views/screen/img/earth/535gqbottomright.png differ
diff --git a/src/views/screen/img/earth/53centercircle.png b/src/views/screen/img/earth/53centercircle.png
new file mode 100644
index 0000000..04f8c9b
Binary files /dev/null and b/src/views/screen/img/earth/53centercircle.png differ
diff --git a/src/views/screen/img/earth/53cloud.png b/src/views/screen/img/earth/53cloud.png
new file mode 100644
index 0000000..a10c6e7
Binary files /dev/null and b/src/views/screen/img/earth/53cloud.png differ
diff --git a/src/views/screen/img/earth/53earth.png b/src/views/screen/img/earth/53earth.png
new file mode 100644
index 0000000..4aa085a
Binary files /dev/null and b/src/views/screen/img/earth/53earth.png differ
diff --git a/src/views/screen/img/earth/53gqbottomleft.png b/src/views/screen/img/earth/53gqbottomleft.png
new file mode 100644
index 0000000..1ae53d5
Binary files /dev/null and b/src/views/screen/img/earth/53gqbottomleft.png differ
diff --git a/src/views/screen/img/earth/53gqleft.png b/src/views/screen/img/earth/53gqleft.png
new file mode 100644
index 0000000..b46bf22
Binary files /dev/null and b/src/views/screen/img/earth/53gqleft.png differ
diff --git a/src/views/screen/img/earth/53gqright.png b/src/views/screen/img/earth/53gqright.png
new file mode 100644
index 0000000..b452755
Binary files /dev/null and b/src/views/screen/img/earth/53gqright.png differ
diff --git a/src/views/screen/img/earth/circle.png b/src/views/screen/img/earth/circle.png
new file mode 100644
index 0000000..75a793f
Binary files /dev/null and b/src/views/screen/img/earth/circle.png differ
diff --git a/src/views/screen/img/earth/circle1.png b/src/views/screen/img/earth/circle1.png
new file mode 100644
index 0000000..4ab89f3
Binary files /dev/null and b/src/views/screen/img/earth/circle1.png differ
diff --git a/src/views/screen/img/earth/circle2.png b/src/views/screen/img/earth/circle2.png
new file mode 100644
index 0000000..0862872
Binary files /dev/null and b/src/views/screen/img/earth/circle2.png differ
diff --git a/src/views/screen/index.vue b/src/views/screen/index.vue
index 1ff7405..e0b6c19 100644
--- a/src/views/screen/index.vue
+++ b/src/views/screen/index.vue
@@ -67,6 +67,7 @@ import ItemWrap from './components/common/item-wrap';
 import AccessStatus from './components/AccessStatus.vue';
 import MajorSystemHealthStatus from './components/MajorSystemHealthStatus.vue';
 import MajorAlert from './components/MajorAlert.vue';
+import AccessSituation from './components/AccessSituation.vue';
 
 /** 机构切换配置 */
 const orgList = ref([
@@ -110,6 +111,9 @@ const getComponent = (componentName) => {
         case 'MajorAlert':
             component = shallowRef(MajorAlert);
             break;
+        case 'AccessSituation':
+            component = shallowRef(AccessSituation);
+            break;
     }
     return component;
 };
@@ -122,6 +126,9 @@ const getComponentClass = computed(() => (componentName) => {
         case 'MajorSystemHealthStatus':
             className = 'content_lb-item';
             break;
+        case 'AccessSituation':
+            className = 'content_ct-item';
+            break;
     }
     return className;
 });
@@ -137,7 +144,10 @@ const getLayout = (id) => {
                             { title: '综合看板', componentName: 'AccessStatus' },
                             { title: '重要系统健康状态', componentName: 'MajorSystemHealthStatus' },
                         ],
-                        center: [{ title: '重要告警', componentName: 'MajorAlert' }],
+                        center: [
+                            { title: '重要告警', componentName: 'MajorAlert' },
+                            { title: 'IT资源接入情况', componentName: 'AccessSituation' },
+                        ],
                         right: [],
                     };
                     break;
@@ -147,7 +157,10 @@ const getLayout = (id) => {
                             { title: '综合看板', componentName: 'AccessStatus' },
                             { title: '重要系统健康状态', componentName: 'MajorSystemHealthStatus' },
                         ],
-                        center: [{ title: '重要告警', componentName: 'MajorAlert' }],
+                        center: [
+                            { title: '重要告警', componentName: 'MajorAlert' },
+                            { title: 'IT资源接入情况', componentName: 'AccessSituation' },
+                        ],
                         right: [],
                     };
                     break;