﻿.box{width:100%;margin-top:70px}
.title{line-height:60px;font-size:40px;color:#ffffff;text-align:center}

.title span{color:#ff8f00}
.title0{line-height:44px;font-size:24px;color:#fd7970;text-align:center}
.title0 span{color:#fd7970}
.choose,.course-chara,.evaluation,.kaoyan,.learn-app,.learn-online,.learn-program,.teacher,.top{width:100%;overflow:hidden}
.top{padding:36px 0 24px;background:url("../images/top-bg.jpg") center top no-repeat}
.top .header{font-size:44px;line-height:94px;font-weight:700;text-align:center;position:relative;color:#505764}
.top .header span{color:#ff8f00}
.top .header i{position:absolute;top:-4px;right:182px;font-size:14px;color:#fff;width:66px;height:27px;line-height:27px;font-weight:400;background:url("../images/upgrade-bg.jpg") center top no-repeat}
.top .block-wrap{overflow:hidden;padding:33px 0 53px}
.top .block-wrap .block{width:234px;float:left;text-align:center}
.top .block-wrap .block p span{color:#ff8f00;font-weight:700}
.top .block-wrap .block p.tip{font-size:16px;color:#575757}
.top .block-wrap .block p.tip .num{font-size:49px}
.top .block-wrap .block p.tip .num0{font-size:24px;font-weight:400}
.top .block-wrap .block p.tip1{font-size:12px;color:#575757}
.top .block-wrap .block p.tip1 span{font-size:15px}
.top .block-wrap .block.block0{width:264px}
.top .block-wrap .line{float:left;width:1px;height:66px;margin-top:29px;background:#d9e2d7}
.course-chara{background:center center no-repeat;padding:60px 0 74px}
.course-chara .title0{margin-bottom:14px}
.course-chara .chara-b-box{position:relative;padding:12px 15px}
.course-chara .chara-b-content{position:relative;z-index:99;background:#fff}
.course-chara .chara-b-box-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.04;filter:alpha(opacity=4);*zoom:1}
.course-chara .chara-b-outer{padding:14px 0 10px;float:left}
.course-chara .p-hr{float:left;width:100%;font-size:0;line-height:0;border-top:1px solid #e1e4e5}
.course-chara .chara-b{width:322px;text-align:center;font-size:14px;color:#424242;line-height:32px;padding-top:30px;border-right:1px solid #e1e4e5}
.course-chara .chara-b.chara-br{border:0}
.course-chara .chara-b .img{display:block;margin:0 auto 16px;width:50px;height:50px;background:url("../images/icon-course.png") no-repeat}
.course-chara .chara-b .img.img1{background-position:0 0}
.course-chara .chara-b .img.img2{background-position:-71px 0}
.course-chara .chara-b .img.img3{background-position:-143px 0}
.course-chara .chara-b .img.img4{background-position:-218px 0}
.course-chara .chara-b .img.img5{background-position:-291px 0}
.course-chara .chara-b .img.img6{background-position:-494px 0}
.course-chara .chara-b .tip span{font-size:24px}
.course-chara .chara-b .tip0{font-size:12px}
.course-chara .chara-b .tip-btn{padding:12px 0 16px}
.course-chara .chara-b .tip-btn a{display:inline-block;*display:inline;*zoom:1;width:102px;height:28px;border:1px solid #fd7970;color:#fd7970;font-size:14px;line-height:28px;background:url("../images/ask-detail-icon.png") 22px 9px no-repeat;padding-left:20px}
.course-chara .chara-b .tip-btn a:hover{text-decoration:none;color:#fff;background:url("../images/ask-detail-icon.png") 22px -21px no-repeat #fd7970}
.learn-program{padding:36px 0 94px;}
.learn-program .title{line-height:126px;color: #fd7970;}
.learn-program .step-wrap{padding-right:2px}
.learn-program .lp-title-list{border-bottom:2px solid #fd7970;overflow:hidden;font-size:0}
.learn-program .lp-title-list .lp-list-one{display:inline-block;*display:inline;*zoom:1;vertical-align:bottom;width:247px;height:48px;padding:6px 0;margin-right:2px;margin-top:10px;background:#a1adb6;text-align:center;cursor:pointer}
.learn-program .lp-title-list .lp-list-one:hover{margin-top:0;padding:11px 0;background:#fd7970;text-decoration:none}
.learn-program .lp-title-list .lp-list-one p{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;color:#fff}
.learn-program .lp-title-list .lp-list-one .lp-list-one-left{font-size:30px;line-height:48px}
.learn-program .lp-title-list .lp-list-one .lp-list-one-right{text-align:left;margin-left:10px}
.learn-program .lp-title-list .lp-list-one .lp-list-one-right span{display:block;font-size:18px;line-height:24px}
.learn-program .lp-title-list .lp-list-last{margin-right:0}
.learn-program .lp-title-list .lp-list-selected{margin-top:0;padding:11px 0;background:#fd7970;cursor:default}
.learn-program .lp-content-box{padding-top:6px;background:#fff;opacity:0.8;}
.learn-program .lp-content-box .lp-content-one{padding:0 12px}
.learn-program .lp-content-box .lp-content-one p{font-size:18px;line-height:24px;padding:23px 0;border-bottom:1px dotted #dde1e4}
.learn-program .lp-content-box .lp-content-one .lp-content-list-last{border:0}
.learn-program .lp-content-box .lp-content-one span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.learn-program .lp-content-box .lp-content-one .content-list-title{color:#77838c;width:158px;text-align:right;margin-right:20px}
.learn-program .lp-content-box .lp-content-one .content-list-info{font-size:20px;color:#424242}
.learn-program .lp-content-box .lp-content-one .lp-content-level-star{height:24px;font-size:0;background:url("../images/learn-program-star.png") 0 -24px repeat-x}
.learn-program .lp-content-box .lp-content-one .lp-content-level-star-right{height:24px;background:url("../images/learn-program-star.png") repeat-x}
.learn-app{padding-top:58px;background:center top no-repeat}
.learn-app .app{overflow:hidden;margin-top:202px}
.learn-app .app ul{width:237px;list-style:none;padding:64px 0 0 159px;float:left}
.learn-app .app ul li{height:38px;padding-left:67px;line-height:38px;font-size:26px;color:#fd7970;margin-bottom:46px;background:url("../images/learn-plan-icons.jpg") no-repeat}
.learn-app .app ul li.icon1{background-position:0 -38px}
.learn-app .app ul li.icon2{background-position:0 -76px}
.learn-app .app .img-wrap{float:left;width:474px;height:496px;margin-left:35px;position:relative}
.learn-app .app .img-wrap .img{display:none;position:absolute;top:0;right:0;width:0;height:0%}
.learn-app .app .img-wrap .white{position:absolute;z-index:15}
.learn-app .app .img-wrap .white img{opacity:0;filter:alpha(opacity=0);position:absolute}
.learn-app .app .img-wrap .white.white0{top:0}
.learn-app .app .img-wrap .white.white1{top:233px;right:81px}
.learn-app .app .img-wrap .white.white2{left:19px;top:100px}
.learn-app .app .img-wrap .tips{position:absolute;width:100%;height:100%;z-index:25}
.learn-app .app .img-wrap .tips .tip{top:-80px;position:absolute;opacity:0;filter:alpha(opacity=0)}
.learn-app .app .img-wrap .tips .tip0{width:222px;right:128px}
.learn-app .app .img-wrap .tips .tip1{*width:190px;right:-5px}
.learn-app .app .img-wrap .tips .tip2{*width:150px;left:60px}
.learn-app .app .img-wrap .tips p{background:#18c4dd;padding:20px;font-size:18px;color:#fff;text-align:center}
.learn-app .app .img-wrap .tips p span{color:#fcff29}
.learn-app .app .img-wrap .tips .horn{display:block;border-style:solid;border-width:10px 10px 0;border-color:#18c4dd transparent transparent;width:0;height:0;margin:0 auto}
.learn-app .app .img-wrap .tips .horn1{position:relative;left:50px}
.learn-app .app .img-wrap .opa{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0;filter:alpha(opacity=0);z-index:5}
.teacher .header{padding:78px 0 66px}
.teacher .header .title span{color:#ffffff}
.teacher .roll-wrap{width:100%;height:522px;overflow:hidden;position:relative}
.teacher .roll-wrap ul{list-style:none;width:5600px;position:absolute;top:0;left:0}
.teacher .roll-wrap ul li{width:350px;height:454px;float:left;position:relative}
.teacher .roll-wrap ul li img{width:100%;height:100%}
.teacher .roll-wrap ul li .info-wrap{position:absolute;top:0;left:0;width:350px;height:454px}
.teacher .roll-wrap ul li .info-wrap .info{position:absolute;bottom:16px;width:304px;left:23px}
.teacher .roll-wrap ul li .info-wrap p{line-height:24px;font-size:12px;color:#fd7970;}
.teacher .roll-wrap ul li .info-wrap p.tips{line-height:36px;margin-bottom:3px}
.teacher .roll-wrap ul li .info-wrap p.tips .name{font-size:24px}
.teacher .roll-wrap ul li .info-wrap p.tips a{display:block;width:87px;height:29px;float:right;line-height:29px;font-size:16px;text-align:center;color:#fd7970;border:1px solid #fd7970;text-decoration:none;margin-top:2px}
.teacher .roll-wrap ul li:hover .info-wrap{height:438px;width:334px;border:8px solid #fd7970}
.teacher .roll-wrap ul li:hover .info-wrap .info{left:15px;bottom:8px}
.teacher .roll-wrap ul li:hover .info-wrap .tips .name{color:#fd7970}
.teacher .roll-wrap ul li:hover .info-wrap .tips a{margin-top:0;border:3px solid #fd7970}
.teacher .roll-wrap .names{width:100%;position:absolute;bottom:0; }
.teacher .roll-wrap .names .name-list{height:68px;overflow:hidden}
.teacher .roll-wrap .names .name-list a{display:block;width:54px;text-decoration:none;cursor:pointer;text-align:center;font-size:14px;color:#424242;line-height:65px;margin:0 4px;_margin:0 3px;float:left}
.teacher .roll-wrap .names .name-list a.on{color:#fd7970;border-bottom:3px solid #fd7970}
.evaluation{padding:66px 0 30px;background:#ffe8d9;position:relative;zoom:100%}
.evaluation .floors{height:530px;width:1000px;margin:0 auto;position:relative}
.evaluation .floors .ev-img{position:absolute;box-shadow:0 0 10px 3px #ddcdbb;left:1500px}
.evaluation .floors .ev-img img{display:block}
.evaluation .floors .ev-img .opa{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.8;filter:alpha(opacity=80)}
.evaluation .floors .ev-img.high-lev{z-index:999}
.evaluation .floors .ev-img.high-lev .opa{opacity:0;filter:alpha(opacity=0)}
.evaluation .floors .btns{list-style:none;position:absolute;left:416px;bottom:32px}
.evaluation .floors .btns li{width:50px;height:4px;float:left;margin-right:5px;background:#d1d9df}
.evaluation .floors .btns li.on{background:#f98009}
.choose{padding-top:92px;overflow:hidden;background:#f2f5f7}
.choose .bl-outer{overflow:hidden}
.choose .bl{float:left;width:210px;margin-top:40px}
.choose .bl.bl0{width:290px}
.choose .bl p{text-align:center;font-size:14px;color:#424242}
.choose .bl p.num{font-size:50px;color:#fd7970}
.choose .bl p.num span{font-size:20px}
.choose .points{margin-top:304px;margin-bottom:346px;position:relative;height:13px;background:url("../images/student-choose-bar-outer.jpg") 0 center no-repeat}
.choose .points-inner{position:relative;height:13px;width:1000px;margin:0 auto;background:url("../images/student-choose-bar-inner.png") no-repeat}
.choose .point-top-box{position:absolute;height:230px;bottom:19px;left:0;right:0;font-size:0}
.choose .point-top-box .point-box{width:188px;height:230px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;text-align:center;background:url("../images/student-choose-content-bg.png") no-repeat}
.choose .point-top-box .point-box-2009{margin-left:4px}
.choose .point-top-box .point-box-2011,.choose .point-top-box .point-box-2013{margin-left:40px}
.choose .point-top-box .point-box-2015{margin-left:44px}
.choose .point-top-box .point-box-info{color:#757575;font-size:14px;height:76px;line-height:20px;padding:54px 20px 0;overflow:hidden}
.choose .point-top-box .point-box-year{font-size:30px;line-height:38px;color:#2db3a9}
.choose .point-bottom-box{position:absolute;height:230px;top:19px;left:0;right:0;font-size:0}
.choose .point-bottom-box .point-box{width:188px;height:230px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;text-align:center;background:url("../images/student-choose-content-bg.png") -200px 0 no-repeat}
.choose .point-bottom-box .point-box-2010{margin-left:110px}
.choose .point-bottom-box .point-box-2012{margin-left:42px}
.choose .point-bottom-box .point-box-2014{margin-left:45px}
.choose .point-bottom-box .point-box-2016{margin-left:49px}
.choose .point-bottom-box .point-box-info{color:#757575;font-size:14px;line-height:20px;padding:0 16px}
.choose .point-bottom-box .point-box-year{font-size:30px;padding-top:52px;line-height:60px;color:#2db3a9}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
