@charset "UTF-8";.i-btn,.i-icon{cursor:pointer;vertical-align:middle;overflow:hidden}.i-dialog-wrap,body,body .i-my-dialog,html{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif}.i-dialog-wrap .i-dialog-content .i-table td p .fl,.i-dialog-wrap .i-dialog-content .i-table td.td1 p .fl,.i-dialog-wrap .i-dialog-content .i-table td.td3 p .fl,.i-dialog-wrap .i-dialog-content .i-table td.td4 p .fl{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.i-btn,.i-dialog-wrap .i-dialog-t .intro-teach,.i-dialog-wrap .i-dialog-t h1,.i-icon,.page4 .wrap-img img,.page5 .wrap-page .num{display:inline-block;*display:inline;*zoom:1}.fl,.fr{display:inline}.i-table{width:100%;margin-bottom:20px}.i-table td,.i-table th{padding:25px}.i-table thead th{text-align:left}.i-table-fixed{table-layout:fixed}.i-table-thead th{background-color:#f4f4f4;color:#000;font-weight:400}.i-table-border td,.i-table-border th{border:1px solid #ccc}body,html{height:100%}body .mejs-overlay-button,html .mejs-overlay-button{margin-top:-56px!important;margin-left:-50px!important}body{position:relative;min-height:100%;height:auto!important;_height:100%}body .i-table th{padding:10px 25px}body .ui-dialog-body{padding-bottom:0}.fl{float:left}.fr{float:right}.op0{opacity:0}.cb{*zoom:1}.cb:after,.cb:before{content:" ";display:table;font-size:0;height:0;clear:both;visibility:hidden}.cb:after{clear:both}.ml35{margin-left:35px}.mb40{margin-bottom:40px}.mb75{margin-bottom:75px}.i-btn,.mb0{margin-bottom:0}.hidden,[hidden]{display:none}.i-cg,.page1 .i-content .contents-item .item dl dd.i-cg{color:#ff8b35}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.i-btn,.i-question{text-align:center;font-size:14px}.i-icon{background-image:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/icons.png");background-repeat:no-repeat;font-style:normal;width:16px;height:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-icon-play-white{background-position:-1px -311px}.i-icon-phone{width:30px;height:30px;background-position:0 -418px}.i-icon-play{width:60px;height:60px;background-position:0 -221px}.i-icon-play-large{width:70px;height:70px;background-position:0 -125px}.i-icon-playb{width:42px;height:42px;background-position:-90px -231px}.i-icon-play-phone{width:65px;height:65px;background-position:-74px -298px}.i-icon-play-message{width:65px;height:65px;background-position:-77px -386px}.i-btn{touch-action:manipulation;background-image:none;border:1px solid transparent;white-space:nowrap;background-color:#88827b;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;line-height:25px;height:25px;padding:0 14px;-webkit-box-shadow:1px 1px 1px #4d4749;-ms-box-shadow:1px 1px 1px #4d4749;-moz-box-shadow:1px 1px 1px #4d4749;box-shadow:1px 1px 1px #4d4749}.i-btn.focus,.i-btn.hover,.i-btn:focus,.i-btn:hover{color:#fff;text-decoration:none;outline:0;background-color:#9e978e}.i-btn.active,.i-btn:active{outline:0;background-image:none}.i-btn.disabled,.i-btn[disabled]{cursor:not-allowed;pointer-events:none;opacity:.0065;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.i-btn-g{background-color:#ff8b35;-webkit-box-shadow:1px 1px 1px #e0792c;-ms-box-shadow:1px 1px 1px #e0792c;-moz-box-shadow:1px 1px 1px #e0792c;box-shadow:1px 1px 1px #e0792c}.i-btn-g.focus,.i-btn-g.hover,.i-btn-g:focus,.i-btn-g:hover{background-color:#ff9e54}.i-btn-b{background-color:#50bec6;-webkit-box-shadow:1px 1px 1px #44aab1;-ms-box-shadow:1px 1px 1px #44aab1;-moz-box-shadow:1px 1px 1px #44aab1;box-shadow:1px 1px 1px #44aab1}.i-btn-b.focus,.i-btn-b.hover,.i-btn-b:focus,.i-btn-b:hover{background-color:#07b2b9}.i-question{position:fixed;*position:absolute;_position:absolute;z-index:100;top:165px;right:30px;cursor:pointer}.i-dialog-wrap,.i-page{position:relative}.i-question .jq-online{padding-top:65px;width:110px;height:31px;color:#fff7f2;background:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/icons.png") 35px -334px no-repeat #ff8b35;border-bottom:solid #fff 1px}.i-question .info{text-align:left;font-size:12px;padding:10px;color:#fff;background-color:#4cc5cd;border-bottom:2px solid #369aa1}.i-question .info span{background:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/icons.png") -62px 2px no-repeat;padding-left:17px}.i-page-inner{width:1200px;margin:0 auto}.page1{height:1077px;width:100%;background:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/page1bg.jpg") no-repeat;background-size:100% 100%}.page1 .img-text{padding-top:70px;height:78px;background:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/page1-text.png") center 70px no-repeat}.page1 .text{margin-top:28px;text-align:center;color:#524e49;margin-bottom:73px}.page1 .text p{font-size:18px;line-height:18px}.page1 .text .price-text{font-size:25px;line-height:25px;margin-top:34px}.page1 .text .price-text b{color:#ff8b35;font-weight:400}.page1 .i-content .contents-item,.page1 .i-content .tabs{border-left:solid #e1dcd2 1px;border-right:solid #e1dcd2 1px}.page1 .i-content .tabs{*zoom:1}.page1 .i-content .tabs:after,.page1 .i-content .tabs:before{content:" ";display:table;font-size:0;height:0;clear:both;visibility:hidden}.page1 .i-content .tabs:after{clear:both}.page1 .i-content .tabs li{float:left;display:inline;width:50%;height:45px;border-top:solid #ff8b35 3px;background-color:#ff8b35;color:#fff;font-size:30px;text-align:center;cursor:pointer}.page1 .i-content .tabs li:hover{background-color:#ff9e54;border-top:solid #ff9e54 3px}.page1 .i-content .tabs li.hover{color:#88827c;background-color:#fff}.page1 .i-content .contents-item{*zoom:1;padding-top:20px;background-color:#fff}.page1 .i-content .contents-item:after,.page1 .i-content .contents-item:before{content:" ";display:table;font-size:0;height:0;clear:both;visibility:hidden}.page1 .i-content .contents-item:after{clear:both}.page1 .i-content .contents-item dl{*zoom:1}.page1 .i-content .contents-item dl:after,.page1 .i-content .contents-item dl:before{content:" ";display:table;font-size:0;height:0;clear:both;visibility:hidden}.page1 .i-content .contents-item dl:after{clear:both}.page1 .i-content .contents-item .item{margin-top:33px;float:left;display:inline;padding-bottom:36px;border-bottom:solid #e1dcd2 1px;width:33.3%}.page1 .i-content .contents-item .item.none-border .wrap-btns,.page1 .i-content .contents-item .item.none-border dl{border:none}.page1 .i-content .contents-item .item dl{padding-left:70px;border-right:solid #e1dcd2 1px}.page1 .i-content .contents-item .item dl dt{font-size:45px;color:#88827b;float:left;display:inline;height:76px}.page1 .i-content .contents-item .item dl dd{margin-left:116px;font-size:14px;color:#a1a1a1;line-height:1;margin-bottom:10px}.page1 .i-content .contents-item .item dl dd.i-cg{font-size:20px}.page1 .i-content .contents-item .item dl dd.last-child,.page1 .i-content .contents-item .item dl dd:last-child{margin-bottom:0;padding-bottom:10px}.page1 .i-content .contents-item .item .wrap-btns{text-align:center;border-right:solid #e1dcd2 1px;padding-bottom:13px;margin-top:5px}.page1 .i-content .contents-item .item .wrap-btns .i-btn{margin-left:13px;width:50px}.page1 .i-content .contents-item .item .wrap-btns .i-icon-play-white{margin-right:6px}.page1 .i-content-b{margin-top:26px;border-top:solid #ff8b35 3px;padding:22px 0;border-bottom:solid #e1dcd2 1px;background-color:#fff}.page1 .i-content-b dl dd{height:100px;width:237px;float:left;display:inline;border-right:solid #e1dcd2 1px;text-align:center}.page1 .i-content-b dl dd.d1 h1{padding-top:20px;padding-bottom:7px;font-size:45px;line-height:45px;color:#ff8b35}.page1 .i-content-b dl dd.d1 h2{font-size:20px;color:#88827b;line-height:20px}.page1 .i-content-b dl dd.d2 h1{padding-top:27px;padding-bottom:9px;font-size:25px;line-height:25px;color:#ff8b35}.page1 .i-content-b dl dd.d2 h1 small{font-size:16px}.page1 .i-content-b dl dd.d2 h2{font-size:18px;color:#a1a1a1;line-height:18px}.page1 .i-content-b dl dd.d3{width:485px}.page1 .i-content-b dl dd.d3 p{font-size:14px;color:#a1a1a1;line-height:14px;margin-bottom:11px;text-align:left;padding-left:58px}.page1 .i-content-b dl dd.d4{border-right:none}.page1 .i-content-b dl dd.d4 .i-btn{margin-top:28px;font-size:26px;height:46px;line-height:46px}.i-dialog-wrap{padding-bottom:10px}.i-dialog-wrap .i-dialog-t h1{font-size:30px;color:#686868;line-height:1;vertical-align:middle}.i-dialog-wrap .i-dialog-t span{font-size:22px;color:#ff8b35;margin-left:30px;line-height:30px;vertical-align:middle}.i-dialog-wrap .i-dialog-t .intro-teach{vertical-align:middle;font-size:16px;line-height:30px;color:#686868;padding-left:20px;margin-left:20px;border-left:#ddd}.i-dialog-wrap .i-dialog-content dl{margin-top:28px}.i-dialog-wrap .i-dialog-content dd{width:33%;height:36px;line-height:36px;border:1px solid #ddd;border-right:none;text-align:center;background-color:#f5f5f5;cursor:pointer;font-size:14px;float:left;display:inline}.i-dialog-wrap .i-dialog-content dd.last-child,.i-dialog-wrap .i-dialog-content dd:last-child{border-right:solid #ddd 1px}.i-dialog-wrap .i-dialog-content dd.hover,.i-dialog-wrap .i-dialog-content dd:hover{border-bottom:none;background-color:#fff}.i-dialog-wrap .i-dialog-content dd h1{font-size:18px;color:#686868}.i-dialog-wrap .i-dialog-content dd h1 small{font-size:14px;color:#686868}.i-dialog-wrap .i-dialog-content .i-contents{margin-top:30px;background-color:#000}.i-dialog-wrap .i-dialog-content .i-contents div,.i-dialog-wrap .i-dialog-content .i-contents object{margin:0 auto}.i-dialog-wrap .i-dialog-content .i-table{margin-top:20px}.i-dialog-wrap .i-dialog-content .i-table th{font-size:16px;color:#686868;font-weight:700}.i-dialog-wrap .i-dialog-content .i-table td{padding:10px}.i-dialog-wrap .i-dialog-content .i-table td p{color:#686868;font-size:14px;line-height:14px;margin-bottom:10px}.i-dialog-wrap .i-dialog-content .i-table td p .fl{width:19em}.i-dialog-wrap .i-dialog-content .i-table td.td3 p .fl,.i-dialog-wrap .i-dialog-content .i-table td.td4 p .fl{width:9em}.i-dialog-wrap .i-dialog-content .i-table td.td1 p .fl{width:11em}.i-dialog-wrap .i-close{position:absolute;right:-45px;top:-22px;width:25px;height:25px;background:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/icons.png") -193px -58px no-repeat}.page2,.page3,.page4,.page5,.page6,.page7,.page8{height:805px;border-bottom:solid #e1e4e6 1px}.page2 .i-page-inner,.page3 .i-page-inner,.page4 .i-page-inner,.page5 .i-page-inner,.page6 .i-page-inner,.page7 .i-page-inner,.page8 .i-page-inner{padding-top:90px;padding-bottom:78px}.page2 .i-page-inner h1.text,.page3 .i-page-inner h1.text,.page4 .i-page-inner h1.text,.page5 .i-page-inner h1.text,.page6 .i-page-inner h1.text,.page7 .i-page-inner h1.text,.page8 .i-page-inner h1.text{font-size:43px;color:#524e49;text-align:center;line-height:1;margin-bottom:32px}.page2 .i-page-inner p.intro,.page3 .i-page-inner p.intro,.page4 .i-page-inner p.intro,.page5 .i-page-inner p.intro,.page6 .i-page-inner p.intro,.page7 .i-page-inner p.intro,.page8 .i-page-inner p.intro{font-size:16px;color:#a1a1a1;line-height:1;text-align:center;margin-bottom:70px}.page3{background-color:#f7f7f7}.page3 .students{padding:0 60px}.page3 .students li{float:left;display:inline;overflow:hidden;width:234px;margin-right:42px}.page3 .students li.last-child,.page3 .students li:last-child{margin-right:0}.page3 .students li .wrap-img{position:relative;cursor:pointer;height:171px;overflow:hidden;border:1px solid #d6d6d6}.page3 .students li .wrap-img img{height:100%;margin:0 auto}.page3 .students li .wrap-img .i-icon{position:absolute;left:20px;bottom:20px}.page3 .students li .wrap-img.hover .i-icon,.page3 .students li .wrap-img:hover .i-icon{width:50px;height:50px;background-position:-85px -145px}.page3 .students li .info{background-color:#ff8b35;color:#fff8f5;font-size:15px;padding:9px 15px;line-height:15px}.page3 .students li .info .cb{padding-bottom:11px;border-bottom:solid #ffbd8c 1px;margin-bottom:11px}.page3 .students li .intro{background-color:#fff;padding:20px;height:90px;font-size:14px;color:#a1a1a1;line-height:1.71em;border:1px solid #ebe5dd;border-top:none;overflow:hidden}.page3 .students li:nth-child(1){animation-delay:0}.page3 .students li:nth-child(2){animation-delay:.3s}.page3 .students li:nth-child(3){animation-delay:.6s}.page3 .students li:nth-child(4){animation-delay:.9s}.page4 .wrap-img{text-align:center;padding-top:44px}.page4 .text-b{font-size:30px;color:#a1a1a1;text-align:center;margin-top:5px}.page5{background-color:#f7f7f7;height:auto}.page5 .i-page-inner{border-bottom:solid #e1e4e6 1px}.page5 .i-page-inner.bt-none{border-bottom:none;padding-bottom:0}.page5 .i-page-inner p.intro{margin-bottom:15px}.page5 .wrap-page{width:900px;margin:0 auto;padding:65px 0 80px}.page5 .wrap-page h1{font-size:30px;color:#524e49}.page5 .wrap-page h1 small{color:#ff8b35;font-size:14px;margin-left:16px}.page5 .wrap-page p.info{font-size:14px;color:#a8a8a8;line-height:2em;margin-top:10px}.page5 .wrap-page .fl,.page5 .wrap-page .fr{width:50%}.page5 .wrap-page.p1 .fl{width:390px}.page5 .wrap-page .num{font-size:14px;color:#ff8b35;line-height:25px;width:25px;height:25px;margin-right:10px;-webkit-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #dcdee0;text-align:center}.page5 .p5,.page6,.page8{border-bottom:none}.page5 .p1,.page5 .p2,.page5 .p3,.page5 .p4,.page5 .p5{padding-top:0;padding-bottom:0}.page5 .p2 .fl img{margin-top:20px}.page5 .p2 .fr{height:100%}.page5 .p2 .fr .wrap-text{margin-top:40px;width:380px}.page5 .p2 .fr .i-icon{float:left;display:inline}.page5 .p2 .fr h2,.page5 .p2 .fr p{margin-left:100px}.page5 .p2 .fr h2{font-size:20px;color:#524e49;line-height:1em;margin-bottom:11px}.page5 .p2 .fr p{font-size:14px;color:#a8a8a8}.page5 .p4 .fl{width:40%}.page5 .p4 .fr{width:55%}.page5 .p5 .fl{width:60%}.page5 .p5 .fr{width:40%}.page6{height:auto}.page6 .i-page-inner{text-align:center}.page7{height:700px;background-color:#f8f8f8}.page7 .i-page-inner{text-align:center}.page7 .i-page-inner p{font-size:16px;color:#ababab;text-align:center;line-height:2em}.page8{height:auto;padding-bottom:100px}.page8 .i-page-inner{padding:35px 0 30px}.page8 .i-page-inner .fl{width:216px;border-right:solid #b4b4b4 1px}.page8 .i-page-inner .fl,.page8 .i-page-inner .fr{height:92px}.page8 .i-page-inner .fr dt{font-weight:700;font-size:14px;color:#5e5a55;line-height:1;margin-bottom:10px}.page8 .i-page-inner .fr dt a{color:#5e5a55}.page8 .i-page-inner .fr dt a:hover{text-decoration:underline}.page8 .i-page-inner .fr dd{color:#aeaeae;font-size:14px;line-height:1.8em}.page-footer,.page-footer .i-page-inner{position:absolute;bottom:0;left:0;right:0;width:100%;height:60px;vertical-align:middle;z-index:100}.page-footer{position:fixed;*position:absolute}.page-footer .i-page-inner{width:1200px;left:50%;margin-left:-600px;padding-top:20px;height:40px;z-index:105}.page-footer .i-btn{margin-left:10px}.page-footer .bg{position:absolute;width:100%;height:100%;opacity:.9;background-color:#4d515a;z-index:50}.wrap-slide{position:relative;width:1160px;margin:0 auto;height:475px}.wrap-slide .wrap-inner{position:relative;height:100%;width:100%;overflow:hidden}.wrap-slide .next,.wrap-slide .pre{position:absolute;top:50%;bottom:0;left:0;margin-top:-8px;width:25px;height:50px;cursor:pointer;background:url("http://static.koocdn.com/project/teach/1.x/demo/special-topic/20150630/i/pre-next.png") 0 -62px no-repeat;z-index:10}.wrap-slide .next{left:auto;right:-25px;background-position:0 0}.wrap-slide .slide-items{position:relative;height:500px;overflow:hidden;width:8888px}.wrap-slide .slide-items li{float:left;display:inline;position:absolute;left:-500px;overflow:hidden;height:500px;margin-left:21px}.wrap-slide .slide-items li .wrap-img{display:block;position:relative;cursor:pointer;height:336px;width:100%;overflow:hidden}.wrap-slide .slide-items li.level-1 .wrap-avatar,.wrap-slide .slide-items li.level-2 .intro-teach,.wrap-slide .slide-items li.level-2 .wrap-img,.wrap-slide .slide-items li.level-3 .intro-teach,.wrap-slide .slide-items li.level-3 .wrap-img{display:none}.wrap-slide .slide-items li .wrap-img img{width:100%;margin:0 auto}.wrap-slide .slide-items li .wrap-img .i-icon{display:none;position:absolute;left:20px;bottom:20px}.wrap-slide .slide-items li .wrap-img.hover .i-icon,.wrap-slide .slide-items li .wrap-img:hover .i-icon{width:70px;height:70px;background-position:0 -125px}.wrap-slide .slide-items li .intro-teach{background-color:#565866;padding:15px;height:107px;font-size:14px;color:#eeeeef;line-height:1.71em}.wrap-slide .slide-items li .wrap-avatar{overflow:hidden;position:absolute;top:0;bottom:0;margin:auto 0}.wrap-slide .slide-items li .wrap-avatar img{width:100%}.wrap-slide .slide-items li.level-1{width:400px}.wrap-slide .slide-items li.level-2,.wrap-slide .slide-items li.level-2 .wrap-avatar,.wrap-slide .slide-items li.level-3,.wrap-slide .slide-items li.level-3 .wrap-avatar{display:block;width:205px;height:205px;top:50%;margin-top:-102.5px}.wrap-slide .slide-items li.level-3,.wrap-slide .slide-items li.level-3 .wrap-avatar{display:block;width:105px;height:105px;top:50%;margin-top:-52.5px}.vid{margin-bottom:30px;height:440px;overflow:hidden}.vidl{width:626px;height:399px;padding:20px 34px 19px 10px;background:#000;overflow:hidden}.vidr{width:280px}.vidr li{cursor:pointer;height:124px;padding:20px 20px 0 15px;background-color:#474747;border-bottom:2px solid #4e4d4c;color:#fff;line-height:22px}.vidr li.s{background-color:#904160}.vidr li.s img{border:2px solid #904160}.vidr li img{border:2px solid #3689e7;margin-right:10px;float:left}.vidr li.s em{left:-10px;top:60px;width:10px;height:25px;background:url("http://images.koolearn.com/www/subject/2014_0606/bg5.jpg") no-repeat}.vidr em{position:absolute}.vidr li{position:relative}.vidr li a,.vidr li a:active,.vidr li a:link,.vidr li a:visited{color:#eee}.audio{width:640px;height:405px}@media screen and (min-width:2000px){.i-question{right:225px}}@media only screen and (min-width:1800px) and (max-width:2000px){.i-question{right:200px}}@media only screen and (min-width:1600px) and (max-width:1800px){.i-question{right:50px}}@media only screen and (min-width:0) and (max-width:1600px){.i-question{right:10px}}