/* 
	Resets defualt browser settings
	autor 1939890928
*/
*{ margin:0; padding:0;}
img{ border:none;}
ol,ul { list-style:none; margin:0; padding:0; }
li{ display:inline;}
body { font-size:14px; font-family:Microsoft YaHei,Simsum,serif; margin:0; background:#f4f5fa; color:#818181}
a{ font-size:14px; text-decoration:none; color:#818181; outline:none; }
a:hover{ color:#1fb57b}
p{ margin:0; padding:0;}
table{ border-collapse:collapse;}
h3, b, h5, h4{ font-weight:normal}
img:hover{ opacity:0.9; filter:Alpha(opacity=90); }
input::-ms-clear { display: none; } 
input {outline: none;}textarea {outline: none;} select {outline: none;}
em, i{ font-style:normal }

/*顶部*/
#header{ width:100%; height:32px; background:#fff}
.header{ width:1180px; height:32px; margin:0 auto;}
.header_right{ float:right; color:#999999; }
.header_right a{ font-size:14px; }
.header_right a img{ vertical-align:middle; margin-right:5px; margin-top:9px; float:left; }
.header_right span{ padding:0 10px; line-height:32px; float:left }

/*头部*/
#top{ width:100%; height:86px; background: -webkit-linear-gradient(#29dd97, #21b87d);background: -o-linear-gradient(#29dd97, #21b87d);background: -moz-linear-gradient(#29dd97, #21b87d);background:linear-gradient(#29dd97, #21b87d); position:relative; z-index:1; overflow:hidden; }
.top{ width:1180px;  margin:0 auto; position:relative}

/*搜索*/
.top_search{ float: left; width:440px; height:31px; line-height:31px; background:url(../img/search_bg.jpg) no-repeat left top; margin:40px 0 0 145px; display:inline; position:relative;}
.top_search input{ float: left; width:auto; height:31px; border:none; line-height:31px; background:none;}
.top_search input.search_text{ width:380px; padding-left:10px; font-size:12px; color:#999;}
#cate_select{ float:left;}
.top_search input.search_bt{ width:50px; cursor:pointer;}

/*logo*/
#logo{ float:left;  padding-top:10px; padding-top:22px; }

/*导航*/
.nav{ float:right; padding-top:32px; }
.nav ul.nav_list{ }
.nav ul.nav_list li{ float:left; width: auto; margin-left:15px; }
.nav ul.nav_list li.on{ border:none}
.nav ul.nav_list li a{ display: inline-block; text-align:center; font-size:15px; color:#fff; border-bottom:0px solid #21b87d; width:120px; position:relative; padding-bottom:3px; }
.nav ul.nav_list li a.on, .nav ul.nav_list li a:hover{ border-bottom:4px solid #c8f2e1; color:#fff }
.nav ul.nav_list li a em{ display: inline-block; vertical-align:middle; margin-right:10px; width:28px; height:28px;  }
.nav ul.nav_list li a em.em01{ background:url(../img/menu_off_1.png) no-repeat left top; }
.nav ul.nav_list li a em.em02{ background:url(../img/menu_off_2.png) no-repeat left top; }
.nav ul.nav_list li a em.em03{ background:url(../img/menu_off_3.png) no-repeat left top; }
.nav ul.nav_list li a em.em04{ background:url(../img/menu_off_4.png) no-repeat left top; }
.nav ul.nav_list li a em.em05{ background:url(../img/menu_off_5.png) no-repeat left top; }
.nav ul.nav_list li a em.em06{ background:url(../img/menu_off_6.png) no-repeat left top; }

/*当前位置*/
.statue{font-size:14px; margin:0 auto; width:1160px;background:url(../img/statue.png) no-repeat left 18px; padding:0px 10px; line-height:50px;  }
.statue a{ padding:0 8px; color:#9c9c9c}
.statue span{ padding:0 0px 0 8px; color:#707070}

#wrap{ width:1180px; height:auto;overflow:visible;  margin:0 auto; position: relative; z-index:1; overflow:hidden; padding:40px 0}

/*banner*/
.banner{ float:left; width:1002px; height:117px; overflow:hidden; margin-top:10px; display:inline}
.coloum1{ border:1px solid #e5e5e5; background:#fff; padding:15px; float:left }
#slider{width:847px; float:left; height:345px; }
.slider_box{width:847px; margin:0 auto;height: 345px;overflow: hidden;position: relative;}
.silder_tip{width: 92px;height: 92px;overflow: hidden;position: absolute;top: 0;right: 0;z-index:1; text-indent:-999px;background:url(../images/tip-tt.gif) no-repeat;}
#movie_tip{background-position: -93px 0;}
.silder_con{height:278px;overflow: hidden;position: absolute;}
.silder_panel{width:847px;height:278px;overflow: hidden;float: left;position: relative;background: #21b87d;}
.silder_panel img{width: 530px;height: 278px;display: block;overflow: hidden;}
.silder_panel a.f_l{ float:left;width: 530px;height: 278px;}
.silder_intro{ overflow: hidden; float:right; padding:60px 25px 0 25px; width:260px; background: url(../img/silder_intro.png) no-repeat 40px 50px;  }
.silder_intro h3{ font-size:18px; color:#fff; height:18px; border-left:4px solid #fff; padding-left:10px; line-height:16px; overflow: hidden; margin-bottom:40px; }
.silder_intro p{height:72px;overflow: hidden;color:#fff; margin-top:10px; line-height:22px; font-size:12px;}
.silder_play{display: block;width:136px;height:30px;overflow: hidden;text-indent: -999px;position: absolute;bottom: 13px;right: 45px; background: url(../images/silder-play.png) 0 -30px no-repeat;}	
.silder_play:hover{ background-position: 0 0;}
.silder_nav{width:845px;height:70px;margin: 0 auto;bottom: 0;position: absolute;overflow: hidden; background:#fbfbfb; border:1px solid #ebebeb; border-top:none }
.silder_nav li{float: left;padding:0px; }
.silder_nav li.current{ background:#21b87d; color:#fff}
.silder_nav li{display: block;width:169px;height:70px;overflow: hidden;}
.silder_nav li a{ display:block; padding:22px 10px 0 20px }
.silder_nav li a b{ display:block; font-size:14px; }
.silder_nav li a{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.silder_nav li.current a{ color:#fff; }
.slider_box a.prev,.slider_box a.next{ display:none }	
.slider_box a.prev{left:0;background-position: left 0;}
.slider_box a.next{right:0;background-position: right 0;}
.silderBox{height:8px; line-height:8px;}

.silder_nav li a em{ display: inline-block; vertical-align:middle; margin-right:10px; width:26px; height:32px; background:url(../img/silder_nav_off.png) no-repeat left top; float:left }
.silder_nav li a:hover em, .silder_nav li.current em{ background-image:url(../img/silder_nav_on.png); }
.silder_nav li a em.em01{ background-position: left 4px}
.silder_nav li a em.em02{ background-position: -156px 4px}
.silder_nav li a em.em03{ background-position: -315px 4px}
.silder_nav li a em.em04{ background-position: -488px 4px}
.silder_nav li a em.em05{ background-position: -667px 4px}

.addknowledge{ float:right; width:284px; height:277px; }
.addknowledge img{ border-radius:3px; width:284px; height:277px; }
.chose-select{ float:right; padding-top:15px; }
.chose-select .searchable-select-holder{ min-height:42px; border:1px solid #e5e5e5; border-radius:0; background:#f3f3f3; box-shadow:none; text-align:center }
.chose-select .searchable-select-caret{ right:24px; }
a.add{ display:block; float:right; background:#23bb80; color:#fff; font-size:16px; width:156px; height:42px; line-height:42px; text-align:center;  }

.coloum2{ overflow:hidden; padding:15px 0; clear:both }

/*知识图谱*/
.graph{ float:left; width:860px; }
.graphbox{ width:798px; background:#fff; border:1px solid #e5e5e5; padding:40px 30px; overflow:hidden;  }
.graphboxstyle{ width:1118px; background:#fff; border:1px solid #e5e5e5; padding:40px 30px; overflow:hidden; position:relative  }

/*最新动态*/
.news{ float:right; width:300px; }
.news_tit{ font-size:16px; color:#5c5c5c; overflow:hidden; line-height:20px; margin-bottom:20px; }
.news_tit em{ float:left; width:2px; height:16px; background:#1eb47a; margin-right:10px; margin-top:4px; }
.newsbox{ background:#fff; border:1px solid #e5e5e5; padding:15px; overflow:hidden; border-radius:5px  }
.newsbox dt{ overflow:hidden; background:#f7f7f7 }
.newsbox dt span{ float:left; width:73px; height:73px; margin-right:15px;  }
.newsbox dt span img{ width:73px; height:73px; }
.newsbox dt h3{ padding:10px 10px 0 0; max-height:48px; overflow:hidden }
.newsbox dt h3 a{ font-size:14px; }
.newsbox dt p{ text-align:right; color:#939393; padding-right:15px }
.newsbox dd{ height:48px; line-height:48px; border-bottom:1px solid #ededed; background:url(../img/news_li.png) no-repeat 2px center; padding-left:20px; }
.newsbox dd a:hover{ color:#1fb57b }
.lookmore{ display:block; text-align:center; font-size:16px; color:#7e7e7e; padding-top:20px; }

/*foot*/
#foot{ width:100%; overflow:hidden; background:#35373d; padding:40px 0; color:#666666; text-align:left}
.foot{ width:1180px;margin:0 auto}
.foot_logo{ float:left; }
.foot_link{ float:left; width:680px; height:140px;}
.foot_link dl{ float:left; width:auto;}
.foot_link dl dd{ float:left; width: 100px; height:auto; padding-right:32px; line-height:24px; }
.foot_link dl dd.ddlast{ width:270px; padding-right:0 }
.foot_link dl dd span{ float:left ; width:100%;  font-size:16px; color:#e1e1e1; padding-bottom:12px;}
.foot_link dl dd a{ color:#6a6a6a; line-height:24px; float:left; width:100%}
.foot_link dl dd a:hover{ color:#eee}
.foot_right{ float: right; }
.foot_right p{ font-size:14px; color:#737373; margin-bottom:10px; overflow:hidden }
.foot_right p a{ float:left; margin-right:10px; }
.copyright{ text-align:center; color:#747474; background:#23252a; text-transform:uppercase; line-height:50px; clear:both }


#back-to-top{ position:fixed; right:10%; bottom:20px; cursor:pointer }

.content{  border:1px solid #e5e5e5; background:#fff; padding:15px; overflow:hidden; position:relative  }

.task{overflow:hidden}
.task dl{width:105%}
.task dd{float:left;width:215px;height:131px; padding:20px; background:#f7f8fb; border:1px solid #e7e8e9;margin-right:40px;margin-bottom:40px;position:relative}
.task dd span{display:block; float: left; width:49px; height:56px; margin-right:15px; }
.task dd span img{  width:49px; height:56px; }
.task dd h3{ font-size:15px; color:#64676c; padding:7px 0; height:16px; overflow:hidden}
.task dd h3 a{font-size:14px}
.task dd p{ }
.task dd p.time{ clear:both; display:block; text-align:center; padding-top:20px;}
a.more{ position:absolute; left:0;  bottom:0; width:100%; line-height:42px; text-align:center; color:#fff; background:#21b87d }
.task dd em{ position:absolute; right:20px; top:0; }
a.color01{ background:#a9abb5; }
a.color02{ background:#f8ab51; }

.videolist{overflow:hidden}
.videolist dl{width:105%}
.videolist dd{float:left;width:215px;height:192px; padding:20px; background:#fff; border:1px solid #e7e8e9;margin-right:40px;margin-bottom:40px;position:relative}
.videolist dd b{ position:absolute; left:0; top:0; background:#f7f8fb; height:106px; border-bottom:1px solid #e7e8e9; width:100% }
.videolist dd span{display:block; float: left; width:49px; height:56px; margin-right:15px; position:relative; z-index:2 }
.videolist dd span img{  width:49px; height:56px; }
.videolist dd h3{ font-size:14px; color:#64676c; padding:0; height:42px; overflow:hidden; position:relative; z-index:2; padding-right:20px; }
.videolist dd h3 a{font-size:14px}
.videolist dd p{ font-size:12px; position:relative; z-index:2 }
.videolist dd p.time{ clear:both; display:block; color:#21b87d; font-size:14px; padding-top:50px;}
.videolist dd em{ position:absolute; right:20px; top:20px; z-index:3 }
.videolist dd p i{ display:block; float:right;background:url(../img/look.png) no-repeat left center; padding-left:30px; line-height:18px; }
.videolist dd p.p-a { text-align:center; margin:0 -15px; margin-top:20px;  }
.videolist dd p.p-a a{ text-align:center; width:67px; height:29px; line-height:29px; text-align:center; display:inline-block; margin:0 5px }
.videolist dd p.p-a a.a01{ color:#ee9159; border:1px solid #ee9159}
.videolist dd p.p-a a.a02{ background:#21b87d; border:1px solid #21b87d; color:#fff}
.videolist dd p.p-a a.a03{ background:#a9abb5; border:1px solid #a9abb5; color:#fff}

.content_top{ background:#f3f5f8; height:40px; margin-bottom:20px; position:relative; z-index:5 }
.content_top a{ float:left; line-height:40px; font-size:15px; background:#21b87d; text-align:center; width:126px; color:#fff }
.content_top a img{ float:left; margin:10px 0 0 15px}
.mr20{ margin-right:10px; }
.content_top a.fr{ float:right }
.content_top .fl{ float:left; margin-left:5px; }
.add_bbs{ float:right; border:1px solid #dcdce2; background:#fff; width:566px; height:38px; line-height:38px; text-indent:12px;}
.search_box{ float:right; border:1px solid #dcdce2; margin-top:5px; margin-right:5px; }
.search_box input{width:197px;height:28px;float:right;border:0;background:#fff;padding-left:15px}
.search_box .btn_search{width:71px;height:28px;background:url(../img/searchbtn.png) no-repeat center center; cursor:pointer; color:#fff; font-family:Microsoft YaHei,Simsum,serif;  }

/*分页*/
.pre_next{text-align:center;line-height:40px;padding:20px 0;clear:both; }
.pre_next a{padding:7px 15px;border:1px solid #dcdcdc;background:#f6f6f6;margin:0 5px}
.pre_next a.cur,.pre_next a:hover{background:#fff}
.pre_next span{padding:0 10px}
.pre_txt{padding:7px 0;border:1px solid #dcdcdc;background:#fff;text-align:center;margin:0 2px;width:50px}
.pre_sub{padding:7px 15px;border:1px solid #dcdcdc;background:#f6f6f6;cursor:pointer}
.pre_next_new{ padding:0; text-align:left; line-height:30px; }
.pre_next_new a{ margin:0 0 0 -1px; float:left; padding:0 12px; background:#fff }
.pre_next a.cur{background:#fff; color:#21b87d; border:1px solid #fff; }
.pre_next a.pre, .pre_next a.next{ background:#f4f5fa}
.pre_next_new .pre_sub{ padding:3px 10px}
.pre_next_new .pre_txt{ padding:5px 0}
.pre_next_new a.cur{background:#fff; color:#21b87d; border:1px solid #fff; border-left:1px solid #dcdcdc}


.sub_left{ float:left; width:240px; }
.sub_left h3{background:url(../img/sub_left.png) no-repeat center center; height:54px; line-height:50px; color:#fff; text-align:center; font-size:16px; }
.sub_left h3.h301{ background:url(../img/h301.png) no-repeat center center;  }
.sub_left dl{  background:#fff; border:1px solid #e5e5e5; border-top:none}
.sub_left dl dt{ overflow:hidden; background:#fff; margin-bottom:-1px; position:relative}
.userphoto{ overflow:hidden; margin:30px 0 30px 20px; }
.userphoto span{ float:left; width:37px; height:37px; overflow:hidden; margin-right:15px; }
.userphoto h5{ font-size:16px; margin-bottom:5px; }
.userphoto p{ font-size:12px; opacity:0.5 }
.userphoto span img{ width:37px; height:37px; border-radius:50%; }
.sub_left dl dd{ border-top:1px solid #e5e5e5; line-height:45px; padding:0 18px; text-align:center }
.sub_left dl dd a{ font-size:16px; color:#64676c }
.sub_left dl dd span{ display:block; background:#21b87d; margin:20px 0 }
.sub_left dl dd span a{ font-size:16px; color:#fff }
.sub_left_style dl dd{ padding:0; }
.sub_left_style dl dd a{ display:block }
.sub_left_style dl dd a:hover, .sub_left_style dl dd a.on{ background:#f3f5f8; color:#21b87d  }

.sub_right{ float:right; width:858px; padding:30px; background:#fff; border:1px solid #eaeaea; min-height:530px }

.tasklist{ font-size:14px; padding:0 20px; position:relative }
.tasklist h3{ padding-bottom:5px; }
.tasklist p{ line-height:30px; overflow:hidden }
.tasklist p em{ float:right; width:130px; height:24px; line-height:24px; text-align:center; background:#fbfbfa; position:relative}
.tasklist p em b{ position:absolute; background:#ffd659; display:block; height:100%; }
.tasklist p strong{ position:relative; z-index:2; font-weight:normal }
.tasklist dt{ background:#f3f5f8; padding:10px; overflow:hidden; margin-bottom:20px; }
.tasklist dt a{ float:right }
.tasklistsbox .tasklist { padding:0; }
.tasklistsbox dd{ padding:0 10px; position:relative }
.tasklistsbox{ height:480px; position:relative; overflow:hidden;word-break: break-all; }

.answer{ padding:10px 15px; border-top:1px solid #e5e5e5; margin:10px 0;}
.answer b{ color:#21b87d; padding:0 10px 0 5px}
.answer em{ color:#21b87d;}
.tasktit{ background:#f3f5f8; border:1px solid #dbdde3; color:#64676c; line-height:38px; padding:0 20px; margin-bottom:20px; }
.answerbox dd{ line-height:32px; background:#f3f5f8; margin-top:10px; padding:0 20px; overflow:hidden }
.answerbox dd b{ color:#21b87d; }
.answerd{ float:right ; background:url(../img/answerd.png) no-repeat right center; width:64px; height:32px; padding-right:15px;  }
.answerdetail{ padding:0 8px; display:none}
.answerbox dd  i{ float:right}
.answerbox span{ padding-left:20px; }
.answerbox span em{ display:inline-block; background:#fff; border:1px solid #e5e5e5; width:76px; text-align:center; cursor:pointer; margin-left:-1px; }
.answerbox span em.on{ background:#21b87d; color:#fff}
.teacher{ overflow:hidden; padding:20px 0 }
.teacher h3{ font-size:14px; margin-bottom:10px; }
.teacher h3 b{ color:#a7abb2}
.teacher textarea{ border:1px solid #d9d9d9; padding:10px; height:130px; width:834px; }

.top-select{ float:left; margin:5px 0 0 10px; line-height:26px; }
.top-select-style{ float:right ; margin-right:10px; }
.top-select .searchable-select-holder{ min-height:30px; border:1px solid #dcdce2; border-radius:0; background:#fff; box-shadow:none; text-align:center; padding:2px; }
.top-select .searchable-select-caret{ right:8px; }
.top-select .searchable-select{ min-width:130px;}

.total{ border-bottom:1px solid #eaeaea; font-size:12px; padding:20px 5px 10px; clear:both; margin-bottom:20px; }
.total b{ color:#21b87d; padding:0 5px; }
.tablebox{ margin:0 0 20px; clear:both}
.tablebox th{ font-weight:normal; font-size:15px; background:#f3f4f9; padding:10px 20px; border:1px solid #e3e3e4; text-align:center }
.tablebox td{ font-weight:normal; font-size:12px; padding:10px 20px; border:1px solid #e3e3e4; text-align: center }
.tablebox td a{ font-size:12px; color:#21b87d }
.tablebox .color01{ color:#21b87d  }  
.tablebox .color02{ color:#f7a776; border:1px solid #f7a776; padding:2px 15px}
.tablebox .color03{ color:#fff; background:#21b87d; padding:2px 15px}
.tablebox .color04{ color:#de3535; }
.color05{  color:#f7a776; }
.tablebox td a.ordertit{ font-size:12px; color:#666 }
.tablebox td a.order-delete{ color:#df4545}


.student{ background:#fff; border:1px solid #e5e5e5; border-radius:2px }
.student h5{ font-size:16px; color:#21b87d; text-align:center; line-height:48px; border-bottom:1px solid #e5e5e5 }
.student ul{ background:#f3f5f8; padding:10px 0; overflow:hidden}
.student ul li{ width:32%; float:left; text-align:center; border-right:1px solid #dfe1e4 }
.student ul li.lilast{ border:none}
.student ul li em{ display:block; font-size:28px; color:#64676c }
.student p{ line-height:30px; padding:0 15px}
.student p.time{ border-bottom:1px solid #e5e5e5; padding-bottom:10px; font-size:12px; }
.student a{ background:#aaacb4; color:#fff; padding:10px 0; margin:15px 55px; text-align:center; display:block}

.tongji{ border-bottom:1px solid #e5e5e5; overflow:hidden; margin-bottom:40px; }
.tongji dd{ float:left;  font-size:15px;}
.tongji dd a{ font-size:16px; display:block;padding:16px 20px; margin-right:10px }
.tongji .tab-hd dd a.on{ border-bottom:3px solid #21b87d; color:#21b87d}
.tongji dt{ float:right; padding-top:20px; }
.tongji dt label{ margin-left:10px; }

.tasklists{ overflow:hidden; margin-bottom:20px }
.konwsa{ border:1px solid #e5e5e5}
.konwsa_hd{ overflow:hidden; background:#f3f5f8; line-height:32px; cursor:pointer }
.konwsa_hd span{ width:140px; padding-left:20px; float:left }
.konwsa_hd span img{ float:right; margin-top:10px; }
.konwsa_bd{ overflow:hidden; line-height:44px; cursor:pointer }
.konwsa_bd span{ width:140px; padding-left:20px; float:left }
.konwsa_pd{ padding:5px 15px; background:#f9fafc; margin:0 12px 12px; line-height:25px; }

.tongjibox{ orphans:inherit; position:relative; overflow:hidden; margin-bottom:20px; }

.wrap{ width:1180px; margin:0 auto; overflow:hidden; padding-bottom:20px; position:relative }

.bbslist{ overflow:hidden;}
.bbslist dd{ overflow:hidden; border:1px solid #e7e7e8; margin-bottom:20px; }
.bbslist dd h3{ line-height:46px; background:#f7f8fb; padding:0 15px 0 40px; border-bottom:1px solid #e7e7e8; background:url(../img/answer_icon1.png) no-repeat 10px center; }
.bbslist dd h3 a{ background:#fff; border:1px solid #21b87d; width:90px; height:30px; line-height:30px; text-align:center; float:right; margin-top:7px;}
.bbs_info{ margin:10px 20px; border-bottom:1px dotted #eaeaea; font-size:12px; padding-bottom:10px; }
.bbs_info span{ padding-right:40px; color:#84868b }
.bbs_total{ margin:0 20px; background:url(../img/answer_icon2.png) no-repeat left center; padding-left:20px; }
.bbslist dd ul{ padding:0 20px; overflow:hidden}
.bbslist dd ul li{ border-bottom:1px dotted #eee; overflow:hidden; padding:20px 0; display:block }
.anwser-a em{ color:#21b87d; border-right:1px solid #eee; padding-right:5px; margin-right:5px; }
.anwser-a p{ font-size:12px; color:#a7aaaf; overflow:hidden; padding:5px 0  }
.anwser-a p i{ display:inline-block; margin-left:20px; background:url(../img/answer_icon3.png) no-repeat left center; padding-left:25px; }
.anwser-a p i b{ color:#21b87d; }
.anwser-b{ padding:10px 20px }
.anwser-b p{ font-size:12px; color:#a7aaaf; overflow:hidden; padding:5px 0  }
.answer-c{ margin-left:10px;color:#21b87d;  }
.answer-q{ margin:5px 10px; overflow:hidden; background:#f7f8fb }
.answer-q textarea{ background:#fff; border:1px solid #e5e5e5; padding:10px; display:block; height:100px; width:1064px }
.answer-q  input{ float:right; background:#21b87d; color:#fff; width:90px; height:30px; line-height:30px; text-align:center; margin:10px; border:none; cursor:pointer }

/*上传文档*/
.upload{ text-align:center; padding:30px 0 }
.upload h3{ text-align:center; color:#21b87d; font-size:16px ; padding-bottom:20px; }
.uploadfile{ padding:60px 0; border:1px dashed #cdced5; border-radius:10px; margin:0 190px; cursor:pointer }
.uploadtips{ padding:30px 0}
.uploadtips b{ color:#ef5858}
.uploadbtn{ clear:both }
.uploadbtn a{ display:inline-block; width:124px; height:40px; line-height:40px; text-align:center; color:#fff; background:#21b87d; margin:0 10px; }
.uploadbtn a.cancle{ background:#aaacb4; }
.uploadstyle h3{ border-bottom:1px solid #eee; margin-bottom:20px; }
.uploadstyle .uploadfile{ float:left; width:775px; margin:0 20px 0 0 }
.uploadstyle .uploadtips{ float:right; width:340px; text-align:left; padding:0; line-height:28px;  }
.uploadstyle .uploadtips b{ display:block }
.uploadstyle .uploadtips em{ color:#21b87d; }
.uploadstyle .uploadtips p{ position:relative}
.uploadstyle .uploadtips p i{ float:right; margin-top:5px; }
.uploadstyle .uploadtips p strong{ position:absolute; right:0; top:30px; font-size:12px; font-weight:normal; background:#fffde8; border:1px solid #f1efea; border-radius:3px; width:120px; height:26px; line-height:26px; text-align:center}
.uploadup{ padding:20px 0 50px; position:relative; text-align:left; clear:both }
.uploaduptext{ border:1px solid #dcdce2; line-height:30px; text-indent:12px; width:1046px; }
.uploadup a{ float:right; width:100px; height:32px; line-height:32px; color:#fff;  background:url(../img/icon_file.png) no-repeat 5px center #21b87d; text-align:center }

/*弹出层*/
.layer{ position: absolute; width:100%; height:100%; left:0; top:0; height:100%; z-index:990; display:none }
.layerbg{ position:absolute; width:100%; height:100%; z-index:991; left:0; top:0; background:#000; filter:alpha(opacity=60);opacity:0.6}
.layerbox{ position:absolute; width:500px; padding:20px 50px; left:50%; margin-left:-250px; top:150px; z-index:991; background:#fff; overflow:hidden }
.layerbox h3{ height:42px; color:#21b87d; text-align: center;  font-size:16px; line-height:42px; border-bottom:1px solid #eee; margin-bottom:20px;  }
.basedl dd{ margin-bottom:10px; position:relative}
.basedl dd em{ float:left; width:90px; text-align:left;  line-height:30px; }
.basedl dd .form-control{  height:28px; border:1px solid #dcdce2; line-height:28px; text-indent:12px; width:400px }
.basedl dd.dd01{ padding:50px 0; text-align:center}
.basedl dd.dd01 .form-control{ width:244px; }
.basedl dd.dd01 em{ float:none}
.basedl dd .searchable-select{ width:402px; z-index:10 }
.layer-btn{ border-top:1px solid #e5e8ee; padding:10px; text-align:right}
.layer-btn .btn{ padding:0 25px; height:36px; line-height:36px; }
.layer .uploadbtn{ padding:20px 0; text-align:center}
.i_chose{ position:absolute; right:0; top:0; cursor:pointer }

/*微课*/
.weike_left{ float:left; width:240px; }
.weike_left h3{background:url(../img/weike_tit.png) no-repeat center center; height:50px; color:#fff; text-align:center;  }
.weike_left h3 span{ padding:25px 10px 0 65px; float:left; font-size:16px;}
.weike_left h3 span b{ color:#fff; opacity:0.5; font-size:14px; display: block }
.weike_left h3 em{ float:left; font-size:18px; padding-top:30px; }
.weike_left dl{  background:#fff; border:1px solid #e5e5e5; border-top:none}
.weike_left dl dd{ line-height:45px; text-align:center }
.weike_left dl dd a.tit{ font-size:15px; color:#64676c; text-align:left; display:block; padding-left:18px; }
.weike_left dl dd a.tit:hover{ color:#21b87d}
.weike_left dl dd ul{ text-align: left; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.weike_left dl dd ul li{ position:relative; display:block; }
.weike_left dl dd ul li a{ line-height:34px; display:block; padding:0 18px 0 40px; background:url(../img/li_bg.png) no-repeat 20px center;  }
.weike_left dl dd ul li a:hover{  background:url(../img/li_on.png) no-repeat 20px center #f3f5f8; }
.weike_left dl dd span{ display:block; background:#21b87d; margin:20px 0 }
.weike_left dl dd span a{ font-size:16px; color:#fff }
.weike_right{ float:right; width:920px;  }
.weike_left dl dd ul li p{ position:absolute; right:-1px; top:22px; background:#fff; border:1px solid #ddd; width:106px; height:27px; box-shadow:0 5px 5px rgba(0,0,0,0.1); text-align:center; display:none  }
.weike_left dl dd ul li p i{ display:block; width:17px; height:17px; display:inline-block; margin:0 5px 0 5px; padding-top:5px; z-index:10; cursor:pointer }
.icons-add{ background:url(../img/icons_add.png) no-repeat left center; }
.icons-delete{ background:url(../img/icons_delete.png) no-repeat left center; }
.icons-edit{ background:url(../img/icons_edits.png) no-repeat left center; }

.weikelist{overflow:hidden}
.weikelist dl{width:105%}
.weikelist dd{ float:left;width:280px;height:300px; background:#f7f8fb; border:1px solid #e7e8e9;margin-right:37px;margin-bottom:37px;position:relative}
.weikelist dd span{display:block; width:280px; height:180px; position:relative}
.weikelist dd span img{  width:280px; height:180px; }
.weikelist dd span em{ position:absolute; right:0; bottom:0; width:76px; height:25px; line-height:25px; text-align:center; background:#646b7d; color:#fff; z-index:2 }
.weikelist dd h3{ font-size:15px; color:#64676c; padding:7px 15px; height:20px; overflow:hidden; }
.weikelist dd p{ padding:7px 15px; }
.weikelist dd p em{ color:#fff; display: block; margin:0 auto; width:100px; height:28px; line-height:28px; text-align:center; border-radius:15px; cursor:pointer }
.em_color01{ background:#21b87d}
.em_color02{ background:#cdcdcd}
.p_color01{ color:#21b87d}
.p_color02{ color:#f37c7c}
.em_color01 i{ display:block }
.em_color01 b{ display:none }
.choseon{ background:#cdcdcd }

/*新建测评*/
.addceping{ padding:10px; overflow:hidden }
.addceping h3{ text-align:center; font-size:18px; color:#21b87d; border-bottom:1px solid #eee; padding:20px 0; margin-bottom:20px; }
.addceping .basedl{ width:530px; margin:60px auto}
.addceping .basedl dd{ margin-bottom:30px; }
.addceping .basedl dd em{ line-height:35px; width:100px; padding-right:20px; text-align:right }
.addceping .basedl dd .form-control{ height:35px; line-height:35px;}
.addceping .i_chose{ background:#21b87d; width:104px; height:36px; line-height:36px; text-align:center; color:#fff; right:8px; top:1px; }
.addceping .basedl dd .w360{ width:340px }
.addceping .basedl dd .icon_date{ width:186px;  background:url(../img/icon_date.png) no-repeat 143px center; margin-right:22px; }
.addceping .basedl dd .icon_time{ width:186px;  background:url(../img/icon_time.png) no-repeat 143px center;}
.addceping .basedl dd label{ margin:8px 30px 0 0; display:inline-block }
.addceping .uploadbtn{ text-align:center; margin-bottom:30px; }

/*试题组件*/
.shiti_left{ float:left; width:220px; margin-right:-1px; }
.shiti_left h3{background:url(../img/shiti_tit.png) no-repeat center center; height:54px; line-height:50px; color:#fff; text-align:center; font-size:16px; }
.shiti_left dl{  background:#fff; border:1px solid #e5e5e5; border-top:none; padding:15px; padding-bottom:100px; height:503px; }
.shiti_left dl dt{ background:url(../img/shiti_bt.png) no-repeat left center; padding-left:20px; border-bottom:1px solid #e8e8e8; line-height:42px; overflow:hidden }
.shiti_left dl dt a{ float:right; color:#21b87d; padding-right:5px; }
.shiti_left dl dd{ border-bottom:1px dashed #e5e5e5; line-height:45px; text-align: left}
.shiti_left dl dd span{ float:left; width:70px; text-align:right; padding-right:30px}
.shiti_left dl dd a{ font-size:16px; color:#64676c; float:right; margin:15px 5px 0 0 }
a.save_shijuan{ width:166px; height:42px; line-height:42px; text-align:center; background:#21b87d; color:#fff; margin:-60px auto 0; display:block}

.treebox{ float:left; width:236px; }
.treebox h3{ height:54px; line-height:50px; text-align:center; font-size:16px; background:#dadfe5; }
.tree{ height:577px; width:210px; position:relative; overflow:hidden  } 
.tree li{ padding-left:15px; display:block ; background:url(../img/tree_on.png) no-repeat left 10px;  }
.tree li.active{ background:url(../img/tree_off.png) no-repeat left 10px;  }
.tree li a{ background:url(../img/folder_open.png) no-repeat left 8px; padding-left:25px; display:block; line-height:30px }
.tree li a.on{ background:url(../img/folder_close.png) no-repeat left center; }
.treelist{ padding:20px; background:#fff; border:1px solid #e5e5e5; overflow:hidden }
.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover{ background:#f8f8fb}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{ background:#a9abb2}
.ps-container .ps-scrollbar-y{ background:#a9abb2}
.tree li ul{ display: block }
.shiti_right{ float:right; width:680px; padding:15px; background:#fff; border:1px solid #eaeaea; }

.shiti_left_style{ width:240px; }
.shiti_left_style h3{background:url(../img/shiti_left_style.png) no-repeat center center; }

.shiti_right_style{ width:890px }
.shiti_right_style .search_box input.search_text{ width:100px }

.show{ float:right; margin-top:-32px }
.show a{ float:left; margin-left:20px; background:#f7f7f8; width:105px; height:32px; line-height:32px; border:1px solid #dde0eb}
.show a em{ float:left; width:13px; height:13px; margin:10px 12px 0 14px}
.show a.on{ background:#aaacb4; color:#fff}
.show a em.em01{ background:url(../img/icon-list1.png) no-repeat center center; }
.show a.on em.em01{ background:url(../img/icon-list2.png) no-repeat center center; }
.show a em.em02{ background:url(../img/icon-list4.png) no-repeat center center; }
.show a.on em.em02{ background:url(../img/icon-list3.png) no-repeat center center; }

.tableboxscoll{ height:455px; position:relative; overflow:hidden }
.oparate a{ margin:0 5px; padding:2px 6px }
.tablebox td a.a_color1{ border:1px solid #21b87d; background:#21b87d; color:#fff}
.tablebox td a.a_color2{ border:1px solid #db7326; color:#db7326}
.tablebox td a.a_color3{  color:#de3535}

.tupu_left{ float:left; width:860px; }
.tupu_left .weike_left{ width:100%}
.tupu_left .weike_left h3{ background:url(../img/tupu_tit.png) no-repeat left center; line-height:51px; height:51px; text-align:left; padding-left:20px; position:relative; margin-bottom:1px;  }
.tupu_left .weike_left h3 .opalink{ top:15px;}
.tupu_left .weike_left h3 .opalink i{ margin:0 36px 0 6px }
.tupu_left .weike_left h3 strong{ background:url(../img/down.png) no-repeat left center; padding-left:30px; cursor:pointer }
.tupu_left .weike_left dl{ padding:10px 36px; }
.tupu_left .weike_left dl dd a.tit{ background:url(../img/li_cur.png) no-repeat 20px center #f8f8f9; border:1px solid #e1e1e2; padding-left:50px; position:relative }
.tupu_left .weike_left dl dd ul{ border:none; padding:10px 0; position:relative }
.tupu_left .weike_left dl dd a.tit:before {
  position: absolute;
  left: -20px;
  top: 0;
  display: block;
  height: 46px;
  width: 15px;
  background: url(../img/tupu_tree.png) no-repeat left top;
  content: "";
}
.tupu_left .weike_left dl dd ul li a{ background:none; position:relative }
.tupu_left .weike_left dl dd ul li a:before {
  position: absolute;
  left: 25px;
  top: 0;
  display: block;
  height: 34px;
  width: 15px;
  background: url(../img/tupu_tree.png) no-repeat left -40px;
  content: "";
}
.tupu_left .weike_left dl dd ul:before {
  position: absolute;
  left: -18px;
  top: 0;
  display: block;
  height: 100%;
  width: 15px;
  background: url(../img/tupu_ul.png) repeat-y left top;
  content: "";
}
.tupu_left .weike_left dl dd{ position:relative}
.opalink{ position:absolute; right:10px; top:8px; z-index:2; cursor:pointer }
.opalink i{ float:left; margin-left:10px; }
.tupu_left .weike_left dl dd li{ position:relative; display: block }
.tupu_right{ float:right; background:#fff; border:1px solid #e5e5e5; border-radius:3px; padding:30px; width:230px; }
.tupu_right h3{ font-size:15px; color:#21b87d; padding:10px 0}
.tupu_right_text{ background:#fff; border:1px solid #ecedf1; border-radius:2px; line-height:44px; text-indent:12px; display:block; width:100%; margin:10px 0}
.chose_class{ display: block}
.chose_class li{ display:block;  background: url(../img/chose_class.png) no-repeat 14px -39px; height:30px; line-height:30px; padding-left:40px; border-radius:5px; cursor:pointer; margin-bottom:5px; }
.chose_class li.on{ background: url(../img/chose_class.png) no-repeat 14px 5px #f3f5f8; }
.tupu_right label{ padding:20px 5px; display:block }
.btns{ display:block}
.btns a{ display:block; height:44px; line-height:44px; text-align:center; margin-bottom:10px; border-radius:3px; }
a.btns_save{ background:#21b87d; color:#fff}
a.btns_cancle{ background:#fafafa; border:1px solid #eaebef}

.chose-select .searchable-select{ min-width:128px; width:128px;}
.data-chose{ padding-bottom:20px; overflow:hidden}
.data-chose a{ font-size:15px; margin-right:20px; padding:5px 20px; display:inline-block; float:left; }
.data-chose a.on{ background:#21b87d; color:#fff;}
.cepinxinx{ padding:24px;}
.cepinxinx h5{ font-size:15px; margin-bottom:30px; }
.cepinxinx p{ font-size:12px; opacity:0.8}

.tasklistsbox dd.scoreandadd{ position:absolute; right:20px; bottom:10px; }
.tasklistsbox dd.scoreandadd a{ float:left; margin-right:10px; }
.tasklistsbox dd.scoreandadd a img{ float:left; margin:2px 5px 0 0}
.addfav{ background: url(../img/addfav_off.png) no-repeat left center; padding-left:20px;}
.addfavon{background: url(../img/addfav_on.png) no-repeat left center; }

.content_top .iconlist a{ background:none; float:right; background:#fff; width:110px; height:28px; margin:5px 16px 0 0 }
.content_top .iconlist a img{ margin:0 }
.content_top .iconlist a.iconlista{ border:1px solid #dcdce2; text-align:center; color:#64676c; line-height:28px;}
.content_top .iconlist a.iconlista img{ margin:7px 0px 0 12px; }
.shijuan_tit{ text-align:center; padding:20px 0 30px 0;border-bottom:1px solid #eee; margin-bottom:20px; }
.shijuan_tit_text{ border:none; color:#64676c; font-size:16px;}

.shijitit{ padding:20px 10px; font-size:16px; color:#4e535a}

.icon_sj_list{ position:absolute; right:20px; top:40px; border:1px solid #dcdce2; width:176px; border-bottom:none; z-index:2; display:none }
.icon_sj_list li{ float:left; width:88px; height:37px; border-bottom:1px solid #dcdce2; text-align:center; line-height:37px;}
.icon_sj_list li img{ float:left; margin:12px 5px 0 15px}
.icon_sj_list li a{ display:block}
.icon_sj_list li a:hover{ background:#f3f5f8}
.taskliststyle dd{ margin-bottom:20px; }
.taskliststyle h3{ padding:10px 0; margin-bottom:10px; }

.h430{ height:430px; }

.layershijuan, .layerfenshu, .layerdetail, .layerchange{ left:218px; top:50px; height:672px }
.layershijuan .layerbox, .layerfenshu .layerbox, .layerdetail .layerbox, .layerchange .layerbox{ left:36%}
.timechose{ display:inline-block; background: url(../img/timechose.png) no-repeat right top #fff; border:1px solid #dcdce2; height:27px; line-height:27px; padding-left:10px; width:130px; margin:0 10px;  }
.layerdetail .layerbox, .layerchange .layerbox{ top:60px; }

.shijuanname{ float:left; width:340px; position:relative; z-index:2 }
.shijuanname i{ float:left; width:300px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.shijuanname em{ position:absolute; background:#fdfcf0; border:1px solid #fceed2; padding:5px 10px; top:16px; left:0; display:none }

.choselist{ overflow:hidden; padding:10px 0; margin-bottom:20px; }
.choselist li{ display:block; overflow:hidden; border-bottom:1px dotted #ddd; padding:5px 0}
.choselist li span{ float:left; width:110px; padding-right:20px; text-align:right }
.choselist li a{ float:left; padding:5px 10px; margin-right:20px }
.choselist li a.on{ background:#21b87d; color:#fff}

.treeliststyle .tree li a{ background:none; padding:0; }
.treeliststyle .tree li ul li ul li ul li a{ background:none; padding:0}
.treeliststyle .tree li ul li ul li ul li ul li{  background: url(../img/tree_li.png) no-repeat left center; height:20px; line-height:20px; }
.treeliststyle .tree li ul li ul li ul li ul li a{ line-height:20px; height:20px; }
.jiaocai{ overflow: hidden; border:1px solid #e5e5e5; background:#fff; margin-bottom:-2px; position:relative; z-index:11; border-bottom:none}
.jiaocai a{ float:left; height:44px; line-height:44px; border-bottom:1px solid #e8e8e8; font-size:16px; width:117px; text-align:center }
.jiaocai a.on{ color:#21b87d; border-bottom:1px solid #21b87d}

.tupuxuanzhe{ }
.tupuxuanzhe em{ float:left; }

.chose-select-left{ float:left }
.choseput{ text-align:center; clear:both; margin:40px 0; overflow:hidden; overflow:hidden; margin-left:300px; border-radius:20px;width:232px; margin-top:100px }
.choseput a{ display:inline-block; width:116px; height:35px; float:left; line-height:35px; text-align:center; background:#eaeaea; }
.choseput a.on{ background:#22ba7f; color:#fff; font-size:16px;}
.chose-select-right{ position:absolute; right:20px; top:44px}

.titchose{ float:left; color:#21b87d; line-height:40px; padding:0 10px;}
.titchose img{ vertical-align:middle; margin-right:10px; }

.duicuotree{ margin-top:20px;}
.duicuotree .tree li a{ background:none; padding:0; }
.duicuotree .tree li ul li{ background:none }
.duicuotree .tree li ul li a{ background: none; padding:0; }
.duicuotree h3{ background:#21b87d}
.morelook{ text-align:center; background:#f6f6f7; border:1px solid #e5e5e5; border-top:none; padding:10px 0 }

/*登录*/
.loginbg{ background: url(../img/loginbg.jpg) no-repeat center top #21b87d; height:625px; overflow:hidden }
.login_box{ width:320px; margin-top:115px; margin-right:105px;  height:370px; background:#ffffff; float:right }
.loginbox{ width:1200px; margin:0 auto; position: relative }
.log {position: relative;  overflow:hidden; clear:both; width:280px; margin:0 auto   }
.log_p{ }
.login_box h3{ color: #21b87d;font-size: 16px; text-align:left; font-weight:normal; line-height:50px; height:50px; margin-bottom:10px; border-bottom:1px solid #ddd; margin:0 20px 20px }
.log dd { margin: 0 0 20px 0;font-size: 14px;color: #3f3f3f; overflow:hidden; position: relative; border:1px solid #ced0d1}
.log dd.dd01{ border:none }
.log dd.dd01 input{ width:auto; height:auto; vertical-align:middle; margin-right:5px; margin-top:5px }
.regnow{ float:right; color:#21b87d }
.forgetpwd{ float:right; color:#fa3939}
.log dd.dd02{ border:none; border-top:1px solid #ddd; padding-top:20px }
.log dd.dd01 a{  margin-left:10px; font-size:12px; }
.log dd.dd01 a:hover{ color:#de0d2e}
.log dd em{ width:40px; height:40px; float:left; text-align:center;}
.log dd em img{ margin-top:12px; }
.log dd span {float: left;text-align: right;width: 90px;line-height: 26px;padding-right: 10px;font-size: 16px;}
.log dd input {float: left;  width: 200px;height: 40px; padding: 0 10px;line-height: 40px;font-size: 14px;color: #858680; border:none }
.log dd.ddon{ border:1px solid #de0d2e; color:#0257a7  }
.logtext {}
.yzm{ position:absolute; right:0; top:0; cursor:pointer}
.yzm img{ width:99px; height:40px;}
.yam_change{ position:absolute; right:-55px; top:10px; color:#0257a7; text-decoration:underline }
.logpwd { }
.log dd input.logsub {background: #21b87d; border-radius:5px; color:#fff; font-size:18px; cursor:pointer; border: none; width:279px; border:none;  overflow: hidden;height: 46px;line-height: 46px; text-align:center; }
.log dd.ddsub{ border:none; margin-top:20px ; margin-bottom:20px; }
.regbg{  background: url(../img/regbg.jpg) no-repeat center top; height:605px;}
.log dd.errortips{ border:none; font-size:12px; padding-left:54px; color:#a5a5a5}
.regbg .login_box{ margin-top:90px; }

.reg_box{ padding:20px 80px; background:#fff; margin:30px auto; width:960px;}
.reg_box h3{ text-align:center; border-bottom:1px solid #ddd; padding:20px 0; font-size:22px; color:#21b87d; margin-bottom:30px; }
.reg_box  dd{ overflow:hidden; margin-bottom:20px; position:relative }
.reg_box  dd.dd03 .textinfo{ width:280px} 
.texttit{ float:left; width:290px; text-align:right; padding-right:20px; line-height:38px; font-size:16px; }
.texttit b{background: url(../img/bitian.jpg) no-repeat center top; width:4px; height:4px; display:inline-block; margin-right:10px; position:relative; top:-6px; }
.regtext{ border:1px solid #babdc4; height:36px; line-height:36px; padding:0 10px; width:260px; margin-right:10px; float:left;  }
.tips{ float:left; clear:both; background:#fffcee; border:1px solid #ffe1d6; padding:3px 10px; float:left; clear:both; font-size:12px; position:relative; margin-top:10px; }
.tips:before {
  position: absolute;
  left: 10px;
  top: -7px;
  display: block;
  height: 7px;
  width: 12px;
  background: url(../img/tipscur.png) no-repeat left top;
  content: "";
}
.sexchose label{ float:left; margin:10px 20px 0 0}
.sexchose label input{ margin-right:5px }
.reg-select select{  border:1px solid #babdc4; height:36px; line-height:36px; padding:0 10px; width: 138px; float:left; margin-right:10px;  }
.textinfo{ float:left; width:500px; }
.textinfo i{ margin-top:10px; display:block; float:left }
a.chosename{ background:#21b87d; width:140px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:16px; display:block; float:left }
.regsub{ background:#21b87d; width:280px; height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; border-radius:3px; border:none; cursor:pointer}

.tongjixinxi{ background:#fff; border:1px solid #e5e5e5; margin-top:10px; }
.tongjixinxi h5{ font-size:16px; color:#21b87d; line-height:48px; border-bottom:1px solid #e5e5e5; text-align:center }
.tongjixinxi p{ padding:5px 15px;}
.tongjixinxi p.number{ background:#f3f5f8}
.tongjixinxi p b{ font-size:28px; padding-right:10px; }
b.color01{ color:#64676c }
b.color02{ color:#21b87d }
b.color03{ color:#de3535 }
b.color04{ color:#f7a776 }

.userleft{ float:left; width:240px; }
.userleft h3{background:url(../img/userleft.png) no-repeat center center; height:54px; line-height:50px; color:#fff; text-align:center; font-size:16px; }
.userbox{ background:#fff; border:1px solid #e5e5e5}
.userphone{ text-align:center; padding:20px 0; border-bottom:1px solid #e8e8e8}
.userphone span{ width:90px; height:90x; border-radius:50%; overflow:hidden; margin:0 auto }
.userphone span img{ width:90px; height:90x; }
.userphone h5{ font-size:16px; padding:10px 0}
.userleft dd{ border-bottom:1px solid #e8e8e8; height:46px; line-height:46px;}
.userleft dd a{ display:block; margin:5px 20px; height:36px; line-height:36px;}
.userleft dd a:hover, .userleft dd a.active{ background:#22ba7f; color:#fff}
.userleft dd em{ display:block; width:22px; height:35px; float:left; background-image:url(../img/userleft_on.png); background-repeat: no-repeat ; margin:10px 10px 0 50px }
.userleft dd a:hover em, .userleft dd a.active em{ background-image:url(../img/userleft_off.png); background-repeat: no-repeat ; }
.em01{ background-position:left top}
.em02{ background-position:left -45px}
.em03{ background-position:left -93px}
.em04{ background-position:left -138px}
.em05{ background-position:left -183px}
.em06{ background-position:left -230px}
.em07{ background-position:left -277px}

.userlist{ overflow:hidden; }
.userlist h3{ height:38px; line-height:38px; overflow:hidden; background:#f3f5f8; border:1px solid #dbdde3; padding:0 10px; margin-bottom:10px; }
.userlist h3 img{ float:left; margin:10px 10px 0 0}
.userlist h3 a{ float:right }
.userlist h3 a.linkbook{  background:url(../img/iconbooklink.png) no-repeat 20px center #21b87d; color:#fff; padding-left:52px ; margin-right:-10px; padding-right:20px; }
.buybook{ padding:0 30px}
.userlist ul{ display:block; margin-bottom:20px; }
.userlist li{ display:block; border-bottom:1px solid #ddd; text-align:right; overflow:hidden; padding:10px; background:url(../img/user_li.png) no-repeat 20px center; padding-left:42px }
.userlist li a{ float:left}

.indexbg{ background:#fff}
.indexleft{ float:left; width:860px; }
.courselist{ overflow:hidden }
.courselist h3{ font-size:18px; padding:20px 0; color:#21b87d; overflow:hidden }
.courselist h3 a{ float:right}
.courselist h3 img{ float:left; margin-right:10px;}
.courselist dl{ width:105%;}
.courselist dl dd{ float:left; width:270px; margin:0 20px 20px 0; border:1px solid #e5e7ea}
.courselist dl dd:hover{ border:1px solid #22ba7f}
.courselist dl dd span{ width:270px; height:187px; overflow:hidden }
.courselist dl dd span img{ width:270px; height:187px;  }
.courselist dl dd h5{ padding:0 15px; height:40px; overflow:hidden; margin:15px 0}
.courselist dl dd p{ border-top:1px solid #e5e7ea; padding:10px 0; margin:0 15px; overflow:hidden; text-align:right }
.courselist dl dd p em{ float:left; color:#5c5e62}
.courselist dl dd p em b{ color:#1eb47a}

.ziyuanlist{ overflow:hidden }
.ziyuanlist h3{ font-size:18px; padding:20px 0; color:#21b87d; overflow:hidden }
.ziyuanlist h3 a{ float:right}
.ziyuanlist h3 img{ float:left; margin-right:10px;}
.ziyuanlist ul{ }
.ziyuanlist ul li{ display:block; border:1px solid #e5e7ea; background:#f7f8fb; position:relative; height:140px; margin-bottom:20px; }
.ziyuanlist ul li span{ width:50px; height:56px; overflow:hidden; float:left; margin:20px 16px 0 20px }
.ziyuanlist ul li span img{ width:49px; height:56px; }
a.look{ position:absolute; width:64px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; right:30px; top:38px; background:#21b87d }
.ziyuanlist ul li h5{ font-size:16px; color:#64676c; margin:20px 0 6px }
.ziyuanlist ul li p em{ margin-right:20px; }
.listinfo{ background:#fff; clear:both; border-top:1px solid #e5e7ea; margin-top:34px; height:38px; line-height:38px; padding:0 20px; text-align:right  }
.listinfo em{ float:left; margin-right:20px; color:#22ba7f}
.listinfo em b{ color:#989b9e; padding:0 5px}

.indexright{ float:right }
.runklist{ border:1px solid #e5e5e5; padding:10px; overflow:hidden; margin-bottom:20px }
.runklist dd{ display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #e5e5e5; line-height:30px; text-align:right; color:#aaa }
.runklist dd a{ float:left; color:#666}
.runklist dd em{ display:block;background:url(../img/runk.png) no-repeat left -157px; width:22px; height:30px; text-align:center; line-height:30px; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-right:10px;   }
.runklist dd.runk01 em{ background-position:left -2px; line-height:35px; }
.runklist dd.runk02 em{ background-position:left -53px; line-height:35px; }
.runklist dd.runk03 em{ background-position:left -104px; line-height:35px; }

.tab-hd{ overflow:hidden; border-bottom:1px solid #e5e5e5 }
.tab-hd dd.active a{border-bottom:3px solid #21b87d; color:#21b87d}
.tab-bd{ overflow:hidden; clear:both; padding:20px 0 }
.tab-bd dd{ display:none}
.weikelist dd{ display:block }
.labelbox{ float:right; margin-top:20px }

.weike_right .videolist,  .weike_right .task{ display:none }
.knowlagelist{ display:none; border:1px solid #e5e5e5; background:#fff; position:relative; z-index:10}
.knowlagelist li{ display:block; padding:10px 26px; border-bottom:1px solid #e5e5e5; position:relative }
.knowlagelist li:hover{ border-bottom:1px solid #21b87d}
.knowlagelist li dl{ position:absolute; background:#fff; border:1px solid #e5e5e5; padding:10px 20px; left:234px; top:-1px; width:360px; display:none }
.knowlagelist li dl p{ border-bottom:1px dotted #ddd; padding:10px 0}
.knowlagelist li dl p b{ color:#21b87d }
.knowlagelist li dl p a{ padding:0 5px;}

/*user-center*/
.tabledl{ overflow:hidden; width:856px; border:1px solid #dbdde3;  }
.tabledl dd{ float:left; padding:10px; width:90px; text-align:center; }
.tabledl dd.dd01{ width:340px; text-align:left; padding-left:36px; }
.cartlist{ overflow:hidden}
.cartlist dl{  background:#f6f7fa; padding:10px; overflow: hidden; margin:5px 0 }
.cartlist dd{ float:left; width:90px; padding:10px; text-align:center; position:relative}
.cartlist dd.dd01{ width:340px; text-align:left; padding-left:26px;  }
.cartlist dd span{ float:left; width:94px; height:94px; margin-right:10px;background:url(../img/cart_img_bg.png) no-repeat left top;  }
.cartlist dd span img{ width:94px; height:94px;}
.cartlist dd h3{ font-size:14px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:10px 0 35px; cursor:pointer }
.cartlist dd h4{ font-size:14px; background:#fffcee; color:#a19b90; padding:2px 5px; position:absolute; left:135px; top:42px; width:275px; border:1px solid #ffe1d6; display:none }
.cartlist dd p{ position:absolute; left:135px; top:75px; width:470px; }
.delete{ display:block; margin-top:44px; }
.cartlist dd p input{ width:376px; height:23px; line-height:23px; text-indent:10px; background:#fff; border:1px solid #e5e5e5; margin-left:10px; color:#666}
.cartlist dd b{ color:#21b87d }
.cart-total{ overflow:hidden; height:50px; line-height:50px; background:#f4f8fa; text-align:right; border-top:1px solid #e0e0e0}
.cart-clear{ float:left; text-align:left; width:196px; background:url(../img/icon-delete.png) no-repeat 43px center #e0e5e8; font-size:16px; color:#797d7f; text-indent:76px; }
a.cart-buy{ float:right; background:#21b87d; color:#fff; font-size:16px; width:196px; text-align:center; margin-left:30px; }
.cart-total b{ font-size:30px; color:#21b87d}
.check-order{ overflow:hidden; margin:10px 0; min-height:500px;  }
.check-order table th{ background:#fff; border-bottom:1px solid #e4e4e4; padding:10px;}
.check-order table td{ background:#f6f7f9; padding:10px; text-align:center; border-bottom:2px solid #fff}
.icon-ok{ text-align:center; border-bottom:1px solid #ddd; padding:30px 0 10px 0; margin-bottom:20px; }
.icon-ok p{ padding-bottom:20px}
.order-info{ overflow:hidden; margin-bottom:20px; }
.order-info h3{ border-bottom:1px solid #ddd; padding:10px; font-size:14px; margin-bottom:10px; }
.order-info h3 img{ margin-right:10px;}
.order-info li{ display:block; background:url(../img/user_li.png) no-repeat 20px center; padding-left:42px; line-height:32px;  }
.order-info li b{ color:#21b87d}
.order-info li em{ color:#eb9928}
.order-pay{ margin-bottom:40px; overflow:hidden; padding:10px 10px 40px}
.order-pay li{ float:left; margin-right:30px; }
.order-pay li input{ float:left; margin:25px 15px 0 10px}
.order-pay li img{ border:1px solid #ddd; padding:6px 12px}
a.cart-pay{ float:right; background:#eb9928; color:#fff; font-size:16px; width:196px; text-align:center; margin-left:30px; }
.textcolor1{ color:#df4545}
.textcolor2{ color:#21b87d}
.textcolor3{ color:#e09826}
.m20{ margin:20px 0 60px}
.cartliststyle dl{ background:#fff; border-bottom:1px solid #ddd}
.order-back{ text-align:right ; padding:50px 0 20px}
.order-back a{ font-size:16px; color:#1fb077; }
.order-back a img{ margin-right:10px;}
.payway{ display:inline-block;}
.payway img{ vertical-align:middle; margin:0 5px }
.ok{ display:inline-block;}
.ok img{ vertical-align:middle; margin:0 5px }
.user-select{ float:right; margin-top:-45px; margin-right:10px; }
.zytklist{ border:1px solid #ddd; padding:20px 0 20px 25px; overflow:hidden; margin:20px 0}
.zytklist dd{ float:left; width:204px; padding:20px 0 }
.zytklist dd img{ float:left; margin-right:10px; }
.zytklist dd h3{ font-size:16px; padding:5px 0 5px }
.studybuy{ overflow:hidden; padding:10px 0;}
.studybuy dl{ width:105%;}
.studybuy dl dd{ float: left; width:272px; margin:0 17px 17px 0; border:1px solid #e5e7ea; height:330px; border-radius:8px; overflow:hidden}
.studybuy dl dd:hover{ border:1px solid #21b87d}
.studybuy dl dd span{ width:272px; height:187px; float:left }
.studybuystyle dl dd span{ text-align:center; font-size:36px; color:#fff; padding:35px 84px 0 84px; width:104px; height:152px; font-style:italic }
.studybuystyle dl dd span.span01{ background:url(../img/courseimg_1.png) no-repeat left top; }
.studybuystyle dl dd span.span02{ background:url(../img/courseimg_2.png) no-repeat left top; }
.studybuystyle dl dd span.span03{ background:url(../img/courseimg_3.png) no-repeat left top; }
.studybuy dl dd span img{ width:272px; height:187px; }
.study{ overflow:hidden; padding:10px; }
.study b{ float:right }
.studybuy dl dd h3{ text-align:center; margin:10px 0 20px}
.studybuy dl dd h3 i{ float:right; margin-right:30px; margin-left:-20px }
.studybuy dl dd h3 a{ display:inline-block; width:144px; height:24px; line-height:24px;  text-align:center; background:#21b87d; color:#fff; border-radius:20px; }
.number{ margin:0 10px; border-top:1px dashed #ddd; padding-top:10px; }
.number b{ color:#1eb47a}
.number a{ float:right; background:url(../img/addcart.png) no-repeat left center; padding-left:26px  }
.addclass{ overflow: hidden; padding:20px 0; clear:both; text-align:center}
.addclass a{ display:inline-block; background:#21b87d; color:#fff; padding:8px 15px; font-size:16px; }
.addclass a img{ float:left; margin:2px 5px 0 0 }
.classlist{ overflow:hidden; padding:20px 0;}
.classlist dl{ width:105%}
.classlist dd{ float: left; margin:0 20px 20px 0; border-radius:5px; overflow:hidden; width:272px; height:265px; position:relative; font-size:16px; }
.classlist dd h3{ position:absolute; width:100%; height:72px; text-align:center; line-height:72px; font-size:26px; font-style:italic; color:#fff }
.classlist dd.dd01{ background:url(../img/class01.png) no-repeat left top; }
.classlist dd.dd02{ background:url(../img/class02.png) no-repeat left top; }
.classlist dd.dd03{ background:url(../img/class03.png) no-repeat left top; }
.classlist dd em{ display:block;  padding:5px 0}
.students{  background:url(../img/icon_teacher.png) no-repeat center top; width:44px; padding-top:44px; position:absolute; left:70px; top:100px; text-align:center  }
.tearchers{  background:url(../img/icon_student.png) no-repeat center top; width:44px; padding-top:44px; position:absolute; left:160px; top:100px; text-align:center  }
.students i{ font-size:20px; color:#85c8f2 }
.tearchers i{ font-size:20px; color:#fdb56f }
.outclass{ display:block; width:100%; text-align:center; position:absolute; left:0; bottom:0; background:#fafafb; line-height:58px; font-size:16px; }

/*修改*/
.statuebox{ position:absolute; left:0;  bottom:0; width:100%; line-height:42px; text-align:center; color:#fff; background:#21b87d  }
.statuebox a{ color:#fff; padding:0 5px; }
.statuebox a.a01{ border-right:1px solid #fff; padding-right:20px; margin-right:10px;}
.statue01{ background:#6676eb}
.statue02{ background:#f8ab51}
.statue03{ background:#21b87d}
.statue04{ background:#4ea5dd}
.statue05{ background:#a9abb5}
.statue06{ background:#ec6e6e}
.data-chose-style{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;  }
.data-chose-style em{ float:left; padding:5px 20px 0 20px }
.weikeliststyle dd{ width:258px; overflow:hidden}
.weikeliststyle dd span{ width:258px; height:180px; }
.weikeliststyle dd a{ display:block; position:relative}
.weikeliststyle dd a i{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/weikeliststyle.png) no-repeat center center; display:none; z-index:10 }
.weikeliststyle dd a:hover i{ display:block }
.weikeliststyle dd span img{ width:258px; height:180px; }
.tiku_left{ float:left; background:#fff; border:1px solid #e5e5e5; width:238px; }
.tiku_left h3{ padding:20px 0 10px 20px}
.tiku_left_chose{ height:40px; line-height:40px; padding-left:20px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; overflow:hidden; position:relative }
.tiku_left_chose a{ position:absolute; right:0; top:0; width:80px; text-align:center; height:42px; line-height:42px; color:#fff; font-size:16px; background:#21b87d}
.tiku_left dd{ overflow:hidden; padding:10px 20px}
.tiku_left dd h5{ font-size:14px; margin-bottom:10px; }
.tiku_left dd h5 em{ float:left; width:4px; background:#21b87d; margin-right:10px; height:14px; margin-top:4px; }
.tiku_left dd select{ border:1px solid #e4e7ec; background:#fff; padding:5px; width:195px; }
.tiku_left dd input{ border:1px solid #e4e7ec; background:#fff; padding:5px; width:185px; height:22px; line-height:22px;  }
.btn-save{ display:block; background:#21b87d; color:#fff; padding:10px; margin:0 20px 10px; text-align:center }
.btn-cancle{ display:block; background:#f3f5f8; padding:10px; margin:0 20px 10px; text-align:center }
.jiexi{ background:#f3f5f8; padding:5px 10px;}
.biaoyin{ overflow:hidden; border:1px solid #dbdde3;}
.biaoyin .tasktit{ border:none; border-bottom: 1px solid #dbdde3}
.anserinfo{ padding:15px; line-height:24px;}
.biaoyinmore{ height:66px; line-height:66px; border-top:1px solid #dbdde3 }
.biaoyinmore li{ display:inline-block; width:33%; text-align:center; font-size:16px; }
.biaoyinmore li b { font-size:24px; color:#2188b8; padding:0 10px}
.biaoyinmore li i{ font-size:24px; color:#21b87d; padding:0 10px}
.biaoyinmore li em { font-size:24px; color:#ca4040; padding:0 10px}
.sub_right_style{ min-height:634px; }
.shiti{ padding:20px 0 20px 20px; border-top:1px solid #dbdde3}
.shiti em{ color:#df3449; padding-right:5px; float:left; padding-left:10px  }
.shiti i{ display: inline-block; float:left; width:50px; }
.shiti input{ display: inline-block; border:1px solid #dbdde3;  padding:10px; height:16px; background:#fcfcfd; width:690px;}
.shiti select{ display: inline-block; border:1px solid #dbdde3;  padding:8px; background:#fcfcfd; width:715px;  }
.shiti textarea{ display: inline-block; border:1px solid #dbdde3;  padding:8px; background:#fcfcfd; width:696px; height:140px;  }
.tixing .shiti{ border:none}
.gxbj{ color:#dc4343;  }
.jsxx{ float:right; background:#df5555; color:#fff; padding:5px 10px; border-radius:3px; margin:0 56px 0 10px }
.zjxx{ float:right; background:#21b87d; color:#fff; padding:5px 10px; border-radius:3px; }
.tixing .shiti label { float:left; font-size:20px; width:70px; }
.tixing .shiti label input{ width:auto; float:left; margin:5px 10px 0 10px }
.shiti textarea.textareastyle{ height:64px}
.tixing .shiti p label{ font-size:14px; }
.addtask{ background:#21b87d; width:113px; height:30px; }
.addtask img{ margin:5px 0 0 10px}
.addtaskon{ background:#a8adb3;}
.layer .tasklist{ font-size:12px; padding:0 }
.layerbox .tasklist h3{ font-size:14px; color:#666; text-align:left; height:30px; line-height:30px; margin-bottom:10px;  }
.layerbox  .answer{ padding:10px 0}
.jiexibox textarea{ background:#f6f8fa; padding:10px; border:none; margin-top:10px; width:485px; height:60px; overflow:auto; color:#666; font-size:12px; }
.changelist{ overflow:hidden; padding-bottom:10px;}
.changelist em{ float:left; line-height:28px;}
.changelist select{ float:left; border:1px solid #ddd; padding:3px 15px; margin:0 10px;}
.changelist ul{ width:105%;}
.changelist li{ float:left; width:82px; height:26px; border:1px solid #dcdce2; text-align:center; line-height:26px; margin:0 10px 10px 0; cursor:pointer }
.changelist li.on{ background:#21b87d; color:#fff}
.textareaboxs{ width:380px; border:1px solid #dcdce2; height:100px; padding:10px; font-size:12px; font-family:Microsoft YaHei,Simsum,serif }
.layercouse .layerbox{ overflow:visible }
.file_chose{ position:absolute; right:8px; top:0; background:#21b87d; width:50px; height:30px; }
.file_chose img{ margin:10px 0 0 12px}
.save_shijuan_style{ margin:-60px auto; border:1px solid #e5e5e5; background:#fff; border-top:none}
.save_shijuan_style a{ margin:0 auto; margin-bottom:10px }
.tittle{ background:url(../img/tittle.png) no-repeat left top; height:54px; line-height:54px; float:right; width:920px; font-size:16px; }
.tittle span{ color:#fff; padding:0 100px 0 56px}
a.save_shijuan_zj{ border:1px solid #bfbfbf; color:#21b87d; background:#fff}
.znzjtree .tree{ width:870px; height:537px } 
.znzjtree .treelist{ border:none }
.znzjtree{ padding:0; width:918px }
.znzjtree .tongji dd a{ font-size:14px;}
.znzjtree .tongji{ margin-bottom:0}
.znzjtree .tab-bd{ padding-top:0}
.inputcheck{ float:right; margin:6px 20px 0 0 }
.btnnext{ padding:10px 0 10px 20px; overflow:hidden}
.btnnext a{ float:left; background:#b8bbc2; margin-right:20px; color:#fff; width:166px; height:42px; line-height:42px; text-align:center; padding:0 }
.tongji dd .btnnext a{padding:0 }
.shitiku{ position:relative; overflow:hidden; width:870px; height:614px; margin:20px 0 20px 20px}
.shitiku h3{ line-height:38px; background:#f3f5f8; border:1px solid #dbdde3; padding:0 10px; margin-bottom:20px; }
.shitiku li{ display:block; height:45px; line-height:45px; border-bottom:1px solid #e5e5e5; background:url(../img/shitiku.png) no-repeat 5px center; padding-left:30px; overflow:hidden  } 
.shitiku li i{ float:right}
.shitiku li input{ width:72px; height:20px; line-height:20px; padding:0 5px; border:1px solid #b3b3b3; border-radius:2px; margin:0 10px; }
.tasktit{line-height:38px; background:#f3f5f8; border:1px solid #dbdde3; padding:0 10px; margin-bottom:20px;  }
.tasklistsboxstyle{ margin:20px 20px 0 20px; height:634px; }