.common-title{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;font-size:16px;font-weight:500;padding:0 24px;position:relative}.common-title:before{background-image:-webkit-linear-gradient(280deg,#e4c7ff -4%,#d0cbff 25%,#caceff 59%,#c6d5ff 97%);background-image:linear-gradient(170deg,#e4c7ff -4%,#d0cbff 25%,#caceff 59%,#c6d5ff 97%);border-radius:2px;content:"";height:24px;left:24px;position:absolute;width:4px}.common-title .common-title-text{margin-left:12px}.common-title .common-subtitle{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:16px;font-weight:400;margin-left:8px}[data-dingtalk-theme=dark] .common-title:before{background-image:-webkit-linear-gradient(280deg,#421d66 -5%,#2a2a66 47%,#0c3966 97%);background-image:linear-gradient(170deg,#421d66 -5%,#2a2a66 47%,#0c3966 97%)}.feed-list{border-radius:16px;margin-top:18px;padding:0 24px}.feed-item{background-color:var(--common_fg_color,#fff);border:1px solid var(--common_line_popstroke_color,hsla(210,5%,54%,0));border-radius:16px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:24px;overflow:hidden;padding:16px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s;transition:all .3s}.feed-item:hover{box-shadow:0 12px 32px rgba(0,0,0,.24)}.feed-item:active{box-shadow:0 8px 24px rgba(0,0,0,.16)}.feed-item:hover .feed-item-content-left .feed-item-img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .3s;transition:all .3s}.feed-item-content-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;margin-left:24px;position:relative;width:0}.feed-item-content-right .feed-item-title{font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item-content-right .feed-item-title:hover{color:var(--common_text_blue1_color,#06f)}.feed-item-content-right .feed-item-content-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--common_level2_base_color,rgba(24,28,31,.6));display:-webkit-box;font-size:14px;height:40px;line-height:20px;margin:2px 0;overflow:hidden;text-overflow:ellipsis}.feed-item-content-right .feed-item-content-tag{display:-webkit-box;display:-webkit-flex;display:flex;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item-content-right .feed-item-content-value{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:12px;margin-top:12px}.feed-item-content-right .feed-item-content-date{bottom:0;color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:14px;left:0;margin-top:12px;position:absolute}.feed-item-content-left{background-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1));border-radius:12px;height:124px;width:220px}.feed-item-content-left .feed-item-img{border-radius:12px;height:100%;width:100%}@media screen and (min-width:980px){.feed-list .feed-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;width:calc(50% - 9px)}.feed-list .feed-item:nth-child(2n){margin-left:18px}}.ding-avatar-web{display:inline-block;object-fit:cover}.dd-avatar-container{position:relative}.dd-avatar-container.loaded{background:var(--common_overlay_hover_color,rgba(83,88,97,.16))}.ding-avatar-web-default{height:40px;width:40px}.dd-avatar-placeholder{color:var(--common_fg_color,#fff);left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.dd-avatar-content{left:0;position:absolute;top:0;width:100%}.ding-avatar-web-large{height:60px;width:60px}.ding-avatar-web-small{height:32px;width:32px}.ding-avatar-web-square{border-radius:25%;-webkit-border-radius:25%;-moz-border-radius:25%;-ms-border-radius:25%;-o-border-radius:25%}.ding-avatar-web-circle{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.ding-avatar-web-left{float:left}.ding-avatar-web-left,.ding-avatar-web-right{height:100%;overflow:hidden;position:relative;width:50%}.ding-avatar-web-right{float:right}.ding-avatar-web-unit{height:50%;line-height:150%;position:relative;width:100%}.ding-avatar-web-unit img{display:block;height:100%;width:100%}.ding-avatar-web-one .ding-avatar-web-unit{height:100%}.ding-avatar-web-one .ding-avatar-web-unit img{position:relative;right:25%;width:auto}.ding-avatar-web-left:after{background:#fff;bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.ding-avatar-web-unit:first-child:after,.ding-avatar-web-unit:last-child:before{background:#fff;content:"";height:1px;left:0;position:absolute;right:0}.dd-avatar-content .ding-avatar-pendant{bottom:0;height:100%;left:50%;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:100%;z-index:4}.weekly-ranking-panel{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-overflow-style:none;background:var(--common_fg_color,#fff);border-radius:16px;-webkit-flex-direction:column;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px 12px 6px;scrollbar-width:none;width:236px}.weekly-ranking-panel ::-webkit-scrollbar{display:none;width:0}.weekly-ranking-panel .ranking-title{color:var(--common_level1_base_color,#181c1f);font-size:16px;font-weight:500;line-height:24px;margin-bottom:12px;padding:0 12px}.weekly-ranking-panel .ranking-item{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;padding:8px 12px}.weekly-ranking-panel .ranking-item .medal{color:var(--common_level2_base_color,rgba(24,28,31,.6));height:24px;line-height:24px;text-align:center;width:24px}.weekly-ranking-panel .ranking-item .dd-avatar-container{border-radius:8px;margin:0 16px}.weekly-ranking-panel .ranking-item .ranking-item-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:0}.weekly-ranking-panel .ranking-item .nickname{font-size:14px;line-height:20px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-ranking-panel .ranking-item .score{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-ranking-panel .self-ranking{-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-top:1px solid var(--common_line_light_color,hsla(210,5%,54%,.16));display:-webkit-box;display:-webkit-flex;display:flex;padding:7px 12px}@media screen and (min-width:1032px){.weekly-ranking-panel{width:calc(25% - 18px)!important}}.banner-user-name{font-size:28px;font-weight:600;line-height:39px;margin-bottom:8px}.banner-my-value{display:-webkit-box;display:-webkit-flex;display:flex;gap:22px;margin-top:4px}.banner-my-value-item{background:hsla(0,0%,100%,.4);border-radius:12px;cursor:pointer;height:86px;min-width:176px;padding:16px;width:176px}.banner-my-value-item:hover{background-color:var(--common_overlay_hover_color,rgba(83,88,97,.16))}.banner-my-value-item-title{color:var(--common_level1_base_color,#181c1f);font-size:14px;line-height:20px;margin-right:4px}.banner-my-value-item-value{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:12px;margin-top:6px}.banner-my-value-item-value b{color:var(--common_level1_base_color,#181c1f);font-size:26px;line-height:28px;margin-right:4px}.banner-img-wrapper{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;overflow:hidden}.banner-img-wrapper,img{height:100%}[data-dingtalk-theme=dark] .slogan{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01hKobOD1czN1n88sOT_!!6000000003671-2-tps-440-96.png)}.recommend-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--common_fg_color,#fff);border:1px solid var(--common_line_popstroke_color,hsla(210,5%,54%,0));border-radius:16px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;width:calc(25% - 18px)}.recommend-card-img-wrapper{background-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1));overflow:hidden;position:relative;width:100%}.recommend-card-img-wrapper:before{content:"";display:block;height:0;padding-top:56.25%;width:100%}.recommend-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.24)}.recommend-card:active{box-shadow:0 8px 24px rgba(0,0,0,.16)}.recommend-card-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.recommend-card:hover .recommend-card-img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .3s;transition:all .3s}.recommend-card-title{color:var(--common_level1_base_color,#181c1f);font-size:14px;font-weight:500;height:20px;line-height:20px;margin:16px 16px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-card-title:hover{color:var(--common_text_blue1_color,#06f)}.recommend-card-type{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:14px;height:22px;margin:0 16px 16px;text-align:left}.recommend-card .recommend-card-tag{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;padding:0 16px 8px;text-overflow:ellipsis;white-space:nowrap}.recommend-card .recommend-card-tag .content-tag-item{margin-bottom:0}.recommend-card-status{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:14px;gap:12px;height:20px;line-height:20px;margin-bottom:16px;padding:0 16px}.recommend-card-status,.recommend-card-status-finished{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.recommend-card-status-finished{gap:4px}.recommend-card-status-finished .dingicon{color:var(--common_green1_color,#0b5);height:16px;width:16px}.template-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--common_fg_color,#fff);border:1px solid var(--common_line_popstroke_color,hsla(210,5%,54%,0));border-radius:16px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;width:calc(25% - 18px)}.template-card-img-wrapper{background-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1));position:relative;width:100%}.template-card-img-wrapper:before{content:"";display:block;height:0;padding-top:56.25%;width:100%}.template-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.24)}.template-card:hover .template-card-img-wrapper{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .3s;transition:all .3s}.template-card:active{box-shadow:0 8px 24px rgba(0,0,0,.16)}.template-card-img{height:100%;left:0;position:absolute;top:0;width:100%}.template-card:hover .recommend-card-img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .3s;transition:all .3s}.template-card-intro{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;gap:4px;padding:16px 16px 4px;width:100%}.template-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--common_level1_base_color,#181c1f);display:-webkit-box;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding-left:2px;text-overflow:ellipsis}.template-card-title:hover{color:var(--common_text_blue1_color,#06f)}.template-card-icon{height:16px;width:16px}.scroll-container{margin-bottom:40px;width:100%}.card-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:24px;padding:16px 24px}.card-item{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto}.scroll-button{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background-color:var(--common_overlay_color,rgba(0,0,0,.2));border:none;border-radius:100%;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background-color .3s;transition:background-color .3s;z-index:10}.scroll-button:hover{background-color:var(--videomeeting_roundbutton_bg_color,rgba(0,0,0,.72))}.view-more-container{-webkit-box-pack:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%}.view-more-container .view-more-button{margin:16px auto 0;padding-left:20px;padding-right:16px}.view-more-container .view-more-button,.view-more-container .view-more-button .dtm-button-text{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.view-more-container .view-more-button-icon{color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:16px;margin-left:0}.guagua-course-list{border-radius:12px;margin-bottom:6px;margin-top:24px;padding:0 24px}.guagua-course-list:after{clear:both;content:"";display:table}.guagua-course-list .guagua-course{background-color:var(--common_fg_color,#fff);border:1px solid var(--common_line_popstroke_color,hsla(210,5%,54%,0));border-radius:16px;cursor:pointer;height:226px;margin-bottom:34px;padding:24px 216px 24px 24px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s;transition:all .3s}.guagua-course-list .guagua-course:hover{box-shadow:0 12px 32px rgba(0,0,0,.24)}.guagua-course-list .guagua-course:active{box-shadow:0 8px 24px rgba(0,0,0,.16)}.guagua-course-list .guagua-course-list-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-weight:500;height:20px;line-height:20px;margin-bottom:8px;overflow:hidden}.guagua-course-list .guagua-course-list-item{background-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1));border-radius:8px;color:var(--common_level2_base_color,rgba(24,28,31,.6));cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;gap:8px;height:36px;line-height:20px;padding:8px 12px}.guagua-course-list .guagua-course-list-item+.guagua-course-list-item{margin-top:8px}.guagua-course-list .guagua-course-list-item .guagua-course-list-item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guagua-course-list .guagua-course-list-item:hover{background-color:var(--common_overlay_hover_color,rgba(83,88,97,.16))}.guagua-course-list .guagua-course-list-item:active{background-color:var(--common_overlay_press_color,rgba(83,88,97,.24))}.guagua-course-list .guagua-course-list-img{background-color:#ccc;border-radius:12px;bottom:24px;height:220px;overflow:hidden;position:absolute;right:24px;width:168px}.guagua-course-list .guagua-course-list-img img{height:100%;-webkit-transition:all .3s;transition:all .3s;width:100%}.guagua-course-list .guagua-course:hover .guagua-course-list-img img{-webkit-transform:scale(1.02);transform:scale(1.02)}.guagua-course-list .view-more-container .view-more-button{margin-bottom:34px;margin-top:-2px}.guagua-course-list .view-more-container .view-more-button>span,.guagua-course-list-item-type{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.guagua-course-list-item-type{font-size:16px;line-height:24px}.guagua-course-status{color:var(--common_level3_base_color,rgba(24,28,31,.4));font-size:14px;gap:24px;height:20px;line-height:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guagua-course-status,.guagua-course-status-finished{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.guagua-course-status-finished{gap:4px}.guagua-course-status-finished .dingicon{color:var(--common_green1_color,#0b5);height:16px;width:16px}@media screen and (min-width:980px){.guagua-course-list .guagua-course{display:inline-block;float:left;width:calc(50% - 9px)}.guagua-course-list .guagua-course:nth-child(2n){margin-left:18px}}.dtm-button-variant-filled>span{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}:root{--award_img_bg:url(https://down-cdn.dingtalk.com/ddmedia/iwElAqNwbmcDBgTRAoAF0QL4BrACacIvRCCy9QhgKVO0FaoAB9MAAAAA4JVJFQgACapvcGVuLnRvb2xzCgAL0gAA5j0.png)}:root[data-dingtalk-theme=dark]{--award_img_bg:url(https://down-cdn.dingtalk.com/ddmedia/iwELAqNwbmcDBgTRAoAF0QL4BrAblTGNwS1hEAhgKVdh5TUAB9MAAAAA4JVJFQgACapvcGVuLnRvb2xzCgAL0gABCcQ.png)}.customModalWrap .customModalContent{height:auto;width:100%}.customModalWrap .customModalContent .closeClassName{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;color:var(--common_level2_base_color,rgba(24,28,31,.6));cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;font-size:16px;height:22px;-webkit-justify-content:center;justify-content:center;position:absolute;right:24px;top:24px;width:22px;z-index:100}.customModalWrap .customModalContent .closeClassName:hover{color:var(--common_level1_base_color,#181c1f)}.customModalWrap .dtd-modal-content{border:0;border-radius:16px!important;padding:0}.award-medal-modal .awardBg{background-image:var(--award_img_bg)}:root{--learning_modal_bg:linear-gradient(180deg,rgba(254,181,15,.4),hsla(0,0%,100%,.4)),#fff;--learning_right_logo:url(https://gw.alicdn.com/imgextra/i1/O1CN01HpX1ad1Eby0vp4jVa_!!6000000000371-2-tps-480-480.png)}:root[data-dingtalk-theme=dark]{--learning_modal_bg:linear-gradient(180deg,rgba(254,181,15,.4),hsla(0,0%,100%,.4)),#111213;--learning_right_logo:url(https://gw.alicdn.com/imgextra/i1/O1CN01HnBrXL1hZKam142rv_!!6000000004291-2-tps-480-480.png)}.learningModal .content{background:var(--learning_modal_bg);border-radius:8px;overflow:hidden;padding:24px;position:relative;width:100%}.learningModal .content .rightLogo{background-image:var(--learning_right_logo);background-position:50%;background-repeat:no-repeat;background-size:cover;height:240px;position:absolute;right:-30px;top:-70px;width:240px}.learningModal .content .titleWrap{-webkit-box-align:center;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:10}.learningModal .content .titleWrap .title{color:var(--common_level1_base_color,#181c1f);font-size:18px;font-weight:500;line-height:26px}.learningModal .content .titleWrap .closeIcon{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;color:var(--common_level2_base_color,rgba(24,28,31,.6));cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;font-size:16px;height:22px;-webkit-justify-content:center;justify-content:center;width:22px}.learningModal .content .titleWrap .closeIcon:hover{color:var(--common_level1_base_color,#181c1f)}.learningModal .content .subTitle{color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:14px;line-height:20px;margin-top:4px}.learningModal .content .courseWrap{-webkit-box-pack:justify;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:8px;position:relative;width:100%;z-index:10}.learningModal .content .courseWrap .cardWrap{background-color:var(--common_fg_z1_color,#fff);border-radius:12px;padding:16px 12px}.learningModal .content .courseWrap .cardWrap .title{color:var(--common_level1_base_color,#181c1f);font-size:18px;font-weight:500;line-height:26px;text-align:center}.learningModal .content .courseWrap .cardWrap .courseList{margin-top:12px;max-height:208px;overflow-y:scroll;width:100%}.learningModal .content .courseWrap .cardWrap .courseList .courseItem,.learningModal .content .courseWrap .cardWrap .courseList .courseItem .courseIndex{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.learningModal .content .courseWrap .cardWrap .courseList .courseItem .courseIndex{-webkit-box-pack:center;background-color:rgba(255,146,0,.16);border-radius:100%;color:#ff9200;-webkit-flex-shrink:0;flex-shrink:0;font-size:13px;height:20px;-webkit-justify-content:center;justify-content:center;margin-right:8px;width:20px}.learningModal .content .courseWrap .cardWrap .courseList .courseItem .courseStatus{background-color:var(--common_overlay_hover_color,rgba(83,88,97,.16));border-radius:4px;color:var(--common_level2_base_color,rgba(24,28,31,.6));-webkit-flex-shrink:0;flex-shrink:0;font-size:10px;height:16px;line-height:16px;margin-right:8px;padding:0 4px}.learningModal .content .courseWrap .cardWrap .courseList .courseItem .finishStatus{background-color:var(--common_green3_color,rgba(0,187,85,.12));color:var(--common_green1_color,#0b5)}.learningModal .content .courseWrap .cardWrap .courseList .courseItem .courseTitle{-webkit-box-flex:1;color:var(--common_level2_base_color,rgba(24,28,31,.6));-webkit-flex:1;flex:1;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learningModal .content .courseWrap .cardWrap .courseList::-webkit-scrollbar{background-color:initial;height:5px;width:5px}.learningModal .content .courseWrap .cardWrap .courseList::-webkit-scrollbar-thumb,.learningModal .content .courseWrap .cardWrap .courseList::-webkit-scrollbar-thumb:hover{background-color:var(--common_level2_base_color,rgba(23,26,29,.6))}.learningModal .content .courseWrap .cardWrap .courseList::-webkit-scrollbar-thumb{border-radius:2.5px;min-height:30px}.learningModal .content .courseWrap .cardWrap .medalImg{height:98px;margin:10px auto 0;object-fit:cover;width:98px}.learningModal .content .footer{-webkit-box-pack:end;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:20px}.home-pc{margin:0 auto;max-width:1240px;padding-top:24px}.home-pc,html{background-color:var(--common_bg_z0_color,#fafafa)}html{scroll-behavior:smooth}.guagua-home-pc{background-color:var(--common_bg_z0_color,#f8f8fb);min-height:100vh;min-width:738px;width:100%}.guagua-home-pc .empty-content .dtd-empty-image{margin:4px auto}html,html body{color:var(--common_level1_base_color,#181c1f);font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,system-ui,Roboto,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;text-rendering:optimizelegibility}@media screen and (min-width:1032px){.card-container .recommend-card,.card-container .template-card{width:calc(25% - 18px)}.card-container .recommend-course-col-4-first{margin-left:0}}@media screen and (max-width:1032px){.card-container .recommend-card,.card-container .template-card{width:calc(33.33333% - 18px)}.card-container .recommend-course-col-3-first{margin-left:0}}@media screen and (max-width:750px){.card-container .recommend-card .recommend-card-status{font-size:12px}}.activity-detail{-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--common_fg_color,#fff);border-radius:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;gap:40px;height:217px;padding:24px;width:100%}.activity-detail:hover{box-shadow:0 12px 32px rgba(0,0,0,.24)}.activity-detail:hover .activity-card-img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all .3s;transition:all .3s}.activity-detail .activity-left-wrap{border-radius:9px;height:169px;position:relative;width:300px}.activity-detail .activity-left-wrap .activity-card-img{border-radius:9px;height:100%;left:0;position:absolute;top:0;width:100%}.activity-detail .activity-time{color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:14px;line-height:20px}.activity-detail .activity-title{-webkit-line-clamp:1;color:var(--common_level1_base_color,#181c1f);font-size:16px;font-weight:500;line-height:24px;margin-bottom:4px;margin-top:14px}.activity-detail .activity-desc,.activity-detail .activity-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.activity-detail .activity-desc{-webkit-line-clamp:2;color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:14px;line-height:20px}.activity-detail .activity-right-wrap{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative}.activity-detail .activity-right-wrap .activity-btn{bottom:0;left:0;position:absolute}.dtd-tag{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";--color:var(--common_level1_base_color,#181c1f);--bg-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1));background:var(--bg-color);border-radius:1000px;box-sizing:border-box;color:var(--common_level1_base_color,#181c1f);display:inline-block;font-size:14px;font-variant:tabular-nums;font-weight:500;height:auto;line-height:1.5715;line-height:20px;list-style:none;margin:0 8px 0 0;opacity:1;padding:4px 12px;-webkit-transition:all .3s;transition:all .3s;white-space:nowrap}.dtd-tag,.dtd-tag a,.dtd-tag a:hover{color:var(--color)}.dtd-tag>a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.dtd-tag-close-icon{color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:14px;margin-left:3px;-webkit-transition:all .3s;transition:all .3s}.dtd-tag-close-icon:hover{color:var(--common_level1_base_color,#181c1f)}.dtd-tag-has-color{border-color:transparent}.dtd-tag-has-color,.dtd-tag-has-color .dd-icon-close,.dtd-tag-has-color .dd-icon-close:hover,.dtd-tag-has-color a,.dtd-tag-has-color a:hover{color:#fff}.dtd-tag-hidden{display:none}.dtd-tag-blue{background:var(--common_blue3_color,rgba(0,102,255,.12));color:var(--common_blue1_color,#06f)}.dtd-tag-blue-inverse{background:var(--common_blue2_color,rgba(0,102,255,.48));color:var(--common_white1_color,#fff)}.dtd-tag-orange{background:var(--common_orange3_color,rgba(253,145,0,.12));color:var(--common_orange1_color,#fd9100)}.dtd-tag-orange-inverse{background:var(--common_orange2_color,rgba(253,145,0,.48));color:var(--common_white1_color,#fff)}.dtd-tag-red{background:var(--common_red3_color,rgba(242,81,12,.12));color:var(--common_red1_color,#f2510c)}.dtd-tag-red-inverse{background:var(--common_red2_color,rgba(242,81,12,.48));color:var(--common_white1_color,#fff)}.dtd-tag-green{background:var(--common_green3_color,rgba(0,187,85,.12));color:var(--common_green1_color,#0b5)}.dtd-tag-green-inverse{background:var(--common_green2_color,rgba(0,187,85,.48));color:var(--common_white1_color,#fff)}.dtd-tag-yellow{background:var(--common_yellow3_color,rgba(244,200,0,.12));color:var(--common_yellow1_color,#f4c800)}.dtd-tag-yellow-inverse{background:var(--common_yellow2_color,rgba(244,200,0,.48));color:var(--common_white1_color,#fff)}.dtd-tag-purple{background:var(--common_purple3_color,rgba(185,99,211,.12));color:var(--common_purple1_color,#b963d3)}.dtd-tag-purple-inverse{background:var(--common_purple2_color,rgba(185,99,211,.48));color:var(--common_white1_color,#fff)}.dtd-tag-water{background:var(--common_water3_color,rgba(90,200,250,.12));color:var(--common_water1_color,#5ac8fa)}.dtd-tag-water-inverse{background:var(--common_water2_color,rgba(90,200,250,.48));color:var(--common_white1_color,#fff)}.dtd-tag-pink{background:var(--common_pink3_color,rgba(236,69,137,.12));color:var(--common_pink1_color,#ec4589)}.dtd-tag-pink-inverse{background:var(--common_pink2_color,rgba(236,69,137,.48));color:var(--common_white1_color,#fff)}.dtd-tag-olive{background:var(--common_olive3_color,rgba(111,146,0,.12));color:var(--common_olive1_color,#6f9200)}.dtd-tag-olive-inverse{background:var(--common_olive2_color,rgba(111,146,0,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small{--border-color:var(--common_line_hard_color,hsla(210,5%,54%,.24));--bg-color:transparent;background:var(--bg-color);border:1px solid var(--border-color);font-size:10px;font-weight:400;line-height:14px;padding:1px 6px}.dtd-tag-small.dtd-tag-checkable-checked{background-color:var(--common_blue2_color,rgba(0,102,255,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-blue{border-color:var(--common_blue2_color,rgba(0,102,255,.48));color:var(--common_blue1_color,#06f)}.dtd-tag-small.dtd-tag-orange{border-color:var(--common_orange2_color,rgba(253,145,0,.48));color:var(--common_orange1_color,#fd9100)}.dtd-tag-small.dtd-tag-red{border-color:var(--common_red2_color,rgba(242,81,12,.48));color:var(--common_red1_color,#f2510c)}.dtd-tag-small.dtd-tag-green{border-color:var(--common_green2_color,rgba(0,187,85,.48));color:var(--common_green1_color,#0b5)}.dtd-tag-small.dtd-tag-yellow{border-color:var(--common_yellow2_color,rgba(244,200,0,.48));color:var(--common_yellow1_color,#f4c800)}.dtd-tag-small.dtd-tag-purple{border-color:var(--common_purple2_color,rgba(185,99,211,.48));color:var(--common_purple1_color,#b963d3)}.dtd-tag-small.dtd-tag-water{border-color:var(--common_water2_color,rgba(90,200,250,.48));color:var(--common_water1_color,#5ac8fa)}.dtd-tag-small.dtd-tag-pink{border-color:var(--common_pink2_color,rgba(236,69,137,.48));color:var(--common_pink1_color,#ec4589)}.dtd-tag-small.dtd-tag-olive{border-color:var(--common_olive2_color,rgba(111,146,0,.48));color:var(--common_olive1_color,#6f9200)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-blue{background-color:var(--common_blue2_color,rgba(0,102,255,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-orange{background-color:var(--common_orange2_color,rgba(253,145,0,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-red{background-color:var(--common_red2_color,rgba(242,81,12,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-green{background-color:var(--common_green2_color,rgba(0,187,85,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-yellow{background-color:var(--common_yellow2_color,rgba(244,200,0,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-purple{background-color:var(--common_purple2_color,rgba(185,99,211,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-water{background-color:var(--common_water2_color,rgba(90,200,250,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-pink{background-color:var(--common_pink2_color,rgba(236,69,137,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small.dtd-tag-checkable-checked.dtd-tag-olive{background-color:var(--common_olive2_color,rgba(111,146,0,.48));color:var(--common_white1_color,#fff)}.dtd-tag-small .dtd-tag-close-icon{font-size:10px}.dtd-tag-success{background:var(--common_green3_color,rgba(0,187,85,.12));border-color:var(--common_green2_color,rgba(0,187,85,.48));color:var(--common_green1_color,#0b5)}.dtd-tag-processing{background:var(--common_blue3_color,rgba(0,102,255,.12));border-color:var(--common_blue2_color,rgba(0,102,255,.48));color:var(--common_blue1_color,#06f)}.dtd-tag-error{background:var(--common_red3_color,rgba(242,81,12,.12));border-color:var(--common_red2_color,rgba(242,81,12,.48));color:var(--common_red1_color,#f2510c)}.dtd-tag-warning{background:var(--common_orange3_color,rgba(253,145,0,.12));border-color:var(--common_orange2_color,rgba(253,145,0,.48));color:var(--common_orange1_color,#fd9100)}.dtd-tag-checkable{background-color:initial;border-color:transparent;color:var(--common_level1_base_color,#181c1f);cursor:pointer}.dtd-tag-checkable:not(.dtd-tag-checkable-checked):not(.dtd-tag-small):hover{color:var(--common_blue1_color,#06f)}.dtd-tag-checkable-checked{background-color:var(--common_blue1_color,#06f);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-blue:not(.dtd-tag-checkable-checked):hover{color:var(--common_blue1_color,#06f)}.dtd-tag-checkable-checked.dtd-tag-blue{background-color:var(--common_blue1_color,#06f);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-orange:not(.dtd-tag-checkable-checked):hover{color:var(--common_orange1_color,#fd9100)}.dtd-tag-checkable-checked.dtd-tag-orange{background-color:var(--common_orange1_color,#fd9100);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-red:not(.dtd-tag-checkable-checked):hover{color:var(--common_red1_color,#f2510c)}.dtd-tag-checkable-checked.dtd-tag-red{background-color:var(--common_red1_color,#f2510c);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-green:not(.dtd-tag-checkable-checked):hover{color:var(--common_green1_color,#0b5)}.dtd-tag-checkable-checked.dtd-tag-green{background-color:var(--common_green1_color,#0b5);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-yellow:not(.dtd-tag-checkable-checked):hover{color:var(--common_yellow1_color,#f4c800)}.dtd-tag-checkable-checked.dtd-tag-yellow{background-color:var(--common_yellow1_color,#f4c800);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-purple:not(.dtd-tag-checkable-checked):hover{color:var(--common_purple1_color,#b963d3)}.dtd-tag-checkable-checked.dtd-tag-purple{background-color:var(--common_purple1_color,#b963d3);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-water:not(.dtd-tag-checkable-checked):hover{color:var(--common_water1_color,#5ac8fa)}.dtd-tag-checkable-checked.dtd-tag-water{background-color:var(--common_water1_color,#5ac8fa);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-pink:not(.dtd-tag-checkable-checked):hover{color:var(--common_pink1_color,#ec4589)}.dtd-tag-checkable-checked.dtd-tag-pink{background-color:var(--common_pink1_color,#ec4589);color:var(--common_white1_color,#fff)}.dtd-tag-checkable.dtd-tag-olive:not(.dtd-tag-checkable-checked):hover{color:var(--common_olive1_color,#6f9200)}.dtd-tag-checkable-checked.dtd-tag-olive{background-color:var(--common_olive1_color,#6f9200);color:var(--common_white1_color,#fff)}.dtd-tag>.dd-icon+span,.dtd-tag>span+.dd-icon{margin-left:7px}.dtd-tag.dtd-tag-rtl{direction:rtl;margin-left:8px;margin-right:0;text-align:right}.dtd-tag-rtl .dtd-tag-close-icon{margin-left:0;margin-right:3px}.dtd-tag-rtl.dtd-tag>.dd-icon+span,.dtd-tag-rtl.dtd-tag>span+.dd-icon{margin-left:0;margin-right:7px}.home-activity{background-color:var(--common_bg_z0_color,#fafafa);margin:0 auto;max-width:1240px;min-width:738px;padding-bottom:12px}.home-activity .empty-content{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;height:calc(100vh - 160px);-webkit-justify-content:center;justify-content:center}.home-activity .activity-list,.home-activity .empty-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.home-activity .activity-list{gap:16px;min-height:670px;overflow:hidden;overflow-y:auto;padding:16px 40px 12px}.activity-tabs{background-color:var(--common_bg_z0_color,#fafafa);height:68px;padding:8px 56px 0;position:-webkit-sticky;position:sticky;z-index:50}.activity-tabs,.activity-tabs .tabs-container{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.activity-tabs .tabs-container{-webkit-column-gap:12px;column-gap:12px}.activity-tabs .tab-item{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;border-radius:1000px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;height:28px;-webkit-justify-content:center;justify-content:center;padding:8px 16px;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;white-space:nowrap}.activity-tabs .active-tab{background-color:var(--common_blue3_color,rgba(0,102,255,.12));color:var(--common_blue1_color,#06f)}.activity-tabs .tab-item:not(.active-tab){background-color:var(--common_overlay_hover_color,rgba(83,88,97,.16));color:var(--common_level2_base_color,rgba(24,28,31,.6))}.tag-filter{margin:24px auto 16px;max-width:1246px;min-width:738px;padding:0 28px}.tag-filter .tag-filter-header{-webkit-box-pack:justify;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:12px}.tag-filter .tag-filter-header .tag-filter-title{color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:14px;line-height:20px}.tag-filter .tag-filter-header .tag-filter-toggle{-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:1000px;color:var(--common_level2_base_color,rgba(24,28,31,.6));cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;gap:4px;padding:4px 8px;-webkit-transition:all .2s ease;transition:all .2s ease}.tag-filter .tag-filter-header .tag-filter-toggle:hover{background-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1));color:var(--common_level1_base_color,#181c1f)}.tag-filter .tag-filter-header .tag-filter-toggle:active{background-color:var(--common_bg_color,#f2f2f6)}.tag-filter .tag-filter-header .tag-filter-toggle.expanded .dingicon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tag-filter .tag-filter-content .tag-filter-row{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:8px}.tag-filter .tag-filter-content .tag-filter-row:last-child{margin-bottom:0}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-category-title{color:var(--common_level1_base_color,#181c1f);-webkit-flex-shrink:0;flex-shrink:0;font-size:12px;font-weight:500;line-height:26px;min-width:64px}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-tags{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:0}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-tags .tag-filter-tag{border-radius:1000px;cursor:pointer}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-tags .tag-filter-tag.selected .content-tag-item{color:var(--theme_primary1_color,#06f)}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-tags .tag-filter-tag .content-tag-item:hover{background-color:var(--common_overlay_area_color,hsla(220,9%,56%,.1))}@media (max-width:768px){.tag-filter{border-radius:8px;padding:12px 16px}.tag-filter .tag-filter-header{margin-bottom:12px}.tag-filter .tag-filter-header .tag-filter-title{font-size:15px}.tag-filter .tag-filter-header .tag-filter-toggle{font-size:13px;padding:3px 6px}.tag-filter .tag-filter-content .tag-filter-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-bottom:12px}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-category-title{line-height:20px;margin-bottom:8px;margin-right:0;min-width:auto}.tag-filter .tag-filter-content .tag-filter-row .tag-filter-tags{gap:0}}.template-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--common_bg_color,#f2f2f6);-webkit-flex-direction:column;flex-direction:column;min-height:calc(100vh - 48px)}.template-list,.template-list-banner{display:-webkit-box;display:-webkit-flex;display:flex;width:100%}.template-list-banner{-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fee3c7;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01Htr3L722ksWMxL3Qh_!!6000000007159-2-tps-2160-314.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;height:157px;margin-bottom:16px;overflow:hidden;position:relative}.template-list-banner-content{margin-left:30%;position:relative}.template-list-banner-title{color:#724100;font-size:28px;font-weight:600;line-height:36px;margin:8px 0}.template-list-banner-subtitle{color:var(--common_level2_base_color,rgba(24,28,31,.6));font-size:16px;margin-top:6px}.template-list-banner-btn{margin-top:9px}.template-list-filter{background-color:var(--common_bg_color,#f2f2f6);padding:0 16px}.template-list-filter .tag-filter{margin:0 auto}.template-list-content{-webkit-box-flex:1;background-color:var(--common_bg_color,#f2f2f6);-webkit-flex:1;flex:1;margin:0 auto 16px;max-width:1246px;min-width:738px;padding:0 16px;width:100%}.template-list-cards{background-color:initial}.template-list-loading{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:40px 0}.template-list-loading-text{color:var(--common_level2_base_color,#999);font-size:14px}.template-list-empty{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:60px 0}.template-list-empty-text{color:var(--common_level2_base_color,#999);font-size:14px;text-align:center}.template-list-error{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;-webkit-justify-content:center;justify-content:center;margin:16px;padding:40px 0;text-align:center}@media (max-width:768px){.template-list-banner{height:157px}.template-list-banner-title{font-size:20px;line-height:28px}.template-list-banner-subtitle{font-size:13px;line-height:18px}.template-list-filter{padding:0 12px 12px}.template-list-content{padding:0 4px}}@media (min-width:1246px){padding:0}