[data-v-828a4da2] .lessonImage img{width:100%}.LESSONCARD[data-v-828a4da2]{width:100%;border-radius:30px;height:140px;padding:0 25px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.LESSONCARD[data-v-828a4da2]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.LESSONCARD:not(.isActive) .lessonProgress[data-v-828a4da2]{display:none}.LESSONCARD .lessonImage[data-v-828a4da2]{width:120px;height:140px;border-radius:25px;overflow:hidden;-webkit-transform:translateY(-25px);transform:translateY(-25px);margin-right:20px}.LESSONCARD .lessonInfo[data-v-828a4da2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.LESSONCARD .lessonProgress[data-v-828a4da2]{width:80px;position:absolute;top:30px;right:50px}.LESSONCARD .tips[data-v-828a4da2]{position:absolute;top:85%;left:25%;width:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 30px;border-radius:20px;z-index:1}.LESSONCARD .tips[data-v-828a4da2]:before{content:"";display:block;position:absolute;bottom:99%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:0;height:0;border:10px solid;border-color:transparent;border-bottom-color:#fff}.LESSONCARD .tips .lessonlock[data-v-828a4da2]{background-color:#f1f1f0;padding:10px;border-radius:15px;margin-bottom:10px}.LESSONCARD .lessonNum[data-v-828a4da2]{font-family:Montserrat-SemiBold;font-size:13px;color:#cfcecb}.LESSONCARD .titleEng[data-v-828a4da2]{font-family:Montserrat-SemiBold;font-size:15px}.LESSONCARD .titleZh[data-v-828a4da2]{font-size:18px}@media screen and (max-width:500px){.LESSONCARD[data-v-828a4da2]{padding:0 15px}.LESSONCARD .lessonInfo[data-v-828a4da2]{text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1;width:10px}.LESSONCARD .lessonInfo>p[data-v-828a4da2]{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}