.course-progress[data-v-339819be]{display:flex;justify-content:center;align-items:center}.course-progress .bg-hd[data-v-339819be]{position:fixed;left:0;top:0;width:100%;z-index:1;pointer-events:none}.course-progress .bg-ft[data-v-339819be]{position:fixed;right:0;bottom:0;width:100%;z-index:1;pointer-events:none}.course-progress .bd-con[data-v-339819be]{position:absolute;left:0;width:100%;top:0;bottom:0;overflow:scroll;padding:33.81643vw 0 31.40097vw 0}.course-progress .bd[data-v-339819be]{padding:0 13.76812vw;height:-moz-fit-content;height:fit-content}.course-progress .block[data-v-339819be]{position:relative;width:100%;margin-bottom:4.83092vw;text-align:center;transform:scale(0)}.course-progress .block .bg[data-v-339819be]{box-shadow:2.41546vw 2.41546vw 3.38164vw 0 rgba(211,219,229,.6);border-radius:3.86473vw}.course-progress .block .flag[data-v-339819be]{position:absolute;top:-6.03865vw;right:-9.66184vw;z-index:100;width:21.73913vw}.course-progress .circle[data-v-339819be]{position:absolute;left:-2.41546vw;top:45%;transform:translateY(-50%);border-radius:50%;box-shadow:inset 0 0 1.69082vw 0 #fff}.course-progress .circle-center[data-v-339819be]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%}.course-progress .circle .rate[data-v-339819be]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:82%;height:82%;border-radius:50%;box-shadow:-.96618vw -.96618vw 1.44928vw 0 hsla(0,0%,100%,.36);font-size:3.86473vw}.course-progress .container[data-v-339819be]{background:#fff;box-shadow:0 .48309vw 3.38164vw 0 #cfdce9;margin-bottom:7.24638vw;padding-bottom:7.24638vw}.course-progress .container .content[data-v-339819be]{position:relative;box-shadow:none}.course-progress .container .progress[data-v-339819be]{position:relative;overflow:hidden;text-align:center}.course-progress .container .progress .bar[data-v-339819be]{display:inline-block;width:1px;height:6.52174vw;background:#b5b9be}.course-progress .container .progress .bar[data-v-339819be]:not(:last-child){margin-right:1.69082vw}.course-progress .container .progress .bar.active[data-v-339819be]{background:#114684}.course-progress .container .progress .bar.end[data-v-339819be]{height:8.21256vw;width:.48309vw;transform:translateY(.72464vw);background:#114684}.course-progress[data-v-339819be] .van-circle svg{box-shadow:inset 0 0 1.69082vw 0 #fff;border-radius:50%;z-index:0}.course-progress[data-v-339819be] .van-circle__hover{filter:drop-shadow(-3.62319vw 3.62319vw 3.62319vw #cce7f2)}.course-progress .progress-1[data-v-339819be]{animation:bounceIn-339819be .6s ease-in forwards}.course-progress .progress-2[data-v-339819be]{animation:bounceIn-339819be .6s ease-in .3s forwards}.course-progress .progress-3[data-v-339819be]{animation:bounceIn-339819be .6s ease-in .6s forwards}.course-progress .progress-4[data-v-339819be]{animation:bounceIn-339819be .6s ease-in .9s forwards}.course-progress .progress-5[data-v-339819be]{animation:bounceIn-339819be .6s ease-in 1.2s forwards}.course-progress .progress-6[data-v-339819be]{animation:bounceIn-339819be .6s ease-in 1.5s forwards}.course-progress .logo[data-v-339819be]{position:fixed;left:7.24638vw;top:4.83092vw;width:16.90821vw;animation:breathe 1.5s linear infinite alternate;z-index:10}@keyframes bounceIn-339819be{0%,to{animation-timing-function:cubic-bezier(.63,.2,.61,.94)}0%{opacity:0;transform:scale(.3)}80%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(.85)}}