body{font-family:Lato,Segoe UI,Helvetica Neue,Helvetica,STHeitiSC-Light,Arial,sans-serif}html{font-size:16px}*{padding:0;margin:0}ol,ul{list-style:none}img{display:inline-block}a{color:#ffcc24;text-decoration:none}.footer a{color:inherit;text-decoration:underline}.group:after,.group:before{content:"";display:table}.group:after{clear:both}.group{zoom:1}.cover{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:none;z-index:8}.struct{display:inline-block;width:0;height:100%;vertical-align:middle}.sr,.xr{display:none!important}.video-container{position:fixed;z-index:10;width:1024px;height:576px;left:50%;top:50%;margin-left:-512px;margin-top:-288px;display:none}.video-container.covered{z-index:-1}.video-container .close{display:inline-block;color:#fff;position:absolute;right:-60px;top:-60px;cursor:pointer;width:30px;height:30px;background:url(../images/close.png) no-repeat 50%;background-size:100% 100%}.play{background-image:url(../images/play.png);background-repeat:no-repeat;background-size:100% auto;cursor:pointer;transition:all 1s}.play:hover{background-image:url(../images/play_hover.png)}.play2{background-image:url(../images/play2.png);background-repeat:no-repeat;background-size:100% auto;cursor:pointer;transition:all 1s}.play2:hover{background-image:url(../images/play2_hover.png)}.download-modal{display:none;background:#fff;color:#313131;width:800px;position:fixed;left:50%;top:50%;margin-left:-400px;margin-top:-240px;z-index:9;text-align:center;box-shadow:0 0 20px #000}.download-modal .header{position:relative;border-bottom:1px solid #eee;font-size:18px;padding:10px}.download-modal .header .close{position:absolute;right:10px;top:50%;margin-top:-6px;width:12px;height:12px;background:url(../images/QA/cancel.png) no-repeat 50%;background-size:100% 100%;float:right;cursor:pointer}.download-modal .content{padding:30px}.download-modal .content .left{width:45%;float:left}.download-modal .content .left img{width:80%}.download-modal .content .right{margin-top:40px;font-size:14px;width:55%;float:right}.download-modal .content .right img{width:50%}.download-modal .content .right p{line-height:2em;margin:0}.si-icon svg{cursor:pointer;width:2.5rem;height:2.5rem;vertical-align:middle}body>.header{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,.85);padding:0 1rem;box-sizing:border-box;z-index:1}body>.header .download{cursor:pointer;min-height:1px;width:120px}body>.header .top-nav{position:relative;max-width:1000px;width:100%;margin:0 auto;height:44px;line-height:44px;display:box;display:-ms-flexbox;display:flex;box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-ms-flex-align:center;align-items:center}body>.header .top-nav .logo{vertical-align:middle}body>.header .nav-item{width:20%;color:#fff;text-decoration:none;display:inline-block;vertical-align:top;text-align:center}body>.header .nav-item.active{color:#ffcc24}body>.header.sr .top-nav{display:box;display:-ms-flexbox;display:flex;box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-ms-flex-align:center;align-items:center}body>.header.sr .download{width:20px}body>.header ul{padding:2.5rem 0 2rem;list-style:none;display:none;width:100%;box-sizing:border-box;position:fixed;background:rgba(0,0,0,.85);left:0;top:44px;bottom:0;text-align:center}body>.header ul .nav-item{width:100%;margin-top:1.5rem;font-size:1.2rem}.footer{box-sizing:border-box;font-weight:400;font-size:.75rem;color:#666;max-width:1000px;width:100%;padding:10px 0 3rem;margin:0 auto}.footer .line{width:100%;background-color:#ccc;height:1px}.footer .copyright{margin-top:1rem;display:box;display:-ms-flexbox;display:flex;box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:1366px){.video-container{width:768px;height:432px;margin-left:-384px;margin-top:-216px}.video-container .close{right:-40px;top:-40px;cursor:pointer;width:20px;height:20px}}@media (max-width:800px){.footer .copyright{box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;text-align:center}}body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{padding-top:44px;font-family:SanFranciscoDisplay-Regular,Helvetica,Microsoft Yahei,Times New Roman;background-color:#f0f0f0}img{vertical-align:top}.banner{text-align:center}.banner img{width:100%}body>.header{padding:0 15px}body>.header .si-icon{line-height:.44rem;vertical-align:middle}body>.header a.nav-item{font-size:16px}#wrap>.container{padding:0;width:100%}.section{margin:0 auto .28rem;background-color:#fff}.section .img img{width:100%}.section .title{display:inline-block;position:relative;font-size:.7rem;text-align:center}.section .title:after{position:absolute;top:-.08rem;left:0;display:block;content:"";width:1.5rem;height:.08rem;background-color:#ffb800}.section1{margin-bottom:0;padding-top:2.26rem;padding-left:1.7rem;padding-right:1.7rem;background-color:#000;background-image:radial-gradient(circle at 80% 50%,#46576c,#000)}.section1 .center{margin-top:.95rem}.section1 .row{margin:0;font-size:0}.section1 .row .column{float:left;padding-left:.5rem;position:relative;margin-bottom:1.44rem;width:50%;box-sizing:border-box}.section1 .row .column:after{position:absolute;left:.5rem;top:0;content:"";display:block;width:5.2rem;height:.06rem;background-color:#ffb800}.section1 .row .column h3{font-size:1rem;font-weight:400;color:#fff}.section1 .row .column h3 .small{font-size:.32rem}.section1 .row .column p{font-size:.3rem;color:#ccc}.section1 .bottom{margin-right:-1.7rem;padding-top:2.97rem;padding-bottom:1.95rem;background:url(../images/tutor/bg.png) no-repeat 100% 100%;background-size:8.11rem auto}.section1 .btm-desc{padding-left:.5rem;width:9.37rem;font-size:.7rem;font-weight:700;line-height:.9rem;color:#fff;clear:both}.section2{margin:0 auto;padding-top:1.41rem;padding-bottom:.66rem;width:10.9rem;text-align:center}.section2 .title{margin-bottom:1.31rem}.section2 .list{margin-bottom:1.05rem;text-align:left;overflow:hidden}.section2 .list .img{display:inline-block;margin-right:1.44rem;width:2rem;height:2rem;vertical-align:middle}.section2 .list .desc{display:inline-block;max-width:6.96rem;text-align:left;vertical-align:middle}.section2 .list .desc p{font-size:.3rem;color:#666}.section2 .list .desc p.bold{margin-bottom:.35rem;font-size:.32rem;font-weight:700;color:#000}.section3{margin:0 auto;padding-left:3.2rem;padding-top:1.54rem;padding-bottom:1.57rem;background:#fff url(../images/tutor/teacher.png) no-repeat 100% 100%;background-size:7.69rem auto}.section3 .title{text-align:center}.section3 .list{margin-top:1.46rem;font-size:0;width:88%}.section3 .list:after{content:"";display:table;visibility:hidden;clear:both}.section3 .list .list-wrap:first-child .list-item:nth-child(1){background-image:url(../images/tutor/list2.png)}.section3 .list .list-wrap:first-child .list-item:nth-child(2){background-image:url(../images/tutor/list1.png)}.section3 .list .list-wrap:nth-child(2) .list-item:first-child{background-image:url(../images/tutor/list4.png)}.section3 .list .list-wrap:nth-child(2) .list-item:nth-child(2){background-image:url(../images/tutor/list3.png)}.section3 .list .list-wrap:nth-child(3) .list-item:first-child{background-image:url(../images/tutor/list6.png)}.section3 .list .list-wrap:nth-child(3) .list-item:nth-child(2){background-image:url(../images/tutor/list5.png)}.section3 .list .list-item{display:inline-block;margin-bottom:1.32rem;padding-left:1.08rem;width:37%;min-height:.8rem;text-align:left;background-repeat:no-repeat;background-position:0 0;background-size:.8rem;box-sizing:border-box;vertical-align:top}.section3 .list .list-item p{font-size:.3rem;color:#666}.section4{margin:0 auto;padding-top:1.6rem;padding-bottom:1.7rem;width:12.28rem;text-align:center}.section4 h1{font-size:1.1rem}.section4 .title{margin-top:.44rem}.section4 .course{margin-top:1.6rem;margin-left:-.47rem;font-size:0}.section4 .course .course-info{padding:.6rem .45rem 0 .32rem}.section4 .course .course-card{margin-left:.47rem;display:inline-block;width:5.6rem;box-shadow:0 .14rem .31rem 0 hsla(0,0%,50%,.5);text-align:left;text-align:justify}.section4 .course .course-card .classname{font-size:.36rem;font-weight:700;color:#444}.section4 .course .course-card .classname small{margin-left:.48rem;font-size:.14rem;font-weight:400}.section4 .course .course-card .intro{position:relative;padding-top:.3rem;height:2rem;font-size:.18rem;overflow:hidden}.section4 .course .course-card .intro.scroll>div{height:100%;overflow:auto}.section4 .course .course-card .intro ::scrollbar{width:17px}.section4 .course .course-card .intro.scroll:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:.38rem;background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}.section4 .course .course-card .desc{padding-top:.17rem;padding-bottom:.33rem}.section4 .course .course-card .desc p{font-family:SanFranciscoDisplay-Ultralight;font-size:.2rem;color:#444}.section4 .course .course-card .video{position:relative}.section4 .course .course-card .video .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/tutor/play.png) no-repeat 50%;background-size:.95rem}.section4 .course .course-card .video img{width:100%;vertical-align:bottom}.section4 button.signOut{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:.5rem;padding:.09rem .07rem;width:2rem;font-size:.18rem;font-weight:700;border:none;background:#fcc81e;border-radius:.07rem;cursor:pointer}.section4 button.signOut:focus{outline:none}.section4 button.signOut:active{background:#ffde70}.section5{margin:0 auto;padding:1.77rem 3.04rem 2rem;text-align:center;background:url(../images/tutor/circle.png) no-repeat left 60%;background-size:1.22rem auto}.section5 .collapse{display:block;margin-top:1.37rem;border-bottom:1px solid #979797;text-align:left;-webkit-tap-highlight-color:transparent}.section5 .collapse .coll-item{height:.9rem;border-top:1px solid #979797;overflow:hidden}.section5 .collapse .coll-item .coll-title{position:relative;font-size:.3rem;line-height:.9rem}.section5 .collapse .coll-item .coll-title:after{position:absolute;top:0;right:.2rem;display:block;width:.23rem;height:100%;content:"";background-image:url(../images/tutor/plus.png);background-repeat:no-repeat;background-size:.23rem auto;background-position:50%}.section5 .collapse .coll-item.open .coll-title:after{background-image:url(../images/tutor/up.png)}.section5 .collapse .coll-item .content{padding:0 .3rem .2rem;font-size:.24rem;color:#ababab}.footer{padding:1.12rem 2.88rem;max-width:100%}.footer .social{font-size:0}.footer .social .item{display:inline-block;width:20%;text-align:center;text-decoration:none}.footer .social .item img{margin-bottom:.24rem;width:.75rem;height:.75rem;border:none}.footer .social .item p{font-size:.3rem;color:#666}.si-icon{display:block}.si-icon svg{width:.75rem;height:.75rem}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10;display:none;text-align:center;overflow:hidden}.video-modal video{max-width:1280px;position:relative;top:50%;display:inline-block;transform:translateY(-50%)}.video-modal .close{display:inline-block;position:absolute;left:.24rem;top:.24rem;font-size:.56rem;font-weight:500;font-family:serif;cursor:pointer}body.modal-open{overflow:hidden}body.modal-open .banner,body.modal-open .header,body.modal-open .sections{display:none!important}body.modal-open .video-modal{display:block}@media (min-width:1366px){html{font-size:100px}}@media (max-width:1366px){html{font-size:70px}.section4 .course .course-card .classname small{margin-left:0;display:block}}@media (max-width:1023px){html{font-size:50px}body>.header ul .nav-item{margin-top:20px}.section .title{text-align:left}.section1{padding:40px 20px}.section1 .row .column{float:none;margin-bottom:20px;padding-left:0;width:100%}.section1 .row .column:after{left:0}.section1 .bottom{margin-right:0;background-size:contain}.section1 .btm-desc{padding-left:0;width:auto;font-size:20px}.section2{padding-left:20px;padding-right:20px;width:100%;box-sizing:border-box;text-align:left}.section2 .list{text-align:center}.section2 .list .img{margin-right:0;vertical-align:top}.section2 .list .desc{width:calc(100% - 2.5rem);text-align:left;vertical-align:top}.section3{padding:100px 20px 300px;width:100%;box-sizing:border-box;text-align:left}.section3 .list{margin:20px 0 0;width:100%}.section3 .list .list-item{float:none;margin-bottom:30px;width:100%}.section3 .list .list-item p{line-height:40px}.section4{padding-bottom:.6rem;padding-left:20px;padding-right:20px;width:100%;box-sizing:border-box;text-align:left}.section4 .course{margin-top:.6rem;margin-left:0}.section4 .course .course-card{margin:0 0 40px;width:100%;font-size:14px}.section4 .course .course-card .intro{font-size:14px;height:auto}.section4 .course .course-card .intro.scroll,.section4 .course .course-card .intro.scroll>div{height:auto}.section4 .course .course-card .intro.scroll:after,.section4 .course .course-card .intro.scroll>div:after{display:none}.section4 .course .course-card .classname{font-size:.36rem}.section4 .course .course-card .classname small,.section4 .course .course-card .desc p,.section4 .course .course-card button{font-size:14px}.section5{padding-left:20px;padding-right:20px;text-align:left}.footer{padding:20px}.footer .social .item p{display:none}.sr{display:block!important}.lr{display:none!important}}