.monetizationPage[data-v-f27e90f7]{background:url(/assets/bg3.jpg);min-height:100vh;position:relative;padding-bottom:40px;padding-top:70px;background-size:cover;background-repeat:no-repeat}.monetizationPage .gsapBox[data-v-f27e90f7]{transition:all .5s}.monetizationPage .content[data-v-f27e90f7]{position:relative;z-index:2;overflow:hidden;box-shadow:10px 15px 15px #0009}.monetizationPage .content .headerBox[data-v-f27e90f7]{position:relative;overflow:hidden}.monetizationPage .content .headerBox img[data-v-f27e90f7]{display:block;width:100%}.monetizationPage .content .headerBox .stars[data-v-f27e90f7]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.monetizationPage .content .headerBox .star[data-v-f27e90f7]{position:absolute;background:#fff;border-radius:50%;animation:twinkle-f27e90f7 2s linear forwards;box-shadow:0 0 8px 4px #fff9}.monetizationPage .content .headerBox .star[data-v-f27e90f7]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:inherit;border-radius:inherit;filter:blur(2px)}@keyframes twinkle-f27e90f7{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(1.5)}50%{opacity:.3;transform:scale(1)}75%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(.8)}}.monetizationPage .title[data-v-f27e90f7]{display:flex;align-items:baseline;margin-bottom:20px}.monetizationPage .title h4[data-v-f27e90f7]{color:#000;font-family:OPPOSans H;font-size:28.87px;margin:0 5px 0 0}.monetizationPage .title span[data-v-f27e90f7]{font-size:12px;color:#919092;font-family:OPPOSans L}.monetizationPage .whiteBox[data-v-f27e90f7]{background:#f5f5f5;padding:30px 140px;position:relative}.monetizationPage .whiteBox .expert[data-v-f27e90f7]{background:#292a2a;position:relative;display:flex;gap:3px}.monetizationPage .whiteBox .expert .exprtText[data-v-f27e90f7]{flex:1;background:#000;padding:20px;align-content:center}.monetizationPage .whiteBox .expert .exprtText>div[data-v-f27e90f7]:first-child{justify-content:space-between;align-items:center;display:flex}.monetizationPage .whiteBox .expert .exprtText>div:first-child span[data-v-f27e90f7]{padding:2px 20px;border-radius:50px;background:linear-gradient(90deg,#feecca,#ffc579);font-size:24.46px;font-family:OPPOSans H;color:#292a2a}.monetizationPage .whiteBox .expert .exprtText>div:first-child img[data-v-f27e90f7]{height:fit-content}.monetizationPage .whiteBox .expert .exprtText>div+div[data-v-f27e90f7]{margin-top:15px}.monetizationPage .whiteBox .expert .exprtText>div+div h1[data-v-f27e90f7]{font-size:34.31px;font-family:OPPOSans H;margin-bottom:20px}.monetizationPage .whiteBox .expert .exprtText>div+div p[data-v-f27e90f7]{color:#fff;font-size:14.73px;font-family:OPPOSans R;margin:0}.monetizationPage .whiteBox .expert .swiper-container[data-v-f27e90f7]{width:424px;height:240px;margin:10px;overflow:hidden;position:relative}.monetizationPage .whiteBox .expert .swiper-container .swiper-slide[data-v-f27e90f7]{position:relative}.monetizationPage .whiteBox .expert .swiper-container .el-button[data-v-f27e90f7]{position:absolute;opacity:0;top:0;right:0;background:rgba(0,0,0,.5);color:#fff;cursor:pointer}.monetizationPage .whiteBox .expert .swiper-container:hover .el-button[data-v-f27e90f7]{opacity:1}.monetizationPage .whiteBox .audience .title[data-v-f27e90f7]{margin-top:45px}.monetizationPage .whiteBox .audience>div[data-v-f27e90f7]{display:flex;gap:7px}.monetizationPage .whiteBox .audience>div>div[data-v-f27e90f7]{flex:1;position:relative}.monetizationPage .whiteBox .audience>div>div img[data-v-f27e90f7]{width:100%;display:block}.monetizationPage .whiteBox .audience>div>div>div[data-v-f27e90f7]{position:absolute;top:0;color:#fff;padding:15px;width:calc(100% - 30px);height:calc(100% - 30px)}.monetizationPage .whiteBox .audience>div>div>div h4[data-v-f27e90f7]{font-size:20.82px;font-family:OPPOSans H;margin:0}.monetizationPage .whiteBox .audience>div>div>div p[data-v-f27e90f7]{font-size:14.57px;font-family:OPPOSans R;margin:0;position:absolute;left:15px;bottom:35px;transition:all .3s}.monetizationPage .whiteBox .audience>div>div>div>span[data-v-f27e90f7]{font-size:12.5px;font-family:OPPOSans R;color:#989696;position:absolute;left:15px;bottom:15px;transition:all .3s}.monetizationPage .whiteBox .audience>div>div>div:hover p[data-v-f27e90f7]{transform:scale(1.3);left:35px;bottom:50px}.monetizationPage .whiteBox .audience>div>div>div:hover span[data-v-f27e90f7]{transform:scale(1.3);left:40px;bottom:20px}.monetizationPage .course[data-v-f27e90f7]{background:#0d0d0d;padding-bottom:30px}.monetizationPage .course .title[data-v-f27e90f7]{padding:20px 140px 10px;margin-bottom:0}.monetizationPage .course .contentBox[data-v-f27e90f7]{padding:0 140px}.monetizationPage .course .contentBox .part[data-v-f27e90f7]{border-top:1px dashed #888888;border-bottom:1px dashed #888888;display:flex;gap:20px;flex-wrap:wrap;padding-top:20px;padding-bottom:10px}.monetizationPage .course .contentBox .part .partItem[data-v-f27e90f7]{color:#6d6d6d;display:flex;min-height:100px;gap:15px}.monetizationPage .course .contentBox .part .partItem>div:first-child>span[data-v-f27e90f7]{display:block;font-size:31.64px;font-family:OPPOSans H;color:#fff;line-height:34px}.monetizationPage .course .contentBox .part .partItem>div:first-child>span+span[data-v-f27e90f7]{color:#0d0d0d;-webkit-text-stroke:1px #feecca;background:none}.monetizationPage .course .contentBox .part .partItem>div:first-child+div[data-v-f27e90f7]{flex:1}.monetizationPage .course .contentBox .part .partItem>div:first-child+div span[data-v-f27e90f7]{background:-webkit-linear-gradient(45deg,#feecca,#d3a76d);background:linear-gradient(45deg,#feecca,#d3a76d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:18.12px;font-family:OPPOSans B;line-height:25px;letter-spacing:-1px}.monetizationPage .course .contentBox .part .partItem>div ol[data-v-f27e90f7]{font-size:11.88px;font-family:OPPOSans L;list-style:disc;margin:10px 0 0;padding:0 0 0 10px}.monetizationPage .course .contentBox .part .partItem>div ol li[data-v-f27e90f7]{color:#b0b0b0;line-height:15px}.monetizationPage .course .contentBox .part .partItem>div ol li[data-v-f27e90f7]::marker{color:#fff}.monetizationPage .course .contentBox .part .partItem>h4[data-v-f27e90f7]{font-size:41.64px;font-family:OPPOSans L;letter-spacing:-1px;margin:0;color:#fff;opacity:.3}.monetizationPage .course .contentBox .part .partItem>h4 span[data-v-f27e90f7]{font-size:39.55px;font-family:OPPOSans H;letter-spacing:0}.monetizationPage .course .contentBox .part .partItem>h4+p[data-v-f27e90f7]{margin:0;font-size:16.68px;font-family:OPPOSans L;color:#fff;opacity:.3}.monetizationPage .course .contentBox .part .partItem+div[data-v-f27e90f7]{margin-top:30px}.monetizationPage .course .contentBox .part>div[data-v-f27e90f7]{flex:1;position:relative}.monetizationPage .course .contentBox .part>div:last-child>div[data-v-f27e90f7]:first-child{display:block;text-align:center}.monetizationPage .course .contentBox .part>div:last-child>div:last-child p[data-v-f27e90f7]{font-size:14.68px;font-family:OPPOSans L;color:#fff;opacity:.4;display:flex;align-items:flex-end;justify-content:space-between;margin:0;flex:1;letter-spacing:6px}.monetizationPage .course .contentBox .courseSlogan[data-v-f27e90f7]{border-bottom:1px dashed #888888;display:flex;justify-content:space-between;padding:10px 0}.monetizationPage .course .contentBox .courseSlogan div span[data-v-f27e90f7]{background:-webkit-linear-gradient(45deg,#feecca,#d3a76d);background:linear-gradient(45deg,#feecca,#d3a76d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:17.1px;font-family:OPPOSans L}.monetizationPage .course .contentBox .courseSlogan div span+span[data-v-f27e90f7]{font-family:OPPOSans H;margin-left:10px}.monetizationPage .excerpt[data-v-f27e90f7]{background:#f5f5f5;padding:30px 140px;display:flex;gap:60px;align-items:center;justify-content:space-between}.monetizationPage .excerpt .swiper-img[data-v-f27e90f7]{flex:1;width:50%;height:500px;overflow:hidden;padding-left:20px}.monetizationPage .excerpt .swiper-img .swiper-container-special[data-v-f27e90f7]{width:100%;height:100%}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout[data-v-f27e90f7]{display:flex;height:100%;padding:20px;position:relative;transform:skew(-15deg);gap:15px}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column[data-v-f27e90f7]{position:relative;overflow:hidden}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column[data-v-f27e90f7]:first-child{width:20%;height:45%;align-self:center}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column.column-2[data-v-f27e90f7],.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column.column-3[data-v-f27e90f7]{width:25%;display:flex;flex-direction:column;gap:15px}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column.column-2 img[data-v-f27e90f7],.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column.column-3 img[data-v-f27e90f7]{height:calc(50% - 7.5px)}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column.column-4[data-v-f27e90f7]{width:20%;height:45%;align-self:center}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column img[data-v-f27e90f7]{width:250%;height:100%;object-fit:cover;transform:skew(15deg) translate(-30%);transition:all .3s;position:relative;left:-45%}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column img[data-v-f27e90f7]:hover{transform:skew(15deg) translate(-30%) scale(1.1)}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column-1[data-v-f27e90f7]{z-index:4}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column-2[data-v-f27e90f7]{z-index:3}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column-3[data-v-f27e90f7]{z-index:2}.monetizationPage .excerpt .swiper-img .swiper-container-special .special-layout .column-4[data-v-f27e90f7]{z-index:1}.monetizationPage .excerpt h4[data-v-f27e90f7]{font-size:31.79px;font-family:OPPOSans H;color:#010101;line-height:36px;margin:0}.monetizationPage .excerpt span[data-v-f27e90f7]{margin-top:30px;display:block;font-size:14.92px;font-family:OPPOSans R;letter-spacing:-1px;color:#a7a4a4;text-transform:uppercase}.monetizationPage .student[data-v-f27e90f7]{padding:20px 140px 50px;background:#292a2a}.monetizationPage .student .title[data-v-f27e90f7]{margin-top:20px}.monetizationPage .student .studentBox[data-v-f27e90f7]{display:flex;position:relative;padding:0 20px}.monetizationPage .student .studentBox .swiper[data-v-f27e90f7]{padding:30px 0}.monetizationPage .student .studentBox .swiper-slide[data-v-f27e90f7]{position:relative;transition:all .3s}.monetizationPage .student .studentBox .swiper-slide .photo[data-v-f27e90f7]{background:url(/assets/yxxy_bg.jpg) no-repeat;background-size:cover;text-align:center;position:relative}.monetizationPage .student .studentBox .swiper-slide .photo img[data-v-f27e90f7]{width:100%;display:block}.monetizationPage .student .studentBox .swiper-slide .photo div[data-v-f27e90f7]{position:absolute;background:url(/assets/yxxy_gold.png) no-repeat;writing-mode:vertical-rl;width:21px;height:178px;top:10px;right:10px;text-align:center;line-height:21px}.monetizationPage .student .studentBox .swiper-slide .photo+div[data-v-f27e90f7]{background:#000;color:#fff}.monetizationPage .student .studentBox .swiper-slide .photo+div h4[data-v-f27e90f7]{margin:0;font-size:16.67px;font-family:OPPOSans H;border-bottom:1px solid #707070;padding:5px 10px}.monetizationPage .student .studentBox .swiper-slide .photo+div p[data-v-f27e90f7]{padding:5px 10px;margin:0;font-size:10.42px;font-family:OPPOSans L;height:80px}.monetizationPage .student .studentBox .swiper-slide[data-v-f27e90f7]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0);z-index:1;opacity:0;transition:all .3s}.monetizationPage .student .studentBox .swiper:hover .swiper-slide[data-v-f27e90f7]:after{opacity:.5}.monetizationPage .student .studentBox .swiper .swiper-slide[data-v-f27e90f7]:hover{transform:scale(1.1)}.monetizationPage .student .studentBox .swiper .swiper-slide[data-v-f27e90f7]:hover:after{opacity:0}.monetizationPage .student .studentBox .custom-prev-button[data-v-f27e90f7]{position:absolute;top:180px;left:0;cursor:pointer}.monetizationPage .student .studentBox .custom-next-button[data-v-f27e90f7]{position:absolute;top:180px;right:0;cursor:pointer}@media screen and (max-width: 600px){.monetizationPage[data-v-f27e90f7]{padding-top:0;padding-bottom:0}.monetizationPage .whiteBox[data-v-f27e90f7]{padding:0}.monetizationPage .whiteBox .expert[data-v-f27e90f7]{display:block}.monetizationPage .whiteBox .expert .swiper-container[data-v-f27e90f7]{width:100%;height:auto;margin:0}.monetizationPage .whiteBox .expert>div[data-v-f27e90f7]{text-align:center}.monetizationPage .whiteBox .expert>div>div:first-child img[data-v-f27e90f7]{margin-top:15px}.monetizationPage .whiteBox .expert>img[data-v-f27e90f7]{height:auto;width:100vw;margin:7px 0 0}.monetizationPage .whiteBox .audience .title[data-v-f27e90f7]{margin-top:10px}.monetizationPage .whiteBox .audience .title+div[data-v-f27e90f7]{display:block}.monetizationPage .whiteBox .audience .title+div div[data-v-f27e90f7]{margin:10px 0}.monetizationPage .whiteBox .audience .title+div div img[data-v-f27e90f7]{width:100%}.monetizationPage .course .title[data-v-f27e90f7]{padding:10px 5px}.monetizationPage .course>img[data-v-f27e90f7]{display:none}.monetizationPage .course .contentBox[data-v-f27e90f7]{padding:5px}.monetizationPage .course .contentBox .part[data-v-f27e90f7]{padding:10px;display:block}.monetizationPage .course .contentBox .part .partItem[data-v-f27e90f7]{flex-basis:calc((100% - 20px) / 3)}.monetizationPage .course .contentBox .part .partItem div span[data-v-f27e90f7]{font-size:14px;line-height:18px}.monetizationPage .course .contentBox .courseSlogan[data-v-f27e90f7]{display:block}.monetizationPage .course .contentBox .part>div:last-child>div[data-v-f27e90f7]:first-child{position:absolute;bottom:30px;width:100%}.monetizationPage .excerpt[data-v-f27e90f7]{padding:0;display:block}.monetizationPage .excerpt .swiper-img[data-v-f27e90f7]{width:calc(100% - 40px)}.monetizationPage .excerpt img[data-v-f27e90f7]{width:100vw}.monetizationPage .excerpt>div[data-v-f27e90f7]{text-align:center;padding:20px 0}.monetizationPage .student[data-v-f27e90f7]{padding:10px}.monetizationPage .student .studentBox[data-v-f27e90f7]{display:block}.monetizationPage .student .studentBox .studentText[data-v-f27e90f7]{justify-content:center;padding:30px 0}.monetizationPage .student .studentBox .custom-prev-button[data-v-f27e90f7],.monetizationPage .student .studentBox .custom-next-button[data-v-f27e90f7]{top:280px}.monetizationPage .student .studentBox .swiper-slide .photo+div h4[data-v-f27e90f7]{font-size:26.67px}.monetizationPage .student .studentBox .swiper-slide .photo+div p[data-v-f27e90f7]{font-size:18.42px}}.swiper-container-special .swiper-slide[data-v-f27e90f7]{transition:all .8s ease-out}.swiper-container-special .swiper-slide .special-layout .column img[data-v-f27e90f7]{transition:all .5s ease-out;will-change:transform,opacity}