.nodata{text-align:center}.nodata .display{padding-top:32vw}.nodata .display .van-button{margin-top:2.66667vw}.nodata img{width:60%}.nodata .sub{margin-top:2vw;font-size:4.26667vw;color:#999}.page-study-circle-punch-card{height:100vh;background-color:#f4f3f8;padding-top:2.66667vw}.page-study-circle-punch-card .title{margin:0 4.26667vw;margin-bottom:2.66667vw;border-radius:2.13333vw;padding:4vw 4.26667vw;border:1px solid #f5f5f4;background-color:#fff}.page-study-circle-punch-card .title .course{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:4.26667vw;color:#333}.page-study-circle-punch-card .title .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-study-circle-punch-card .title .bottom .status{color:#e5b659;font-size:3.73333vw}.page-study-circle-punch-card .title .bottom .status2{color:#333;font-size:3.73333vw}.page-study-circle-punch-card .info{margin:0 4.26667vw;margin-bottom:2.66667vw;border-radius:2.13333vw;padding:4vw 4.26667vw;border:1px solid #f5f5f4;background-color:#fff}.page-study-circle-punch-card .info .i-title{padding-bottom:2vw;border-bottom:1px solid #f4f3f8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-study-circle-punch-card .info .i-title .course{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:4.26667vw;color:#333}.page-study-circle-punch-card .info .i-title .status{color:#e5b659;font-size:3.73333vw}.page-study-circle-punch-card .info .count{padding-top:2vw;display:-webkit-box;display:-ms-flexbox;display:flex}.page-study-circle-punch-card .info .count .first{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#999;font-size:3.73333vw}.page-study-circle-punch-card .info .count .first .course{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:3.73333vw;color:#333}.page-study-circle-punch-card .info .count .second{padding-left:4vw;border-left:1px solid #f4f3f8;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#999;font-size:3.73333vw}.page-study-circle-punch-card .info .count .second .status{color:#333;font-size:3.73333vw}.page-study-circle-punch-card .tab{background-color:#fff;padding:2.66667vw 4.26667vw;color:#333;font-size:4.26667vw;border-bottom:1px solid #eaeaea}.page-study-circle-punch-card .van-list{background-color:#fff}.page-study-circle-punch-card .van-list .content{margin:0 4.26667vw;padding:2.66667vw 0;background-color:#fff;border-bottom:1px solid #eaeaea;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-study-circle-punch-card .van-list .content .left .date{color:#333;font-size:4.26667vw}.page-study-circle-punch-card .van-list .content .left .right{margin-left:1.33333vw;color:#333;font-size:3.2vw}.page-study-circle-punch-card .van-list .content .yellow{color:#e5b659;font-size:4.26667vw}.page-study-circle-punch-card .van-list .content .black{color:#333;font-size:4.26667vw}