.study-index{min-height:100%;padding-bottom:1.5rem}.study-index .chart{width:7.15rem;height:3.85rem;padding-top:.18rem;margin:0 auto}.study-index .chart .chart-table{width:6.43rem;top:.53rem;left:.43rem}.study-index .chart .chart-table .table-desc img{width:.43rem;height:.41rem}.study-index .chart .chart-table .table-desc span{font-size:.32rem;color:#fff;font-weight:600;margin-left:.34rem}.study-index .chart .chart-table .table{width:100%;margin-top:.38rem}.study-index .chart .chart-table .table .table-left{width:1.36rem;height:1.82rem;color:#626fad}.study-index .chart .chart-table .table .table-right{width:4.78rem}.study-index .chart .chart-table .table .table-right .table-top{width:100%;height:1.58rem}.study-index .chart .chart-table .table .table-right .table-top .tb{position:relative;-webkit-transition:height 1s ease-out;transition:height 1s ease-out;z-index:2}.study-index .chart .chart-table .table .table-right .table-top .tb:nth-child(odd){background-color:#4158db}.study-index .chart .chart-table .table .table-right .table-top .tb:nth-child(2n){background-color:#667bfd}.study-index .chart .chart-table .table .table-right .table-top .tb .tb-number{top:-.4rem;font-size:.25rem;color:#4158db}.study-index .chart .chart-table .table .table-right .table-top .tb .info{padding:.09rem .21rem;background:#182445;font-size:.24rem;color:#abacbf;-webkit-box-sizing:border-box;box-sizing:border-box;top:-1rem;white-space:nowrap;border-radius:.06rem}.study-index .chart .chart-table .table .table-right .table-top .tb .triangle{width:0;height:0;overflow:hidden;font-size:0;line-height:0;border-width:.1rem;border-style:solid dashed dashed dashed;border-color:#182445 transparent transparent transparent;bottom:-.2rem}.study-index .chart .chart-table .table .table-right .table-top .table-line{width:100%;height:1px;opacity:.5;left:0;background:#8484af;z-index:0}.study-index .chart .chart-table .table .table-right .table-top .table-line-1{top:0}.study-index .chart .chart-table .table .table-right .table-top .table-line-2{top:50%}.study-index .chart .chart-table .table .table-right .table-top .table-line-3{top:99%}.study-index .chart .chart-table .table .table-right .table-bottom{font-size:.25rem;color:#6a83bd;width:100%;left:0;bottom:-.4rem}.study-index .chart .chart-table .table .table-right .table-bottom span{display:inline-block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-index .group{padding-top:.34rem}.study-index .group .tit{font-size:.28rem;font-weight:600;color:#3c4465;padding-left:.53rem;margin-bottom:.2rem}.study-index .group .tit .stydy-plan{width:1.54rem;height:.26rem;margin-right:.53rem}.study-index .group .grid-wrap{width:100%;border-top:.5px solid rgba(106,131,189,.3);border-bottom:.5px solid rgba(106,131,189,.3)}.study-index .group .grid-wrap .grid{width:20%;height:1.7rem;border-right:.5px solid rgba(106,131,189,.3);background:#fff;font-size:.25rem;color:#3c4465}.study-index .group .grid-wrap .grid:last-child{border-right:none}.study-index .group .grid-wrap .grid span{font-size:.25rem;color:#3c4465;margin-top:.22rem}.study-index .group .grid-wrap .grid .hint{width:.33rem;height:.33rem;border-radius:50%;background:#ea5514;top:-.1rem;right:-.22rem;font-size:.25rem;color:#fff}.study-index .group .content{padding:.22rem .22rem .22rem .45rem;border-top:.5px solid rgba(106,131,189,.3)}.study-index .group .content .left{width:2.32rem;height:1.7rem;margin-right:.3rem}.study-index .group .content .right{-webkit-box-flex:1;-ms-flex:1;flex:1}.study-index .group .content .right .name{width:4.2rem;font-size:.3rem;color:#3c4465;margin-bottom:.2rem}.study-index .group .content .right .name span{font-weight:600}.study-index .group .content .right .people{font-size:.26rem;color:#727171;margin-bottom:.2rem}.study-index .group .content .right .people span{color:#727171;font-size:.24rem;letter-spacing:.02rem}.study-index .group .content .right .progress{width:100%;color:#3d3d3d}.study-index .group .content .right .progress .progress-text{font-size:.24rem}.study-index .group .content .right .progress .van-progress{width:100%;height:.16rem;margin-top:.12rem;overflow:hidden}.study-index .group .content .right .progress .num{font-size:.3rem;color:#3d3d3d;font-weight:500}.study-index .group .no-course{font-size:.25rem;color:#3c4465;text-align:center;margin-top:1.2rem}.study-index .choose-work{width:2.16rem;height:.67rem;margin:.66rem auto .2rem;background:-webkit-gradient(linear,left top,right top,from(#5164d6),to(#404c90));background:linear-gradient(90deg,#5164d6,#404c90);font-size:.25rem;color:#fff;border-radius:.08rem}.study-index .choose-work img{width:.35rem;height:.35rem;margin-right:.23rem}