.menu[data-v-280b0609]{display:grid;grid-template-columns:repeat(3,32%);grid-gap:10px}.menu .react-left[data-v-280b0609]{font-size:18px;height:50px;line-height:50px;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg);background-color:#0f1325;cursor:pointer}.menu .react-left.react-l-s[data-v-280b0609]{width:500px;text-align:left}.menu .react-left .text[data-v-280b0609]{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#leftTop[data-v-56996851]{padding:20px 16px;height:450px;width:100%;border-radius:5px}#leftTop .bg-color-black[data-v-56996851]{height:415px;border-radius:10px}#leftTop .text[data-v-56996851]{color:#c3cbde}#leftTop .weather-box[data-v-56996851]{margin-top:16px}#leftTop .weather-box .dv-border-box-6[data-v-56996851]{padding:10px}#leftTop .weather-box .top[data-v-56996851]{display:grid;grid-template-columns:repeat(3,33.3%)}#leftTop .weather-box .top div[data-v-56996851]{height:250px}#leftTop .weather-box .top .temp[data-v-56996851]{font-size:150px}#leftTop .weather-box .top .eva[data-v-56996851]{padding-bottom:20px}#leftTop .weather-box .top .eva span[data-v-56996851]{display:inline-block;height:50px;width:200px;text-align:center;font-size:28px;line-height:50px;border-radius:20px;overflow:hidden;background:#0aca3d}#leftTop .weather-box .top .position[data-v-56996851]{font-size:36px;padding-top:30px;padding-right:20px;position:relative;text-align:right}#leftTop .weather-box .top .position img[data-v-56996851]{position:absolute;top:9px;height:60px;right:95px}#leftTop .weather-box .btm div[data-v-56996851]{height:100px}#leftTop .weather-box .btm img[data-v-56996851]{height:70px}#leftTop .weather-box .active-ring-name[data-v-56996851]{padding-top:10px}#rightBtm[data-v-672fdc41]{padding:20px 16px;height:450px;width:100%;border-radius:5px}#rightBtm .bg-color-black[data-v-672fdc41]{height:415px;border-radius:10px}#rightBtm .item[data-v-672fdc41]{height:120px;text-align:center;border:1px solid #4b5578}#rightBtm .title[data-v-672fdc41]{line-height:40px;text-align:center;margin-left:-30px;padding-top:5px}#rightBtm .text[data-v-672fdc41]{color:#c3cbde;text-align:center;font-size:26px;line-height:30px}#rightBtm .center[data-v-672fdc41]{height:90px;width:90px;border-radius:50%;background:rgba(67,148,228,.32)}#rightBtm img[data-v-672fdc41]{height:50px}#rightBtm .life-box[data-v-672fdc41]{display:grid;grid-template-columns:repeat(2,50%);padding-top:10px;grid-gap:5px;padding:5px;padding-right:10px}#rightTop[data-v-c9800304]{padding:20px 16px;height:450px;width:100%;border-radius:5px}#rightTop .bg-color-black[data-v-c9800304]{height:415px;border-radius:10px}#rightTop .text[data-v-c9800304]{color:#c3cbde}#rightTop .chart-box[data-v-c9800304]{margin-top:16px;width:170px;height:170px}#rightTop .chart-box .active-ring-name[data-v-c9800304]{padding-top:10px}#midTop[data-v-67c874d6]{padding:20px 16px;height:450px;width:100%;border-radius:5px}#midTop .bg-color-black[data-v-67c874d6]{height:415px;border-radius:10px}#midTop .text[data-v-67c874d6]{color:#c3cbde}#midTop .chart-box[data-v-67c874d6]{margin-top:16px;width:170px;height:170px}#midTop .chart-box .active-ring-name[data-v-67c874d6]{padding-top:10px}#index[data-v-0552bf9f]{color:#d3d6dd;width:1920px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg[data-v-0552bf9f]{width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%}#index .host-body .dv-dec-10-s[data-v-0552bf9f],#index .host-body .dv-dec-10[data-v-0552bf9f]{width:33.3%;height:5px}#index .host-body .dv-dec-10-s[data-v-0552bf9f]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#index .host-body .dv-dec-8[data-v-0552bf9f]{width:200px;height:50px}#index .host-body .title[data-v-0552bf9f]{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text[data-v-0552bf9f]{font-size:30px;bottom:15px;left:0;right:0;position:absolute}#index .host-body .title .dv-dec-6[data-v-0552bf9f]{position:absolute;bottom:-30px;left:50%;width:250px;height:8px;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .aside-width[data-v-0552bf9f]{width:40%}#index .host-body .react-l-s[data-v-0552bf9f],#index .host-body .react-r-s[data-v-0552bf9f]{background-color:#0f1325}#index .host-body .react-right[data-v-0552bf9f]{font-size:18px;width:300px;line-height:50px;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-right.react-l-s[data-v-0552bf9f]{text-align:right;width:500px}#index .host-body .react-right .react-after[data-v-0552bf9f]{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right .text[data-v-0552bf9f]{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-left[data-v-0552bf9f]{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s[data-v-0552bf9f]{width:500px;text-align:left}#index .host-body .react-left .react-left[data-v-0552bf9f]{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-left .text[data-v-0552bf9f]{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box[data-v-0552bf9f]{margin-top:16px;display:grid;grid-template-columns:repeat(2,50%)}#index .host-body .body-box .content-box[data-v-0552bf9f]{display:grid;grid-template-columns:2fr 3fr 5fr 3fr 2fr}#index .host-body .body-box .bottom-box[data-v-0552bf9f]{margin-top:10px;display:grid;grid-template-columns:repeat(3,33.3%)}