.wrap[data-v-022a28ec]{min-width:9rem;position:relative}.wrap .wrap-main-bg[data-v-022a28ec]{min-height:10rem}.wrap .wrap-main-bg .wrap-main-bg-content[data-v-022a28ec]{width:14.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.course-list[data-v-022a28ec],.wrap .wrap-main-bg .wrap-main-bg-content .content-main[data-v-022a28ec]{width:11.44rem}.vertical[data-v-022a28ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:.16rem}.vertical .course-item[data-v-022a28ec]{margin:0 .09rem .16rem}.vertical .course-item[data-v-022a28ec]:nth-child(4n-3){margin:0 .09rem .16rem 0}.vertical .course-item[data-v-022a28ec]:nth-child(4n){margin:0 0 .16rem .09rem}.roll[data-v-022a28ec]{width:2.66rem;height:4.43rem;position:relative;margin-top:.44rem;margin-left:.2rem}.roll .roll-top[data-v-022a28ec]{width:2.66rem;height:.79rem;background:url(../img/roll-top@2x.5026ff42.png) no-repeat;background-size:2.66rem .79rem;position:relative}.roll .roll-top .roll-top-title[data-v-022a28ec]{position:absolute;top:50%;left:50%;margin-left:-.8rem;margin-top:-.22rem;font-family:PingFangSC,PingFang SC;font-weight:600;font-size:.2rem;color:#fff;line-height:.28rem}.roll .roll-main[data-v-022a28ec]{margin:0 auto;position:absolute;top:.51rem;left:50%;margin-left:-1.2rem;width:2.46rem;height:7.9rem;background:url(../img/roll-main@2x.d00e475a.png) no-repeat;background-size:2.46rem 7.9rem}.roll .roll-main .roll-height[data-v-022a28ec]{overflow-y:hidden;height:calc(100% - .2rem);width:2.34rem;margin:.19rem auto 0}.roll .roll-main .roll-height .roll-item[data-v-022a28ec]{border-bottom:1px solid #ededed;padding:.15rem .24rem .15rem .22rem;height:.7rem;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex}.roll .roll-main .roll-height .roll-item .item-img[data-v-022a28ec]{width:.4rem;height:.4rem}.roll .roll-main .roll-height .roll-item .item[data-v-022a28ec]{width:1.44rem;margin-left:.16rem}.roll .roll-main .roll-height .roll-item .item .top[data-v-022a28ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.roll .roll-main .roll-height .roll-item .item .top .name[data-v-022a28ec]{font-weight:500;font-size:.14rem;color:#333;line-height:.2rem}.roll .roll-main .roll-height .roll-item .item .top .time[data-v-022a28ec]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:.12rem;color:#8e8e8e;line-height:.2rem}.roll .roll-main .roll-height .roll-item .item .orgName[data-v-022a28ec]{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:.12rem;color:#8e8e8e;line-height:.17rem}.roll .roll-bottom[data-v-022a28ec]{width:2.66rem;height:7.94rem;background:url(../img/new_roll_bg@2x.936d188a.png) no-repeat;background-size:2.66rem 7.94rem;margin-top:-.1rem}.wrap-main[data-v-022a28ec]{padding-top:.44rem;margin-bottom:.4rem}.wrap-main-2[data-v-022a28ec],.wrap-main[data-v-022a28ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap-main-2[data-v-022a28ec]{margin-top:.32rem}