.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content:after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround:after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}.van-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}:root[data-theme=dark][data-v-06d48eee],:root[data-theme=light][data-v-06d48eee],[data-v-06d48eee]:root{--vue-container-top-height:44px;--vue-color-primary:#4cd964;--vue-color-success:#007aff;--vue-color-warning:#f0ad4e;--vue-color-error:#dd524d;--vue-text-color:#333;--vue-text-color-blue:#4a73e2;--vue-text-color-red:#f73232;--vue-text-color-white:#fff;--vue-text-color-inverse:#fff;--vue-text-color-gray:#999;--vue-text-color-placeholder:grey;--vue-text-color-disable:#7c7878;--vue-text-color-label:#7f879f;--vue-bg-color:#fff;--vue-bg-color-gray:#f7f7f7;--vue-bg-color-hover:#f1f1f1;--vue-bg-color-blue:#4a73e2;--vue-bg-color-mask:rgba(0,0,0,0.4);--vue-border-color:#e9edf6;--vue-color-title:#2c405a;--vue-color-subtitle:#555;--vue-color-paragraph:#3f536e}.online-learn[data-v-06d48eee]{height:100%}.online-learn .container[data-v-06d48eee]{display:flex;flex-flow:column nowrap;align-items:center;height:calc(100% - var(--vue-container-top-height));background:var(--vue-bg-color)}.online-learn .container .tip[data-v-06d48eee]{padding:3px 15px;background:rgba(247,181,0,.2);font-size:12px;font-weight:400;color:#fa6400}.online-learn .container .content[data-v-06d48eee]{position:relative;width:100%;height:150px;padding:25px 0 0 15px;background:url(../img/bg.a7d402cc.png) no-repeat 50%/100% 40vw}.online-learn .container .content .head[data-v-06d48eee]{display:flex}.online-learn .container .content .head .left[data-v-06d48eee]{margin-right:3.7vw}.online-learn .container .content .head .left img[data-v-06d48eee]{width:62px;height:62px;border-radius:50%}.online-learn .container .content .head .right[data-v-06d48eee]{color:var(--vue-text-color-white)}.online-learn .container .content .head .right .name[data-v-06d48eee]{font-size:24px;font-weight:600}.online-learn .container .content .head .right .study_time[data-v-06d48eee]{display:flex;align-items:center;margin-top:3px;width:170px;height:18px;border-radius:100px;padding:1px;font-size:12px;font-weight:700}.online-learn .container .content .head .right .study_time img[data-v-06d48eee]{width:16px;height:16px}.online-learn .container .content .head .right .study_time_style[data-v-06d48eee]{margin-top:5px}.online-learn .container .content .style_list[data-v-06d48eee]{position:absolute;top:115px;left:0;display:flex;flex-wrap:wrap;width:100%;padding:0 15px}.online-learn .container .content .style_list .van-grid[data-v-06d48eee]{width:100%}.online-learn .container .content .style_list .van-grid[data-v-06d48eee] .van-grid-item__content{padding:0}.online-learn .container .content .style_list .van-grid .van-grid-item[data-v-06d48eee]{flex-basis:49%!important}.online-learn .container .content .style_list .van-grid .van-grid-item[data-v-06d48eee]:nth-child(2n){margin-left:2%}.online-learn .container .content .style_list .van-grid .van-grid-item:nth-child(2n) .font[data-v-06d48eee]{width:70px}.online-learn .container .content .style_list .box[data-v-06d48eee]{margin-bottom:10px;width:100%;height:70px;border-radius:4px;padding:15px;box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.online-learn .container .content .style_list .box .font[data-v-06d48eee]{width:56px;font-size:14px;font-weight:500;color:#333}