.class-info[data-v-3834f194]{padding:0 5%;box-sizing:border-box;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.class-info .classes-name[data-v-3834f194]{display:flex;justify-content:space-between;color:#fff;margin:5% 0}.class-info .classes-name p[data-v-3834f194]{font-weight:700;font-size:.344844rem}.class-info .classes-name span[data-v-3834f194]{font-size:.27901rem}.class-info .clocking-in[data-v-3834f194]{flex:1;display:flex;justify-content:space-between;color:#fff}.class-info .clocking-in .clocking-in-content[data-v-3834f194]{width:48%;height:85%;display:flex;flex-direction:column;background:#2b2b2b;text-align:center;justify-content:center}.class-info .clocking-in .clocking-in-content p[data-v-3834f194]{font-size:.458333rem;margin-bottom:.052083rem}.class-info .clocking-in .clocking-in-content span[data-v-3834f194]{font-size:.260417rem;color:#c3c3c3}.fixed-style[data-v-3834f194]{padding:0 5%}.fixed-style .classes-name[data-v-3834f194]{margin:4% 0}.fixed-style .classes-name p[data-v-3834f194]{font-size:16px}.fixed-style .classes-name span[data-v-3834f194]{font-size:14px}.fixed-style .clocking-in .clocking-in-content p[data-v-3834f194]{font-size:18px}.fixed-style .clocking-in .clocking-in-content span[data-v-3834f194]{font-size:12px}