.customCenter-container .complete{padding:4vw 4.26667vw;padding-bottom:0}.customCenter-container .complete .content{text-align:center}.customCenter-container .complete .content .date{font-size:5.86667vw;color:#56d398}.customCenter-container .complete .content .title{font-size:4.26667vw}.customCenter-container .complete .progress .icon-progress{margin-bottom:1.06667vw;display:block}.customCenter-container .complete .progress .border{width:82.66667vw;border:1px solid #e5b659;border-radius:6.66667vw;height:2.66667vw;position:relative}.customCenter-container .complete .progress .border .line{height:2.66667vw;border-radius:6.66667vw;background-color:#e5b659}.customCenter-container .complete .progress .situation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.customCenter-container .complete .progress .situation .percentage{margin-top:2.66667vw}.customCenter-container .complete .progress .situation .percentage span:first-child{font-size:5.86667vw;color:#e5b659}.customCenter-container .complete .progress .situation .percentage span:last-child{font-size:2.93333vw;color:#e5b659}.customCenter-container .complete .progress .situation .learn{font-size:3.2vw;color:#999;margin-top:1.86667vw}.course-container{background-color:#fff;padding-top:4vw;padding-bottom:4vw;border-bottom:1px solid #eaeaea}.course-container .course-each{padding:0 4vw}.course-container .course-each .course-box{display:-webkit-box;display:-ms-flexbox;display:flex}.course-container .course-each .course-box .thumb{width:31.73333vw;height:18.26667vw;border-radius:.8vw;display:block;margin-right:2.66667vw}.course-container .course-each .course-box .title{height:18.26667vw;width:calc(100% - 34.4vw);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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.course-container .course-each .course-box .title .name{font-size:3.73333vw;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-container .course-each .course-box .title .date{font-size:2.66667vw;color:#999;margin-bottom:-2.66667vw}.course-container .course-each .course-box .title .section{font-size:2.66667vw;color:#999;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}.course-container .course-each .course-box .title .success-img{width:21.33333vw;position:absolute;top:0;right:5.33333vw}.course-container .course-each .list-box{margin-top:4vw}.course-container .course-each .list-box .ul-box{height:46.66667vw;overflow-y:scroll;-webkit-overflow-scrolling:touch}.course-container .course-each .list-box .ul-box li{margin-bottom:5.33333vw}.course-container .course-each .list-box .ul-box li .li-title{font-size:3.2vw;color:#333;margin-bottom:2.66667vw}.course-container .course-each .list-box .ul-box li .active-section{color:#e5b659}.course-container .course-each .list-box .ul-box li .study-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-container .course-each .list-box .ul-box li .study-progress .left{font-size:2.93333vw}.course-container .course-each .list-box .ul-box li .study-progress .left .no-success{color:#999}.course-container .course-each .list-box .ul-box li .study-progress .left .study-success{color:#56d398}.course-container .course-each .list-box .ul-box li .study-progress .right .default .play{color:#999;font-size:2.93333vw;vertical-align:middle;margin-left:1.06667vw}.course-container .course-each .list-box .ul-box li .study-progress .right .active{width:14.93333vw;height:5.86667vw;border-radius:6.66667vw;background-color:#f5f5f5;text-align:center;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}.course-container .course-each .list-box .ul-box li .study-progress .right .active .play{color:#e5b659;font-size:2.93333vw;margin-left:1.06667vw}.course-container .van-divider{margin:0;padding:6.4vw 0}.task-item-container{padding:4vw 4.26667vw 0;margin-bottom:2.66667vw;background-color:#fff}.task-item-container .home-card{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:4vw}.task-item-container .next-card{font-size:2.66667vw;color:#999;line-height:8vw;border-top:1px solid #eaeaea}.task-item-container .next-card .next-num .num{color:#f43530}.task-item-container .finished-thumb{width:27.2vw;height:15.2vw;margin-right:2.66667vw;border-radius:.8vw}.task-item-container .finished-thumb>.img{width:27.2vw;height:15.2vw;display:block}.task-item-container .is-img-have{width:100%}.task-item-container .text-title{width:calc(100% - 27.2vw);width:100%;height:15.2vw;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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.task-item-container .text-title .title-progress{font-size:3.73333vw;color:#333;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.task-item-container .text-title .date-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.task-item-container .text-title .date-detail .date{font-size:2.66667vw;color:#999;display:inline-block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-container .text-title .date-detail .van-button{height:4.26667vw;line-height:4.26667vw;text-align:center;border-radius:6.66667vw;font-size:2.66667vw;padding:0 1.06667vw;width:inherit}.task-item-container .text-title .no-time{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.task-finish-container .no-list{width:100%;background:#fff}.task-finish-container .no-list img{width:100%}.task-finish-container .no-list p{text-align:center;padding-bottom:5.33333vw;color:#999;font-size:4.26667vw}.required-container-course{padding:2.66667vw}.required-container-course .marginStyle{margin:2.66667vw 0}.required-container-course .no-list{width:100%;background:#fff}.required-container-course .no-list img{width:100%}.required-container-course .no-list p{text-align:center;padding-bottom:5.33333vw;color:#999;font-size:4.26667vw}.task-unfinished-container .no-list{width:100%;background:#fff}.task-unfinished-container .no-list img{width:100%}.task-unfinished-container .no-list p{text-align:center;padding-bottom:5.33333vw;color:#999;font-size:4.26667vw}.com-only-course{padding:2.66667vw 4vw}.com-only-course .course-box{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;padding:4vw}.com-only-course .course-box .thumb{width:31.73333vw;height:18.26667vw;border-radius:.8vw;display:block;margin-right:2.66667vw}.com-only-course .course-box .title{height:18.26667vw;width:calc(100% - 34.4vw);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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.com-only-course .course-box .title .name{font-size:3.73333vw;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.com-only-course .course-box .title .section{font-size:2.66667vw;color:#999;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}.com-only-course .course-box .title .section .progress{font-size:2.93333vw;color:#666}.com-only-course .course-box .title .section .finish{color:#4775ff}.com-only-course .studio-status{border-top:1px solid #eaeaea;font-size:2.66667vw;color:#999;background:#fff;line-height:8vw;padding:0 4vw}.task-box-container .btn{background:#fff;height:11.73333vw;line-height:11.73333vw;padding:0 4.26667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task-box-container .btn .van-button{height:6.93333vw;line-height:6.93333vw;border-radius:6.66667vw;margin-right:4vw}.task-box-container .btn .van-button--default{border:.26667vw solid #e5b659;color:#e5b659}.task-box-container .task-item-box{padding:2.66667vw 4.26667vw 0}