@import "public.css";


.leftBar .pos{padding: 30px 0; font-size: 16px; background: url("../images/bak2.png") no-repeat; text-align: center; color: #fff; font-weight: bold; background-size:300px auto;}
.leftBar .leftNav{text-align: center;}
.leftBar .leftNav li{ padding: 10px 0; border-bottom: 1px solid #eee;}
.leftBar .leftNav li:last-child{border:0;}
.leftBar .leftNav li a{color: #666;}

/***
stuNav
***/
.stuNav{margin-bottom: 20px; width: 100%;}
.stuNav li{background: #fff; margin-bottom: 20px; border-radius: 3px 3px 0 0; overflow: hidden;}
.stuNav li .hideBox a{display: block; text-align: center; line-height: 40px; border-bottom: 1px solid #f1f1f1;}
.stuNav li .hideBox a.curr{background: #f7f7f7;color: #4cc2ea;}
.stuNav li .hideBox a:hover{background: #f7f7f7}
.stuNav li .hideBox a:last-child{border:0;}
.stuNav li span{display: block; text-align: center; font-weight: bold; background: #4cc2ea;color: #fff; line-height: 50px;}



/***
rightBar
****/
.rightBar{ padding: 20px; background:#fff;border-radius: 3px;}
.rightBar .pos{ background: url("../images/posIcon.jpg") no-repeat -1px -1px; border-bottom: 1px solid #ccc;opacity: 0.5;  background-size: 20px auto; padding-left: 20px; padding-bottom: 5px; color: #ccc;}
.rightBar .pos a{color: #000;}
.rightBar .pos em{margin: 0 10px;}

/***
�����γ�
***/
.fbkc{width: 550px; margin:20px auto 50px;  border-radius: 3px; box-shadow: 0 0 5px #ccc; }
.fbkc .secondTit{ border-bottom: 1px solid #ccc;font-weight: bold;  margin: 80px auto 40px;width: 400px; position: relative; }
.fbkc .secondTit:first-child{margin-top: 20px;}
.fbkc .secondTit span{display:block; width: 120px;color: #333; left: 50%; margin-left: -60px; background: #fff; top:-10px; text-align: center; position: absolute;}

.fbkc .tit{overflow: hidden;}
.courseType{overflow: hidden;}
.courseType a{display: block; width: 80px; height: 80px; border-radius: 50%; border:1px solid #ccc; font-size: 12px; text-align: center; line-height: 80px; margin:0 auto; color: #666;}
.courseType a.curr{border:1px solid transparent; color: #fff; background: #4cc2ea;}
.fbkc .tit li{width:50%; border-right: 1px solid #eee;font-weight: bold; text-align: center;cursor: pointer; box-sizing: border-box; line-height:45px; float: left;  color: #ccc; background:url("../images/navBak.png") repeat-x #fefefe    ; }
.fbkc .tit li:last-child{border: 0;}
.fbkc .tit li.curr{color:#4cc2ea;background: #fff; }
.fbkc .con{ padding:30px 50px;}
.fbkc .con li{display: none; padding-bottom:20px;}
.fbkc .con .weekBox a{display: inline-block;color: #999;margin-bottom: 10px; margin-right: 30px; padding: 7px  30px 7px 10px; background: url("../images/chooseIcon.png") 52px 10px no-repeat; background-size: 30px auto; border:1px solid #aaa; font-size:12px; border-radius: 3px;}
.fbkc .con .weekBox a.curr{border:1px solid #4cc2ea; color: #4cc2ea;background: url("../images/chooseIcon.png") 52px -11px no-repeat; background-size: 30px auto;}
.fbkc .courseTab{width: 200px; margin: 20px auto;}
.fbkc .courseTab li{display: none;}
.fbkc .courseTab input[type='text']{display: block; float: none;width: 200px; padding: 5px; height: 24px; border-radius: 3px; border:1px solid #ccc;}
.fbkc .courseTab span{display: block; color: #999; font-size: 12px; margin: 20px 0 5px;}
.fbkc .courseTab .fbBtn{width: 210px !important;}

.dateTimeBox{ float: left; width: 170px; text-align: center;}
.dateTimeBox input{width: 50px; text-align: center; border-radius: 3px; border:1px solid #ccc; color: #999; line-height:30px; }
.fbkc .con .endTime span{display: block;width: 100px; text-align: center; float: left; line-height: 30px;color: #999;}
.fbkc .con  .timeChoose{color: #999;float: left;cursor: pointer;width: 153px; background: url("../images/dateIcon.png") right no-repeat; padding-right: 20px; text-align: center;  line-height: 30px;border-radius: 3px; border:1px solid #ccc; }
.fbkc .con .fbBtn{display: block; margin: 50px auto 20px; background: #4cc2ea;color: #fff; width: 200px; height:50px;border:0; cursor: pointer; }
.fbkc .con .fbBtn:hover{background: #49bbe2;}

/***
��������
***/
.grzlBox{width: 400px; margin:  auto;}
.grzlBox .txBox{width: 120px; height:120px; margin: 30px auto 10px;  position: relative; padding: 10px; box-sizing: content-box; background: #fff; border:1px solid #eee;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);}
.grzlBox .txBox .changeBtn{position: absolute; bottom:-1px; right: -1px;display: block; width:26px; height: 26px; z-index: 101;background: url("../images/edit_page.png") no-repeat 5px 5px rgba(255, 255, 255, 0.7); background-size: 20px auto;filter:alpha(opacity=70); /*IE�˾���͸����50%*/  -moz-opacity:0.7; /*Firefox˽�У�͸����50%*/  opacity:0.7;/*����͸����50%*/ border:1px solid #ddd;}
.grzlBox .txBox img{display: block; width: 120px;}
.grzlBox .txBox img.tx-mask{position: absolute; top:10px; left: 10px;z-index: 100;}
.grzlBox table tr{line-height:50px;}

.grzlBox h3{ font-weight: bold; font-size: 15px; margin: 40px 0 20px; border-bottom: 1px solid #ccc; text-align: center; line-height: 0px;}
.grzlBox h3 span{background: #fff; padding: 0 20px;}
.grzlBox .nameBox{text-align: center; color: #999;}
.grzlBox .nameBox span em{margin-left: 10px; color: #4cc2ea; font-weight: bold;}
.grzlBox table tr td span{ float: right; margin-right: 20px; color: #999;}
.grzlBox table em{margin-right:5px; margin-left: 30px;color: #999; }
.grzlBox input[type='text'],.grzlBox input[type='password'] {width:200px; display: block; line-height: 24px; padding: 3px; border-radius: 3px ;border: 1px solid #ccc;}
.grzlBox .xgBtn{border:0; width: 120px; height: 40px;cursor: pointer; border-radius: 3px; color: #fff; background: #4cc2ea; margin: 20px auto; display: block;}

.grzlBox #city select{width: 97px;color: #999; height: 30px; border:1px solid #ccc; margin-right: 10px; border-radius: 3px; background: url("../images/dateIcon.png") no-repeat 50px 6px}




.pubWrap .pubTit{font-size: 14px; font-weight: bold; line-height: 0; border-bottom: 1px solid #eee; text-align: center; margin: 30px auto ; width: 60%;   }
.pubWrap .pubTit span{padding: 0 20px; background: #fff;}


/***ͨ��table***/
.comTab{text-align: center; line-height: 45px;font-size: 13px;  border-collapse:collapse;border-spacing:0; }
.comTab tr:nth-child(odd){background: #f8f8f8;}
.comTab tr th{background:#eee; border: 1px solid #ddd;text-align: center; border-bottom: 0; padding: 0 10px; line-height: 40px; }
.comTab tr td{border:1px solid #f1f1f1;}
.comTab tr td a{text-decoration: underline;}


/****
ѡ��༶��ѧ��
*****/
.chooseBoxnav {overflow: hidden; }
.chooseBoxnav a{display: block;overflow: hidden;box-sizing: content-box; float: left;width: 150px; height: 130px; padding: 15px; text-align: center; border:1px solid #ddd; margin: 0 37px 30px;}
.chooseBoxnav a span{display: block; height: 50px;color: #222; line-height: 45px; font-size: 18px; border-bottom: 1px solid #eee; }
.chooseBoxnav a em{ line-height: 30px; color: #999;display: block; font-size: 14px; text-align:left;}
.chooseBoxnav a em:last-child{font-size: 10px;}
.chooseBoxnav a:hover{background: #f7f7f7; text-decoration: none;}


/****
��Ű༶��Ϣ
****/

.classInfo{text-align: center; border:1px solid #999; width: 240px; margin: 30px auto 20px; padding: 25px 0; position: relative;}
.classInfo dt{font-size: 18px; margin: -38px auto 20px; background: #fff; width: 160px; }
.classInfo dd{font-size: 14px; color: #666; margin-bottom: 5px;}
.classInfo .qhBtn{display: block;width:20px; height: 20px; background:url("../images/qhIcon.png") no-repeat 0 0; background-size: 20px auto;   position: absolute; bottom: 5px; right: 5px;opacity:0.7 }



.table-center th,.table-center td,.table-center{text-align: center;}
.table-small{font-size: 13px;}
.table tr.end{color:#333333;line-height: 30px;}
.table tr.end td{color:#666666;}
.table tr td .sc{color: #f00;}
.addCourse{display: block;width: 26px;height: 26px; line-height: 20px; color: #999; font-size: 26px; text-align: center; float: right; margin: 5px 0; border:1px solid #ccc;border-radius: 3px;}
.addCourse:hover{text-decoration: none;}

.table tr td  .zt{display:inline-block; line-height: 30px; width: 70px; border-radius: 3px; color: #fff; text-decoration: none;}
.table tr td  .zt.ks{background: #4cc2ea;}
.table tr td  .zt.yjs{background:none; color: #333;}

.xgToggle{display: none;}
table tr:first-child .xgToggle{display: block;}
/****
������ӿγ�
****/
.table .date{position: relative;}
.table  .date .dateChoose{position: absolute; border:0; right: 0;bottom: 0; display: block;width:20px; height: 20px;color: transparent; cursor: pointer; background: url("../images/edit_page.png") no-repeat 3px 3px; background-size: 16px auto;opacity:0.5 }
.table  .date .dateChoose:hover{opacity:1}
.table  .date .dateChoose:focus{border:0; outline: none;}

/****
ѧ�����
****/
.qingjia{color: #f00;}
.qingjia.pass{color: #4cc464;}


/***
�γ̱�
***/

.scheBox{overflow: hidden; font-size: 12px; margin: 20px auto; }
.scheBox .weeks{width: 131px; box-sizing: border-box; float: left;}
.scheBox .weeks .weektit{background: #4cc2ea;color: #fff; text-align: center; padding:15px 0; width:132px;}
.scheBox .weeks .weektit span{display: block; font-size: 14px; font-weight: bold;}
.scheBox .weeks .weektit em{display: block; color: rgba(255, 255, 255, 0.71);}
.scheBox .weeks:nth-child(odd) .weektit{background: #45bbdd !important;}

.scheBox .weeks ul li .deleteBtn{position: absolute; width: 10px; height: 10px ;display: block; background:url("../images/popclose.png") ;left: 3px; top:6px; background-size: 30px auto;filter:alpha(opacity=40); /*IE�˾���͸����50%*/  -moz-opacity:0.4; /*Firefox˽�У�͸����50%*/  opacity:0.4 ;}
.scheBox .weeks ul li .deleteBtn:hover{filter:alpha(opacity=100); /*IE�˾���͸����50%*/  -moz-opacity:1; /*Firefox˽�У�͸����50%*/  opacity:1 ;}
.scheBox .weeks ul li{ border: 1px solid  #ddd; margin-right: -1px;  margin-top: -1px; padding: 30px 5px 30px 5px; text-align: center; position: relative; }
.scheBox .weeks ul li.ykk{ background: url("../images/ykkicon.png") no-repeat  40px -18px; background-size:110px auto; }
.scheBox .weeks ul li span{display: block;}
.scheBox .weeks ul li span.time{font-size: 14px; color: #999;}
.scheBox .weeks ul li span.tit{ margin:10px 0;font-size: 16px;}
.scheBox .weeks ul li span.zhuangtai{color: #666;font-size: 13px;}
.scheBox .weeks ul li span.startend{color: #ccc;  margin-top: 10px;}


/******
VIPѧ�����
*****/
.jiluTab .czBtn{text-decoration: none !important; border:1px solid #ccc;line-height: 18px; padding: 3px 10px; border-radius: 3px; display: inline-block; margin: 0 10px; }
.jiluTab .czBtn:hover{background: #4cc2ea; color: #fff; border:1px solid transparent;}

.jiluTab .keshi em{color: #72c474;}
/***
�����
****/
.jiluTab .daoke{color: #72c474; margin-right: 20px;}
.jiluTab .kuangke{color: #ff0000; margin-right: 20px;}



/**
������
**/

.comTab.levetest .cjxg{color: #72c474;}
.comTab.levetest .cjpg{color: #f00;}
.chooseleve{overflow: hidden;}
.chooseleve a{width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; display: block; float: left; border:1px solid #ccc; font-size: 12px; margin-left: 8px;}
.chooseleve a.curr{background: #4cc2ea; color: #fff; border: 1px solid transparent;}
.chooseleve a.wks{filter:alpha(opacity=3); /*IE�˾���͸����50%*/  -moz-opacity:0.3; /*Firefox˽�У�͸����50%*/  opacity:0.3;/*����͸����50%*/}

.keguanti tr td:last-child{color: #72c474;}


.zhuguanti span{margin: 0 5px; color: #666}
.zhuguanti span em{color: #4cc2ea; margin-left: 3px;}
.zhuguanti audio{display: block; width: 200px;  margin:auto; }
.zhuguanti input{width: 60px; line-height: 45px; text-align: center; border:0; font-size: 14px;}
.zhuguanti input.notture{color: #ccc; background: #eee;}
.zhuguantiBtn{display: block;width: 200px; height: 40px; margin: 30px auto 80px; }


.beizhuBox{ line-height: 20px; color: #666; position: relative;}
.beizhuBox a{display: block; width: 20px; height:20px;  text-decoration: none !important; font-size: 20px; color: #999; text-align: center;position: absolute; right: 0; bottom:0;}
/**** 分页样式 ****/
.pagebar{
	text-align:center;
	margin-top: 5px;
	overflow:hidden;
	line-height:30px;
}
.pagebar .num{
	border:1px solid #ddd;
	padding:3px 9px;
	background:#eee;
	margin-right:3px;
	text-decoration:none;
}
.pagebar a:hover{
	background:#DD514C;
	color:#fff;
	border:1px solid #DD514C;
}
.pagebar .current{
	border:none;
	padding:3px 8px;
	margin-right:3px;
}
.pagebar .prev{
	border:1px solid #ddd;
	padding:3px 9px;
	background:#eee;
	margin-right:3px;
	text-decoration:none;
}
.pagebar .next{
	border:1px solid #ddd;
	padding:3px 9px;
	background:#eee;
	margin-right:3px;
	text-decoration:none;
}
.pagebar .first,.pagebar .end{
	border:1px solid #ddd;
	padding:3px 9px;
	background:#eee;
	margin-right:3px;
	text-decoration:none;
}
/**** 分页样式结束 ****/