.container *{box-sizing:border-box;line-height:1}.container{position:relative;width:15rem;min-height:100vh;margin:0 auto;font-family:"PingFang SC","SourceHanSansCN";background:#121141 url("https://s2.51cto.com/edu/train/tiyanying/166/top_bg.png") no-repeat top center;background-size:15rem 22.82rem;padding-bottom:4rem}.container .top-box{position:relative;margin-bottom:8.6rem}.container .top-box .logo{position:absolute;top:.92rem;left:.76rem;width:3.06rem;height:.6rem}.container .top-box .title{position:relative;left:50%;margin-top:2.6rem;width:12.76rem;height:3.72rem;transform:translateX(-50%)}.container .sec-box{margin:0 auto;margin-bottom:1.1rem}.container .sec-box .title{position:relative;font-size:.8rem;color:#fff;padding-left:.6rem;margin-bottom:.72rem}.container .sec-box .title::before{content:"";display:inline-block;border-radius:0 .1rem .1rem 0;background-image:linear-gradient(90deg, rgb(25, 55, 245) 0%, rgb(80, 163, 248) 100%);position:absolute;left:0;top:50%;transform:translateY(-50%);width:.26rem;height:1.02rem}.container .sec-box .content{width:13.8rem;margin:0 auto}.container .sec1-box{width:13.8rem}.container .sec1-box .top{position:relative;width:100%;height:7.9rem;background:url("https://s2.51cto.com/edu/train/tiyanying/166/sec1_bg.png") no-repeat center center;background-size:100% 100%;padding-top:1rem;padding-left:.48rem}.container .sec1-box .top .name{display:inline-block;border-radius:.12rem;background-image:linear-gradient(128deg, rgb(18, 52, 239) 0%, rgb(49, 135, 255) 99%);padding:.28rem .48rem .28rem .64rem;font-size:.8rem;color:#fff;margin:0 4rem .6rem 0}.container .sec1-box .top .intro{display:inline-block;border-radius:.12rem;font-size:.52rem;color:#1e2457;padding:.28rem .72rem .28rem .44rem;background:#fff;margin:0 3rem .32rem 0}.container .sec1-box .top .desc{padding:.44rem 0 0 .7rem;position:absolute;bottom:0;left:0;background:url("https://s2.51cto.com/edu/train/tiyanying/166/sec1_teacher_intro_bg.png") no-repeat center center;background-size:100% 100%;width:5.08rem;height:1.46rem;font-size:.64rem;color:#fff}.container .sec1-box .top .avatar{position:absolute;width:9.52rem;height:10.28rem;bottom:-1rem;right:-0.6rem}.container .sec1-box .bottom{background:#fff;border-radius:0 0 .32rem .32rem;padding:.92rem .92rem .76rem .72rem}.container .sec1-box .bottom .text-item{margin-bottom:1rem;font-size:.48rem;color:#080718;line-height:1.5}.container .sec1-box .bottom .text-item span{line-height:1.5;color:#333}.container .sec1-box .bottom .text-item:last-child{margin-bottom:0}.container .sec1-box .bottom .text-item .text-bold{font-weight:bold}.container .sec2-box .content{border:.02rem solid #4c5a9f;border-radius:.32rem;background-image:linear-gradient(50deg, rgb(18, 17, 65) 0%, rgb(22, 47, 144) 100%);box-shadow:0 .32rem 2.4rem .46rem rgba(49,56,130,.004);padding:.6rem .4rem}.container .sec2-box .content .list .item{display:flex;margin-bottom:.6rem;height:1.12rem;border-radius:.56rem;width:100%;overflow:hidden}.container .sec2-box .content .list .item:last-child{margin-bottom:0}.container .sec2-box .content .list .item .index{display:inline-block;width:1.6rem;padding:.32rem .48rem;font-size:.56rem;color:#fff;background-image:linear-gradient(128deg, rgb(18, 52, 239) 0%, rgb(49, 135, 255) 99%)}.container .sec2-box .content .list .item .text{font-size:.56rem;color:#fff;padding:.3rem .4rem;background-color:rgba(156,170,255,.5);width:100%}.container .sec3-box .content{border-radius:.32rem;height:12.8rem;background:#fff;box-shadow:.04rem .04rem .2rem 0 rgba(30,74,198,.34)}.container .sec3-box .content .list{display:flex;flex-wrap:wrap;background:url("https://s2.51cto.com/edu/train/tiyanying/166/sec3_bg.png") no-repeat center center;background-size:90% 90%}.container .sec3-box .content .list .item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.container .sec3-box .content .list .item:nth-child(1),.container .sec3-box .content .list .item:nth-child(2){height:6.88rem}.container .sec3-box .content .list .item:nth-child(3),.container .sec3-box .content .list .item:nth-child(4){height:5.92rem}.container .sec3-box .content .list .item:nth-child(1) .icon{width:1.2rem;height:1.2rem}.container .sec3-box .content .list .item:nth-child(2) .icon{width:1.4rem;height:1.2rem}.container .sec3-box .content .list .item:nth-child(3) .icon{width:1.38rem;height:1.34rem}.container .sec3-box .content .list .item:nth-child(4) .icon{width:1.14rem;height:1.2rem}.container .sec3-box .content .list .item .icon{margin-bottom:.52rem}.container .sec3-box .content .list .item .name{font-size:.6rem;font-weight:bold;color:#333;margin-bottom:.64rem}.container .sec3-box .content .list .item .desc{text-align:center}.container .sec3-box .content .list .item .desc span{font-size:.56rem;display:block;color:#666;margin-bottom:.48rem}.container .sec3-box .content .list .item .desc span:last-child{margin-bottom:0}.container .sec4-box .content{position:relative;border-radius:.32rem;background:url("https://s2.51cto.com/edu/train/tiyanying/166/sec4_bg.png") no-repeat center center;background-size:100% 100%;width:13.8rem;height:11.6rem}.container .sec4-box .content .text{position:absolute;font-size:.56rem;color:rgba(255,255,255,.7);text-align:center;line-height:1.3}.container .sec4-box .content .text-1{top:4.4rem;left:.6rem}.container .sec4-box .content .text-2{top:4.4rem;left:5.08rem}.container .sec4-box .content .text-3{top:4.4rem;left:10.1rem}.container .sec4-box .content .text-4{top:9.46rem;left:3rem}.container .sec4-box .content .text-5{top:9.46rem;left:8rem}.container .sec5-box{display:flex;flex-direction:column;align-items:center;border-radius:.32rem;background-image:linear-gradient(50deg, rgb(18, 17, 65) 0%, rgb(22, 47, 144) 100%);width:13.8rem;padding-bottom:1rem;border:.02rem solid #4c5a9f}.container .sec5-box .title-img{width:11.34rem;height:1.14rem;margin-top:1.12rem;margin-bottom:1rem}.container .sec5-box .timer_component{margin-bottom:.6rem}.container .sec5-box .timer_component .timer-container .text{color:#fff;font-size:.68rem;margin-right:0}.container .sec5-box .timer_component .timer-container .num{color:#333;font-size:.6rem;font-weight:600;background:#fff;width:1.12rem;height:1.12rem;line-height:1.12rem;border-radius:.08rem}.container .sec5-box .timer_component .timer-container span{color:#fff;margin-right:.2rem}.container .sec5-box .sec-form{position:relative}.container .sec5-box .sec-form .form_container .form-group-input{width:12.6rem;height:1.88rem;border-radius:.12rem;border:1px solid #fff}.container .sec5-box .sec-form .form_container .form-group-input input{margin-left:.8rem;width:100%}.container .sec5-box .sec-form .form_container .form-group-input input::-moz-placeholder{color:#999;font-size:.68rem}.container .sec5-box .sec-form .form_container .form-group-input input::placeholder{color:#999;font-size:.68rem}.container .sec5-box .sec-form .form_container .form-group-input .sendbtn{height:1rem;color:#555;font-size:.68rem;display:flex;align-items:center;top:50%;transform:translateY(-50%);line-height:1;margin-top:0;border-color:#868db4;right:.6rem}.container .sec5-box .sec-form .form_container .buybtn{position:relative;left:-0.3rem;display:flex;align-items:center;justify-content:center;padding-bottom:1rem;width:13.32rem !important;height:2.92rem !important;background:url("https://s2.51cto.com/edu/train/tiyanying/166/buy_btn_bg.png") no-repeat center center !important;background-size:13.32rem 2.92rem !important;color:#fff !important;font-size:.8rem !important}.container .sec5-box .sec-form .form_container .lock{border-radius:1.88rem !important;height:1.88rem !important;background:#c9c9c9 !important;padding-bottom:0 !important}.container .sec5-box .sec-form .form_container #doAgree_0{margin-top:.8rem !important;justify-content:flex-start !important}.container .sec5-box .sec-form .form_container #doAgree_0 #doAgree_0Box{background:rgba(255,255,255,.3);border:none !important;width:.68rem !important;height:.68rem !important;border-radius:.12rem !important}.container .sec5-box .sec-form .form_container #doAgree_0 .agree-gou{width:.25rem !important;height:.5rem !important}.container .sec5-box .sec-form .form_container #doAgree_0 .agree-tip{color:#818181 !important}.container .sec5-box .sec-form .form_container #doAgree_0 .agree-contract{color:#818181 !important}.container .copyright_component{color:#cadbf8}.container .copyright_component p{line-height:1.5}#bottomWrap{display:flex;align-items:center;justify-content:space-between}#bottomWrap .left-wrap{font-family:"Source Han Sans CN","PingFang SC"}#bottomWrap .left-wrap .price span{font-size:1rem}#bottomWrap .right-wrap .footer_right_btn{display:flex;align-items:center;justify-content:center;width:8rem;height:1.6rem;border-radius:1.6rem;color:#fff;font-weight:bold;background:#f81f43;font-size:.76rem}