.message-side-bar_sideBar__DgPV4{position:fixed;bottom:120px;right:10px;width:56px;height:266px;background:#fff;border-radius:6px;box-shadow:0 0 16px 0 rgba(3,10,26,.06);z-index:90;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:12px}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7{background:url(/webv2_res/images/common/sider/kefu.svg) top no-repeat}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7:hover{background-image:url(/webv2_res/images/common/sider/kefu-hover.svg)}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7 .message-side-bar_hp_wx__ZdxSR{width:376px;height:114px;position:relative;background-color:#fff;border-radius:6px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7 .message-side-bar_hp_wx__ZdxSR>div{display:flex;flex-direction:row;color:#1b2337;text-wrap:nowrap;white-space:nowrap}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7 .message-side-bar_hp_wx__ZdxSR>div p{color:#1a91ff}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7 .message-side-bar_hp_wx__ZdxSR .message-side-bar_sidebarItemTitle__9ncTS{font-size:16px;font-weight:500;line-height:26px;letter-spacing:0;text-align:left}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7 .message-side-bar_hp_wx__ZdxSR .message-side-bar_sidebarItemDesc__ZxP0r{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:#868991}.message-side-bar_sideBar__DgPV4 .message-side-bar_top__FErn7 .message-side-bar_hp_wx__ZdxSR .message-side-bar_sidebarItemContact__yPIUl{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left}.message-side-bar_sideBar__DgPV4 .message-side-bar_bottom__UcAj7{background:url(/webv2_res/images/common/sider/app.svg) top no-repeat}.message-side-bar_sideBar__DgPV4 .message-side-bar_bottom__UcAj7:hover{background-image:url(/webv2_res/images/common/sider/app-hover.svg)}.message-side-bar_sideBar__DgPV4 .message-side-bar_bottom__UcAj7 .message-side-bar_hp_app__ibjCP{box-shadow:0 2px 10px rgba(3,10,26,.06);background-color:#fff;width:136px;height:160px;position:relative;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.message-side-bar_sideBar__DgPV4 .message-side-bar_bottom__UcAj7 .message-side-bar_hp_app__ibjCP img{width:110px}.message-side-bar_sideBar__DgPV4 .message-side-bar_bottom__UcAj7 .message-side-bar_hp_app__ibjCP div{color:#a8abb0}.message-side-bar_sideBar__DgPV4 .message-side-bar_sidebarItemGroup__1hK5U{background-color:transparent;right:100%;padding-right:15px;position:absolute;z-index:-1;visibility:hidden;opacity:0}.message-side-bar_sideBar__DgPV4>div{width:100%;height:80px;text-align:center;display:flex;justify-content:center;align-items:baseline;position:relative}.message-side-bar_sideBar__DgPV4>div:hover .message-side-bar_sidebarItemGroup__1hK5U{z-index:1;opacity:1;visibility:visible;transition:opacity .3s}.message-side-bar_sideBar__DgPV4>div:hover{color:#1a91ff;cursor:pointer}.message-side-bar_sideBar__DgPV4>div span{margin-top:35px}.message-side-bar_sideBar__DgPV4 .message-side-bar_recommendation__oRCV3{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;gap:4px}.message-side-bar_sideBar__DgPV4 .message-side-bar_recommendation__oRCV3 .message-side-bar_iconContainer__Mo6Bl{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.message-side-bar_sideBar__DgPV4 .message-side-bar_recommendation__oRCV3 .message-side-bar_icon__fB5s2{width:27px;height:27px;transition:all .3s ease;fill:#666}.message-side-bar_sideBar__DgPV4 .message-side-bar_recommendation__oRCV3 .message-side-bar_text__m__YO{font-size:12px;line-height:16px;color:#666;transition:color .3s ease}.message-side-bar_sideBar__DgPV4 .message-side-bar_recommendation__oRCV3:hover .message-side-bar_icon__fB5s2{fill:#1a91ff}.message-side-bar_sideBar__DgPV4 .message-side-bar_recommendation__oRCV3:hover .message-side-bar_text__m__YO{color:#1a91ff}.template-list_templateList__CyMvH{display:flex;flex-wrap:wrap}.template-list_imgWrap__qt_ZA{margin:8px;background-color:#fff;position:relative;border-radius:16px;border:4px solid hsla(0,0%,100%,.48);box-shadow:0 4px 16px 0 rgba(0,37,133,.16);overflow:hidden}.template-list_imgWrap__qt_ZA .template-list_playIcon__maDue{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;cursor:pointer;opacity:0}.template-list_imgWrap__qt_ZA .template-list_playIcon__maDue:hover{opacity:1!important}.template-list_imgWrap__qt_ZA:hover .template-list_playIcon__maDue{opacity:.93}.template-list_i__hkVlM{display:block}.template-list_img__cqksg{position:absolute;top:0;width:100%}.template-list_name__5lSOy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:16px}.template-list_duration__xC1Jk,.template-list_name__5lSOy{position:absolute;color:#fff;bottom:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:14px}.template-list_duration__xC1Jk{right:12px;border-radius:6px;background:rgba(3,10,26,.24);padding:2px 8px}.template-list_videoContainer__pc5Tn{position:absolute;top:0;left:0;width:100%;height:100%}.video-card_container__STq8K{position:relative;border:1px solid #fff;border-radius:8px;overflow:hidden}.video-card_container__STq8K .video-card_playIcon__2df4s{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;cursor:pointer;opacity:0}.video-card_container__STq8K .video-card_playIcon__2df4s:hover{opacity:1!important}.video-card_container__STq8K:hover .video-card_playIcon__2df4s{opacity:.93}.video-card_container__STq8K .video-card_body__8YoCP{position:relative;display:grid;place-content:center}.video-card_container__STq8K .video-card_body__8YoCP .video-card_video__aIjFN{object-fit:contain;position:absolute;width:100%;height:100%;top:0;left:0}.video-card_container__STq8K .video-card_body__8YoCP .video-card_audioIcon__otz01{width:40px;height:40px}.video-card_container__STq8K .video-card_body__8YoCP .video-card_delIcon__RnIzH{width:20px;height:20px;line-height:0;position:absolute;top:0;right:0;opacity:0;transition:opacity .3s;z-index:2}.video-card_container__STq8K .video-card_body__8YoCP .video-card_delIcon__RnIzH img{width:100%;height:100%}.video-card_container__STq8K .video-card_body__8YoCP .video-card_addIcon__qrVhc{width:18px;height:18px;line-height:0;position:absolute;bottom:6px;right:6px;opacity:0;transition:opacity .3s;z-index:2}.video-card_container__STq8K .video-card_body__8YoCP .video-card_addIcon__qrVhc img{width:100%;height:100%}.video-card_container__STq8K .video-card_body__8YoCP .video-card_format__cd9O9{position:absolute;width:34px;height:16px;display:grid;place-content:center;background-color:rgba(0,0,0,.6);font-size:12px;font-weight:400;bottom:4px;left:4px;border-radius:4px;color:#fff}.video-card_container__STq8K .video-card_body__8YoCP .video-card_format__cd9O9 div{line-height:0;-webkit-transform:scale(.76);transform:scale(.76);-webkit-transform-origin:center;transform-origin:center}.video-card_container__STq8K .video-card_name__8wSkm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:16px}.video-card_container__STq8K .video-card_duration__lQEwK,.video-card_container__STq8K .video-card_name__8wSkm{position:absolute;color:#fff;bottom:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:14px}.video-card_container__STq8K .video-card_duration__lQEwK{right:12px;border-radius:6px;background:rgba(3,10,26,.24);padding:2px 8px}.video-modal_tutorial__w3vLI{display:flex;overflow:hidden;border-radius:10px;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.video-modal_tutorial__w3vLI video{height:450px;width:auto}.video-modal_tutorialWrapper__cL9z5 .ant-modal-content{background:transparent}.video-modal_tutorialWrapper__cL9z5 .ant-modal-body{overflow:hidden;border-radius:16px;padding:10px 10px 0;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.video-modal_tutorialWrapper__cL9z5 .ant-modal-close{top:-26px;right:-26px;width:32px;height:32px;border-radius:32px;background:#fff;display:flex;align-items:center;justify-content:center;color:#030a1a}.video-modal_footer__rqK_f{display:flex;justify-content:space-between;padding:12px 0}.video-modal_footer__rqK_f .video-modal_name__5mIR_{overflow:hidden;color:#030a1a;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;align-items:center;gap:2px}.video-modal_footer__rqK_f .video-modal_btn__cGZMU{border-radius:100px;background:linear-gradient(92deg,#26b1ff,#1a91ff);padding:6px 10px;color:#fff;cursor:pointer}.video-modal_footer__rqK_f .video-modal_btn__cGZMU:hover{opacity:.8}.tutorial_container__5CX_s{max-width:2560px;min-width:1200px;width:100%;margin:auto;background:#fff;padding-bottom:64px}.tutorial_to_top__iwU_X{position:fixed;bottom:60px;right:10px;width:56px;height:40px;background:url(/webv2_res/images/common/sider/totop.svg) 50% no-repeat;background-color:#fff;border-radius:6px;box-shadow:0 0 16px 0 rgba(3,10,26,.06);z-index:90}.tutorial_to_top__iwU_X:hover{background-image:url(/webv2_res/images/common/sider/totop-hover.svg);cursor:pointer}.tutorial_part1Title__BeLmt{display:flex;gap:24px;margin-top:62px;align-items:flex-end;color:#030a1a;font-size:16px;font-style:normal;font-weight:500;line-height:16px;position:relative}.tutorial_part1Title__BeLmt .tutorial_userInfoAward__ylgOy{cursor:pointer;position:absolute;top:-28px;left:148px}.tutorial_part1__cFFQ9{overflow:hidden;position:relative;background-image:url(/webv2_res/images/tutorial/bg.png);background-repeat:no-repeat;background-position:50%;background-size:auto 694px;height:694px;width:100%}.tutorial_part1Content__2Tanx,.tutorial_part2Content__u_odU{width:1200px;margin:auto}.tutorial_tutorials___BTSG{height:516px;border-radius:16px;border:1px solid #fff;background:hsla(0,0%,100%,.5);margin-top:46px;display:flex}.tutorial_tutorialsTabs__H8NH8{width:330px;padding:39px;display:flex;flex-direction:column;gap:24px}.tutorial_tutorialsTabs__H8NH8 .tutorial_tab__JNXa0{width:252px;height:68px;background-repeat:no-repeat;background-position:50%;background-size:auto 68px;cursor:pointer;padding:19px 24px;-webkit-filter:drop-shadow(0 3px 0 #edeff4);filter:drop-shadow(0 3px 0 #edeff4);display:flex;align-items:center;gap:10px;color:#030a1a;font-size:18px;font-style:normal;font-weight:500;line-height:32px}.tutorial_tutorialsTabs__H8NH8 .tutorial_tab__JNXa0.tutorial_activeTab__Hl9u8{color:#fff}.tutorial_tutorialsTabs__H8NH8 .tutorial_tabIcon__E_5Ou{width:30px;height:30px}.tutorial_tutorialsContainer__Sv7ad{overflow-y:auto;overflow-x:hidden;margin:4px 8px}.tutorial_tutorialsContainer__Sv7ad ::-webkit-scrollbar{height:1px;width:0}.tutorial_tutorialsContainer__Sv7ad ::-webkit-scrollbar-track{background-color:hsla(0,0%,93%,0)}.tutorial_tutorialsContainer__Sv7ad ::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.tutorial_tutorialsContainer__Sv7ad ::-webkit-scrollbar-button{width:0;height:0}.tutorial_tutorialsVideos__XPZP5{display:flex;gap:24px;width:869px;flex-wrap:wrap;padding:28px 40px}.tutorial_part2Title__WTNoB{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:80px;margin-bottom:32px}.tutorial_part2Title__WTNoB .tutorial_part2SubTitle__aRhkG{color:rgba(3,10,26,.48);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:16px}.tutorial_part2__w6gfs{background-image:url(/webv2_res/images/tutorial/part2bg.svg);background-size:14px 14px;background-repeat:repeat;background-position:0 0;padding-bottom:32px}