.learning-center[data-v-08bf741f]{padding:30px 0 0}.learning-center .tabs-wrap[data-v-08bf741f]{position:fixed;float:left;width:120px;background:#fff;border-radius:18px;padding:10px 0 12px}.learning-center .tabs-wrap .user-info[data-v-08bf741f]{width:100px;height:86px;background:#f7f8fa;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 0 8px 10px}.learning-center .tabs-wrap .avatar[data-v-08bf741f]{width:40px;height:40px;border-radius:50%;margin-bottom:8px}.learning-center .tabs-wrap .name[data-v-08bf741f]{font-size:16px;color:#0d1400;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 6px;text-align:center}.learning-center .tabs-wrap li[data-v-08bf741f]{padding:12px 12px 12px 24px;cursor:pointer;font-size:16px;color:#515350;line-height:22px}.learning-center .tabs-wrap .active[data-v-08bf741f]{position:relative;font-weight:600;color:#0d1400}.learning-center .tabs-wrap .active[data-v-08bf741f]:after{position:absolute;content:" ";display:block;left:0;top:50%;transform:translateY(-50%);width:4px;height:19px;background:linear-gradient(132deg,#00eb81,#00c89d);border-radius:3px}.learning-center .conten-wrap[data-v-08bf741f]{margin-left:150px}.electron-learning-center[data-v-08bf741f]{padding:10px 0 0}.electron-learning-center .tabs-wrap[data-v-08bf741f]{position:fixed;float:left;width:100px;background:transparent;border-radius:0;padding:10px 0}.electron-learning-center .tabs-wrap li[data-v-08bf741f]{display:flex;align-items:center;width:80px;height:30px;border-radius:6px;padding-left:10px;cursor:pointer;font-weight:400;font-size:14px;color:#515350;line-height:20px}.electron-learning-center .tabs-wrap li[data-v-08bf741f]:hover{background:#ebedf1}.electron-learning-center .tabs-wrap li[data-v-08bf741f]{margin-bottom:10px}.electron-learning-center .tabs-wrap li .active-icon[data-v-08bf741f],.electron-learning-center .tabs-wrap li .icon[data-v-08bf741f]{width:18px;height:18px;margin-right:4px}.electron-learning-center .tabs-wrap .active[data-v-08bf741f]{color:#0d1400}.electron-learning-center .tabs-wrap .active[data-v-08bf741f],.electron-learning-center .tabs-wrap .active[data-v-08bf741f]:hover{background:linear-gradient(132deg,rgba(0,235,129,.3),rgba(0,200,157,.3))}.electron-learning-center .conten-wrap[data-v-08bf741f]{position:relative;margin-left:110px;min-height:auto}.electron-learning-center .conten-wrap[data-v-08bf741f]:after{top:0;position:absolute;left:-15px;height:100%;display:block;content:"";width:1px;background:linear-gradient(180deg,rgba(250,250,251,0),#f2f3f4 5%,#f2f4f5 95%,rgba(242,244,245,0))}.h5-learning-center[data-v-96fce04e]{min-height:100vh}.h5-learning-center .tabs-wrap[data-v-96fce04e]{background:#f5f5f6;z-index:9;position:fixed;width:100%;height:.96rem;display:flex;justify-content:center;align-items:flex-end;font-weight:400;font-size:.4rem;color:#515350;line-height:.56rem}.h5-learning-center .tabs-wrap li[data-v-96fce04e]{padding-bottom:.19rem}.h5-learning-center .tabs-wrap li[data-v-96fce04e]:first-child{margin-right:2rem}.h5-learning-center .tabs-wrap .active[data-v-96fce04e]{position:relative;font-weight:500;font-size:.4rem;color:#0d1400;line-height:.56rem}.h5-learning-center .tabs-wrap .active[data-v-96fce04e]:after{position:absolute;content:" ";display:block;left:50%;bottom:.03rem;transform:translateX(-50%);background:linear-gradient(132deg,#00eb81,#00c89d);width:.27rem;height:.05rem;border-radius:.07rem}