.course-box[data-v-b7b9c34a]{max-width:500px;height:100vh;overflow-y:auto;margin:0 auto;font-size:0}.course-box .course-top.hidden[data-v-b7b9c34a]{transform:translateY(-100%)}.course-box .course-top[data-v-b7b9c34a]{max-width:500px;padding:12px 16px;position:fixed;background:#fff;transition:transform .3s ease;overflow:hidden}.course-box .course-top .course-item[data-v-b7b9c34a]{width:33.3333%;float:left;padding:8px 0}.course-box .course-top .item-btn[data-v-b7b9c34a]{display:flex;align-items:center;justify-content:center;width:103.67px;height:32px;background:#e0ffee;color:#4e5969;font-size:14px;border-radius:99px;border:none;font-weight:500;margin:0 auto}.course-box .course-top .item-btn[data-v-b7b9c34a]:active{background:#24e076;color:#fff}.course-box .course-img[data-v-b7b9c34a]:first-of-type{margin-top:152px}.course-box .course-img[data-v-b7b9c34a]{width:100%}.course-box[data-v-75f3acc0]{max-width:500px;height:100vh;overflow-y:auto;margin:0 auto;font-size:0}.course-box .course-top.hidden[data-v-75f3acc0]{transform:translateY(-100%)}.course-box .course-top[data-v-75f3acc0]{max-width:500px;padding:12px 16px;position:fixed;background:#fff;transition:transform .3s ease;overflow:hidden}.course-box .course-top .course-item[data-v-75f3acc0]{width:33.3333%;float:left;padding:8px 0}.course-box .course-top .item-btn[data-v-75f3acc0]{display:flex;align-items:center;justify-content:center;width:103.67px;height:32px;background:#e0ffee;color:#4e5969;font-size:14px;border-radius:99px;border:none;font-weight:500;margin:0 auto}.course-box .course-top .item-btn[data-v-75f3acc0]:active{background:#24e076;color:#fff}.course-box .course-img[data-v-75f3acc0]:first-of-type{margin-top:152px}.course-box .course-img[data-v-75f3acc0]{width:100%}