.container *{box-sizing:border-box;line-height:1}.container{position:relative;width:15rem;margin:0 auto;padding-bottom:2.8rem;padding-top:20.32rem;background:#031336 url(https://s2.51cto.com/edu/train/tiyanying/161_1/main_bg1.png) no-repeat center top;background-size:15rem 30.84rem;font-family:"SourceHanSansCN","PingFang SC";min-height:100vh}.container .top-intro{position:absolute;top:17.4rem;padding:.8rem;color:rgba(232,242,254,.8);font-size:.56rem;line-height:1.4;letter-spacing:.02rem;font-family:"SourceHanSansCN","PingFang SC"}.container .sec1{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec_1_bg1.png) no-repeat center center;background-size:13.84rem 21.06rem;width:15rem;height:21.06rem;display:flex;flex-direction:column;align-items:center;margin-bottom:1.2rem}.container .sec1 .count-box{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec_1_count_bg.png) no-repeat center center;background-size:13.12rem 8.96rem;width:13.12rem;height:8.96rem;margin-top:2.32rem;margin-bottom:.5rem;font-family:"SourceHanSansCN","PingFang SC"}.container .sec1 .count-box .item-box{margin-top:1.16rem}.container .sec1 .count-box .item-box .item-row{display:flex;padding-left:.72rem;margin-bottom:.64rem;font-family:"HarmonyOSHans-Regular","PingFang SC"}.container .sec1 .count-box .item-box .item-row span{position:relative;font-size:.48rem;color:#05173d;padding-left:.84rem}.container .sec1 .count-box .item-box .item-row span::before{position:absolute;top:50%;left:0;content:"";display:inline-block;width:.629rem;height:.629rem;background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec_1_count_icon.png) no-repeat center center;background-size:.629rem .629rem;transform:translateY(-50%)}.container .sec1 .count-box .item-box .item-row span:nth-child(1){margin-right:.48rem}.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:.3rem;background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec_1_btn_bg.png) no-repeat center center;background-size:11.72rem 2.36rem;width:11.72rem;height:2.36rem}.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:.1rem}.container .sec1 .count-box .timer_component .timer-container{font-size:.52rem;color:#0f151b}.container .sec1 .count-box .timer_component .timer-container .text{color:#0f151b;font-size:.6rem}.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-image:-moz-linear-gradient(-90deg, rgb(10, 69, 174) 0%, rgb(8, 43, 108) 100%);background-image:-webkit-linear-gradient(-90deg, rgb(10, 69, 174) 0%, rgb(8, 43, 108) 100%);background-image:-ms-linear-gradient(-90deg, rgb(10, 69, 174) 0%, rgb(8, 43, 108) 100%)}.container .sec1 .count-box .lesson_time_component{position:relative;width:12rem;margin-top:1rem}.container .sec1 .count-box .lesson_time_component span{color:#000}.container .sec1 .count-box .lesson_time_component span.num{color:#fff}.container .sec1 .form_component .form_container{width:11.96rem;font-family:"SourceHanSansCN","PingFang SC"}.container .sec1 .form_component .form_container .form-group-input{border-radius:.86rem;height:1.72rem}.container .sec1 .form_component .form_container .form-group-input .sendbtn{font-size:.56rem;color:#de1424}.container .sec1 .form_component .form_container .buybtn{color:#14192c;font-size:.68rem;letter-spacing:.2rem;border-radius:.86rem;height:1.72rem;background-image:-moz-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%);background-image:-webkit-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%);background-image:-ms-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%)}.container .sec1 .form_component .form_container .agree-checkbox,.container .sec1 .form_component .form_container .agree-gou{border-color:#778396 !important}.container .sec1 .form_component .form_container .agree-tip{color:#778396 !important}.container .sec1 .form_component .form_container .agree-contract{color:#fff !important}.container .sec2{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec_2_bg.png) no-repeat center center;background-size:13.84rem 21.64rem;width:15rem;height:21.64rem;display:flex;flex-direction:column;align-items:center;padding:3rem 1.6rem 0 1.6rem}.container .sec2 .user-box{display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-around;width:11.72rem}.container .sec2 .user-box .user-item{display:flex;flex-direction:row;align-items:center;width:12.6rem;margin-bottom:.32rem;padding-bottom:.6rem;border-bottom:.02rem solid #1e2f51;font-family:"SourceHanSansCN","PingFang SC"}.container .sec2 .user-box .user-item img{width:3.36rem;height:3.64rem;margin-right:.4rem}.container .sec2 .user-box .user-item p{text-align:left;font-size:.48rem;color:#fff;display:inline-block;line-height:1.5;color:#a1a3aa}.container .sec2 .user-box .user-item p span{font-weight:bold;color:#fff}.container .sec2 .user-box .user-item:nth-last-child(1){border-bottom:none}.container .sec3{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec3_bg.png) no-repeat center center;background-size:13.84rem 23.86rem;width:15rem;height:23.86rem;display:flex;flex-direction:column;align-items:center;margin-top:1.22rem}.container .sec3 .count-box{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec3_content.png) no-repeat center center;background-size:12.66rem 18.98rem;width:12.66rem;height:18.98rem;margin-top:3.8rem;display:flex;flex-direction:column;align-items:center}.container .sec3 .count-box .teacher{width:100%;height:4.3rem;display:flex;align-items:center;position:relative}.container .sec3 .count-box .teacher img{width:5.56rem;height:5.78rem;margin-bottom:1.6rem}.container .sec3 .count-box .teacher .intro-content{align-self:flex-start;padding-top:.56rem}.container .sec3 .count-box .teacher .intro-content span{font-size:.72rem;font-family:"Adobe Heiti Std","PingFang SC";color:#2c353a;background-image:-moz-linear-gradient(0deg, #fca63c 0%, #ff6d09 100%);background-image:-webkit-linear-gradient(0deg, #fca63c 0%, #ff6d09 100%);background-image:-ms-linear-gradient(0deg, #fca63c 0%, #ff6d09 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-left:.8rem;margin-top:.56rem;font-weight:bold}.container .sec3 .count-box .teacher .intro-content ul{margin-top:.6rem;padding-left:.8rem;font-size:.38rem;color:#fff}.container .sec3 .count-box .teacher .intro-content ul li{line-height:1.6}.container .sec3 .count-box .content .item{margin-left:.6rem}.container .sec3 .count-box .content .item .title{font-size:.6rem;font-family:"SourceHanSansCN","PingFang SC";color:#333;font-weight:bold;line-height:1.6;margin-top:.46rem}.container .sec3 .count-box .content .item p{margin-left:.56rem;font-size:.48rem;font-family:"SourceHanSansCN","PingFang SC";color:#666;line-height:1.5;text-align:left;position:relative;margin-top:.1rem}.container .sec3 .count-box .content .item p::after{content:"";position:absolute;width:.28rem;height:.32rem;background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec3_sjx.png) no-repeat center center;background-size:.28rem .32rem;top:.2rem;left:-0.52rem}.container .sec4{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec4_bg3.png) no-repeat center center;background-size:13.84rem 19.82rem;width:15rem;height:19.82rem;display:flex;flex-direction:column;align-items:center;margin-top:1.2rem;margin-bottom:1.6rem;padding:0 .7rem 0 1.1rem;font-family:"SourceHanSansCN","PingFang SC"}.container .sec4 .item .over-line{display:flex}.container .sec4 .item .over-line span{line-height:1.8}.container .sec4 .item .title{display:flex;padding-left:2.2rem;padding-top:.3rem;color:#fff;font-size:.56rem}.container .sec4 .item p{font-size:.48rem;color:rgba(255,255,255,.8);line-height:2}.container .sec4 .item:first-child .title{margin-top:2.8rem;padding-left:.4rem;background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec4_content_t2.png) no-repeat left center;height:1.86rem;width:100%;background-size:12.68rem 1.86rem;margin-bottom:.6rem}.container .sec4 .item:first-child .sub-title{margin-top:.8rem}.container .sec4 .item:first-child .serial-number{width:2.4rem;margin-top:.3rem;color:#000}.container .sec4 .item:first-child span{line-height:1.2}.container .form_component .form_container{width:11.96rem;font-family:"SourceHanSansCN","PingFang SC"}.container .form_component .form_container .form-group-input{border-radius:.86rem;height:1.72rem}.container .form_component .form_container .form-group-input .sendbtn{font-size:.56rem;color:#de1424}.container .form_component .form_container .buybtn{color:#14192c;font-size:.68rem;letter-spacing:.2rem;border-radius:.86rem;height:1.72rem;background-image:-moz-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%);background-image:-webkit-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%);background-image:-ms-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%)}.container .form_component .form_container .agree-checkbox,.container .form_component .form_container .agree-gou{border-color:#778396 !important}.container .form_component .form_container .agree-tip{color:#778396 !important}.container .form_component .form_container .agree-contract{color:#fff !important}.container .sec5{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec5_bg.png) no-repeat center center;background-size:13.84rem 12.42rem;width:15rem;height:12.42rem;display:flex;flex-direction:column;align-items:center;margin-top:1.2rem}.container .sec5 .count-box{background:url(https://s2.51cto.com/edu/train/tiyanying/161_1/sec5_content.png) no-repeat center center;background-size:10.46rem 6.06rem;width:12.66rem;height:6.06rem;margin-top:3.2rem;position:relative}.container .sec5 .count-box .item{position:absolute;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:.48rem}.container .sec5 .count-box .item span{margin-bottom:.2rem}.container .sec5 .count-box .item-1{top:2.4rem;left:.8rem}.container .sec5 .count-box .item-2{top:2.4rem;left:50%;transform:translateX(-50%)}.container .sec5 .count-box .item-3{top:2.4rem;right:.8rem}.container .sec5 .count-box .item-4{top:6.48rem;left:3rem}.container .sec5 .count-box .item-5{top:6.48rem;right:3.2rem}.container .copyright_component{margin-bottom:1rem;color:#fff;font-family:"SourceHanSansCN","PingFang SC"}.container .copyright_component p{line-height:1.6}#bottomWrap{background:#0e2476;display:flex;align-items:center;justify-content:space-between}#bottomWrap .icon-btn{font-size:.56rem;display:flex;align-items:center;justify-content:center;background-image:-moz-linear-gradient(90deg, #dd0a1e 0%, #ff6073 99%);background-image:-webkit-linear-gradient(90deg, #dd0a1e 0%, #ff6073 99%);background-image:-ms-linear-gradient(90deg, #dd0a1e 0%, #ff6073 99%);width:6.4rem;height:1.44rem;color:#fff}#bottomWrap .left-wrap{font-size:1.2rem;font-family:"Source Han Sans CN","PingFang SC"}#bottomWrap .left-wrap .price{color:#fff;font-weight:bold;font-family:"SourceHanSansCN","PingFang SC"}#bottomWrap .right-wrap .footer_right_btn{color:#14192c;font-weight:bold;background-image:-moz-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%);background-image:-webkit-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%);background-image:-ms-linear-gradient(180deg, #ff6d09 0%, #fca63c 100%)}@keyframes float{0%{top:8.4rem}50%{top:7.8rem}100%{top:8.4rem}}