.css_detials-video__k2e9w{max-width:1200px;min-height:calc(100vh - 124px);margin:0 auto}.css_detials-video__k2e9w .css_detail-video-headerBaner__pG09H{display:none}.css_detials-video__k2e9w .css_detail-video-breadcrumb__qY3y0{padding:30px 0 26px;box-sizing:border-box}.css_detials-video__k2e9w .css_detials-video-tontain__rccy3{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;height:100%}@media screen and (max-width: 1200px){.css_detials-video__k2e9w .css_detail-video-breadcrumb__qY3y0{padding:30px 16px 26px}}@media screen and (max-width: 743px){.css_detials-video__k2e9w .css_detail-video-headerBaner__pG09H{display:block;height:44px;width:100%}.css_detials-video__k2e9w .css_detail-video-breadcrumb__qY3y0{display:none}.css_learn-video-bottom__euuWF{display:none}}
.css_earn-list__container___BD0B button{display:flex;align-items:center;justify-content:center;margin-top:40px;font-size:14px;font-weight:500;color:#fff;background:var(--primary-color);border-radius:24px;border:0;cursor:pointer}.css_earn-list__container___BD0B button:hover{opacity:.8}.css_earn-list__banner__TE7Ya{color:var(--text-1);background:var(--primary-bg)}.css_earn-list__banner__TE7Ya .css_banner-box__rzpbO{display:flex;justify-content:space-between;padding:80px 0 100px;background:url(/hbg-learn-alone/_next/static/media/earn-banner.b4703a1e.png) no-repeat right bottom;background-size:378px auto;background-position:right 90px bottom -15px}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF{width:660px}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF h3{margin-bottom:8px;font-size:44px;line-height:62px;font-weight:500}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF h3 span{color:var(--success-color)}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF p{font-size:16px;line-height:22px;color:var(--text-3)}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF button{width:140px;height:48px}.css_earn-list__banner__TE7Ya .css_banner-image__OfCcU img{width:343px;flex-shrink:0;margin-left:70px}.css_earn-list__how__eaUcj{padding:32px 0;background:#fafafa}.css_earn-list__how__eaUcj .css_how-box__NQiTC{display:flex;justify-content:space-between;align-items:center}.css_earn-list__how__eaUcj .css_how-box__NQiTC .css_line__itB95{flex:1;height:10px;margin:0 42px;display:flex;align-items:center;justify-content:flex-end;background:url(/hbg-learn-alone/_next/static/media/earn-arrow.b7ca9737.svg) no-repeat center right;background-size:auto 100%}.css_earn-list__how__eaUcj .css_how-item__vsssJ{width:264px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:20px;font-weight:500;color:var(--text-2)}.css_earn-list__how__eaUcj .css_how-item__vsssJ:first-child{justify-content:flex-start}.css_earn-list__how__eaUcj .css_how-item__vsssJ:last-child{justify-content:flex-end}.css_earn-list__how__eaUcj .css_how-item__vsssJ img{width:48px;margin-right:16px}.css_earn-list__how__eaUcj .css_how-item__vsssJ p{text-align:center}.css_earn-list__main__U8fmu{width:1200px;margin:0 auto}.css_earn-list__list__t32FC{padding-top:120px}.css_earn-item__kf5yg{padding:8px;margin-bottom:60px;display:flex;align-items:center;border-radius:16px;border:1px solid var(--border-1);background:var(--primary-bg);transition:all .2s;cursor:pointer}.css_earn-item__kf5yg .css_tag__FeBQG{height:100%;padding:0 12px;margin-right:8px;display:flex;align-items:center;font-size:12px;color:var(--text-3);border-radius:20px;background:var(--sub-bg)}.css_earn-item__kf5yg .css_tag-reward__jVWNQ{color:var(--text-2);background:#e6f6f1}.css_earn-item__kf5yg .css_tag-reward__jVWNQ img{width:12px;height:12px;margin-left:8px;margin-right:2px}.css_earn-item__kf5yg .css_tag-reward__jVWNQ span{color:#00a171}.css_earn-item__kf5yg .css_tag-reward__jVWNQ.css_status_2__ZfDhN{background:#ebebeb}.css_earn-item__kf5yg .css_tag-reward__jVWNQ.css_status_2__ZfDhN .css_tag-reward__jVWNQ,.css_earn-item__kf5yg .css_tag-reward__jVWNQ.css_status_2__ZfDhN span{color:#8a8a8e;background:rgba(0,0,0,0)}.css_earn-item__kf5yg .css_tag-reward__jVWNQ.css_status_2__ZfDhN img{filter:grayscale(100%)}.css_earn-item__kf5yg .css_tag__FeBQG img{width:12px;height:12px;margin-right:4px;transform:translateY(-1px)}.css_earn-item__kf5yg .css_image-box__BTpxs{flex-shrink:0;border-radius:16px;background:#f9f9f9;overflow:hidden;position:relative}.css_earn-item__kf5yg .css_image-box__BTpxs>img{display:block;width:348px;height:204px}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-tag__kVlM2{position:absolute;left:8px;top:8px;padding:4px 12px;display:flex;align-items:center;font-size:12px;line-height:16px;color:#fff;white-space:nowrap;border-radius:30px;background:#adadb4}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-tag__kVlM2 img{width:12px;height:12px;margin-right:3px}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-tag__kVlM2.css_status_1__MqC70{background:linear-gradient(270deg, #07B44C 0%, #00A171 100%)}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-tag__kVlM2.css_status_0__cx7h2{color:var(--text-1);background:var(--primary-bg)}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy{position:absolute;right:6px;bottom:8px;width:auto;height:24px;display:flex;align-items:center;border-radius:20px;background:#e6f6f1;display:none}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy.css_status_2__ZfDhN{background:#ebebeb}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy.css_status_2__ZfDhN .css_tag-reward__jVWNQ{color:#8a8a8e;background:rgba(0,0,0,0)}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy .css_tag__FeBQG{margin:0;color:#00a171}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy .css_earn-tag__kVlM2{position:unset}.css_earn-item__kf5yg:hover{box-shadow:0px 6px 32px 0px rgba(82,93,107,.08),0px 6px 6px 0px rgba(0,0,0,.02)}.css_earn-item__kf5yg .css_content-box__5S4ex{flex:1;width:0;padding:32px 40px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_title__SC5yI{font-size:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.css_earn-item__kf5yg .css_content-box__5S4ex .css_desc__r8hFy{height:44px;margin-top:12px;font-size:14px;color:var(--text-2);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.css_earn-item__kf5yg .css_content-box__5S4ex .css_earn-info__QQ9zm{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap}.css_earn-item__kf5yg .css_content-box__5S4ex .css_earn-info__QQ9zm .css_tag__FeBQG{margin-top:8px;height:28px}.css_earn-item__kf5yg .css_button-box__gm4WZ{flex-shrink:0;margin-right:16px}.css_earn-item__kf5yg .css_button-box__gm4WZ button{width:160px;height:44px;margin-top:0px}.css_earn-item__kf5yg .css_button-box__gm4WZ button.css_status_0__cx7h2{color:var(--primary-color);border:1px solid var(--primary-color);background-color:rgba(0,0,0,0)}.css_earn-item__kf5yg .css_button-box__gm4WZ button.css_status_2__ZfDhN{background-color:#adadb4}.css_loading-box__93Gbf{font-size:12px;color:#adadb4;text-align:center;padding-bottom:60px}@media screen and (max-width: 1200px){.css_earn-list__main__U8fmu{width:100%}.css_earn-list__banner__TE7Ya{padding:0 40px}.css_earn-list__banner__TE7Ya .css_banner-box__rzpbO{background-position:right 24px bottom -15px}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF{width:calc(100% - 420px)}.css_earn-list__how__eaUcj{padding:32px 40px}.css_earn-list__how__eaUcj .css_how-box__NQiTC .css_line__itB95{margin:0 38px}.css_earn-list__how__eaUcj .css_how-item__vsssJ{width:224px;font-size:16px}.css_earn-list__list__t32FC{padding:100px 40px 0}.css_earn-item__kf5yg{margin-bottom:24px}.css_earn-item__kf5yg .css_image-box__BTpxs>img{display:block;width:293px;height:172px}.css_earn-item__kf5yg .css_content-box__5S4ex{padding:16px 24px}.css_earn-item__kf5yg .css_button-box__gm4WZ button{width:140px;height:40px}}@media screen and (max-width: 944px){.css_earn-list__banner__TE7Ya{padding:0 24px}.css_earn-list__banner__TE7Ya .css_banner-box__rzpbO{padding-bottom:128px;background-size:315px auto;background-position:right 20px bottom -15px}.css_earn-list__banner__TE7Ya .css_banner-box__rzpbO button{margin-top:24px;width:120px;height:36px}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF{width:calc(100% - 338px)}.css_earn-list__how__eaUcj{padding:24px}.css_earn-list__how__eaUcj .css_how-box__NQiTC .css_line__itB95{margin:0 20px;height:6px}.css_earn-list__how__eaUcj .css_how-item__vsssJ{width:188px;font-size:14px}.css_earn-list__how__eaUcj .css_how-item__vsssJ img{width:40px;margin-right:8px}.css_earn-list__list__t32FC{padding:100px 24px 0}.css_earn-list__list__t32FC .rc-virtual-list-holder-inner{flex-direction:row !important;flex-wrap:wrap}.css_earn-item__kf5yg{width:calc(50% - 12px);padding:8px 6px 24px;flex-direction:column}.css_earn-item__kf5yg:nth-child(2n){margin-left:24px}.css_earn-item__kf5yg .css_image-box__BTpxs{width:100%}.css_earn-item__kf5yg .css_image-box__BTpxs::after{content:"";display:block;padding-top:50%}.css_earn-item__kf5yg .css_image-box__BTpxs>img{position:absolute;left:0;top:0;width:100%;height:100%}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-tag__kVlM2{display:none}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy{display:flex}.css_earn-item__kf5yg .css_image-box__BTpxs .css_earn-status__xjUfy .css_earn-tag__kVlM2{display:flex}.css_earn-item__kf5yg .css_content-box__5S4ex{width:100%;flex:unset;padding:24px 10px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_title__SC5yI{font-size:18px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_desc__r8hFy{height:40px;margin-top:8px;line-height:20px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_earn-info__QQ9zm{margin-top:16px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_earn-info__QQ9zm .css_tag__FeBQG{height:24px;margin-top:0;padding-left:0;background:rgba(0,0,0,0)}.css_earn-item__kf5yg .css_content-box__5S4ex .css_earn-info__QQ9zm .css_tag__FeBQG.css_tag-reward__jVWNQ{display:none}.css_earn-item__kf5yg .css_button-box__gm4WZ{margin-right:0px;width:100%;padding:0 10px}.css_earn-item__kf5yg .css_button-box__gm4WZ button{margin-top:0px;width:100%;height:48px}}@media screen and (max-width: 750px){.css_earn-list__banner__TE7Ya .css_banner-box__rzpbO{padding:46px 0 32px;background-size:168px auto;background-position:right 0px bottom 0px}.css_earn-list__banner__TE7Ya .css_banner-box__rzpbO button{margin-top:24px;width:120px;height:36px}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF{width:calc(100% - 100px)}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF h3{font-size:26px;line-height:32px}.css_earn-list__banner__TE7Ya .css_banner-content__1YrGF p{padding-right:90px;font-size:14px;line-height:20px}.css_earn-list__how__eaUcj .css_how-box__NQiTC .css_line__itB95{margin:0 10px;height:6px}.css_earn-list__how__eaUcj .css_how-item__vsssJ{width:77px;font-size:12px;font-weight:400;flex-direction:column;word-break:break-all;white-space:unset}.css_earn-list__how__eaUcj .css_how-item__vsssJ img{width:40px;margin-bottom:8px;margin-right:0px}.css_earn-list__list__t32FC{padding:60px 16px 0}.css_earn-item__kf5yg{width:100%;padding:8px 8px 24px}.css_earn-item__kf5yg:nth-child(2n){margin-left:0px}.css_earn-item__kf5yg .css_content-box__5S4ex{padding:24px 12px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_title__SC5yI{font-size:16px}.css_earn-item__kf5yg .css_content-box__5S4ex .css_desc__r8hFy{height:34px;font-size:12px;line-height:17px}.css_earn-item__kf5yg .css_button-box__gm4WZ{padding:0 12px}}