.HSKCARD[data-v-e54b6ffa]{width:450px}.HSKCARD .head[data-v-e54b6ffa]{width:100%;height:40px;background-color:#bce1dc;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;margin-bottom:10px}.HSKCARD .head.finish[data-v-e54b6ffa]{background-color:#2472b3;color:#fff}.HSKCARD .head.nostart[data-v-e54b6ffa]{background-color:#cfcecb;color:#fff}.HSKCARD .head .left[data-v-e54b6ffa]{font-size:16px;font-weight:600}.HSKCARD .head .right[data-v-e54b6ffa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HSKCARD .head .right>p[data-v-e54b6ffa]{margin-right:20px}.HSKCARD .head .right>i[data-v-e54b6ffa]{font-size:18px;font-weight:600;-o-object-fit:contain;object-fit:contain;-webkit-transition:all .5s;transition:all .5s;cursor:pointer}.HSKCARD .head .right>i.open[data-v-e54b6ffa]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.HSKCARD .list[data-v-e54b6ffa]{overflow:hidden;max-height:0;-webkit-transition:all .5s;transition:all .5s}.HSKCARD .list.open[data-v-e54b6ffa]{max-height:1000px}.HSKCARD .list>div[data-v-e54b6ffa]{background-color:#fff;border-radius:20px;padding:20px;margin-bottom:10px}.HSKCARD .list>div>div[data-v-e54b6ffa]{width:100%}.HSKCARD .list>div>div .info[data-v-e54b6ffa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.HSKCARD .list>div>div .info .left>p[data-v-e54b6ffa]{text-align:left}.HSKCARD .list>div>div .info .left .level[data-v-e54b6ffa]{font-size:16px;font-weight:600}.HSKCARD .list>div>div .info .left .lesson[data-v-e54b6ffa]{font-size:14px;font-weight:500}.HSKCARD .list>div>div .info .right[data-v-e54b6ffa]{padding:8px 30px;background-color:#f6c752;font-size:16px;font-weight:600;border-radius:50px 0 0 50px;-webkit-transform:translate(20px);transform:translate(20px)}.HSKCARD .list>div>div .progress .leftClass[data-v-e54b6ffa]{text-align:right;font-weight:600}