@charset "utf-8";
 @import url("common2.css"); 

/* .main{font-family:"Microsoft YaHei";padding-top: 30px;} */
input{ outline:none; }
.bg_color{background: #f1f4f6;}
.size14{
    font-size: 14px;
}
.kanban-tab{
	width:100%;
	height:50px;
	line-height:50px;
	background: #fff;
	border-radius: 4px;
}
.kanban-tab a.kanban-tablink{
	display: inline-block;
	width: 112px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	position: relative;
}
.kanban-tab a.current{
	color: #fff;
	background: #4c94e7;
	border-radius: 4px;
}

.kanban-tab a.current em{
	width:14px;
	height:9px;
	position: absolute;
	left:42%;
	bottom:-9px;
	background:url("../images/blue_arrowdown.png") no-repeat center bottom;
}



.rcTabs{
    background: #fff;
    margin:18px 0;
}
.rcTabs a{
	float: left;
	display: block;
    color: #333333;
    height:54px;
    line-height:54px;
    padding:0 25px;
    font-size: 14px;
    background: url(../images/y_line.png) no-repeat right -55px;
    border: 1px solid transparent;
    position: relative;
}
.rcTabs a.current {
    border: 1px solid #0290d2;
    background: #3a98ed;
    color: #ffffff;
    margin-left: -2px;
}
.rcTabs a.current .iconbg{
    width: 17px;
    height: 10px;
    overflow: hidden;
    line-height: 10px;
    font-size: 0px;
    background: url(../images/y_icons.png) -156px -41px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -1px;
}
.rcList-every{
	border-radius: 3px;
	background: #fff;
	margin-bottom: 20px;
}
.rcList-tit{
	height:63px;
	font-size: 18px;
	color: #333333;
	border-bottom: 1px solid #e9eaeb;
	padding:0 20px;
}
.rcList-titL{
	line-height:63px;
}
.iconBox{
	padding-top: 15px;
}
.iconBox a{
	font-size: 14px;
    display: inline-block;
    padding-left: 25px;
    color: #979dac;
}
.chakan span,.yuyue span,.baifang span,.zongjie span{
	width: 25px;
    height: 16px;
    display: block;
    background: url(../images/iconbox.png) no-repeat 3px 0;
    vertical-align: middle;
}
.yuyue span{
	background: url(../images/iconbox.png) no-repeat -61px 0;
}
.baifang span{
	background: url(../images/iconbox.png) no-repeat -128px 0;
}
.zongjie span{
	background: url(../images/iconbox.png) no-repeat -196px 0;
}
.iconBox a:hover{
	color: #3a98ed;
}
.iconBox a:hover.chakan span{
	background: url(../images/iconbox.png) no-repeat 3px -53px;	
}
.iconBox a:hover.yuyue span{
	background: url(../images/iconbox.png) no-repeat -61px -53px;	
}
.iconBox a:hover.baifang span{
	background: url(../images/iconbox.png) no-repeat -128px -53px;	
}
.iconBox a:hover.zongjie span{
	background: url(../images/iconbox.png) no-repeat -196px -53px;	
}
.rcList-con{
	padding:30px 20px; 
}
.dateBox{
	width:67px;
	text-align: center;
}
.dateBox-top{
	width:67px;
	height:73px;
}
.dateBox-top .day{
	width:65px;
	height:44px;	
	line-height:44px;	
	border:1px solid #d5d5d5;
	background: #f9f9f9;
	color: #79be63;
	font-size: 28px;
	text-align: center;
	border-radius: 3px;
}
.dateBox-top .month{
	width: 65px;
	height:29px;
	line-height:29px;
	color: #fff;
	font-size: 14px;
	background: #79be63;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
    margin-top: -2px;
}
.dateBox-bottom{
	font-size: 14px;
	color: #666666;
	padding-top:5px;
}
.rcList-conM{
	padding-left:38px;
	font-size: 14px;
	line-height: 3;
}
.rcList-conM.myTask{
	width: 1046px;
}
.conM-every{
	margin-top:30px;	
}
.conM-every.first{
	margin-top: 0
}

.rcList-conM.myTask{
	margin-top:0;
}
.conM-line {
    padding-right: 50px;
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.myClass .conM-line{
	width: 165px;
}
.myTask .conM-line{
	width: 17%;
	padding-right: 0;
}
.conM-line.fzr span,.conM-line.bumen span{
	color: #3a98ed;
}
.rcList-status{
	width:117px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
	margin-top: 15px;
    margin-right: 15px;
    cursor: pointer;
}
.blue{
	background: #3a98ed;
}
.orange{
	background: #fa751c;
}
.green{
	background: #81bb00;
}
.pane{
	display: none;
}
.grayLineCon{
	height: 42px;
	line-height: 42px;
	background: #f5f5f5;
	border-bottom: 1px solid #e9e9e9;
	border-radius: 3px;
	padding:0 10px;
	margin-bottom: 15px;
}
.grayLineCon-blue{
	color: #2994eb;
	font-size: 16px;
}
.grayLineCon-date{
	font-size: 14px;
	color: #666666;
	padding-left:35px;

}
.grayLineCon-date span{
	display: inline-block;
	width:16px;
	height:16px;
	background: url(../images/pic1.png) no-repeat left center;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}
.grayLineCon-status{
	font-size: 12px;
	color: #333333;
}
.grayLineCon-status em{
	color: #fc8b37;
}
.grayLineCon-progress{
	font-size: 12px;
	padding-left:40px;
	color: #666666;
}
.progressM{
	width: 205px;
	height:10px;
	background: #fff;
	border-radius: 3px;
	position: relative;
	margin:16px 7px 0 7px;
}
.processCur{
	height:10px;
	background: #369cef;
	border-radius: 5px;
	left: 0;
    top: 0;
    max-width: 100%;
}
.yshouquan,.wshouquan{
	width:117px;
	height:42px;
	background: url(../images/ysq.png) no-repeat left center;
    margin-top: 15px;
    cursor: pointer;
}
.wshouquan{
	background: url(../images/wsq.png) no-repeat left center;	
}



/* 课程页日历 */
div.calenderMod{/* background: #ffffff; */}
 ul#conCalendar{ padding: 0px 2px; }
.calender2{ /* margin-top:-38px; */ margin-bottom:100px; padding-bottom: 16px; height: 360px;    line-height: inherit;}
.calender2 .choceBox2{ clear: both; width:200px; margin:0 auto; overflow:hidden; padding:20px 0px 20px 0px;}
.calender2 #cPrev,.calender #cNext{ width:10px; height:20px; line-height:20px; overflow:hidden; float:left; background:url(../images/y_sanjiao.png) no-repeat left center; text-indent:-99px; cursor:pointer;}
.calender2 #cNext{ width:10px; height:20px; background:url(../images/y_sanjiao.png) no-repeat right center; float:right;}
.calender2 #cYear{ color:#293146; font-size:16px; width:180px; display:block; text-align:center; float:left;}
.manager_class  .calender2 ul li{
	padding: 18px 8px;
	margin: 2px 0;
	height: 60px;
	border-bottom: #ccc 1px solid;
}
.editCal { float: right; }
.calender2 ul li{ cursor:pointer; width:85px; position: relative; height: 95px; padding:10px 5px; text-align:center; float:left; color:#577998; font-size:25px; border-top: 1px solid #e4e4e4; margin-top: -1px;}
.calender2 ul li .day{ display:block; text-align:center; padding-bottom:5px; }
.calender2 ul li .week{ display:block; text-align:center; color:#999999; font-size:14px;}
.calender2 ul li .sdbox.grey .day,.calender2 ul li .sdbox.grey .week{ color:#d7d7d7;}
.calender2 ul li .day.yellow,.calender2 ul li .week.yellow{ color:#ff9900;}
.calender2 ul li .curDayColor .day.white,.calender2 ul li .curDayColor .week.white{ color:#fff;}
.calender2 ul li div.infos{height:10px; display: inline-block; margin-bottom: 17px;}
.calender2 ul li div.infos i{ width:10px; height: 10px; overflow: hidden; float: left; border-radius: 50%; padding:0px; margin:0px; font-size: 0px; margin:0px 1px;}
.calender2 ul li div.infos i.myVisit{ background-color: #3a98ed;}
.calender2 ul li div.infos i.myTask{ background-color: #ff8400; }
.calender2 ul li div.infos i.myCourse{ background-color: #83bd00; }

.calender2 ul li .sdbox{ padding-bottom:3px; }
.calender2 ul li.onToday .sdbox{ background:#7bd3f4; 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}

.calender2 ul li i.set{ width:15px; height: 15px; position: absolute; top:21px; left:7px; background: url(../images/casePower.png) no-repeat left bottom; display: none;}
.calender2 ul li i.set.selok{ background: url(../images/casePower.png) no-repeat left top; }
.calender2 ul li .sdbox.open i,.calender2 ul li .sdbox.lock i,.calender2 ul li.onToday .sdbox i{ border:1px solid #ffffff;}

/* 锁定/开放的日期背景颜色 */
.calender2 ul li .sdbox.lock{ background: #cccccc; -webkit-border-radius: 3px; border-radius:3px; color:#fff;}
.calender2 ul li .sdbox.open{ background: #3a98ed; -webkit-border-radius: 3px; border-radius:3px; color:#fff;}
.calender2 ul li .sdbox.lock span.day,.calender2 ul li .sdbox.lock span.week,.calender2 ul li .sdbox.open span.day,.calender2 ul li .sdbox.open span.week{ color: #fff;}
.calender2 ul li.SelectDay{ background:#79be63; 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
.calender2 ul li.onToday span,.calender2 ul li.onSelect span,.calender2 ul li.current span{ color:#ffffff;}
.mod_list .mod_col1 span{background: #ff99cc;}
.calender2 ul li .onSelectSpan span{
	height: 8px;
	width: 8px;
	display: inline-block;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-right: 4px;
}
.calender2 ul li .onSelectSpan span.onSelectSpan_1{ background:#ff99cc;}
.calender2 ul li .onSelectSpan span.onSelectSpan_2{ background:#800080;}
.calender2 ul li .onSelectSpan span.onSelectSpan_3{ background:#0099cc;}
.manager_class .calender2 ul li.onSelect span{color: #577998;}
.manager_class .calender2 ul li.onSelect{ background:#fff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
}
.calender2 ul li.onSelect{ background:#79be63;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}

.calender2 ul li.current{ background:#67b8de;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;}
div.calenderMod{ /* background: #ffffff; */ margin-top: 24px;}
div.toDoday,div.editDoday{
	display: inline-block;
}
div.toDoday > a,div.editDoday > a,.editCal > a{
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	float: right;
	margin-top:16px; width:80px; height:24px; line-height: 24px; text-align: center; border:1px solid #3a98ed; color: #3a98ed; 
	/* background: #ffffff; */
	margin-right: 10px;
}
.editCal{ padding-left: 20px; width:300px;  text-align: right; padding-right: 2px;}
.editCal > span{
	background: #009dd9;
	width: 60px;
	height:24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	display: inline-block;
	border:1px solid #009dd9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	margin-top: 16px;
	display: none;
	cursor: pointer;
	margin-left:10px;
}
.layTopBox{ overflow: hidden; margin-bottom:-42px;    }
.bottomLines{width:100%;height:1px;border-bottom: 1px solid #dbdbdb;}
.showTips{ overflow: hidden; line-height: 24px; padding-left: 20px;}
.showTips span{ float: left; padding-right:10px; padding-top: 16px;}
.showTips span i{
	width:10px;
	height:10px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius:50%;
	font-size: 12px;
	margin-right:2px;
}
.showTips span.myVisit{color: #3a98ed;}
.showTips span.myVisit i{ background-color: #3a98ed;}
.showTips span.myTask{color: #ff8400;}
.showTips span.myTask i{ background-color: #ff8400; }
.showTips span.myCourse{color: #83bd00;}
.showTips span.myCourse i{ background-color: #83bd00; }
.layTopBottom{ text-align: center; display: none; padding-top:4px;}
.layTopBottom > i{ width:25px; height:15px; background: url(../images/casePower.png) no-repeat left bottom; display: inline-block; padding-left: 18px; padding-right: 20px; line-height: 15px;}
.layTopBottom > i.current{ background:url(../images/casePower.png) no-repeat left top; }
.layTopBottom > a{
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 85px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #3a98ed;
	color: #3a98ed;
	background: #ffffff;
	margin-right: 10px;
} 

/*日历框样式*/
.detailTipBox{
	width:340px;
	border:1px solid #ccc;
	box-shadow: 3px 2px 5px #ccc;
	position: absolute;
	background: #fff;
	padding-top: 6px;
	
}
.detailTipBox .detailBox-title{
	font-size:14px;
	color:#0099cc;
	text-align:center;
}
.detailTipBox .detailBox-con{
	line-height:2;
}
.detailTipBox .detailBox-con li{
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	margin-bottom:-1px;
}
.detailTipBox .className{
	font-size:14px;
	font-weight:bold;
}
.curDayColor{
	background:#3A98ED;
	border-radius:3px;
}
.whiteTxt{
	color: #fff;
}




.loadingBox{
    text-align: center; padding:25px 20px;
}
.loadingBox span{
    width: 150px;
    padding-left: 30px;
    margin: 0 auto;
    font-size: 14px;
    color: #999999;
    background: url(../images/grey-loading.gif) no-repeat left center;
}