html{font-size:10vw}@media screen and (max-width:320px){html{font-size:32px}}@media screen and (min-width:768px){html{font-size:76.8px}}.title{text-align:center;display:flex;align-items:center;justify-content:center}body{padding-top:0}@media (min-width:768px){body{min-width:1200px}}.header-m .header__top{position:sticky;top:76px}.header-nav{display:none}@media (min-width:1200px){.header-nav{display:block}}.banner{position:relative}.banner .banner-tit-box{position:absolute;left:0;right:0;margin:0 auto;width:100%;top:1.9333333333rem;padding:0 5px}.banner .banner-tit-box img{width:100%}@media (min-width:768px){.banner .banner-tit-box{padding:0;top:8%;width:850px;transition:opacity 1.2s;opacity:0}.banner .banner-tit-box.transition{animation:beat 1.6s 180ms ease-in-out both infinite;opacity:1}}.banner .banner-tit-box .banner-date{position:absolute;left:0;right:0;margin:0 auto;bottom:.88rem;padding-right:5px;font-size:.2933333333rem;color:#fff;text-align:center}@media (min-width:768px){.banner .banner-tit-box .banner-date{bottom:54px;font-size:20px}}.banner .banner-btn{position:absolute;left:0;right:0;bottom:-.6rem;width:4.9066666667rem;height:1.1866666667rem;margin:0 auto;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/btn_join.png) no-repeat center center/cover;display:block}@media (min-width:768px){.banner .banner-btn{bottom:30px;width:368px;height:89px}.banner .banner-btn:hover{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/btn_join_hover.png) no-repeat center center/cover}}@keyframes beat{0%,100%{transform:translate3d(0,-2px,0)}50%{transform:translate3d(0,2px,0)}}.main-box{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/m/bg.jpg) top center/100% no-repeat}@media (min-width:768px){.main-box{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral02/bg.jpg) top center/cover no-repeat}}.part1{padding:1.3333333333rem 0 0 0;text-align:center}@media (max-width:768px){.part1 .title img{width:9.6266666667rem}}.part1 .part1-main{margin-top:1.1466666667rem;display:flex;justify-content:center;flex-direction:column;width:100%}.part1 .part1-main .score-200{position:relative}.part1 .part1-main .score-200 img{width:4.7866666667rem}.part1 .part1-main .score-200 .score-200-tit{position:absolute;top:0;left:0;right:0;margin:0 auto;padding-right:.2rem;text-align:center;font-size:.32rem;color:#bc5118;font-weight:700}@media (max-width:768px){.part1 .part1-main .score-arrow-600{position:relative;margin-top:1.0666666667rem}.part1 .part1-main .score-arrow-600 .score-arrow{position:absolute;left:.3333333333rem;top:1.4rem}.part1 .part1-main .score-arrow-600 .score-arrow img{width:1.7333333333rem}.part1 .part1-main .score-arrow-600 .score-600{position:relative;padding-right:.4666666667rem}.part1 .part1-main .score-arrow-600 .score-600 img{width:8.36rem}.part1 .part1-main .score-arrow-600 .score-600 .score-600-date{position:absolute;top:.1066666667rem;left:0;right:0;margin:0 auto;text-align:center;font-size:.3733333333rem;color:#bc5118;font-weight:700}}@media (min-width:768px){.part1 .part1-main{margin-top:100px;justify-content:center;align-items:center;flex-direction:row;width:100%}.part1 .part1-main .score-200{position:relative;padding-top:100px}.part1 .part1-main .score-200 .score-200-tit{position:absolute;top:105px;left:0;right:0;margin:0 auto;padding-right:15px;text-align:center;font-size:18px;color:#bc5118;font-weight:700}.part1 .part1-main .score-arrow-600{display:flex;align-items:center}.part1 .part1-main .score-arrow-600 .score-arrow{margin:0 -30px 0 10px;opacity:0}.part1 .part1-main .score-arrow-600 .score-600{position:relative;opacity:0}.part1 .part1-main .score-arrow-600 .score-600 .score-600-date{position:absolute;top:5px;left:0;right:0;margin:0 auto;padding-left:35px;text-align:center;font-size:28px;color:#bc5118;font-weight:700}}.part1 .rules{display:inline-block;color:#f8394a;margin:.5333333333rem 0 0;font-size:.3733333333rem;text-decoration:underline}@media (min-width:768px){.part1 .rules{font-size:24px;margin:75px 0 0 0}}.part2{padding-top:1.1466666667rem}@media (max-width:768px){.part2 .title img{width:7.6133333333rem}}.part2 .part2-main{display:flex;flex-direction:column;margin:.8rem auto .6rem;padding:.5333333333rem 1.0666666667rem 0 1.0666666667rem;width:9.6933333333rem;height:21.2rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/m/p2_bg.png) no-repeat center center/cover}.part2 .part2-main .p2-item{margin-bottom:.4rem}.part2 .part2-main .p2-item .item-img{margin-bottom:.2rem}.part2 .part2-main .p2-item p{margin-bottom:0;font-size:.4266666667rem;color:#666;text-align:center;font-weight:700}.part2 .part2-main .p2-item p span{color:#f33a40}@media (min-width:768px){.part2{padding-top:130px}.part2 .part2-main{flex-direction:row;justify-content:center;margin:70px auto 62px;padding:48px 0 0 0;width:1200px;height:568px;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/p2_bg.png) no-repeat center center/cover;opacity:0}.part2 .part2-main .p2-item{margin-right:18px;margin-bottom:0}.part2 .part2-main .p2-item:last-child{margin-right:0}.part2 .part2-main .p2-item .item-img{margin-bottom:15px}.part2 .part2-main .p2-item p{margin-bottom:10px;font-size:26px}}.part2 .btn-usercenter{display:block;margin:0 auto;width:4.9066666667rem;height:1.1866666667rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/btn_usercenter.png) no-repeat center center/cover}@media (min-width:768px){.part2 .btn-usercenter{width:368px;height:89px}.part2 .btn-usercenter:hover{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/btn_usercenter_hover.png) no-repeat center center/cover}}.part3{padding-top:1.1733333333rem;padding-bottom:.7733333333rem}@media (max-width:768px){.part3 .title img{width:8.0266666667rem}}.part3 .teacher{margin:.8rem auto 0;width:9.5333333333rem;height:16rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/m/p3_bg.webp) no-repeat center center/cover}@media (min-width:768px){.part3{padding-top:126px;padding-bottom:132px}.part3 .teacher{margin:70px auto 0;width:1200px;height:488px;opacity:0;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/p3_bg.webp) no-repeat center center/cover}}.part3 .teacher-main{display:flex;padding:43px 65px 6px 6px}@media (max-width:768px){.part3 .teacher-main{flex-direction:column;padding:.0666666667rem .0666666667rem .0666666667rem .0666666667rem}}.part3 .teacher-main .teacher-img{padding-top:12px;width:394px;text-align:center}@media (max-width:768px){.part3 .teacher-main .teacher-img{margin:0 auto;padding-top:0;width:4.88rem;min-height:6.9333333333rem}}.part3 .teacher-main .teacher-details{flex:1}.part3 .teacher-main .teacher-details .teacher-top{padding:20px 34px 0 30px;display:flex;justify-content:space-between}@media (max-width:768px){.part3 .teacher-main .teacher-details .teacher-top{padding:.5333333333rem .6rem 0 .5333333333rem}}.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag{position:relative}.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag::after{content:"";position:absolute;left:0;bottom:-5px;width:357px;height:12px;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/p3_line.png) no-repeat center center/cover}.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag .teacher-name{color:#ec3d31;font-size:30px;font-weight:700;font-style:italic}.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag .teacher-tag{margin-left:18px;font-size:18px;color:#333}@media (max-width:768px){.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag::after{bottom:-.0666666667rem;width:4.76rem;height:.16rem}.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag .teacher-name{font-size:.5066666667rem}.part3 .teacher-main .teacher-details .teacher-top .teacher-name-tag .teacher-tag{margin-left:.2933333333rem;font-size:.3733333333rem}}.part3 .teacher-main .teacher-details .teacher-top .teacher-live{display:none;margin-top:5px;width:152px;height:52px;font-size:28px;color:#fff;font-weight:700;text-align:center;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/p3_live_bg.png) no-repeat center center/cover}@media (max-width:768px){.part3 .teacher-main .teacher-details .teacher-top .teacher-live{margin-top:0;width:2.4rem;height:.88rem;font-size:.4266666667rem}}.part3 .teacher-main .teacher-details .teacher-des{padding:20px 34px 20px 30px;font-size:18px;color:#333}@media (max-width:768px){.part3 .teacher-main .teacher-details .teacher-des{min-height:2rem;padding:.2666666667rem .6rem .2rem .5333333333rem;font-size:.3733333333rem}}.part3 .teacher-main .teacher-fans{padding:18px 0 0 12px}@media (max-width:768px){.part3 .teacher-main .teacher-fans{padding:.2666666667rem 0 0 .5333333333rem}}.part3 .teacher-main .teacher-fans .fans-tit{margin-bottom:10px;font-size:18px;color:#fff;font-weight:700}@media (max-width:768px){.part3 .teacher-main .teacher-fans .fans-tit{margin-bottom:.1333333333rem;font-size:.3466666667rem}}.part3 .teacher-main .teacher-fans .fans-list{display:flex}@media (max-width:768px){.part3 .teacher-main .teacher-fans .fans-list{flex-wrap:wrap}}.part3 .teacher-main .teacher-fans .fans-list .fans-item{display:flex;align-items:center;position:relative;margin-right:8px;padding-left:73px;width:231px;height:65px;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/p3_fans_bg.png) no-repeat center center/cover}.part3 .teacher-main .teacher-fans .fans-list .fans-item .item-img{position:absolute;left:4px;top:4px;width:56px;height:56px;border-radius:50%;overflow:hidden}.part3 .teacher-main .teacher-fans .fans-list .fans-item .item-img img{width:100%}.part3 .teacher-main .teacher-fans .fans-list .fans-item .item-icon{position:absolute;left:8px;bottom:-2px;width:46px;height:17px}.part3 .teacher-main .teacher-fans .fans-list .fans-item:nth-child(1) .item-icon{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/no1.png) no-repeat center center/cover}.part3 .teacher-main .teacher-fans .fans-list .fans-item:nth-child(2) .item-icon{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/no2.png) no-repeat center center/cover}.part3 .teacher-main .teacher-fans .fans-list .fans-item:nth-child(3){margin-right:0}.part3 .teacher-main .teacher-fans .fans-list .fans-item:nth-child(3) .item-icon{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/no3.png) no-repeat center center/cover}.part3 .teacher-main .teacher-fans .fans-list .fans-item p{font-size:16px;color:#333;margin-bottom:0}.part3 .teacher-main .teacher-fans .fans-list .fans-item p span{color:#ff3466;font-weight:700}@media (max-width:768px){.part3 .teacher-main .teacher-fans .fans-list .fans-item{margin-right:.2rem;margin-bottom:.4rem;padding-left:1.0933333333rem;width:3.28rem;height:.9866666667rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/m/p3_fans_bg.png) no-repeat center center/cover}.part3 .teacher-main .teacher-fans .fans-list .fans-item .item-img{position:absolute;left:.0533333333rem;top:.0533333333rem;width:.88rem;height:.88rem}.part3 .teacher-main .teacher-fans .fans-list .fans-item .item-img img{width:100%}.part3 .teacher-main .teacher-fans .fans-list .fans-item .item-icon{position:absolute;left:.1333333333rem;bottom:-2px;width:.72rem;height:.2533333333rem}.part3 .teacher-main .teacher-fans .fans-list .fans-item p{font-size:.24rem}}.part3 .teacher-main .btn-live{display:block;margin:0 auto;width:3.96rem;height:.9733333333rem;background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/btn_live.png) no-repeat center center/cover}@media (min-width:768px){.part3 .teacher-main .btn-live{margin:50px auto 0;width:297px;height:73px}.part3 .teacher-main .btn-live:hover{background:url(https://webbfxstatic.seobp.com/static/images/activity/202312_integral/btn_live_hover.png) no-repeat center center/cover}}.copyright{padding:16px 0!important}.ml-2{margin-left:8px!important}.ml-3{margin-left:16px!important}.mx-3{margin-left:16px!important;margin-right:16px!important}@media (min-width:768px){.ml-md-4{margin-left:24px!important}.ml-md-5{margin-left:48px!important}.mx-md-5{margin-left:48px!important;margin-right:48px!important}}.modal-header{padding:16px}.modal-body{padding:16px;font-size:14px}.modal-body p{margin-bottom:16px}@media (max-width:992px){.modal-dialog{margin:8px}}