article,aside,blockquote,body,br,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}b,strong{font-weight:400}dfn,em,i{font-style:normal;font-size:inherit}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}svg:not(:root){overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:400}a{background-color:rgba(0,0,0,0);color:#333;text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}hr,img,legend{border:0 none}img{width:100%;height:auto;vertical-align:middle}hr{box-sizing:content-box;height:0}pre{overflow:auto}button{overflow:visible;border:none}button,select{text-transform:none}img,input,textarea{vertical-align:middle}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button,input,select,textarea{outline:0;font-family:Tahoma,Arial,sans-serif}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{box-sizing:content-box;-webkit-appearance:textfield}table,td,tr{text-align:center;text-valign:middle}table{border-collapse:collapse;border-spacing:0}td,th{empty-cells:hide}dd,dl,li{list-style:none}*{color:inherit;font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}html{font-size:50px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,html{font-family:Tahoma,Arial,sans-serif}body{margin:0 auto;color:#424242}.fl{float:left}.fr{float:right}.clearfix{clear:both}.clearfix:after{clear:both;display:block;content:""}.clearfix2{*zoom:1}.clearfix2:after{content:" ";display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden}@media screen and (min-width: 320px){html{font-size:21.33px}body{font-size:9pt}}@media screen and (min-width: 360px){html{font-size:24px}body{font-size:9pt}}@media screen and (min-width: 375px){html{font-size:25px}body{font-size:9pt}}@media screen and (min-width: 384px){html{font-size:1.6pc}body{font-size:14px}}@media screen and (min-width: 400px){html{font-size:26.67px}body{font-size:14px}}@media screen and (min-width: 411px){html{font-size:27.4px}body{font-size:14px}}@media screen and (min-width: 414px){html{font-size:27.6px}body{font-size:14px}}@media screen and (min-width: 424px){html{font-size:28.27px}body{font-size:14px}}@media screen and (min-width: 480px){html{font-size:2pc}body{font-size:.96pc}}@media screen and (min-width: 540px){html{font-size:36px}body{font-size:1.08pc}}@media screen and (min-width: 720px){html{font-size:3pc}body{font-size:.24in}}@media screen and (min-width: 750px){html{font-size:50px}body{font-size:24px}}.triangle{width:0;height:0;border-top:.12rem solid rgba(0,0,0,0);border-left:.2rem solid #015ee9;border-bottom:.12rem solid rgba(0,0,0,0)}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-vcenter{display:flex;align-items:center}.flex-wrap{display:flex;flex-wrap:wrap}.column{flex-direction:column}.text-bold{font-weight:bold}.margin-auto{margin:0 auto}.margin-b-30{margin-bottom:.6rem}.margin-t-30{margin-top:.6rem}.text-center{text-align:center}.font-bold{font-weight:bold}.relative{position:relative}.absolute{position:absolute}.color-fff{color:#fff}.box-border{box-sizing:border-box}.margin-auto{margin:0 auto}.margin-b-30{margin-bottom:.6rem}.margin-t-30{margin-top:.6rem}.text-center{text-align:center}.font-bold{font-weight:bold}.relative{position:relative}.absolute{position:absolute}.color-fff{color:#fff}.box-border{box-sizing:border-box}.margin-b-40{margin-bottom:.8rem}.container{position:relative;width:15rem;height:116rem;margin:0 auto;background:#11144f;font-size:.52rem}.container .logo{width:2.4rem;height:.46rem;top:.64rem;left:.6rem;z-index:999}.container .neo-title{color:#10178e;font-size:.48rem;right:.32rem;top:.56rem;z-index:999;font-family:"Source Han Sans CN";font-weight:500}.container .header-box{width:15rem;height:39.66rem;margin-bottom:1rem}.container .header-box .header-top{width:15rem;height:22rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/header-bg.png") no-repeat center top;background-size:15rem 22rem}.container .header-box .header-top .float-animate-bar{top:9.8rem;left:50%;transform:translateX(-50%);width:8.4rem;height:6rem}.container .header-box .header-top .float-animate-bar .float-center-bar{left:1.73rem;width:4.94rem;height:5.99rem;background:url(https://s2.51cto.com/edu/train/tiyanying/113_2/center_float_bar.png) no-repeat center top;background-size:4.94rem 5.99rem;animation:bounce2 2.3s ease-in-out infinite}.container .header-box .header-top .text-one{width:15rem;text-align:center;letter-spacing:.06rem;line-height:1.6rem;top:6.9rem;font-size:.64rem;font-family:"PingFangSC";color:#dddbd9}.container .header-box .header-top .text-two{font-size:.44rem;width:4rem;height:.8rem;line-height:.8rem;top:12.08rem;left:5rem;letter-spacing:.02rem;color:#c2c2c2;overflow:hidden;transform:rotate(4deg);padding-left:.36rem}.container .header-box .header-top .add-length{height:.8rem;line-height:.8rem;animation:addlength 2s infinite}@keyframes addlength{0%{width:.02rem}20%{width:1.4rem}40%{width:2rem}60%{width:3rem}80%{width:4rem}100%{width:5rem}}.container .header-box .header-top .img-box{width:3.26rem;height:2.7rem;top:14rem;left:3.16rem}.container .header-box .header-top .img-box img{width:3.26rem;height:2.7rem;animation:topchange 1.5s infinite}@keyframes topchange{0%{transform:translateY(0)}50%{transform:translateY(-0.6rem)}100%{transform:translateY(0)}}.container .header-box .header-top .light-point{display:flex;flex-flow:row nowrap;justify-content:space-between;bottom:2.6rem;left:50%;transform:translateX(-50%);width:13.6rem;height:4rem;padding:.36rem .2rem;padding-right:.6rem;font-family:"Source Han Sans CN"}.container .header-box .header-top .light-point .text-box{width:10.4rem;height:100%;transform:translateX(0.2rem)}.container .header-box .header-top .light-point .text-box p{position:relative;font-size:.48rem;color:#dddbd9;line-height:.68rem;margin-bottom:.4rem}.container .header-box .header-top .light-point .text-box p::before{position:absolute;display:inline-block;content:"";width:.48rem;height:.48rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/item-bot.png") no-repeat center top;background-size:.48rem .48rem;top:50%;margin-top:-0.24rem;transform:translateX(-0.8rem)}.container .header-box .header-top .light-point .text-box p:nth-child(2)::before{top:25%}.container .header-box .header-top .light-point .text-six{width:1rem;height:100%;text-align:center;color:#fff;font-size:.6rem}.container .header-box .header-bottom{width:13.86rem;height:9.22rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/advan-bg.png") no-repeat center center;background-size:13.86rem 9.22rem;margin:0 auto;padding-top:1rem;margin-top:-1.48rem;position:relative}.container .header-box .header-bottom .message-box{width:13.9rem;padding-left:.52rem;box-sizing:border-box;flex-wrap:wrap;margin-bottom:.1rem}.container .header-box .header-bottom .message-box .message{height:.64rem;width:6.4rem;display:flex;align-items:center;margin-bottom:.52rem}.container .header-box .header-bottom .message-box .message img{width:.66rem;height:.66rem;margin-right:.12rem}.container .header-box .header-bottom .message-box .message p{color:#dddbd9;font-size:.56rem;line-height:.64rem}.container .header-box .header-bottom .message-box .message-one{width:6.8rem}.container .header-box .header-bottom .btn-price{height:1.79rem;width:11.98rem;text-align:center;line-height:1.79rem;margin:1.2rem auto 0;font-size:.8rem;font-family:"Source Han Sans CN";color:#fff;font-weight:bold;letter-spacing:.04rem}.container .header-box .header-bottom .btn-price .price-tag{font-size:.64rem}.container .header-box .header-bottom .btn-price .value{font-size:1.28rem}.container .header-box .header-bottom .timer_component{color:#fff;font-size:.52rem;margin-bottom:1.2rem}.container .header-box .header-bottom .timer_component .timer-container span{color:#a4a4a4;margin:0 .08rem}.container .header-box .header-bottom .timer_component .timer-container span:nth-child(1){color:#fff}.container .header-box .header-bottom .timer_component .timer-container .num{background-color:#17161c;color:#fff;width:1.04rem;height:1rem;line-height:1rem;border-radius:.06rem;font-size:.56rem}.container .header-box .header-bottom .lesson_time_component{margin-top:1.2rem}.container .header-box .form_component{margin-top:1.2rem}.container .header-box .form_component .form_container{width:13.8rem}.container .header-box .form_component .form_container .form-group-input{border-radius:.12rem;height:1.88rem}.container .header-box .form_component .form_container .form-group-input .sendbtn{margin-top:.6rem;margin-right:.4rem;color:#050335;font-size:.68rem;letter-spacing:.02rem;height:.8rem;line-height:.74rem;border-left:2px solid #999}.container .header-box .form_component .form_container .buybtn{line-height:1.88rem;height:1.88rem;border-radius:.12rem;margin-top:.12rem;background-image:linear-gradient(to right, #ff9a60, #ff5a3d);color:#fff;letter-spacing:.04rem;font-size:.76rem;overflow:hidden}.container .header-box .form_component .form_container .buybtn.arrowing{animation:none !important}.container .header-box .form_component .form_container .form-group:nth-child(5){margin-top:1rem}.container .header-box .form_component .form_container #doAgree_0{margin-top:0rem !important;letter-spacing:.02rem;transform:translateY(-3.6rem);justify-content:flex-start !important}.container .header-box .form_component .form_container #doAgree_0 .agree-checkbox{border-radius:.12rem !important;background-color:#fff;width:.68rem !important;height:.68rem !important;border:none !important}.container .header-box .form_component .form_container #doAgree_0 .agree-checkbox .agree-gou{width:.24rem !important;height:.48rem !important}.container .header-box .form_component .form_container .agree-contract{font-size:.56rem;font-family:"Source Han Sans CN"}.container .header-box .form_component .form_container .agree-tip{font-size:.56rem;font-family:"Source Han Sans CN"}.container .header-box .form_component .form_container .arrowing{margin-bottom:.6rem}.container .header-box .form_component .form_container input::-webkit-input-placeholder{color:#a8a8a9;font-size:.68rem}.container .header-box .form_component .form_container input::-moz-placeholder{color:#a8a8a9;font-size:.68rem}.container .header-box .form_component .form_container input:-ms-input-placeholder{color:#a8a8a9;font-size:.68rem}.container .sec-1{width:14.72rem;height:18.8rem;margin:0 auto;margin-bottom:.8rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/teacher-bg1.png") no-repeat top center;background-size:14.72rem 18.8rem}.container .sec-1 .sec1-top{width:14.72rem;height:7.8rem;margin-bottom:.8rem}.container .sec-1 .sec1-top .title-one{font-family:"Source Han Sans CN";font-size:.8rem;height:1.48rem;line-height:1.76rem;font-weight:bold;text-align:center;background:linear-gradient(to right, #80f4ff 0%, #b6f9ff 50%, #eafdff 80%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.container .sec-1 .sec1-top .title-two{width:100%;height:1.4rem;line-height:1.4rem;font-size:.6rem;color:#fff;margin-bottom:1.2rem;text-align:center;transform:translateY(1.4rem);letter-spacing:.04rem}.container .sec-1 .sec1-top .introduce-box{width:100%;height:6rem;padding-top:1.48rem;padding-left:2.12rem}.container .sec-1 .sec1-top .introduce-box h1{margin-bottom:.32rem;font-size:.72rem;line-height:1.64rem;font-weight:bold;color:#fff}.container .sec-1 .sec1-top .introduce-box p{font-size:.48rem;line-height:.64rem;color:#fff;letter-spacing:.02rem}.container .sec-1 .sec1-bottom{width:13.76rem;margin:0 auto}.container .sec-1 .sec1-bottom .content-box{width:100%;padding-left:1rem;padding-right:1.4rem;box-sizing:border-box;margin-bottom:.36rem;position:relative}.container .sec-1 .sec1-bottom .content-box p{line-height:.76rem;font-size:.6rem;font-family:"Source Han Sans CN";color:#000}.container .sec-1 .sec1-bottom .content-box p:nth-child(1){margin-bottom:.12rem}.container .sec-1 .sec1-bottom .content-box p:nth-child(1)::before{display:inline-block;content:"";width:.28rem;height:.32rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/triangle-tag.png") no-repeat center top;background-size:.28rem .32rem;margin-right:.2rem}.container .sec-1 .sec1-bottom .content-box p:nth-child(2){font-size:.48rem;color:#6d6d6d}.container .sec-2{width:14.72rem;height:31.42rem;margin:0 auto;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/lesson-bg.png") no-repeat top center;background-size:14.72rem 31.42rem;margin-bottom:.8rem}.container .sec-2 .title-box{width:14.72rem;height:1.6rem;overflow:hidden}.container .sec-2 .title-box h1{font-family:"Source Han Sans CN";font-size:.72rem;line-height:1.64rem;font-weight:bold;text-align:center;background:linear-gradient(to right, #80f4ff 0%, #b6f9ff 50%, #eafdff 80%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.28rem}.container .sec-2 .title-box p{width:100%;height:1.4rem;line-height:1.4rem;font-size:.6rem;color:#fff;text-align:center;transform:translateY(1.4rem);letter-spacing:.04rem;margin-bottom:1.2rem}.container .sec-2 .content-box{width:14.2rem;margin:1rem auto 0}.container .sec-2 .content-box .title{height:1.25rem;line-height:1.25rem;font-size:.56rem;font-family:"Source Han Sans CN";color:#fff;font-weight:bold;margin-left:.63rem;margin-bottom:.16rem}.container .sec-2 .content-box .title span{display:inline-block;width:1.76rem;height:2.28rem;line-height:1.28rem;box-sizing:border-box;font-size:.52rem;font-weight:bold;font-family:"DINPro";color:#333}.container .sec-2 .content-box .small-title{font-size:.52rem}.container .sec-2 .content-box .name{width:100%;height:1.8rem;line-height:.8rem;font-size:.48rem;color:#88f5ff;font-family:"PingFangSC";padding-left:.8rem;margin-top:.32rem;margin-bottom:.4rem}.container .sec-2 .content-box .name.special{height:2rem}.container .sec-2 .content-box .text{width:100%;padding-right:.6rem;font-size:.46rem;line-height:.84rem;padding-left:.76rem;font-family:"PingFangSC";letter-spacing:.02rem;word-break:break-all}.container .sec-2 .content-box .case-list{font-size:.4rem;color:#666;padding-left:.88rem;margin-top:.2rem}.container .sec-2 .content-box .case-list p{line-height:1.8}.container .sec-2 .content-box:nth-child(3){margin-top:1.24rem}.container .sec-3{width:14.72rem;height:9.22rem;margin:0 auto;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/material-bg.png") no-repeat top center;background-size:14.72rem 9.22rem;margin-bottom:.8rem}.container .sec-3 h1{font-family:"Source Han Sans CN";font-size:.72rem;line-height:1.64rem;font-weight:bold;text-align:center;background:linear-gradient(to right, #80f4ff 0%, #b6f9ff 50%, #eafdff 80%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.container .sec-3 .content-box{display:flex;justify-content:center;align-items:center;width:13.6rem;height:6.8rem;margin:0 auto;font-size:.4rem}.container .sec-3 .content-box .left-title{display:flex;flex-flow:column nowrap;justify-content:flex-end;text-align:center;width:4.44rem;height:5.2rem;padding-bottom:.2rem;color:#14192c}.container .sec-3 .content-box .left-title p{font-weight:600;font-family:SourceHanSansCN}.container .sec-3 .content-box .right-content{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:8.6rem;height:4.88rem;padding-left:.48rem;color:#fff}.container .sec-3 .content-box .right-content li{position:relative;line-height:2.3}.container .sec-3 .content-box .right-content li::before{display:inline-block;content:"";width:.44rem;height:.42rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/file-icon.png") no-repeat center center;background-size:.44rem .42rem;margin-right:.2rem}.container .sec-3 .content-box .right-content li::after{display:inline-block;content:"";position:absolute;width:.44rem;height:.44rem;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/download-icon.png") no-repeat center center;background-size:.44rem .44rem;right:.12rem;top:.28rem}.container .sec-4{width:14.72rem;height:8.02rem;margin:0 auto;background:url("https://s2.51cto.com/edu/train/tiyanying/160_1/steps-bg.png") no-repeat left center;background-size:14.72rem 8.02rem;overflow:hidden}.container .sec-4 .title-box{width:15rem;height:2rem}.container .sec-4 .title-box h1{font-family:"Source Han Sans CN";font-size:.72rem;line-height:1.64rem;font-weight:bold;text-align:center;background:linear-gradient(to right, #80f4ff 0%, #b6f9ff 50%, #eafdff 80%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.container .sec-4 .content-box{display:flex;flex-flow:row nowrap;justify-content:space-between;width:12.88rem;margin:2.8rem auto 0}.container .sec-4 .content-box .content{width:3rem;height:1.6rem;color:#fff4eb;text-align:center}.container .sec-4 .content-box .content p{line-height:.72rem;font-size:.44rem;font-family:"Source Han Sans CN"}#bottomWrap{background:#2f4dfa !important}#bottomWrap .left-wrap{color:#fff}#bottomWrap .icon-btn{color:#fff;background-image:-moz-linear-gradient(0deg, #ff995f, #ff5a3e);background-image:-webkit-linear-gradient(0deg, #ff995f, #ff5a3e);background-image:-ms-linear-gradient(0deg, #ff995f, #ff5a3e)}.copyright_component{padding:.4rem 0 0 !important}.copyright_component p{color:rgba(133,147,233,.5)}@keyframes bounce2{0%{transform:translateY(-0.3rem)}50%{transform:translateY(0rem)}100%{transform:translateY(-0.3rem)}}@keyframes float-line{0%{transform:translateY(5rem);opacity:.3}50%{transform:translateY(0rem);opacity:1}100%{transform:translateY(-6rem);opacity:.3}}