@charset "utf-8";
/* CSS Document */

/*格式化样式*/
*{margin:0;padding:0}
body{font:12px/1.5 MIcrosoft YaHei,Arial, Helvetica, sans-serif;color:#333}
table{width:100%; border-collapse:collapse;border:none;border-spacing:0}
a{color:#202020;text-decoration:none;}
img{border:none}
input{vertical-align:middle;outline:none}
textarea{outline:none;}
ul,ol,dl{list-style:none;}
b,em,i,u,strong{font-weight:normal;font-style:normal;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;}

/*公共样式*/
.fl{float:left;}
.fr{float:right;}
.clearfix{overflow:hidden;zoom:1}
.clear{clear:both}


.wrap1200{width:1200px;margin:0 auto}
.header{padding-top:40px;}
.login{width:78px;height:34px;border-radius:5px;background:#333333;line-height:34px;color:#fff;text-align:center;font-size:16px;margin-top:10px}
.afterLogin{width:113px;height:34px;border:solid 1px #ddd;margin-top:10px;cursor:pointer;position:relative}
.afterLogin p{height:34px;line-height:34px;text-align:center;font-size:14px;}
.afterLogin p i{width:10px;height:6px;display:inline-block;background:url(../images/xl.png) no-repeat;margin-left:10px}
.afterLogin ul{position:absolute;width:100%;border:solid 1px #DDD;left:-1px;top:34px;border-top:none;background:#fff;display:none}
.afterLogin ul li{height:34px;line-height:34px}
.afterLogin ul li a{display:block;text-align:center}
.zone{display:inline-block;width:16px;height:16px;background:url(../images/home.png) no-repeat;margin-right:10px}
.exit{display:inline-block;width:16px;height:16px;background:url(../images/exit.png) no-repeat;margin-right:10px}
.afterLogin ul li a:hover{background:#e0fdf5}
.afterLogin:hover ul{display:block;}

.search{width:343px;height:34px;margin-top:10px;margin-right:103px;}
.inp{width:295px;height:32px;border:solid 1px #00d198;}
.sub{width:46px;height:34px;background:url(../images/sub.jpg) no-repeat;border:none;cursor:pointer}

.border{height:35px;border-bottom:solid 5px #00d198;margin-top:25px}

/*allsort*/
.allsort{float:left;width:220px;height:36px;background:#00d198;position:relative;z-index:99999;}
.allsort .mt{overflow:hidden;line-height:36px;font-size:18px;text-align:center}
.allsort .mt a{color:#fff}
.allsort .mt .extra{float:right;overflow:hidden;width:22px;height:22px;background:url(../images/all.png) no-repeat;margin-top:15px;margin-right:15px}
.allsort .mc{display:none;position:absolute;top:36px;overflow:visible;width:220px;background:#08c793;}
.allsort .item{width:220px;border-bottom:1px solid #1ce2a3;}
.allsort .item p{font-size:14px;color:#c4ffeb;padding-left:20px;padding-bottom:10px}
.allsort span{display:block;width:220px;position:relative;z-index:1;}
.allsort h3{font-size:16px;height:40px;padding-left:20px;line-height:40px}
.allsort h3 a:link,.allsort h3 a:visited{display:block;color:#fff;}
.allsort s{display:block;position:absolute;top:15px;left:182px;width:7px;height:13px;background:url(../images/le.png) no-repeat}
.allsort .item .i-mc{display:none;position:absolute;left:219px;top:0;width:978px;border:1px solid #08c793;background:#f1f4e9;overflow:hidden;}
.allsort .item dt{padding:3px 6px 0 0;font-weight:bold;}
.allsort .item dd{padding:3px 0 0;overflow:hidden;zoom:1;}
.allsort .subitem{float:left;width:720px;min-height:430px;padding-left:25px}
.allsort .subitem dl{border-bottom:1px solid #dbe2cc;padding:6px 0;overflow:hidden;zoom:1;}
.allsort .subitem dt{float:left;width:120px;line-height:22px;text-align:left;color:#00b78a;font-size:14px;background:url(../images/right.png) no-repeat right 5px }
.allsort .subitem dd{float:left;width:590px;font-size:14px;}
.allsort .subitem dd a{color:#555}
.allsort .subitem em{float:left;height:14px;margin:4px 5px;line-height:14px;padding:0 10px;font-style:normal;white-space:nowrap;}
.allsort .fr{width:189px;float:right;margin-right:16px}
.allsort .fr dl{padding-bottom:0;}
.allsort .mc .extra{padding:7px 8px;background:#FDF1DE;border-top:1px solid #FDE6D2;}
.allsorthover{background-position:0 -50px;}
.allsorthover .mc{display:block;}

.allsort .hover{background:#00ac86}
.allsort .hover .i-mc{display:block;z-index:12;}
*html .allsort .item dd{padding-bottom:6px;}
*html .allsort .subitem{height:400px;}
.allsort .close{position:absolute;top:6px;left:674px;z-index:14;width:19px;height:19px;background-position:-216px -125px;cursor:pointer;}

/***banner***/
.banner{height:364px;background:url(../images/banenr.jpg) no-repeat center}
#full-screen-slider { width:100%; height:364px;position:relative}
#slides { display:block; width:100%; height:364px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:330px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:5px; background:#FFF;filter:alpha(opacity=80);opacity:0.8;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#009700}

.nav{width:760px}
.nav li{float:left;}
.nav li a{float:left;font-size:18px;padding:0 5px;margin:0 20px}
.nav li.cur a,.nav li:hover a{font-weight:bold;font-size:18px;color:#2a6051}


/***热门课程***/
.hotCourse{width:956px;}
.title{margin-top:23px;height:64px;line-height:64px;font-size:30px}
.title i{float:left;width:64px;height:64px;background:url(../images/icons.png) no-repeat;margin-right:15px;}
.hotCourseCon{padding-top:15px}
.bigPic{width:460px;height:355px;border:solid 1px #ddd;padding:1px;}
.hotImg{display:block;height:255px;position:relative;overflow:hidden}
.hotImg b{position:absolute;width:420px;height:40px;line-height:40px;background:url(../images/filter.png) repeat;left:0;bottom:0;padding:0 20px;font-size:18px;color:#fff}
.hotImg b span{font-size:14px;}
.hotImg img{transition:all 1s}
.hotImg:hover img{transform:scale(2,2)}
.hotFont{padding:10px 20px;font-size:16px;color:#f52b2f}
.hotMem{background:url(../images/mem.png) no-repeat left center;padding-left:20px;font-size:14px;color:#AAA}
.hotDeatil{padding:0 20px;text-indent:2em;line-height:2;color:#666}
.smallCourse{width:490px;}
.smallCourse ul li{float:left;width:221px;height:170px;border:solid 1px #ddd;margin-left:20px;margin-bottom:15px}
.smallPic{position:relative;display:block;width:221px;height:139px;overflow:hidden}
.smallPic img{transition:all 0.8s}
.smallPic:hover img{transform:scale(1.5,1.5)}
.smallPic b{position:absolute;width:201px;padding:0 10px;background:url(../images/filter.png) repeat;height:30px;line-height:30px;color:#fff;left:0;bottom:0;font-size:14px}
.picBottom{height:31px;line-height:31px;padding:0 10px;color:#f52b2f}

/***排行榜***/
.phb{width:220px;}
.title i.icon01{background:url(../images/phb.jpg) no-repeat center;width:28px;height:32px;margin-top:20px}
.phbCon{border:solid 1px #ddd;margin-top:12px;}
.col9{color:#999}
.phbCon ul li{padding:6px 10px}
.second{display:none}
.num{width:20px;font-weight:bold;}
.tu{width:101px;}
.zi{width:62px;}
.phbCon ul li:hover{background:#effaf7}

/***学分课程***/
.xfCourse1 ul{position:relative;width:1250px;}
.xfCourse1 ul li{width:220px;height:210px;border:solid 1px #dfdfdf;margin-top:15px;margin-right:22px;float:left}
.xfPic{display:block;height:129px;position:relative}
.xfPic b{position:absolute;width:200px;height:27px;line-height:27px;padding:0 10px;left:0;bottom:0;background:url(../images/filter.png) repeat;display:none;color:#fff}
.xfPic:hover b{display:block}
.xfCourse1 ul li h3{font-size:14px;padding:05px 10px}
.xfCourse1 ul li p{padding:0 10px}
.title i.icon02{background-position:-146px top;}
.title i.icon03{background-position:-220px top;}
.new{position:absolute;width:34px;height:20px;background:#fb6d3b;color:#fff;line-height:20px;border-radius:3px;right:3px;top:3px;text-align:center}
.study{position:absolute;width:44px;height:20px;background:#00c679;color:#fff;line-height:20px;border-radius:3px;right:41px;top:3px;text-align:center}

/****名师推荐****/
.bg{background:#e1eceb;margin-top:60px;padding:20px}
.title02{height:82px;line-height:82px;border-bottom:solid 1px #b4cac4;text-align:center;font-size:36px;color:#557970}
.teacher{border-top:solid 1px #e4f1ee;position:relative;width:1250px}
.teacher ul li{float:left;width:161px;margin:40px 40px 0 40px;text-align:center}
.teacherImg{display:block;width:153px;height:153px;border-radius:100%;overflow:hidden;border:solid 4px #fff;margin-bottom:10px}
.teacher ul li h3{font-size:18px;padding:5px 0}
.teacher ul li p{font-size:14px;color:#666}

/***底部***/
.footer{background:#3f3f3f;padding:30px 0}
.leftBot{width:860px;}
.friendshiip{background:url(../images/friendship.png) no-repeat;padding-left:50px;height:40px;line-height:40px;font-size:16px;color:#fff;margin-bottom:30px}
.friendshiip a{font-size:14px;color:#fff;margin:0 5px;}
.logoBot{display:block;font-size:44px;font-weight:bold;color:#989898}
.leftBot p{font-size:14px;color:#979797}
.rightBot{width:290px}

.ques a{width:75px;margin-left:20px;font-size:16px;color:#fff;height:40px;line-height:40px;padding-left:50px;float:left}
.ques a.catact{background:url(../images/catact.png) no-repeat}
.ques a.catact:hover{background:url(../images/catactHover.png) no-repeat}
.ques a.question{background:url(../images/ques.png) no-repeat}
.ques a.question:hover{background:url(../images/quesHover.png) no-repeat}
.f{text-align:right;width:100px;margin-right:10px;color:#989898;font-size:14px;padding-top:50px}

/***右侧浮动***/
.side-bar{bottom:50px;width:83px;background:#3c7c6b;border-radius:10px 0 0 10px;overflow:hidden;position: fixed;right:0;z-index: 9999;}
.side-bar a{display:block;width:83px;height:70px;text-align:center;color:#fff;padding-top:15px}
.side-bar a:hover{background:#00d198}
.side-bar a i{display:block;margin:0 auto;margin-bottom:5px}
.side-bar a.kf i{width:36px;height:32px;background:url(../images/right_03.png) no-repeat left top;}
.side-bar a.tel i{width:27px;height:27px;background:url(../images/right_03.png) no-repeat -48px top;}
.side-bar a.help i{width:39px;height:39px;background:url(../images/right_03.png) no-repeat -85px top;}
.side-bar a.load i{width:29px;height:29px;background:url(../images/right_03.png) no-repeat -134px top;}
.side-bar a.weixin i{width:33px;height:23px;background:url(../images/right_03.png) no-repeat -171px top;}


/*********************课程二级************************/
.mainRight{width:220px;margin-bottom:30px}
.mainTitle{height:45px;line-height:45px;text-align:center;font-size:16px}
.mainRightCon{border:solid 1px #eee;border-top:solid 2px #00d198;padding:0 15px;}
.mainRightCon ul li{border-bottom:dashed 1px #eee;padding:18px 0}
.mainRightCon ul li h3{font-size:14px;padding:10px 0 5px 0}
.mainRightCon ul li p{color:#757575}
.mainRightCon ul li .picBottom{padding:0}

.mainLeft{width:1000px;}
.posi{height:45px;line-height:45px;}
.screen{background:#f9f9f9}
.screen td{border:solid 1px #e5e5e5;padding:10px}
.screen td.tdLeft{background:#f1f1f1;font-size:14px;font-weight:bold;color:#666;text-align:center}
.screen td a{display:inline-block;margin:5px 10px;font-size:14px;color:#666;padding:0 10px;height:21px;line-height:21px;border:solid 1px #f9f9f9}
.screen td a:hover{background:#fff;border:solid 1px #00d198}
.screen td a.cur{background:#00d198;border:solid 1px #00d198;color:#fff}
.tips{height:30px;background:#f9f9f9;margin:15px 0;padding:0 10px;line-height:30px;color:#666}
.tips a{display:inline-block;width:52px;height:30px;line-height:30px;text-align:center;color:#666}
.tips a:hover,.tips a.cur{background:#333;color:#fff}
.play{position:absolute;width:100%;height:100%;background:url(../images/play.png) no-repeat;left:0;top:0;display:none}
.xfPic:hover .play{display:block}

.page{height:30px;padding:40px 0 30px 0;text-align:center;}
.page a{display:inline-block;height:29px;line-height:29px;padding:0 12px;border:solid 1px #ddd;margin:0 2px;color:#666}
.page a:hover{background:#f0bf3c;color:#fff;border:solid 1px #f0bf3c}
.page a.cur{background:#00d198;color:#fff;border:solid 1px #00d198}
.page a.black{background:#333;color:#fff;border:solid 1px #333}


.wrap956{width:956px;}
.wrap220{width:220px;}
.keyWords h3{font-size:30px;height:64px;line-height:64px;margin-top:23px;background:url(../images/keyWords.jpg) no-repeat left center;padding-left:46px}
.keyWords a{display:inline-block;margin-right:15px;height:25px;line-height:25px;background:#00b87e;color:#fff;padding:0 10px;margin-top:20px}
.title i.courseI{background:url(../images/courseNav.jpg) no-repeat center;width:34px;height:34px;margin-top:20px}
.courseNavDiv{border:solid 1px #ddd}
.courseNavDiv ul li{height:48px;line-height:48px;border-bottom:solid 1px #ddd;font-size:14px;padding:0 10px;position:relative}
.courseNavDiv ul li.last{border:none}
.courseNavDiv ul li span{color:#9d9d9d}
.courseNavDiv ul li:hover{color:#fff;background:#00d198}
.courseNavDiv ul li:hover span{color:#fff}
.secondLever{position:absolute;width:126px;right:-126px;top:16px;z-index:999;background:url(../images/leftT_03.jpg) no-repeat 4px 10px;display:none }
.menu{width:116px;border:solid 1px #00d198;background:#fff;}
.menu a{display:block;padding:5px 10px;height:27px;line-height:27px}
.menu a:hover{color:#00d198}
.courseNavDiv ul li:hover .secondLever{display:block;}

