.card{height:2.3rem;border:1px solid #e2e2e2}.card .card-teacher{top:1.1rem}.card .enter{height:.26rem;line-height:.26rem;font-size:.12rem;padding:0 .2rem;color:#fff;background:#65aeff;border-radius:.13rem;border:none;white-space:nowrap;cursor:pointer}.card .enter.cancel{background:#d4d4d4;border-color:#d4d4d4;color:#fff}.card .enter.cancel:hover{background:#d4d4d4;border-color:#d4d4d4;color:#fff}.card .enter{width:.8rem;padding:0;text-align:center;display:inline-block}.card .enter.playback{height:.26rem;line-height:.26rem;font-size:.12rem;padding:0 .2rem;color:#fff;background:#65aeff;border-radius:.13rem;border:none;white-space:nowrap;cursor:pointer}.card .enter.playback.cancel{background:#d4d4d4;border-color:#d4d4d4;color:#fff}.card .enter.playback.cancel:hover{background:#d4d4d4;border-color:#d4d4d4;color:#fff}.card .enter.playback{line-height:.24rem;color:#5aa0ed;background:#fff;border:1px solid #65aeff}.card .enter.playback:hover{color:#fff;background:#65aeff}.card .enter.playback{padding:0}.card .enter.live{color:#ff0100;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:.2rem}.card .enter.live img{height:.2rem;margin-right:5px;-webkit-transform:translateY(-0.01rem);transform:translateY(-0.01rem)}.card .enter.booked{background:#aaa}.card .card-price{padding:0 .2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.public-list{margin-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.2rem;padding-bottom:.5rem}.public-list .title{font-size:.18rem;font-weight:bold;position:relative}.public-list .title::before{content:"";position:absolute;top:.04rem;left:-0.2rem;width:4px;height:.18rem;background:#65aeff;border-radius:2px}.public-list .more{display:block;height:.3rem;line-height:.3rem;text-align:center;font-size:13px;color:#aaa}.recently{-ms-flex-negative:0;flex-shrink:0;background:#fff;border-radius:6px;padding:.2rem;width:50%}@media(min-width: 992px){.recently{width:35%}}@media(min-width: 1600px){.recently{width:27%}}.recently .timeline-month{margin-top:.2rem;margin-bottom:.1rem;padding-left:3px;color:#5aa0ed;font-size:.14rem}.recently .timeline{position:relative;padding-left:.2rem;margin-left:.1rem}.recently .timeline::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-left:1px dashed #65aeff}.recently .card{margin-bottom:.2rem;position:relative;padding:0}.recently .card .card-title{padding:.2rem}.recently .card .card-time{margin-top:0;padding:0 .2rem;height:.36rem;line-height:.36rem;font-size:.15rem;color:#5aa0ed;background:-webkit-gradient(linear, right top, left top, from(#C5E1FF), to(#DCF4FF));background:linear-gradient(270deg, #C5E1FF 0%, #DCF4FF 100%)}.recently .card .date{position:absolute;top:-1px;left:-0.32rem;width:.24rem;height:.24rem;line-height:.24rem;background-color:#238bff;border-radius:50%;color:#fff;font-size:12px;text-align:center}.classic{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#fff;border-radius:6px;padding:.2rem;display:grid;grid-template-rows:.26rem repeat(auto-fill, 2.3rem);grid-gap:.2rem;position:relative;grid-column-start:span 2;grid-template-columns:repeat(2, 1fr)}.classic .title,.classic .more{grid-column-start:span 2}@media(min-width: 992px){.classic{grid-column-start:span 3;grid-template-columns:repeat(3, 1fr)}.classic .title,.classic .more{grid-column-start:span 3}}@media(min-width: 1600px){.classic{grid-column-start:span 4;grid-template-columns:repeat(4, 1fr)}.classic .title,.classic .more{grid-column-start:span 4}}.recently+.classic{grid-column-start:span 1;grid-template-columns:repeat(1, 1fr)}.recently+.classic .title,.recently+.classic .more{grid-column-start:span 1}@media(min-width: 992px){.recently+.classic{grid-column-start:span 2;grid-template-columns:repeat(2, 1fr)}.recently+.classic .title,.recently+.classic .more{grid-column-start:span 2}}@media(min-width: 1600px){.recently+.classic{grid-column-start:span 3;grid-template-columns:repeat(3, 1fr)}.recently+.classic .title,.recently+.classic .more{grid-column-start:span 3}}.card-none{position:absolute}.select-box{margin-top:.2rem}