.banner,body{min-width:1000px}body{background:#ff7800;color:#fff;font-family:"microsoft yahei"}body h2{position:relative;font-size:43px;text-align:center}body h2 i.after,body h2 i.before{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/bg-title.png?10368d") left center no-repeat;position:absolute;width:100px;display:block;height:55px;top:50%;margin-top:-27px}body h2 i.before{left:0}body h2 i.after{right:0;background-position:right center}body h2 p{font-size:16px}body h2 p span{color:#ffe035}.method .container,.process .container,.release .container,.service .container{width:1000px;position:relative;margin:0 auto;font-family:"Microsoft Yahei"}.method .container:after,.process .container:after,.release .container:after,.service .container:after{content:"";display:block;clear:both}.method .content,.process .content,.release .content,.service .content{margin:55px auto;height:875px;background:#fff;border-radius:18px;overflow:hidden}.method .content:after,.method .content:before,.process .content:after,.process .content:before,.release .content:after,.release .content:before,.service .content:after,.service .content:before{content:"";display:block;clear:both}.courses .container,.plan .container,.qa .container,.teachers .container{width:1000px;position:relative;margin:0 auto;font-family:"Microsoft Yahei"}.courses .container:after,.plan .container:after,.qa .container:after,.teachers .container:after{content:"";display:block;clear:both}.courses h2 i.before,.plan h2 i.before,.qa h2 i.before,.teachers h2 i.before{left:220px}.courses h2 i.after,.plan h2 i.after,.qa h2 i.after,.teachers h2 i.after{right:220px}.courses .content,.plan .content,.qa .content,.teachers .content{margin:50px auto;border-radius:18px;overflow:hidden}.courses .content .nav,.plan .content .nav,.qa .content .nav,.teachers .content .nav{height:60px}.courses .content .nav a,.plan .content .nav a,.qa .content .nav a,.teachers .content .nav a{float:left;width:332px;height:60px;text-align:center;background:#ff5400;color:#fff;border-left:1px solid #fff;line-height:60px;font-size:20px}.courses .content .nav a.nav0,.plan .content .nav a.nav0,.qa .content .nav a.nav0,.teachers .content .nav a.nav0{border:none}.courses .content .nav a:hover,.plan .content .nav a:hover,.qa .content .nav a:hover,.teachers .content .nav a:hover{background:#ff6a21;text-decoration:none}.courses .content .nav a.select,.plan .content .nav a.select,.qa .content .nav a.select,.teachers .content .nav a.select{background:#fff;color:#ff7800;width:333px;text-decoration:none}.courses .content:after,.courses .content:before,.plan .content:after,.plan .content:before,.qa .content:after,.qa .content:before,.teachers .content:after,.teachers .content:before{content:"";display:block;clear:both}.courses .content .body,.plan .content .body,.qa .content .body,.teachers .content .body{background:#fff;overflow:hidden}.i-title{display:block;position:absolute;top:0;left:50%;margin-left:-370px;width:302px;height:31px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-title.png?ac7409");z-index:1;margin-top:20px}.banner{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/bg-banner.png?188c07") center top no-repeat;height:1115px;margin:-70px auto -600px}.banner .container{width:1000px;position:relative;margin:0 auto;font-family:"Microsoft Yahei"}.banner .container:after{content:"";display:block;clear:both}.banner .title{padding:436px 144px 0;height:90px;width:700px;text-align:center;color:#fff;font-size:20px}.banner .title .super span{color:#ffe035}.banner .title .super span.em{font-size:28px}.banner .title .sub{font-size:16px}.banner .view{padding-top:60px;font-size:18px}.banner .view a{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-play.png?fcd2a5") left center no-repeat;margin-left:410px;padding-left:30px;color:#fff}.courses .content .course-n4{width:25%!important;margin-right:-1px!important}.courses .content .course-n4.hover,.courses .content .course-n4.select{width:25%!important}.courses .content .course-n5{width:20%!important;margin-right:-1px!important}.courses .content .course-n5.hover,.courses .content .course-n5.select{width:20%!important}.courses .part{width:1000px;color:#000}.courses .part .sale{margin:37px 0 20px 30px;padding-left:80px;font-size:16px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-sale.png?100b1b") 0 center no-repeat}.courses .part .sale.pop-kb-link,.courses .part .sale.pop-kb-link18{margin-top:-10px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-sale-arrange.png?ffc368") 0 4px no-repeat;padding-left:104px;padding-right:20px}.courses .part .sale.pop-kb-link a,.courses .part .sale.pop-kb-link18 a{color:#2db3a8}.courses .part .sale.pop-kb-link18{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-sale-arrange18.png?a2e4d7") 0 4px no-repeat;padding-left:134px}.courses .part .p-course-table__name.course-zy:before{display:none}.courses .part .p-course-table__desc.course-zy{border-left:1px dashed #dedede;border-right:1px dashed #dedede}.courses .part .p-course-table__item.hack:hover{background:#fff}.courses .part .p-course-table__item.hack td:hover{background:#fafafa}.pop-kb .pop-kb--wrap{width:1000px;position:absolute;left:0;right:0;margin:0 auto;top:0;z-index:10}.pop-kb .pop-kb--bg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:9;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-bg.png?21c91b")}.pop-kb .pop-kb--close{position:absolute;right:10px;top:10px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-bg-close.png?ea2a8a");width:17px;height:17px}.pop-kb table,.pop-kb tr{width:1000px}.pop-kb .pop-kb--close:hover{cursor:pointer}.pop-kb h5{padding-left:30px;font-size:26px;height:70px;line-height:70px;background:#ff7800;color:#fff}.pop-kb h5 span{padding-left:30px;font-size:14px}.pop-kb tr{height:80px;font-size:14px;background:#fff}.pop-kb tr.shade{background:#f0f0f0}.pop-kb td,.pop-kb th{text-align:center;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}.pop-kb td:first-child,.pop-kb th:first-child{border-left:none}.pop-kb .pop-kb--time{background:#ff7800;padding:3px 10px;border-radius:20px;color:#fff}.pop-kb th{font-size:20px;background:#4a4643;color:#fff}.pop-kb th span{display:block;font-size:14px;color:#ff7800}.courses-notice{padding:20px 32px;font-size:16px;overflow:hidden;line-height:30px}.courses-notice span{display:inline-block;*display:inline;*zoom:1;background:url("//images.koolearn.com/shark/project/zt/2017/0718k12new/i/icon-01.png?a8ac3b") no-repeat;font-size:12px;width:68px;height:18px;line-height:18px;text-indent:8px;color:#fff;margin-right:5px}.teachers .content .body{height:534px;overflow:hidden}.teachers .content .body .part{width:934px;position:absolute;background:#fff;margin:0 33px}.teachers .content .body .part .bd ul{white-space:nowrap}.teachers .content .body .part .bd ul li{display:inline;padding-left:5px;overflow:hidden;width:235px;color:#fff}.teachers .content .body .part .bd ul li img{width:226px}.teachers .content .body .part .bd ul li.hover img,.teachers .content .body .part .bd ul li:hover img{width:220px!important;height:368px;border:3px solid #ff4a4c}.teachers .content .body .part .bd ul li .describe{position:absolute;top:200px;padding:25px 11px 0 25px;white-space:normal;width:190px;height:150px;font-size:12px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/bg-i-cover.png?50395f") no-repeat}.teachers .content .body .part .bd ul li .describe .name{font-size:20px;padding-right:8px;font-weight:700}.teachers .content .body .part .bd ul li .describe .course{display:block;position:absolute;bottom:10px;text-align:center;font-size:20px;line-height:30px;border:1px solid;color:#ffe035;width:80%;margin:0 auto}.teachers .content .body .part .hd ul{text-align:center;margin:54px auto 36px}.teachers .content .body .part .hd ul li{display:inline;color:#686868;font-size:16px;text-align:center;height:1.4em;padding:0 5px;border-radius:0;width:auto;background:#fff;opacity:1}.teachers .content .body .part .hd ul li.on{color:#ff5400;border-bottom:2px solid}.teachers .content .body .part .hd ul li:hover{cursor:pointer}.teachers .content .body .np-box .next,.teachers .content .body .np-box .prev{position:absolute;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-slider.png?ae2616") -100px 0 no-repeat;height:80px;width:70px;top:260px;left:-33px;margin:0 auto;z-index:0;overflow:visible}.teachers .content .body .np-box .next:hover,.teachers .content .body .np-box .prev:hover{cursor:pointer;background-image:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-slider-hover.png?778e6a")}.teachers .content .body .np-box .next{left:auto;right:-33px;background-position:0}.teachers .content .body .control{position:absolute;width:1000px;z-index:1}.teachers .content .body .control .left,.teachers .content .body .control .right{position:absolute;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-slider.png?ae2616") -100px 0 no-repeat;height:80px;width:70px;top:260px;left:0;margin:0 auto;z-index:0;overflow:visible}.teachers .content .body .control .left:hover,.teachers .content .body .control .right:hover{cursor:pointer;background-image:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-slider-hover.png?778e6a")}.teachers .content .body .control .right{left:auto;right:0;background-position:0}.plan .content{overflow:hidden}.plan .content .body .part{height:562px}.plan .content .body .part .bg{position:absolute;width:289px;height:442px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/bg-plan-col1.png?b38f76");top:220px;left:260px}.plan .content .body .part>div{width:179px;position:absolute;bottom:80px}.plan .content .body .part>div .hot{color:#ff4747;text-align:center;height:38px;line-height:30px;font-size:16px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-hot.png?8b2d71") center top no-repeat}.plan .content .body .part>div .title{color:#4a4a4a;text-align:center;font-size:24px;background:0 0}.plan .content .body .part>div .title .hot-c{color:#ff4747}.plan .content .body .part>div .title div{font-size:16px}.plan .content .body .part>div .icon{display:block;height:29px;width:24px;margin:10px auto 20px}.plan .content .body .part>div .info{padding:0 25px 25px;position:relative;font-size:14px;border-radius:0 0 12px 12px;color:#fff}.plan .content .body .part>div .info span{font-size:20px}.plan .content .body .part .i1{left:66px}.plan .content .body .part .i1 .icon{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-icon.png?d57c4f") no-repeat}.plan .content .body .part .i1 .bg-info{height:25px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-border.jpg?b2b286")}.plan .content .body .part .i1 .info{height:125px;background:no-repeat #fffbec;border:1px dashed #ff5603;border-top:none;color:#ff5603}.plan .content .body .part .i1 .info a{display:block;width:140px;height:30px;line-height:30px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-icon.png?d57c4f") center -100px no-repeat;text-align:center;margin:5px auto;color:#bcb8ab;cursor:default;position:absolute;bottom:10px}.plan .content .body .part .i1 .info a:hover{text-decoration:none}.plan .content .body .part .i2{width:258px;left:275px}.plan .content .body .part .i2 .icon{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-hot-label.png?36a12b") center no-repeat}.plan .content .body .part .i2 .bg-info{height:33px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-plan-col1.png?ed1aef")}.plan .content .body .part .i2 .info{background:no-repeat #ff4747;height:130px}.plan .content .body .part .i2 .info a{display:block;width:130px;height:32px;line-height:32px;border-radius:5px;background:#ffd734;text-align:center;margin:5px auto;color:#ff4747;position:absolute;left:0;right:0;bottom:10px}.plan .content .body .part .i3 .info a,.plan .content .body .part .i4 .info a{width:140px;line-height:30px;margin:5px auto;cursor:default;position:absolute;bottom:10px;display:block;text-align:center}.plan .content .body .part .i3{left:562px}.plan .content .body .part .i3 .icon{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-icon.png?d57c4f") no-repeat}.plan .content .body .part .i3 .bg-info{height:25px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-border.jpg?b2b286")}.plan .content .body .part .i3 .info{height:150px;background:no-repeat #fffbec;border:1px dashed #ff5603;border-top:none;color:#ff5603}.plan .content .body .part .i3 .info a{height:30px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-icon.png?d57c4f") center -100px no-repeat;color:#bcb8ab}.plan .content .body .part .i3 .info a:hover{text-decoration:none}.plan .content .body .part .i4{left:772px}.plan .content .body .part .i4 .icon{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-icon.png?d57c4f") no-repeat}.plan .content .body .part .i4 .bg-info{height:25px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-border.jpg?b2b286")}.plan .content .body .part .i4 .info{height:160px;background:no-repeat #fffbec;border:1px dashed #ff5603;border-top:none;color:#ff5603}.plan .content .body .part .i4 .info a{height:30px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plan-icon.png?d57c4f") center -100px no-repeat;color:#bcb8ab}.plan .content .body .part .i4 .info a:hover{text-decoration:none}.process h2 i.before{left:245px}.process h2 i.after{right:245px}.process .content{height:1165px;color:#686868}.process .content .head{padding:50px;background:#f7f7f7;font-size:16px;border-bottom:1px dashed #dedede}.process .content .head span{color:#ff5400;font-size:20px;font-style:italic}.process .content .head .tips{color:#ff5400;border:1px dashed;line-height:76px;height:76px;border-radius:18px;margin-top:30px;position:relative;vertical-align:middle}.process .content .head .tips .new{color:#fff;font-size:37px;background-color:#ff5400;width:212px;display:block;float:left;position:relative;margin-left:-1px;margin-top:-1px;height:78px;border-radius:18px;text-align:center}.process .content .head .tips span{padding-left:36px;font-style:normal}.process .content .head .tips span.plus{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-plus.png?7167b7") 6px center no-repeat}.process .content ul{padding:0 50px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/i-process.png?7f9291") 115px 40px no-repeat}.process .content ul .item{height:135px;border-bottom:1px dashed #dedede;padding:36px 100px 0 226px;font-size:16px}.process .content ul .item .title{font-size:24px;color:#ff5400}.method h2 i.before{left:275px}.method h2 i.after{right:275px}.method .content{height:710px;width:100%;padding-top:0;position:relative}.method .content .body{background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/bg-method.png?691ad4") 45px 0 no-repeat;height:710px!important;width:100%;position:absolute;top:0}.method .content .hd{color:#686868;float:left;padding-top:50px}.method .content .hd li{height:70px;font-size:18px;line-height:70px;padding-left:75px;position:relative}.method .content .hd li.on{color:#ff5400}.method .content .hd li.on:before{content:"";display:block;position:absolute;border:8px solid transparent;border-left:10px solid #ff5400;top:27px;left:175px}.method .content .bd{margin-left:308px;margin-top:94px;width:574px;height:486px}.method .content .bd img{width:574px;height:485px}.method .content .bd .describe{width:400px;height:84px;background:#ff5400;position:absolute;bottom:-80px;left:79px;border-radius:18px;text-align:center;font-size:16px;padding:6px 8px}.method .content .bd .describe:before{content:"";display:block;position:absolute;border:12px solid transparent;border-bottom:10px solid #ff5400;top:-22px;left:194px}.method .content .bd .describe span{font-size:30px}.method .content .bd .describe .info{line-height:18px}.method .content .np-box .next,.method .content .np-box .prev{position:absolute;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-slider.png?ae2616") -100px 0 no-repeat;height:80px;width:70px;top:320px;left:200px;margin:0 auto;z-index:0;overflow:visible}.method .content .np-box .next:hover,.method .content .np-box .prev:hover{cursor:pointer;background-image:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-slider-hover.png?778e6a")}.method .content .np-box .next{left:auto;right:0;background-position:0}.service h2 i.before{left:245px}.service h2 i.after{right:245px}.service .content{height:515px;padding-top:55px;color:#686868;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new-test/i/xiaoxue/bg-service.png?8f66ed") center no-repeat #fff}.service .content ul{width:893px;height:235px;margin:116px auto;position:relative}.service .content ul li{position:absolute;width:190px;height:88px;padding-left:90px;padding-top:16px;padding-right:20px;font-size:16px}.service .content ul li.l1{padding-top:28px;height:76px}.service .content ul li.l2,.service .content ul li.l4{bottom:0}.service .content ul li.l3,.service .content ul li.l4{right:0}.service .content ul li h5{font-size:18px;color:#ff5400}.release h2 i.before{left:120px}.release h2 i.after{right:120px}.release .wrap{background:#f7f7f7;padding:55px 0;margin-bottom:30px}.release .m-video,.release .m-video i{margin:0 auto;position:relative;display:block}.release .m-video{width:638px;height:357px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/bg-release-video.jpg?a89460") #f7f7f7}.release .m-video i{width:108px;height:108px;top:125px;text-align:center;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-play.png?fcd2a5") left top no-repeat;z-index:10}.release .m-video i:hover{width:110px;height:110px;top:124px;background-size:cover}.release .content{text-align:left;height:695px;color:#686868}.release .content ul{padding:0 90px}.release .content li{float:left;width:38%;padding-top:20px;padding-left:12%;margin-right:-6%;font-size:14px;position:relative}.release .content li:before{content:"";display:block;position:absolute;width:6px;height:6px;border-radius:3px;background:#ff5400;top:30px}.release .content li span{padding-left:20px;color:#ff5400;font-size:18px}.qa .content{overflow:hidden;height:auto}.qa .content .body .part{font-size:18px;width:940px;padding:30px;height:auto;line-height:30px}.qa .content .body .part li{padding:30px 60px;border-top:1px dashed #dedede}.qa .content .body .part li:first-child{border:none}.qa .content .body .part div{padding:5px 0}.qa .content .body .part i{display:block;float:left;margin-left:-48px;width:30px;height:30px;background:url("//images.koolearn.com/shark/project/zt/2017/0628k12new/i/i-qa.png?0fa7a8") no-repeat #ff5400;font-style:normal;color:#fff;line-height:30px;text-align:center}.qa .content .body .part .question{color:#000}.qa .content .body .part .answer{color:#686868}.qa .content .body .part .answer i{background-color:#1cc3c1}.qa .content .body .part .answer a{color:#ff5400}.teachers .hd ul{line-height:38px;margin:40px auto 22px!important}.plan .content{height:485px}.plan .content .bg{top:170px!important}#g-header{position:relative;z-index:1!important}#ft{margin:0 0 -15px!important}.i-count-down{background:#8f49fb!important}