@charset "UTF-8";.screen-top p,.screen-top ul li img{left:0;top:0;position:absolute}.clearfix{clear:both}a:active,a:link,a:visited{text-decoration:none}body{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;max-width:7.5rem;width:7.5rem;font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;background-color:#f4f5f9;padding-bottom:.9rem}.screen-top{width:7.5rem;height:4.1rem;position:relative}.screen-top ul{padding-top:3.07rem;padding-left:.76rem}.screen-top ul li{position:relative;font-size:.22rem;display:inline-block;padding-left:.3rem;color:#1b6e61;margin-right:.32rem}.screen-top ul li img{width:.28rem;height:.29rem}.screen-top p,.screen-top p img{width:100%;height:100%}.screen-top ul li:last-child{margin-right:0}.screen-top p a{position:absolute;left:.46rem;top:.15rem;width:2.28rem;height:.72rem}.course .start-time{display:none}.course .course-list{width:100%;box-sizing:border-box;background:#fff;padding-top:.3rem;padding-left:.3rem;padding-bottom:.24rem}.course .course-list li{display:inline-block;line-height:.36rem;font-size:.28rem;margin-right:.9rem}.course .course-list li.active{background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/activebg_03.png?5e2f56") left bottom repeat-x;background-size:100% .08rem}.course .course-list.fixed{position:fixed;left:0;top:0;z-index:10}.course .list-type{background:#fff;padding-top:.24rem;padding-bottom:.22rem;padding-left:.3rem}.course .list-type li{display:inline-block;margin-right:.48rem;margin-bottom:.1rem;text-align:center;padding:0 .2rem;color:#585858;line-height:.56rem;font-size:.24rem;border-radius:.28rem}.course .list-type li.special{background:#f2f2f2}.course .course-con{background:#f3f5f8;padding:.3rem;padding-bottom:0}.course .course-con ul>li{display:none;position:relative;box-shadow:0 0 2px 2px #eaecf3;border-radius:5px;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/one-pg_03.png?450f0f") center top no-repeat #fff;background-size:100% auto;list-style-type:none;width:100%;box-sizing:border-box;margin-bottom:.3rem}.course .course-con ul>li .one{padding:0 .3rem;padding-top:.4rem;display:block;height:auto;padding-bottom:.25rem;border-bottom:1px solid #f0f0f0}.course .course-con ul>li h3{font-size:.3rem;font-weight:700;line-height:.36rem;color:#050e0c;padding-left:.4rem;position:relative}.course .course-con ul>li h3 .tag{position:absolute;left:0;top:.02rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/tag_06.png?8b1977") left top no-repeat;width:.3rem;height:.3rem;background-size:100%}.course .course-con ul>li h3 .oto{background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/dp_03.png?15bce8") left top no-repeat;background-size:100%}.course .course-con ul>li h3.notag{padding-left:0}.course .course-con ul>li .course-type{padding-top:.16rem}.course .course-con ul>li .course-type span{font-size:.21rem;display:inline-block;height:.32rem;line-height:.32rem;padding:0 .1rem;color:#fff;background:#ced4d8;border-radius:3px;margin-right:.1rem;margin-bottom:.08rem}.course .course-con ul>li .course-type span.type-one{background:#e8d9c5}.course .course-con ul>li .course-desc{width:4.54rem;line-height:.44rem;font-size:.2rem;padding-left:.16rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/arrow_10.png?45406a") .02rem center no-repeat;background-size:.12rem .18rem;color:#555}.course .course-con ul>li .allname{padding-top:.3rem}.course .course-con ul>li .allname li{display:inline-block;width:.72rem;margin-right:.35rem}.course .course-con ul>li .allname li .tea-img{width:.72rem;height:.72rem;border-radius:50%}.course .course-con ul>li .allname li p{line-height:.44rem;font-size:.2rem;text-align:center;color:#656565}.course .course-con ul>li .time{display:none;height:.4rem;font-size:.2rem;text-indent:.3rem;color:#ff5d50}.course .course-con ul>li .money{margin-left:.3rem;color:#000;font-size:.3rem;height:.52rem;font-weight:600}.course .course-con ul>li .money em{font-size:.2rem}.course .course-con ul>li .endline{color:#aeb6be;font-size:20px;display:none;padding-left:.3rem}.course .course-con ul>li .graymoney{color:#979797;font-size:.2rem;margin-left:.08rem}.course .course-con ul>li .graymoney em{text-decoration:line-through}.course .course-con ul>li .course-intro{margin-left:.3rem;padding-left:.3rem;font-size:.2rem;line-height:.36rem;color:#979797;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/gify_15.png?234967") left center no-repeat;background-size:.24rem}.course .course-con ul>li .buy-info{position:relative;padding-bottom:.36rem;padding-top:.3rem}.course .course-con ul>li .btn{position:absolute;right:.3rem;top:50%;margin-top:-.3rem;display:inline-block;color:#fff;font-size:.28rem;text-align:center;text-decoration:none;line-height:.58rem;background:#ff5d50;width:2rem;height:.6rem;border-radius:.05rem;box-shadow:1px 3px 5px #ffbbb6}.course .course-con ul>li .btn.disabled{background:#ced4d8;box-shadow:none}.course .course-con ul>li .btn-one{background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/btn_07.png?5a5185") center top no-repeat;background-size:100% auto;box-shadow:1px 3px 5px #e9decc}.course .course-con ul:nth-child(3) li{background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/pg2_18.png?0a6251") center top no-repeat #fff;background-size:100% auto}.part1{height:22.16rem;width:7.5rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/part1_03.png?7d94ca") center no-repeat;background-size:100%;margin-top:20px}.part1 .part1-title{width:100%;height:3.38rem;position:relative;padding-top:1.7rem;color:#fff}.part1 .part1-title .small-tit{font-size:.28rem;line-height:.46rem;width:5.14rem;text-align:center}.part1 .part1-title .tit-desc{font-size:.34rem;line-height:.52rem;font-weight:700;width:5.14rem;text-align:center}.part1 .part1-title .part1-btn{display:block;text-align:center;font-size:.3rem;width:3.1rem;height:.76rem;line-height:.76rem;background:#fff;border-radius:5px;color:#08c1a4;margin-left:1.04rem;margin-top:.3rem}.part1 .section1 .sec-tit{height:1.2rem;width:100%;padding-top:.9rem}.part1 .section1 .sec-tit p{color:#fff;font-size:.32rem;line-height:.5rem;font-weight:550;text-align:center;margin-bottom:.1rem}.part1 .section1 .sec-tit ul{height:.44rem;color:#fff;padding-left:1.1rem}.part1 .section1 .sec-tit ul li{background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/circle_04.png?bbabb4") left center no-repeat;background-size:.06rem;float:left;margin-right:.46rem;font-size:.24rem;line-height:.44rem;padding-left:.18rem}.part1 .part1-list{color:#fff;padding:0 .3rem}.part1 .part1-list li{padding-bottom:.25rem}.part1 .part1-list .first{padding-bottom:.6rem;float:left}.part1 .part1-list .first img{width:5.4rem;height:3.37rem}.part1 .part1-list .first h3{font-size:.32rem;font-weight:700;line-height:.64rem;padding-left:.3rem;padding-bottom:.1rem}.part1 .part1-list .first p{width:5.2rem;font-size:.2rem;line-height:.3rem;padding-left:.3rem}.part1 .part1-list .second{float:right;width:5.4rem}.part1 .part1-list .second img{width:5.4rem;height:3rem}.part1 .part1-list .second h3{font-size:.32rem;font-weight:700;line-height:.64rem;padding-left:.3rem}.part1 .part1-list .second p{width:5.2rem;font-size:.2rem;line-height:.34rem;padding-left:.3rem}.part1 .part1-list .three{float:left}.part1 .part1-list .three img{width:5.4rem;height:3.24rem}.part1 .part1-list .three h3{font-size:.32rem;font-weight:700;line-height:.64rem;padding-left:.3rem}.part1 .part1-list .three p{width:4.2rem;font-size:.2rem;line-height:.34rem;padding-left:.3rem}.part2{height:5.66rem;width:7.5rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/part3_11.png?a8d521") center no-repeat;background-size:100%;padding-top:6.3rem}.part2 .part2-list{padding:0 .78rem}.part2 .part2-list li{height:1.3rem;position:relative;padding-left:1.1rem;padding-bottom:.5rem}.part2 .part2-list li img{width:.91rem;height:.89rem;position:absolute;left:0;top:.2rem}.part2 .part2-list li h3{font-size:.32rem;font-weight:700;line-height:.64rem}.part2 .part2-list li h3 span{font-weight:400}.part3 h3,.part4 h3,.project h3{font-weight:700}.part2 .part2-list li p{font-size:.22rem;line-height:.34rem;color:#b0b1b1}.part3{height:11.13rem;width:7.5rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/swiper_16.png?2a74f4") center no-repeat;background-size:100%;padding-top:.62rem;text-align:center}.part3 h3{font-size:.3rem;line-height:.7rem;text-align:center}.part3 p{font-size:.18rem;line-height:.26rem;color:#b0b1b1}.part3 .screen{width:100%;overflow:hidden;position:relative;height:9.94rem;margin-top:.22rem}.part3 .screen .swiper-container{width:7.5rem;height:9.8rem;overflow:visible}.part3 .screen .swiper-container .swiper-slide{width:7.5rem!important;height:9.8rem!important}.part3 .screen .swiper-container .swiper-slide .img{width:7.5rem;height:9.8rem;overflow:hidden;margin:0 auto;position:relative}.part3 .screen .swiper-container .swiper-slide img{width:4.58rem;height:6.31rem}.part3 .screen .swiper-container .swiper-slide img.qp{width:7.5rem;height:6.31rem;margin-left:-.35rem}.part3 .screen .swiper-container .swiper-slide img.opacity{opacity:0}.part3 .screen .swiper-container .swiper-slide .tea-name{font-size:.2rem;line-height:.28rem;width:.24rem;position:absolute;left:.58rem;top:1.5rem;color:#42dfb7}.part3 .screen .swiper-container .swiper-slide .tea-name span{width:.5rem;position:absolute;right:-.5rem;bottom:-.4rem;font-size:.3rem;line-height:.36rem;color:#000;font-weight:700}.part3 .screen .swiper-container .swiper-slide .tea-desc{width:6.3rem;margin:0 auto;padding-top:.36rem;line-height:.36rem;font-size:.2rem;text-align:left;color:#474948;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/tag_19.png?d6291b") left .16rem no-repeat;background-size:.18rem .06rem}.part3 .screen .swiper-container .swiper-slide .tea-tag{margin-top:.28rem}.part3 .screen .swiper-container .swiper-slide .tea-tag span{border:1px solid #b0b1b1;border-radius:5px;padding:0 .04rem;margin-right:.08rem}.part3 .screen .swiper-pagination{width:100%;text-align:center;bottom:.2rem;height:.5rem}.part3 .screen .swiper-pagination .swiper-pagination-bullet{opacity:1;display:inline-block;width:.14rem;height:.14rem;border-radius:.08rem;background-color:#42dfb7;margin:0 .12rem}.part3 .screen .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}.part4{height:4.52rem;width:7.5rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/chat_22.png?c14738") left top no-repeat;background-size:100%;text-align:center}.part4 h3{padding-top:.68rem;font-size:.3rem;line-height:.66rem;text-align:center;color:#42dfb7}.part4 p{font-size:.2rem;line-height:.26rem;color:#b0b1b1}.part4 .part4-list{padding-top:.45rem}.part4 .part4-list li{width:2.16rem;display:inline-block}.part4 .part4-list li img{width:1rem;height:.68rem}.part4 .part4-list li .desc-one{padding-top:.3rem;color:#fff;font-size:.28rem}.part4 .part4-list li .desc-two{padding-top:.14rem}.project{height:4.72rem;width:7.5rem;background:url("//images.koolearn.com/shark/project/zt/2018/0918tuofudkb-wap/i/pg_27.png?5823b9") center no-repeat;background-size:7.5rem 4.72rem;text-align:center}.project h3{font-size:.3rem;margin-bottom:.5rem;color:#000;text-align:center;line-height:.42rem;padding-top:.94rem}.project a{font-size:.3rem;display:block;width:3.1rem;height:.76rem;line-height:.74rem;background:#ff5d50;border-radius:5px;margin:0 auto;color:#fff;box-shadow:1px 5px 5px #fbbf9e}.p-fixed-contacts{position:fixed;z-index:29999;left:0;bottom:0;width:100%;height:.9rem;line-height:.9rem;background:-webkit-linear-gradient(left,#00c5a8,#00d9a4);font-size:.3rem;box-sizing:border-box}.p-fixed-contacts:hover{cursor:pointer}.p-fixed-contacts .double-btn-box{width:100%;text-align:center}.p-fixed-contacts .double-btn-box a{display:inline-block;width:49%;text-align:center;color:#fff;line-height:.5rem;text-decoration:none}.p-fixed-contacts .double-btn-box a:active{text-decoration:none}.p-fixed-contacts .double-btn-box a.phone:before{content:'';display:inline-block;background:url("//images.koolearn.com/shark/project/zt/2017/0427kyldywap/css/i/phone.png?22e485") no-repeat;background-size:100%;width:.33rem;height:.33rem;vertical-align:middle;margin-right:.3rem}.p-fixed-contacts .double-btn-box a.bubble:before{content:'';display:inline-block;background:url("//images.koolearn.com/shark/project/zt/2017/0427kyldywap/css/i/bubble.png?a02e80") no-repeat;width:.31rem;height:.29rem;vertical-align:middle;background-size:100%;margin-right:.3rem}.video-box{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.video-box .box{width:6.6rem;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%)}.video-box .box video{width:100%;height:auto}.video-box .box .close{font-size:.45rem;width:.32rem;height:.32rem;line-height:.32rem;color:#fff;opacity:.7;position:absolute;right:-.45rem;top:-.2rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}@keyframes myfirst{0%,50%{opacity:0;margin-right:-2rem}100%{opacity:1;margin-right:0}}@-webkit-keyframes myfirst{0%,50%{opacity:0;margin-right:-2rem}100%{opacity:1;margin-right:0}}.tea-change{opacity:1;animation-name:myfirst;animation-duration:2s;animation-delay:-.5s;-webkit-animation-name:myfirst;-webkit-animation-duration:2s;-webkit-animation-delay:-.5s}