.recommend-course-cantianer .recommend-course-header[data-v-83383f16]{width:100%;position:fixed;top:1.226667rem;left:0;z-index:99999;background-color:#eee}.recommend-course-cantianer .wrap-border[data-v-83383f16]{position:absolute;top:.8rem}.recommend-course-cantianer .notes[data-v-83383f16]{font-size:.373333rem;color:#4a8cff;padding:.213333rem 0 .08rem;line-height:.533333rem;text-align:center}.recommend-course-cantianer .recommend-course-content[data-v-83383f16]{margin-top:3.066667rem}.recommend-course-cantianer .recommend-course-content.recommend-course-content2[data-v-83383f16]{margin-top:4.24rem}.recommend-course-cantianer .tabs-list[data-v-83383f16]{width:100%;height:1.173333rem;background:#fff;display:flex;align-items:center;margin-top:.986667rem}.recommend-course-cantianer .tabs-list div[data-v-83383f16]{width:14.28%;font-size:.4rem;color:#666;text-align:center;line-height:1.12rem}.recommend-course-cantianer .tabs-list div span[data-v-83383f16]{display:block;width:.746667rem;height:.053333rem;margin:0 auto;border-radius:.026667rem}.recommend-course-cantianer .tabs-list div span.activeSpan[data-v-83383f16]{background:#e84242}.recommend-course-cantianer .grade-link[data-v-83383f16]{display:flex;align-items:center;justify-content:center;height:1.306667rem;padding:0 .4rem;width:auto}.recommend-course-cantianer .grade-link .join-btn[data-v-83383f16]{background-color:#2bb0ff;color:#fff;font-size:.453333rem;height:.933333rem;min-width:3.44rem;border-radius:2.666667rem;padding:0 .32rem}.recommend-course-cantianer .grade-link .join-btn.join-btn-i[data-v-83383f16]{background-color:#ccc}.recommend-course-cantianer .grade-link img[data-v-83383f16]{width:.426667rem;margin:0 .133333rem -.053333rem 0}.recommend-course-cantianer .course-info-visible[data-v-83383f16]{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;background:rgba(0,0,0,.6)}.recommend-course-cantianer .course-info-visible .course-info-content[data-v-83383f16]{width:72.8%;position:absolute;top:2.16rem;left:13.6%;text-align:center}.recommend-course-cantianer .course-info-visible .course-info-content.course-info-content2[data-v-83383f16]{top:3.893333rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div[data-v-83383f16]{background:#fff;border-radius:.293333rem;padding-top:.72rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .tch-name p[data-v-83383f16]{width:2.186667rem;height:2.186667rem;border-radius:50%;border:.026667rem solid #efefef;overflow:hidden;margin:0 auto}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .tch-name img[data-v-83383f16]{width:100%;font-size:0}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .tch-name div[data-v-83383f16]{font-size:.32rem;color:#666;line-height:.533333rem;margin-top:.133333rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info[data-v-83383f16]{padding:.506667rem 0 .586667rem .613333rem;border-bottom:.026667rem solid #e5e5e5;text-align:left}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info div[data-v-83383f16]{line-height:.533333rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .info-ti[data-v-83383f16]{font-size:.373333rem;color:#333;margin-bottom:.106667rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .info-na[data-v-83383f16]{font-size:.346667rem;color:#666;margin-bottom:.16rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .price[data-v-83383f16]{font-size:.32rem;color:#e84242;display:flex;align-items:center;margin-bottom:.16rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .price span[data-v-83383f16]{color:#999;margin-left:.133333rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .price span.hot[data-v-83383f16]{display:inline-block;padding:0 .133333rem;color:#fff;background:#e84242;border-radius:.053333rem;margin-right:.346667rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .price span img[data-v-83383f16]{width:.373333rem;margin:0 .133333rem -.053333rem 0}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .tine[data-v-83383f16]{font-size:.32rem;color:#999;margin-bottom:.08rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .info .tine img[data-v-83383f16]{width:.373333rem;margin:0 .133333rem -.053333rem 0}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .imgs[data-v-83383f16]{width:3.44rem;position:absolute;top:-.8rem;left:50%;margin-left:-1.72rem;margin-bottom:.2rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .imgs img[data-v-83383f16]{width:100%}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .warn[data-v-83383f16]{font-size:.453333rem;color:#333;font-weight:600;line-height:.8rem;margin:1.28rem 0 .346667rem;letter-spacing:.08rem;text-align:center}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .warn-note[data-v-83383f16]{font-size:.346667rem;color:#666;line-height:.573333rem;text-align:left;padding:0 .453333rem .693333rem .693333rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .warn-note span[data-v-83383f16]{color:#e84242}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .bottom-btn[data-v-83383f16]{display:flex;align-items:center;padding-bottom:.666667rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .bottom-btn div[data-v-83383f16]{width:2.693333rem;text-align:center;line-height:.853333rem;border-radius:.426667rem;background:#ccc;color:#fff;margin-left:.693333rem}.recommend-course-cantianer .course-info-visible .course-info-content .infos-div .bottom-btn div[data-v-83383f16]:last-child{background:#57adf8;margin-left:.533333rem}.recommend-course-cantianer .course-info-visible .course-info-content i[data-v-83383f16]{font-size:.853333rem;color:#fff;margin-top:.4rem}.recommend-course-cantianer .van-dropdown-menu__bar{height:.986667rem!important}