.avatar img{border-radius:13333.2vw}.avatar .van-image__error{background:transparent}.page-my-study-record{background:#fff}.page-my-study-record .top .head{position:absolute;top:0;left:0;right:0}.page-my-study-record .top .head .head_bg{position:relative;top:0;left:0;right:0;min-height:48vw;background-image:url(../img/my_study_record_bg.4c30f1ce.png)}.page-my-study-record .top .head .to-home-page-now{z-index:999;position:absolute;top:0;left:0;right:0;background-color:#fff;padding:.66667vw 4.26667vw;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}.page-my-study-record .top .head .to-home-page-now .van-button--primary{color:#e5b659;border:0;background:#f4f3f8}.page-my-study-record .top .top-container{position:absolute;top:0;left:0;right:0}.page-my-study-record .top .top-container .top-container-content{position:relative;top:17.33333vw}.page-my-study-record .top .top-container .top-container-content .other-top-box{position:relative;left:4.26667vw;width:calc(100% - 8.53333vw);min-height:50.66667vw;background-color:#fff;z-index:999;-webkit-box-shadow:0 .26667vw .66667vw #999;box-shadow:0 .26667vw .66667vw #999}.page-my-study-record .top .top-container .top-container-content .other-top-box .left{padding-top:4vw;margin-left:4vw;margin-top:4vw;display:-webkit-box;display:-ms-flexbox;display:flex}.page-my-study-record .top .top-container .top-container-content .other-top-box .left .username{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:center;-ms-flex-pack:center;justify-content:center;font-size:5.33333vw;color:#333;margin-left:2.66667vw}.page-my-study-record .top .top-container .top-container-content .other-top-box .left .username .name{font-size:3.73333vw;color:#333}.page-my-study-record .top .top-container .top-container-content .other-top-box .left .username .date{font-size:3.73333vw;color:#999}.page-my-study-record .top .top-container .top-container-content .other-top-box .other-box-top{border-top:1px solid #f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #f4f4f4;-ms-flex-line-pack:center;align-content:center;padding-bottom:2.66667vw;margin:4vw 4vw 2.66667vw}.page-my-study-record .top .top-container .top-container-content .other-top-box .other-box-top .number-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#333;font-size:3.2vw}.page-my-study-record .top .top-container .top-container-content .other-top-box .other-box-top .number-item .other-number-top{color:#999}.page-my-study-record .top .top-container .top-container-content .other-top-box .other-box-top .number-item .other-number-bottom{color:#999;padding-top:3.2vw}.page-my-study-record .top .top-container .top-container-content .other-top-box .other-box-top .number-item .other-number-bottom span{font-size:4.8vw;color:#333}.page-my-study-record .top .top-container .top-container-content .other-top-box .other-box-bottom{margin-bottom:2.66667vw;word-break:break-word;margin-left:4vw;margin-right:4vw;font-size:4.26667vw;color:#333;text-align:center}.page-my-study-record .top .top-container .top-container-content .top-box{position:relative;left:4.26667vw;width:calc(100% - 8.53333vw);min-height:37.33333vw;background-color:#fff;z-index:999;-webkit-box-shadow:0 .26667vw .66667vw #999;box-shadow:0 .26667vw .66667vw #999}.page-my-study-record .top .top-container .top-container-content .top-box .left{margin-left:4vw;margin-top:4vw;display:-webkit-box;display:-ms-flexbox;display:flex}.page-my-study-record .top .top-container .top-container-content .top-box .left .username{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:center;-ms-flex-pack:center;justify-content:center;font-size:5.33333vw;color:#333;margin-left:2.66667vw}.page-my-study-record .top .top-container .top-container-content .top-box .left .username .name{font-size:3.73333vw;color:#333}.page-my-study-record .top .top-container .top-container-content .top-box .left .username .date{font-size:3.73333vw;color:#999}.page-my-study-record .top .top-container .top-container-content .top-box .box-top{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;padding:4vw 0}.page-my-study-record .top .top-container .top-container-content .top-box .box-top .number-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#333;font-size:3.2vw}.page-my-study-record .top .top-container .top-container-content .top-box .box-top .number-item .number-bottom{color:#999;padding-top:3.73333vw}.page-my-study-record .top .top-container .top-container-content .top-box .box-top .number-item .number-bottom span{font-size:6.4vw;color:#333}.page-my-study-record .top .top-container .top-container-content .top-box .box-bottom{margin-bottom:2.66667vw;word-break:break-word;margin-left:4vw;margin-right:4vw;font-size:4.26667vw;color:#333;text-align:center}.page-my-study-record .top .top-container .top-container-content .top-box .other-box-top{border-top:1px solid #f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #f4f4f4;-ms-flex-line-pack:center;align-content:center;padding-bottom:0;margin:4vw 4vw 0}.page-my-study-record .top .top-container .top-container-content .top-box .other-box-top .number-item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#333;font-size:3.2vw}.page-my-study-record .top .top-container .top-container-content .top-box .other-box-top .number-item .other-number-top{color:#999}.page-my-study-record .top .top-container .top-container-content .top-box .other-box-top .number-item .other-number-bottom{color:#999;padding-top:3.2vw}.page-my-study-record .top .top-container .top-container-content .top-box .other-box-top .number-item .other-number-bottom span{font-size:4.8vw;color:#333}.page-my-study-record .top .top-container .top-container-content .top-box .other-box-bottom{display:block;margin:16vw 16vw;font-size:4.26667vw;color:#333;text-align:center}.page-my-study-record .top .top-container .top-container-content .course-content{position:relative;padding:0 4.26667vw}.page-my-study-record .top .top-container .top-container-content .course-content .text{margin-bottom:2.66667vw;word-break:break-word;margin-left:4vw;margin-right:4vw;font-size:4.26667vw;color:#fff}.page-my-study-record .top .top-container .top-container-content .course-content .day-item{position:relative}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .date{font-size:4.26667vw;color:#333;position:absolute;padding-bottom:4vw;left:-2.66667vw;top:-5.33333vw}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .course-title{font-size:4.26667vw;color:#333;padding-bottom:2.13333vw}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .section-name{font-size:3.2vw;color:#999;padding-bottom:1.6vw}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .van-step .course-time{position:absolute;left:-17.33333vw;top:2.66667vw;color:#999;font-size:4.26667vw}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .van-steps{padding-left:21.33333vw}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .van-steps .van-step--vertical:not(:last-child):after{border:none}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .van-steps .van-step__circle{width:2.13333vw;height:2.13333vw}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .van-steps .van-icon.van-icon-checked.van-step__icon{display:block;background-color:#969799;width:2.13333vw;height:2.13333vw;border-radius:50%}.page-my-study-record .top .top-container .top-container-content .course-content .day-item .van-steps .van-icon-checked:before{content:""}