.container *{box-sizing:border-box;line-height:1;font-family:"SourceHanSansCN","PingFang SC","sans-serif"}.copyright_component{margin-top:2rem}.copyright_component p{color:#7c8c84;font-size:.48rem;line-height:.8rem}.font-bold{font-weight:bold}.common-title{position:relative;width:12.14rem;height:.9rem;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.02rem;padding:.4rem 0 0 .48rem;margin-left:.4rem;margin-bottom:1rem;text-align:left}.common-title::after{display:block;content:"01";position:absolute;top:.48rem;right:-1.18rem;font-size:.6rem;color:#00eb80;font-weight:bold}.common-title .mid-circle{display:inline-block;width:.16rem;height:.16rem;border-radius:50%;background-color:#fff;margin:0 .16rem;transform:translateY(-0.2rem)}.main-text-color{color:#d7af85}.other-text-color{color:#fff4eb}.hidden-after::after{display:none}.container{position:relative;width:15rem;margin:0 auto;padding-top:16.6rem;padding-bottom:3.6rem;background:#0e181c url("https://s2.51cto.com/edu/train/tiyanying/168/container-bg.png") no-repeat center top;background-size:15rem 28.18rem;font-family:"Source Han Sans CN",Helvetica,sans-serif;min-height:100vh;overflow:hidden}.container .video-container{position:absolute;width:15rem;height:26.5rem}.container .video-container video{width:15rem;height:26.5rem}.container .logo{position:absolute;left:.8rem;top:.8rem;width:3.2rem;height:.64rem;background:url("https://s2.51cto.com/edu/train/tiyanying/168/logo.png") no-repeat center center;background-size:3.2rem .64rem}.container .sub-title{position:absolute;top:7.32rem;left:0;width:100%;color:#fff;text-align:center;font-size:.48rem;letter-spacing:.02rem}.container .sec1{background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec1-bg.png") no-repeat center center;background-size:13.9rem 9.26rem;width:13.9rem;height:9.26rem;display:flex;flex-direction:column;align-items:center;margin:2.64rem auto 1rem}.container .sec1 .count-box{width:13.9rem;height:7.16rem;margin-bottom:.5rem}.container .sec1 .count-box .item-box{margin-top:1.16rem;padding:0 .4rem}.container .sec1 .count-box .item-box .item-row{display:flex;padding:0 .3rem;margin-bottom:.64rem}.container .sec1 .count-box .item-box .item-row span{position:relative;font-size:.6rem;color:#fff;padding-left:.84rem}.container .sec1 .count-box .item-box .item-row span:nth-child(1){margin-right:.56rem}.container .sec1 .count-box .item-box .item-row span::before{position:absolute;top:50%;left:0;content:"";display:inline-block;width:.66rem;height:.66rem;background:url("https://s2.51cto.com/edu/train/tiyanying/168/select-icon.png") no-repeat center center;background-size:.66rem .66rem;transform:translateY(-50%)}.container .sec1 .count-box .item-box .item-row span.special-tip{margin-left:.88rem;color:#f4cc3d}.container .sec1 .count-box .item-box .item-row span.special-tip::before{background-size:.66rem .66rem}.container .sec1 .count-box .item-box .item-row:last-child{margin-bottom:0}.container .sec1 .count-box .price-box{display:flex;align-items:center;justify-content:center;margin:0 auto;margin-top:.72rem;margin-bottom:.4rem;background:url("https://s2.51cto.com/edu/train/tiyanying/168/coupon-bg.png") no-repeat center center;background-size:12.8rem 3.08rem;width:12.8rem;height:3.08rem}.container .sec1 .count-box .price-box span{color:#fff;font-weight:bold}.container .sec1 .count-box .price-box span:first-child{font-size:1.6rem;margin-right:.2rem}.container .sec1 .count-box .price-box span:last-child{font-size:1.04rem;letter-spacing:.04rem}.container .sec1 .count-box .price-box span .price-tag{font-size:.64rem;display:inline-block}.container .sec1 .count-box .timer_component .timer-container{font-size:.6rem;color:#fff}.container .sec1 .count-box .timer_component .timer-container span{display:inline-block;margin:0 .4rem 0 .2rem}.container .sec1 .count-box .timer_component .timer-container .text{color:#bfffdf;font-size:.68rem;display:inline-block;margin-right:.2rem;letter-spacing:.02rem}.container .sec1 .count-box .timer_component .timer-container .num{display:inline-flex;align-items:center;justify-content:center;width:1.04rem;height:1rem;font-size:.6rem;border-radius:.06rem;background-color:#0e1430;margin:0}.container .success-tip{position:absolute;top:36.2rem;width:100%;text-align:center;color:#ffb955;font-size:.48rem}.container .form_component{margin-bottom:1.2rem}.container .form_component .form_container{width:13.9rem}.container .form_component .form_container .form-group{position:relative}.container .form_component .form_container .form-group #doAgree_0{position:absolute;top:-0.8rem;left:0}.container .form_component .form_container .form-group-input{border-radius:.96rem;height:1.92rem}.container .form_component .form_container .form-group-input input{font-size:.68rem;line-height:1.92rem}.container .form_component .form_container .form-group-input input::-webkit-input-placeholder{color:#8b92b9;font-size:.68rem}.container .form_component .form_container .form-group-input input::-moz-placeholder{color:#8b92b9;font-size:.68rem}.container .form_component .form_container .form-group-input input:-ms-input-placeholder{color:#8b92b9;font-size:.68rem}.container .form_component .form_container .form-group-input .sendbtn{width:5.2rem;margin-top:.4rem;padding-left:.8rem;line-height:1rem;font-size:.68rem;color:#060238}.container .form_component .form_container .err_msg{padding-top:.2rem}.container .form_component .form_container .buybtn{color:#fff;font-size:.68rem;border-radius:.94rem;height:1.92rem;margin-top:2rem;background-color:#ff004c;background-image:none}.container .form_component .form_container #doAgree_0Box{border-radius:.12rem !important;width:.68rem !important;height:.68rem !important;background-color:#bfffdf}.container .form_component .form_container .agree-checkbox{margin-top:.2rem}.container .form_component .form_container .agree-gou{border-color:#57595a !important;width:.2rem !important;height:.4rem !important}.container .form_component .form_container .agree-tip{font-size:.56rem;margin-top:.2rem}.container .form_component .form_container .agree-contract{font-size:.56rem;margin-top:.2rem}.container .sec3{width:13.8rem;margin:0 auto 1.2rem}.container .sec3 .sec3-title{background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec3-tit.png") no-repeat center center;background-size:12.14rem .9rem}.container .sec3 .intro-bar{width:13.34rem;height:13.2rem;margin:0 auto;padding-top:1.84rem;background:url("https://s2.51cto.com/edu/train/tiyanying/168/teacher-bg.png") no-repeat center center;background-size:100% 100%}.container .sec3 .intro-bar ul.intro-title{padding-left:6.32rem;font-size:.48rem}.container .sec3 .intro-bar ul.intro-title li{margin-bottom:.28rem;color:rgba(255,255,255,.6)}.container .sec3 .intro-bar ul.intro-title li:nth-child(1){margin-bottom:.72rem;padding-left:.24rem;font-size:.8rem;color:#020402;font-weight:bold}.container .sec3 .intro-bar .intro-content{padding-left:.72rem;height:5.64rem;display:flex;flex-flow:column nowrap;justify-content:space-between;margin-top:1.14rem}.container .sec3 .intro-bar .intro-content p{position:relative;height:1.2rem;color:#333;font-size:.46rem;line-height:1.3;letter-spacing:.01rem;word-break:break-all}.container .sec3 .intro-bar .intro-content p:nth-last-child(2){height:1.8rem}.container .sec3 .intro-bar .intro-content p::after{position:absolute;top:.2rem;left:-0.24rem;display:block;content:"";width:.22rem;height:.32rem;background:url("https://s2.51cto.com/edu/train/tiyanying/168/triangle.png") no-repeat center center;background-size:100% 100%}.container .sec4{width:13.8rem;margin:0 auto 1.2rem}.container .sec4 .sec4-title{background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec4-tit.png") no-repeat left center;background-size:100% 100%}.container .sec4 .sec4-title::after{content:"02"}.container .sec4 .content-bar{width:13.48rem;height:12.24rem;margin:0 auto;background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec4-content.png") no-repeat center center;background-size:100% 100%;color:#fff}.container .sec4 .content-bar ul{height:100%;padding:1.04rem 0;display:flex;justify-content:space-between;flex-direction:column;font-size:.52rem}.container .sec4 .content-bar ul li{height:3rem;padding:.4rem 0 .4rem 2.88rem;display:flex;flex-flow:column nowrap;justify-content:space-between;font-size:.48rem;color:rgba(255,255,255,.5);line-height:1.3}.container .sec4 .content-bar ul li span{margin-right:.4rem;font-size:.64rem;font-weight:bold;color:#fff}.container .sec5{width:13.8rem;margin:0 auto 1.2rem}.container .sec5 .sec5-title{background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec5-tit.png") no-repeat left center;background-size:100% 100%}.container .sec5 .sec5-title::after{content:"03"}.container .sec5 .main-content{position:relative;background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec5-bg.png") no-repeat center center;background-size:13.48rem 9.24rem;position:relative;width:13.48rem;height:9.24rem;margin:0 auto}.container .sec5 .main-content .task-box{position:absolute;top:2.16rem;right:-3.8rem;width:10rem;display:flex;justify-content:space-between;flex-wrap:wrap}.container .sec5 .main-content .task-box li{height:.8rem;line-height:.8rem;margin-left:.8rem;margin-bottom:.12rem;font-size:.48rem;color:#fff}.container .sec5 .main-content .task-box li:nth-child(2){padding-left:.4rem}.container .sec5 .main-content .task-box li:nth-child(3){padding-left:.56rem}.container .sec5 .main-content .task-box li:nth-child(4){padding-left:.48rem}.container .sec5 .main-content .task-box li:nth-child(5){padding-left:.4rem}.container .sec6{width:13.8rem;height:7.12rem;margin:auto}.container .sec6 .sec6-title{background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec6-tit.png") no-repeat left center;background-size:100% 100%}.container .sec6 .sec6-title::after{content:"04"}.container .sec6 .flow-box{background:url("https://s2.51cto.com/edu/train/tiyanying/168/sec6-content-bg.png") no-repeat center center;background-size:13.9rem 6.48rem;width:13.9rem;height:6.48rem;margin:.88rem auto;position:relative}.container .sec6 .flow-box .item{position:absolute;display:flex;flex-direction:column;align-items:center;color:#fff4eb;font-size:.48rem;text-align:center;line-height:.64rem}.container .sec6 .flow-box .item span{margin-bottom:.2rem}.container .sec6 .flow-box .item-1{top:4.2rem;left:.32rem}.container .sec6 .flow-box .item-2{top:4.2rem;left:3.76rem}.container .sec6 .flow-box .item-3{top:4.2rem;left:7.52rem}.container .sec6 .flow-box .item-4{top:4.2rem;left:11.28rem}#bottomWrap{background:#e6e6ef;display:flex;align-items:center;justify-content:space-between}#bottomWrap .icon-btn{font-size:.56rem;display:flex;align-items:center;justify-content:center;width:6.4rem;height:1.44rem;color:#fff}#bottomWrap .left-wrap{font-size:1.2rem;font-family:"Source Han Sans CN",Helvetica,sans-serif}#bottomWrap .left-wrap span{font-size:.64rem}#bottomWrap .left-wrap .price{color:#f05}#bottomWrap .left-wrap .price .icon-p{font-size:.8rem}#bottomWrap .right-wrap .footer_right_btn{width:6.84rem;height:1.64rem;border-radius:.82rem;color:#28211b;background-image:linear-gradient(to right, #ff0045 0, #ff003d 100%);background-image:-moz-linear-gradient(to right, #ff0045 0, #ff003d 100%);background-image:-webkit-linear-gradient(to right, #ff0045 0, #ff003d 100%);background-image:-ms-linear-gradient(to right, #ff0045 0, #ff003d 100%);color:#fff;font-size:.68rem;font-weighT:bold}#bottomWrap .right-wrap .footer_right_btn.lock{width:5.64rem}@keyframes float{0%{top:8.4rem}50%{top:7.8rem}100%{top:8.4rem}}