.home_warp[data-v-33748498]{display:flex;width:100vw;height:100vh;background:#f6f6f6}.home_warp .left_controller[data-v-33748498]{z-index:1999;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.21vw;min-width:100rem;height:100vh;background:#fff;box-shadow:0 2rem 8rem 2rem rgba(0,0,0,.1)}.home_warp .left_controller .item[data-v-33748498]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:45rem;font-weight:500;color:#888;font-size:20rem;cursor:pointer}.home_warp .left_controller .item img[data-v-33748498]{width:44rem;height:44rem}.home_warp .grid-container[data-v-33748498]{cursor:pointer;width:100vw;height:100vh;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20rem;justify-items:center;align-items:center}.home_warp .grid-container .lefebox .subjectbox[data-v-33748498]{width:405rem;height:248rem;box-shadow:0 4rem 8rem 0 rgba(0,0,0,.1);border-radius:24rem 24rem 24rem 24rem;opacity:1;position:relative}.home_warp .grid-container .lefebox .subjectbox .subject[data-v-33748498]{position:absolute;left:24rem;top:24rem;font-size:32rem;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:48rem}.home_warp .grid-container .lefebox .subjectbox .ranking[data-v-33748498]{position:absolute;left:24rem;top:136rem;font-size:24rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:36rem}.home_warp .grid-container .lefebox .subjectbox .training[data-v-33748498]{position:absolute;left:24rem;top:188rem;font-size:24rem;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:36rem}.home_warp .grid-container .lefebox .subjectbox .subimg[data-v-33748498]{width:405rem;height:248rem;border-radius:24rem 24rem 24rem 24rem;opacity:1}.home_warp .right_view[data-v-33748498]{flex:1;width:calc(100vw - 100rem);height:100vh;overflow-y:auto;background:#f6f6f6}.active[data-v-33748498]{color:#2196f3!important}.chartsDialog[data-v-33748498]{position:fixed;background:#fff;box-shadow:6px 0 61px 1px rgba(117,195,255,.6);z-index:99;left:132rem;top:30rem;padding:20rem 0 0;border-radius:19rem}.chartsDialog .title[data-v-33748498]{font-size:26rem}.chartsDialog .charts_content_wrap[data-v-33748498]{position:relative}.chartsDialog .icon[data-v-33748498]{position:absolute;top:-40rem;right:-4rem;width:50rem;height:50rem;cursor:pointer}.chartsDialog .icon img[data-v-33748498]{width:130%;height:130%}