#index[data-v-3a52696e]{color:#d3d6dd;position:relative;overflow:hidden;width:100%;height:100%}#index.fullscreen[data-v-3a52696e]{position:fixed;top:0;left:0}#index .host-body .dv-dec-10-s[data-v-3a52696e],#index .host-body .dv-dec-10[data-v-3a52696e]{width:33.3%;height:5px}#index .host-body .dv-dec-10-s[data-v-3a52696e]{transform:rotateY(180deg)}#index .host-body .dv-dec-8[data-v-3a52696e]{width:200px;height:50px;margin:0 10px;position:relative;top:2px}#index .host-body .title[data-v-3a52696e]{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text[data-v-3a52696e]{font-size:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#index .host-body .aside-width[data-v-3a52696e]{width:40%}#index .host-body .react-l-s[data-v-3a52696e],#index .host-body .react-r-s[data-v-3a52696e]{background-color:#0f1325}#index .host-body .react-right[data-v-3a52696e]{font-size:18px;width:300px;line-height:48px;text-align:center;transform:skewX(-45deg)}#index .host-body .react-right.react-l-s[data-v-3a52696e]{text-align:right;width:500px}#index .host-body .react-right .react-after[data-v-3a52696e]{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(45deg)}#index .host-body .react-right .text[data-v-3a52696e]{display:inline-block;transform:skewX(45deg)}#index .host-body .react-left[data-v-3a52696e]{font-size:18px;width:300px;height:50px;line-height:46px;text-align:center;transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s[data-v-3a52696e]{width:500px;text-align:left}#index .host-body .react-left .react-before[data-v-3a52696e]{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(-45deg)}#index .host-body .react-left .text[data-v-3a52696e]{display:inline-block;transform:skewX(-45deg)}#index .host-body .body-box[data-v-3a52696e]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .bototm-box[data-v-3a52696e]{margin-top:10px;display:-ms-grid;display:grid;-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%)}[data-v-3a52696e] .content-box{height:100%;display:-ms-grid;display:grid;-ms-grid-columns:1.17fr 3.1fr .73fr;grid-template-columns:1.17fr 3.1fr .73fr}[data-v-3a52696e] .content-box #mapWrapper{height:100%;border-radius:5px;opacity:0;transform:scale(.95);animation:fade-in-data-v-3a52696e .6s ease-out both;position:relative;z-index:1}@keyframes fade-in-data-v-3a52696e{to{opacity:1;transform:scale(1)}}[data-v-3a52696e] .content-box #mapWrapper .bg-color-black{height:100%;border-radius:10px}[data-v-3a52696e] .content-box #mapWrapper .text{color:#c3cbde}[data-v-3a52696e] .content-box #mapWrapper .dv-dec-1{position:relative;width:100px;height:20px;top:-3px}[data-v-3a52696e] .content-box #mapWrapper .chart-box{margin-top:16px;width:170px;height:170px}[data-v-3a52696e] .content-box #mapWrapper .chart-box .active-ring-name{padding-top:10px}.bg[data-v-3a52696e]::-webkit-scrollbar{width:0;height:0}