* {margin:0;padding:0;}
body {background:#f0f0f0;}
a {text-decoration:none;}
.fl {display:inline;float:left;}
.fr {display:inline;float:right;}
.clear {display:block;content:'';clear:both;}
.clear:after {zoom:1;}
.learning-task {width:1200px;margin:0 auto;}
.current-place {height:34px;line-height:34px;font-size:12px;color:#646464;}
.current-place a {color:#0098d9;}
.current-place a span {margin:0 8px;}
.learning-state {background:#fff;padding:20px 0 44px 36px; width:1164px; margin:auto; }
.learning-state .title{font-size:22px;color:#524C50;font-weight:bold;}
.learning-state .title span {font-size:13px;color:#333;margin-left:24px;font-weight:normal;}
.learning-state .state-show {margin-top:30px;}
.learning-state .state-show table {border-collapse:collapse; width:auto; margin:auto;}
.learning-state .state-show table tr p{font-size:12px;text-align:center;line-height:36px;color:#999;}
.learning-state .state-show table tr p.nodone {background:url(/img/course/nodone.png) 32px center no-repeat;}
.learning-state .state-show table tr p.unfinished {background:url(/img/course/unfinished.png) 6px center no-repeat;}
.learning-state .state-show table tr p.finished {background:url(/img/course/finished.png) 13px center no-repeat;color:#45B39C;font-weight:bold;}
.learning-state .state-show table tr .total {color:#333;}
.learning-state .state-show table tr .total span {color:#FF9300;font-size:16px;padding:0 7px;}
.learning-state .state-show table tr .go-on {position:relative;text-align:center;color:#fff;cursor:pointer;z-index:12;}
.learning-state .state-show table tr .go-on img {position:absolute;top:-34px;left:-34px;width:150px;z-index:10;opacity:0.3;filter:alpha(opacity:30);}
.learning-state .state-show table tr td {position:relative;height:70px;}
.learning-state .state-show table tr td .done{position:absolute;right:6px;bottom:6px;_bottom:-31px;width:25px;height:25px;border-radius:50%;background:#5ac79d;}
.task-relate {margin-top:10px;overflow:hidden;}

#countantright{ width:304px; float:left; margin-left:10px;}
.classmate{ width:60px; height:80px; font-size:14px; float:left; margin:8px 8px 20px 8px; cursor:pointer;}
.classmate img{ width:60px; height:60px;}
.classmate p{ text-align:center;}
.ui-block{ height:auto; overflow:hidden;}
.ui-taskList-table td span{  font-size:10px;}
.ui-taskList-Task-tr a{ color:#666}
.ui-taskList-Task-tr a:hover{ color:#0099cc; text-decoration:underline;}
.ui-taskList{ width:856px;}

.tasklisttitle.ui-tabs li.active-border{ border-bottom-width:3px;}

#tast_notice_info_click,#tast_notice_info{ cursor:pointer;}