/* CSS Document */
body {
	font-family: "微软雅黑";
}
div,ul,li,a,p,span,h2,h3,h4,h5,img {
	margin: 0;
	padding: 0; 
}
img {
	border: 0;
}
li {
	list-style: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
input {
	border: 0;
}
.blue {
	color: #0BBAF4;
	font-size: 16px;
}
.green {
	color: #7acc5a;
	font-size: 14px;
}
.blue-btn {
	background: #0bbaf4;
}
.blue-btn:hover {
	background: #58caf0;
}
.green-btn {
	background: #7acc5a;
}
.green-btn:hover {
	background: #0C0;
}
.course-bg {
	background: #f5f9fb;
	font-family: "微软雅黑";
}
/*课程头部*/
.header {
	width: 100%;
	min-width: 1200px;
	height: 60px;
	background: #242d37;
}
.logo {
	padding-left: 20px;
	height: 60px;
}
.logo a {
	height: 60px;
	line-height: 60px;
	float: left;
	padding-left: 50px;
	padding-right: 40px;
	font-size: 24px;
	color: #fff;
	background: url(../images/logo.png) no-repeat 0px center;
}
.logo a:hover, .user-nav li a:hover {
	text-decoration: none;
}
.bar li {
	height: 60px;
	font-size: 16px;
	float: left;
	background: #242d37;
}
.bar li a {
	line-height: 60px;
	text-align: center;
	padding: 0 20px;
	color: #fff;
}
.bar .active, .bar li a:hover, .bar li a:focus {
	background: #45525f;
}
.user-nav {
	height: 60px;
	background: #242d37;
	margin-right: 20px;
}
.user-nav li {
	float: left;
}
.user-nav li a {
	line-height: 20px;
	float: left;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 0 20px;
}
.user-nav .user a {
	line-height: 60px;
	float: left;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 0 20px;
}
.user-nav .insert a {
	line-height: 32px;
	margin-top: 16px;
	color: #fff;
}

.wrap { 
    width:350px; 
    position:relative; 
    margin-top: 5px;
    margin-left: 74%; 
    background:#fff;
    border: 1px solid #ddd;}
.arrow { 
	width:0; 
	height:0; 
	position:absolute; 
	left:59%; 
	margin-left:-17px; 
	top:-32px; 
	font-size:0; 
	border-width:16px; 
	border-color:transparent transparent #eee; 
	border-style:dashed dashed solid; 
	}

/*.noti-pop-hd {
  border-bottom: 1px solid #eee;
  padding: 0 10px;
  font-size: 12px;
  line-height: 30px;
}
.noti-pop-hd-hd {
  border-bottom: 1px solid #eee;
  padding: 0 10px;
  font-size: 12px;
  line-height: 30px;
}
.noti-pop-hd-d {
  border-bottom: 1px solid #eee;
  padding: 0 10px;
  font-size: 12px;
  line-height: 30px;
}*/
.user-nav .user .name {
	padding-left: 0;
	padding-right: 40px;
	background: url(../images/peison.png) right center no-repeat;
	/*解决登录用户名太短的情况下, 弹出层右边会超出,导致有横向滚动条start*/
	box-sizing: border-box;
  	min-width: 96px;
  	/*end*/
}
.user-nav li .msg {
	display: block;
	top: 30px;
	right: 140px;
	height: 15px;
	line-height: 16px;
	position: absolute;
	padding: 0px 3px;
	background: #e00909;
	color: #fff;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.user-nav .message a {
	width: 80px;
	height: 60px;
	line-height: 60px;
	background: url(../images/message.png) no-repeat center center;
}
/**@author  laifl*/
span.num{  
    background-color: #f00;  
    background-image: -webkit-linear-gradient(top, #f00, #600); /* Chrome 10+, Saf5.1+, iOS 5+ */  
    background-image:    -moz-linear-gradient(top, #f00, #600); /* FF3.6+ */  
    background-image:     -ms-linear-gradient(top, #f00, #600); /* IE10 */  
    background-image:      -o-linear-gradient(top, #f00, #600); /* Opera 11.10+ */    
    color:#fff;  
    font-family:Verdana;  
    font-weight:normal;  
    padding:0px 5px;  
    border:3px solid #fff;  
    border-radius:15px;  
    position:absolute;  
    margin-top:0px;  
    margin-left:-10px;  
    box-shadow: 0 2px 3px 0px rgba(0,0,0,1);  
    text-shadow: -1px -1px 0 #000;  
} 
.menu {
	min-width: 100px;
	padding: 0;
	background: url(../images/up.png) top right no-repeat;
}
.menu li a {
	height: 40px;
	line-height: 40px;
}
.menu li .set_ico {
	color: #666;
	padding: 0 14px 0 30px;
	border-bottom: 1px dotted #e0e4e7;
	background: url(../images/icon_set.png) 10px center no-repeat #f5f9fb;
}
.menu li .quit_ico {
	color: #ff010d;
	padding: 0 14px 0 30px;
	background: url(../images/icon_exit.png) 10px center no-repeat #f5f9fb;
}
.menu li .set_ico:hover {
	background: url(../images/icon_set.png) 10px center no-repeat #fff;
}
.menu li .quit_ico:hover {
	background: url(../images/icon_exit.png) 10px center no-repeat #fff;
}
.main, .footer {
	margin: 0 auto;
}
.main {
	padding: 0 10px;
}
.school {
	width: 100%;
	padding: 20px 0;
}
.school h2 {
	line-height: 30px;
	padding-left: 30px;
	font-size: 22px;
	color: #46505b;
	background: url(../images/icon_school.png) 0px center no-repeat;
}
.search { margin: 0; border-color: #0bbaf4; position: relative;}
.search input {
	height: 30px;
	line-height: 30px;
	padding: 0 20px 0 10px;
	background: #fff;
	border: 2px solid #0bbaf4;
}
.search .btn-search {
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/icon_search.png) center center no-repeat;
	z-index: 2;
}
/*课程分类模块*/
.course-sort {
	width: 100%;
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #e0e4e7;
	margin-bottom: 15px;
}
.course-sort span {
	float: left;
	line-height: 50px;
	padding: 0 10px 0 20px;
	color: #797979;
}
.course-nav li {
	height: 50px;
	float: left;
}
.course-nav li a {
	font-weight: bold;
	line-height: 48px;
	float: left;
	padding: 0 20px;
	color: #797979;
}
.course-nav li a:hover, .nav-tab li a:hover {
	background: none;
	color: #0bbaf4;
}
.course-nav .active a, .nav-tab .active a {
	color: #0bbaf4;
	border-bottom: 2px solid #0bbaf4;
}
/*课程分类具体内容*/
.course-list {
	padding-bottom: 60px;
}
.course-item { 
	margin: 0; 
	padding: 0;
}
.course-item li {
	float: left;
	padding-left: 32px;
	padding-right: 32px;
	margin-bottom: 30px;
}
.course-item li:hover {
	-webkit-box-shadow: 1px 0px 2px #ccc,-1px 0 2px #ccc;
	-moz-box-shadow: 1px 0px 2px #ccc,-1px 0 2px #ccc;
	box-shadow: 1px 0px 2px #ccc,-1px 0 2px #ccc;
}
.course-item li a:hover { 
	text-decoration: none; 
}
.course-item .course-list-img {
	width: 240px;
	position: relative;
}
.course-item .course-list-img {
	width: 240px;
	height: auto;
	padding-top: 10px;
	max-height: 135px;
	margin-bottom: 30px;
	overflow: hidden;
}
.course-item .course-list-img img {
	width: 240px;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
.course-item  li h5 {
	max-width: 240px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
}

h5 a{cursor: default;}
.course-item .tips {
	height: auto;
	font-size: 12px;
	padding-bottom: 30px;
}
.course-item .introduce {
	color: #999;
	padding-bottom: 15px;
}
.course-item .tips span {
	color: #646565;
}
.course-item  li h5, .course-item .tips {
	text-align: left;
}
.num {
	margin-right: 80px;
}
.learn {
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
	background: #fe7328;
}
.nolist {
	height: 500px;
}
/*分页*/
.pageNavUl select{
	height:30px;
}
.page li {
	float: left;
	font-size: 12px;
	color: #666;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
}
.page li a {
	float: left;
	color: #666;
	padding: 0 12px;
	background: #f3f6f9;
	border: 1px solid #e1e6f1;
}
.page .over a {
	background: #fff;
}
.page .active a, .page li a:hover {
	border-color: #0bbaf4;
	background: #fff;
	text-decoration: none;
}
.page select {
	height: 32px;
	line-height: 32px;
	padding: 4px;
	border-color: #0bbaf4; 
}
/*课程介绍*/
.next {
	height: 50px;
	line-height: 50px;
}
.next a {
	color: #666;
}
.next span {
	color: #b0b1b2;
}
.next a, .next span {
	padding: 0 5px;
}
.course-name {
	width: 100%;
	height: 135px;
	background: #48525f;
}
.ban li {
	width: 15%;
}
.ban li, .ban li a{
	float: left;
	height: 135px;
}
.ban li a {
	width: 100%;
	padding-top: 20px;
	color: #fff;
	text-align: center;
}
.ban .ban-img {
	width: 25%;
}
.ban .ban-name {
	width: 30%;
}
.ban .ban-img a {
	padding: 0;
	text-align: left;
}
.ban .ban-stu a, .ban .ban-time a{
	background: #515b67;
}
.ban .ban-time {
	border-right: 1px solid #5a636f;
}
.ban .ban-talk a {
	background: #fe7328;
}
.ban li a:hover {
	text-decoration: none;
}
.ban li a strong {
	font-size: 24px;
}
.ban li a span {
	display: block;
	font-size: 18px;
	margin-bottom: 12px;
}
.ban li a .down {
	font-size: 14px;
	color: #b8b9b9;
}
.content {
	margin: 20px 0;
	float: left;
	width: 100%;
}
/*课程介绍左侧*/
.course-intro {
	width: 100%;
	margin-right: -300px;
}
.course-warrper {
	background: #fff;
	padding: 15px;
	border: 1px solid #edf0f2;
}
.warrper {
	margin-right: 300px;
}
.con {
	margin-bottom: 20px;
}
.con h3 {
	margin-top: 0;
	font-size: 18px;
	color: #333;
	padding: 5px 0;
}
.outline {
	margin-bottom: 20px;
}
.outline li {
	font-size: 12px;
	color: #666;
	padding: 5px 0 5px 50px;
}
.outline .first {
	font-size: 16px;
}
.outline h5 {
	font-size: 18px;
	color: #666;
	padding-left: 50px;
	margin-top: 5px;
	height: 40px;
	line-height: 40px;
	background: url(../images/icon.png) no-repeat left center;
}
/*课程介绍右侧*/
.other-message {
	width: 280px;
}
.mess {
	width: 278px;
	border: 1px solid #edf0f2;
	background: #fff;
	padding: 0 10px;
	margin-bottom: 20px;
}
.mess h3 {
	margin-top: 0;
	font-size: 14px;
	color: #333;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e9f0f3;
	margin-bottom: 10px;
}
.con p, .mess p {
	margin-bottom: 15px;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.refer p {
	margin-bottom: 0;
}
.mess p img {
	float: left;
	margin-right: 5px;
}
.mess p span {
	padding: 5px 0;
	display: block;
	height: 35px;
	line-height: 35px;
}
.mess p .t-name {
	color: #218aec;
	font-size: 16px;
}
.mess .setout a {
	color: #0bbaf4;
	text-decoration: underline;
}
.mess .join {
	height: 40px;
	line-height: 40px;
}
.mess .join a {
	width: 100%;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.mess .join a:hover {
	text-decoration: none;
}
.share a {
	float: left;
	width: 80px;
	height: 48px;
	padding: 0px 12px;
}
.share-qzone {
	background: url(../images/qq.png) no-repeat center center;
}
.share-weixin {
	background: url(../images/weixin.png) no-repeat center center;
}
.share-weibo {
	background: url(../images/weibo.png) no-repeat center center;
}
/*学习中心*/
.learning {
	background: #fff;
	height: 50px;
	border-bottom: 1px solid #e0e4e7;
	margin-bottom: 12px;
}
.learning li, .learning li a{
	float: left;
}
.learning li {
	padding: 10px 15px;
}
.learning .active a {
	background: #f4940b;
	color: #fff;
}
.learning a {
	font-size: 14px;
	color: #666;
	padding: 5px 20px;
}
.learning a:hover {
	text-decoration: none;
}
.course-tool-bar {
	background: #fff;
	border: 1px solid #edf0f2;
	padding: 10px 20px;
}
.course-tool-bar .tab-con {
	margin-top: 10px;
}
.nav-tab {
	border-bottom: 1px solid #e9f0f3;
}
.nav-tab li {
	float: left;
}
.nav-tab li a {
	padding-left: 40px;
	padding-right: 40px;
	color: #333;
}
.nav-tab li a:hover {
	background: none;
	color: #0bbaf4;
}
.nav-tab .active a {
	color: #0bbaf4;
	border-bottom: 2px solid #0bbaf4;
}
.tab-con {
	padding-bottom: 20px;
}
.tab-con li {
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px solid #e9f0f3;
}
.ta-img img {
	max-width: 100%;
	height: auto;
}
.ta-con {
	margin-left: 0px;
}
.ta-title {
	color: #333;
	margin-bottom: 50px;
}
.ta-title h4 {
	font-size: 18px;
}
.ta-title h4 span {
	padding-left: 5px;
	font-size: 12px;
}
.progress-time {
	font-size: 14px;
	color: #666;
	padding-bottom: 10px;
}
.progress-time span {
	font-size: 16px;
	padding: 0 20px 0px 10px;
	height: 30px;
	line-height: 30px;
}
.progress {
	float: left;
	width: 100%;
	height: 10px;
	line-height: 10px;
	border-radius: 0;
	margin-bottom: 0;
}
.progress .bar {
	height: 100%;
	background: #7acc5a;
}
.btn-again, .btn-begin {
	margin-top: 15px;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
.white {
	height: 400px;
	background: #fff;
}
.side-time {
	height: 87px;
	background: url(../images/time_bg.png) no-repeat top center #fff;
}
.date {
	padding:15px 20px;
}
.score {
	padding: 5px 20px 0 0;
}
.date p {
	font-size: 12px;
	color:#666; 
}
.date .good {
	color: #0bbaf4;
	font-size: 14px;
	padding-bottom: 20px;
}
.score .number {
	font-size: 36px;
	color: #f4c00b;
}

.side span {
	display: block;
	font-size: 12px;
	color: #333;
}
.score span {
	text-align: center;
	color: #fff;
}
.list {
	width: 100%;	
}
.list li {
	border: 1px solid #e9f0f3;
	float: left;
	width: 50%;
	background: #fff;
}
.list li a {
	width: 100%;
	text-align: center;
	float: left;
	padding: 15px 0;
}
.list li a:hover {
	text-decoration: none;
}
.list span {
	padding: 5px 0;
}
.list .red {
	color: #F00;
	font-size: 16px;
}

/*底部*/
.footer {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #212122;
}
.footer span {
	color: #6a6a72;
	font-size: 12px;
}
.foot {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #212122;
}
.foot span, .footer span {
	color: #6a6a72;
	font-size: 12px;
}
.followus, .share {
	height: 60px;
	line-height: 60px;
}
.followus a {
	float: left;
	width: 24px;
	height: 60px;
	padding: 0px 25px;
}
.follow-qzone {
	background: url(../images/icon_qq.png) no-repeat center center;
}
.follow-weixin {
	background: url(../images/icon_wx.png) no-repeat center center;
}
.follow-weibo {
	background: url(../images/icon_wb.png) no-repeat center center;
}
/*视频头部*/
.video-bg {
	background: #373e41;
}
.video-name {
	line-height: 60px;
	font-size: 14px;
	color: #ddd;
	padding-left: 20px;
}
.video-msg li {
	float: left;
	padding-left: 40px;
	line-height: 60px;
	color: #7b8591;
}
.video-msg span {
	padding-left: 5px;
}
.con-video {
	padding: 0;
	position: relative;
}
.video {
	margin: 0;
	margin-top: 60px;
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 100%;
	height: 100%;
	position: relative;
	padding-bottom:120px;
	margin-bottom:-120px;
}
/*视频左侧+右侧*/
.left-list, .right-list {
	width: 250px;
	height: 100%;
	position: absolute;
	background: #2c3235;
	padding-bottom:1000px;
	margin-bottom:-1000px;
}
.left-list {
	left: 0;
	padding-right: 0
}
.right-list {
	padding-right: 0;
	right: 0px;
}
.btn-side {
	width: 10px;
	height: 60px;
	line-height: 60px;
	background: #2c3235;
	top: 300px;
	position: absolute;
}
.btn-left {
	left: 100%;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
}
.btn-right {
	right: 100%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.btn-side .side-left, .btn-side .side-right {
	float: left;
	width: 10px;
	height: 60px;
}
.btn-side .side-left {
	background: url(../images/left.png) center center no-repeat;
}
.btn-side .side-right {
	background: url(../images/right.png) center center no-repeat;
}
.left-list h3 {
	font-size: 14px;
	color: #ddd;
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 15px;
	border-bottom: 1px solid #1c2123;
}
.left-title {
	height: 100%;
	border-top: 1px solid #373c3f;
}
.title-list h5 {
	font-size: 14px;
	color: #bec1c3;
	height: 38px;
	line-height: 38px;
	margin-top: 15px;
	padding-left: 40px;
	background: url(../images/big_quan.png) 11px bottom no-repeat;
}
.title-list li {
	height: 29px;	
}
.title-list li div {
	float: left;
	width: 160px;
	max-width: 160px;
	overflow: hidden;
	height: 29px;
	padding-right: 20px;
}
.title-list a{
	
	color: #747e82;
} 
.title-list li a {
	display: inline-block;
	font-size: 12px;
	width: 160px;
	max-width: 160px;
	color: #747e82;
	height: 29px;
	line-height: 29px;
	padding-left: 40px;
	background: url(../images/quan.png) 15px center no-repeat;
}
.title-list li a:hover, .title-list li a:focus {
	color: #0bbaf4;
	text-decoration: none;
}
.title-list .active a {
	color: #0bbaf4;
	background: url(../images/quan_active.png) 15px center no-repeat;
}
.title-list li a span {
	display: inline-block;
}
.left-scroll {
	margin-right: 0;
	width: 3px;
	height: 100%;
	padding-bottom: 955px;
	margin-bottom: -955px;
	background: #191a1a;
	border-right: 1px solid #2a2f32;
}
.scroll {
	display: inline-block;
	width: 5px;
	height: 65px;
	position: relative;
	left: -2px;
	background: #4ca12c;
	cursor: pointer;
}
.note-tab {
	margin-right: 15px;
	border-bottom: 1px solid #1c2123;
}
.note-tab li {
	height: 45px;
	margin-left: 20px;
	float: left;
}
.note-tab li a {
	color: #7b8591;
	padding: 0 10px;
	line-height: 43px;
}
.note-tab li a:hover, .note-tab li a:focus{
	color: #0bbaf4;
	background: none;
}
.note-tab .active a {
	color: #0bbaf4;
	border-bottom: 2px solid #46afbc;
}
.note-insert, .video-note-insert {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #373c3f;
}
.note-insert {
	border-bottom: 1px solid #1c2123;
}
.note-insert .text, .video-note-insert .textarea {
	height: 82px;
	border: none;
	outline: none;
	background: #1c2123;
	padding: 5px;
	font-size: 12px;
}
.note-text  {
	width: 85%;
}
.note-insert .text, .video-note-insert .textarea {
	width: 98%;
}
.video-save {
	width: 100px;
}
.note-insert .text:focus, .video-note-insert .textarea:focus {
	color: #747e82;
	background: ##242d37;
}
.save {
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
}
.save span {
	font-size: 12px;
	color: #666;
}
.btn-save {
	padding: 5px 10px;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
}
.btn-save:hover {
	color: #fff;
}
.btn-blue, .btn-green {
	width: 100%;
	margin-bottom: 20px;
}
.note-con {
	border-top: 1px solid #373c3f;
}
.note-list {
	padding-top: 10px;
}
.note-list span {
	color: #666;
	padding-left: 20px;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../images/clock.png) left center no-repeat;
}
.note-list p {
	font-size: 12px;
	color: #747e82;
	line-height: 20px;
	padding: 10px;
	background: #343c40;
	margin-bottom: 15px;
}
.note-list .tan {
	height: 10px;
	background: url(../images/tan.png) 10px no-repeat;
}
.tab-cntent-left {
	width: 95%;
}

.title-list li.task {
	padding-left: 22px;
}
/*互动 start*/
.interact-tab {
	width: 148px;
	margin: 10px auto 0;
}
.interact-tab li {
	float: left;
}
.interact-tab li a {
	font-size: 12px;
	color: #7b8591;
	background: #373e41;
	padding: 6px 25px;
}
.interact-tab li a:hover {
	color: #3478a7;
	background: #373e41;
}
.interact-tab .active a, .interact-tab .active a:hover, .interact-tab li a:focus {
	background: #1c2123;
	color: #3478a7;
}
.note-list .clock_btn {
	color: #666;
	padding-left: 25px;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../images/interact_btn.png) left center no-repeat;
}
.note-list .clock_btn:hover {
	text-decoration: none;
	opacity: 0.8;
}
.note-list ul {
	font-size: 12px;
	color: #747e82;
	background: #343c40;
	padding: 10px;
}
.note-list .pratice-list li {
	line-height: 20px;
	padding-left: 20px;
}
.note-list .interact_right {
	background: url(../images/interact_right.png) top left no-repeat;
}
.note-list .interact_green {
	color: #68a853;
}
/*互动 end*/
/*视频备课页 start*/
.interact-head {
	padding: 15px 15px 15px 0;
	margin-right: 15px;
	border-bottom: 1px solid #1c2123;
}
.interact-title {
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #7b8591;
}
.interact-head a {
	font-size: 12px;
	color: #0bbaf4;
	padding-left: 15px;
}
.interact-head a:hover {
	color: #747e82; 
	text-decoration: none;
}
.inte {
	border-top: 1px solid #373c3f;
	border-bottom: 1px solid #1c2123;
	padding-bottom: 15px;
}
.interact-save {
	
}
.manage, .interact-save {
	display: none;
	font-size: 12px;
	color: #fff;
	padding: 3px 10px;
}
.manage:hover, .interact-save:hover {
	color: #fff;
	text-decoration: none;
	background: #58caf0;
}
.interact-list {
	border-bottom: 2px solid #282d30;
}
.interact-list li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.interact-list li p {
	height: 20px;
	overflow: hidden;
	width: 150px;
	padding: 0;
	margin: 0;
}
.edit_del a {
	padding-left: 5px;
}
.count {
	display: none;
	height: 20px;
	width: 20px;
	text-align: center;
	font-size: 12px;
	background: #2c3235;
	color: #747e82;
} 
/*视频备课页 end*/
/*视频中间部分*/
.middle {
	float: left;
	margin-left: 260px;
	margin-right: 260px;
	padding: 0 10px;
}
.mid-head {
	width: 100%;
	padding-left: 33.3%;
}
.mid-head li {
	float: left;
	padding: 10px 15px;
}
.mid-head li a {
	font-size: 14px;
	float: left;
	padding: 5px 15px;
	color: #7b8591;
}
.mid-head li a:hover, .mid-head li a:focus{
	color: #fff;
	text-decoration: none;
}
.mid-head .active a ,.mid-head .top-sel-li a{
	color: #fff;
	background: #f4940b;
}
.mid-nav {
	height: 10px;
}
.mid-nav li {
	width: 33.2%;
	float: left;
}
.mid-nav li a {
	float: left;
	width: 100%;
	height: 10px;
	line-height: 10px;
	background: url(../images/ico_left.png) center center no-repeat #405867;
	border-right: 1px solid #373e41;
}
.mid-nav .active a {
	background: #46afbc;
}
.play {
	width: 100%;
	height: 470px;
	overflow: hidden;
	background: #242d37;
	color: #fff;
	text-align: center;
}
.video-play {
	padding-top: 80px;
}
.learn-over {
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	padding-left: 45px;
	color: #fff;
}
.learn-over img {
	padding-right: 10px;
}
.thenext {
	font-size: 18px;
	color:#577283;
	padding: 30px 0;
}
.operator a {
	display: inline-block;
	padding: 8px 20px;
	font-size: 18px;
	color: #fff;
	border: 1px solid #cbced0;
	margin-left: 20px;
}
.operator a:hover {
	color: #0bbaf4;
	text-decoration: none;
	background-color: #fff;
}
.operator .active {
	text-decoration: none;
	background: #0bbaf4;
	border: 1px solid #0bbaf4;
}
.operator .active:hover {
	color: #fff;
	background: #58caf0;
}
.video-nd {
	border-top: 1px solid #41484b;
}
.video-tab li {
	margin-left: 0;
}
/*视频练习弹框*/
.popo {
	/*position: absolute;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 360px;
	margin: -180px 0 0 -325px;*/
	font-family: "微软雅黑";
	background: #FFF;
	border: 1px solid #ddd;
}
.popo h3 {
	background: #3c8dbc;
	font-size: 12px;
	padding: 10px 15px 10px 20px;
	color: #fff;
}
.popo .exit {
	float: right;
	width: 12px;
	height: 12px;
	background: url(../images/exit.png) right center no-repeat;
}
.popo .single {
	font-size: 14px;
	color: #666;
	padding: 10px 20px;
	background: #f8f8f8;	
	border-bottom: 1px solid #ddd;
}
.popo .single span {
	font-size: 14px;
}
.theme {
	padding: 20px;
	color: #333;
	margin-bottom: 15px;
}
.theme h5 {
	padding: 8px 0;
}
.theme h5 span {
	padding: 0 8px;
}
.theme li,.item {
	padding: 8px 15px;
}
.theme li input {
	vertical-align: -2px;
	_vertical-align: -1px;
	margin-right: 4px;
}
.pop-btn {
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #ddd;
}
.btn-next, .btn-sub{
	color: #fff;
	margin: 0;
	width: 100px;
}
.btn-sub {
	margin-left: 30px;
}
/*成绩-视频中心*/
.back {
	color: #666;
	padding: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #E0E4E7;
}
.back .pre {
	height: 25px;
	padding-right: 10px;
	background: url(../images/abg.png) right center no-repeat;
}
.back .pre:hover {
	text-decoration: none;
	color: #666;
}
.back span {
	padding-left: 10px;
}
.score-item {
	padding: 40px;
	color: #666;
	background: #f8f8f8;
	margin-bottom: 10px;
}
.score-item li {
	float: left;
	height: 100px;
	line-height: 100px;
	margin-right: 40px;
}
.score-item .quan {
	width: 100px;
	text-align: center;
	background: url(../images/round.png) center center no-repeat;
}
.score-item strong {
	display: block;
	font-size: 30px;
	height: 80px;
	line-height: 80px;
}
.score-item .block {
	display: block;
	height: 40px;
	line-height: 40px;
	margin-top: -30px;
}
.score-item p {
	height: 50px;
	line-height: 50px;
}
.score-item p img {
	padding-right: 5px;
}
.score-item p span, table span {
	padding: 0 5px;
}
.score-item p .stu {
	padding-left: 20px;
}
.score-item .star1 {
	padding-left: 10px;
}
.pratice {
	border-bottom: 1px solid #E0E4E7;
}
.section {
	padding: 10px 0;
}
.heading {
	border-bottom: 1px solid #E0E4E7;
}
.heading .panel-heading {
	background: #f8f8f8;
}
.heading a {
	display: inline-block;
	color: #666;
	height: 23px;
	line-height: 23px;
	padding-left: 30px;
}
.sec1 {
	background: url(../images/icon_sub.png) 0 0 no-repeat;
}
.sec2 {
	background: url(../images/icon_add.png) left center no-repeat;
}
.table-list {
	padding: 0;
	padding-bottom: 15px;
	border-top: none;
}
.exercise table tr td {
	border-bottom: 1px solid #E0E4E7;
	height: 30px;
	line-height: 30px;
	color: #666;
	padding: 5px;
	font-weight: normal;
	text-align: center;
}
.firsttd {
	border-right: 1px solid #E0E4E7;
}
.exercise table a {
	padding-right: 10px;
	color: #0ea2d3;
}
.exercise table a:hover {
	color: #666;
	text-decoration: none;
}
.sel-list {
	margin: 20px 0 10px 0;
	padding-right: 20px;
	padding-bottom: 10px;
	border: 1px solid #E0E4E7;
}
.sel-head h5 {
	background: #7acc5a;
	color: #fff;
	padding: 10px 20px;
}
.collect a, .collectover a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-right: 30px;
}
.collect a {
	color: #0ea2d3;
	background: url(../images/collect1.png) right center no-repeat;
}
.collectover a {
	color: #ea8010;
	background: url(../images/collect2.png) right center no-repeat;
}
.collect a:hover, .collectover a:hover{
	text-decoration: none;	
}
.collect a:hover {
	color: #666;
}
.sel-con {
	margin-bottom: 0;
	padding-bottom: 10px;
}
.sel-list p {
	padding: 0 20px;
	line-height: 30px;
}
.sel-list p span {
	padding-left: 10px;
}
.sel-con li {
	padding-left: 25px;
}
.sel-con .error {
	background: url(../images/ico_del.gif) 5px center no-repeat;
}
.sel-con .proper {
	background: url(../images/ico_right.gif) 5px center no-repeat;
}
.submit {
	text-align: center;
	margin: 30px auto;
}
.submit a {
	padding: 10px 40px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.submit a:hover {
	text-decoration: none;
}

/*帮助中心*/
.help_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.help_bg img {
	position: fixed;
}
.help_con {
	width: 600px;
	height: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -300px;
}
.help_con h2 {
	text-align: center;
}
.help_nav {
	margin-top: 80px;
}
.help_nav li {
	float: left;
}
.help_nav .help1 {
	padding-right: 30px;
}
.help_nav .help2 {
	padding-left: 30px;
}
.help_nav li a {
	float: left;
	border: 5px solid #4ecefa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.help_nav li a:hover {
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
/*财会商圈-多媒体课件*/
.blue_bg {
	background: #b0e2fb;
	font-family: "微软雅黑";
}
.finance {
	margin-top: 25px;
}
.finance_title {
	font-size: 24px;
	color: #369dd0;
	text-align: center;
}
.courseware {
	padding: 15px 25px;
	width: 1200px;
}
.ware {
	height: 180px;
}
.ware li {
	float: left;
	padding: 25px 25px 0;
	min-width: 128px;
}
.ware li a {
	float: left;
	display: block;
	font-size: 14px;
	color: #3478a7;
	width: 128px;
	height: 160px;
	text-align: center;
	min-width: 128px;
	padding-top: 138px;
}
.ware li a:hover {
	color: #4295dc;
	opacity: 0.85;
	filter: alpha(opacity = 85);
	text-decoration: none;
}
.ware .course1 a {
	background: url(../images/course1.png) top center no-repeat;
}
.ware .course2 a {
	background: url(../images/course2.png) top center no-repeat;
}
.ware .course3 a {
	background: url(../images/course3.png) top center no-repeat;
}
.ware .course4 a {
	background: url(../images/course4.png) top center no-repeat;
}
.ware .course5 a {
	background: url(../images/course5.png) top center no-repeat;
}
.ware .course6 a {
	background: url(../images/course6.png) top center no-repeat;
}
.ware .course7 a {
	background: url(../images/course7.png) top center no-repeat;
}
.ware .course8 a {
	background: url(../images/course8.png) top center no-repeat;
}
.ware .course9 a {
	background: url(../images/course9.png) top center no-repeat;
}
.ware .course10 a {
	background: url(../images/course10.png) top center no-repeat;
}
.ware .course11 a {
	background: url(../images/course11.png) top center no-repeat;
}
.ware .course12 a {
	background: url(../images/course12.png) top center no-repeat;
}
.ware .course13 a {
	background: url(../images/course13.png) top center no-repeat;
}
.ware .course14 a {
	background: url(../images/course14.png) top center no-repeat;
}
.ware .course15 a {
	background: url(../images/course15.png) top center no-repeat;
}
/*消息列表*/
.msg-con li {
	width: 100%;
	border-bottom: 1px dotted #e9f0f3;
}
.detail {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #0bbaf4;
	display: inline-block;
}
.detail:hover {
	text-decoration: none;
}
.msg-con p {
	height: 50px;
	line-height: 50px;
	float: left;
	overflow: hidden;
}
.msg-con span {
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #a1a1a1;
}
.msg-con .det {
	text-align: center;
}
.popo h2 {
	font-size: 14px;
	padding: 10px 15px 10px 20px;
	color: #444;
}
.detail-con {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 30px 10px 20px;
	color: #6d6d6d;
}
.mon {
	font-size: 12px;
	padding: 5px 30px 20px 20px;
	color: #999;
}
/*学习视频列表*/
.videolist {
	padding-top: 30px;
	margin: 0px 64px;
	height: 100%;
	position: relative;
}
.videolist .playlist {
	position: absolute;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.playlist li {
	float: left;
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 20px;
}
.videolist .thumbnail {
	border: none;
	background: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 200px;
	border-radius: 0;
}
.videolist .thumbnail img {
	max-width: 100%;
	height: auto;
}
.videolist .thumbnail p {
	height: 40px;
	overflow: hidden;
	color: #fff;
	margin-top: -20px;
}
.videolist .thumbnail p a {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #c8c8c8;
}
.videolist .thumbnail p a:hover {
	text-decoration: none;
	color: #f5f5f5;
}
.dir-arrow {
	position: relative;
	height: 64px;
}
.dir-arrow a {
	position: absolute;
	top: -267px;
	display: block;
	width: 64px;
	height: 64px;
}
.arrow-left {
	left: 0;
	background: url(../images/arrow_left.png) 0 0 no-repeat;
}
.arrow-left:hover {
	background: url(../images/arrow_left.png) 0 -64px no-repeat;
}
.arrow-right {
	right: 0;
	background: url(../images/arrow_right.png) 0 -64px no-repeat;
}
.arrow-right:hover {
	background: url(../images/arrow_right.png) 0 0 no-repeat;
}
/*实训部署过程页面 start*/
.deploy-bg {
	background: #a3dcf9;
	font-family: "微软雅黑";
}
.deploy {
	margin: 0;
	padding: 0;
}
.line {
	position: absolute;
	height: 90%;
	width: 1px;
	top: 20px;
	left: 28px;
	z-index: -1;
	border-left: 1px dotted #fff; 
}
.line.tec {
	height: 320px;
}
.deploy-nav {
	width: 18%;
	margin-top: 125px;
	float: left;
	z-index: 5;
	min-width: 150px;
}
.deploy-nav ul {
	position: relative;
	width: 160px;
	margin: 0 auto;
	min-width: 150px;
}
.deploy-nav li {
	list-style: none;
}
.deploy-nav li a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	font-size: 14px;
	color: #3478a7;
	padding-left: 60px;
	margin: 9px 0;
}
.deploy-nav .menuItem .step1, .deploy-nav .menuList .step1 {
	background: url(../images/home.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step2, .deploy-nav .menuList .step2 {
	background: url(../images/deploy1.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step3, .deploy-nav .menuList .step3 {
	background: url(../images/deploy2.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step4 {
	background: url(../images/deploy3.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step5 {
	background: url(../images/deploy4.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step6 {
    background: url(../images/deploy5.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step7 {
    background: url(../images/deploy6.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step8 {
    background: url(../images/deploy7.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step9 {
    background: url(../images/deploy8.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step10 {
    background: url(../images/deploy9.png) 0 -57px no-repeat;
}
.deploy-nav .menuItem .step11 {
    background: url(../images/deploy10.png) 0 -57px no-repeat;
}
.deploy-nav li a:hover, .deploy-nav li a:focus{
	text-decoration: none;
	border: none;
	outline: none;
}
.deploy-nav li a:focus {
	color: #fff;
}
.deploy-nav .active a {
	color: #fff;
}
.deploy-nav .active .step1 {
	background: url(../images/home.png) 0 -6px no-repeat;
}
.deploy-nav .active .step2 {
	background: url(../images/deploy1.png) 0 -6px no-repeat;
}
.deploy-nav .active .step3 {
	background: url(../images/deploy2.png) 0 -6px no-repeat;
}
.deploy-nav .active .step4 {
	background: url(../images/deploy3.png) 0 -6px no-repeat;
}
.deploy-nav .active .step5 {
	background: url(../images/deploy4.png) 0 -6px no-repeat;
}
.deploy-nav .active .step6 {
	background: url(../images/deploy5.png) 0 -6px no-repeat;
}
.deploy-nav .active .step7 {
	background: url(../images/deploy6.png) 0 -6px no-repeat;
}
.deploy-nav .active .step8 {
	background: url(../images/deploy7.png) 0 -6px no-repeat;
}
.deploy-nav .active .step9 {
	background: url(../images/deploy8.png) 0 -6px no-repeat;
}
.deploy-nav .active .step10 {
	background: url(../images/deploy9.png) 0 -6px no-repeat;
}
.deploy-nav .active .step11 {
	background: url(../images/deploy10.png) 0 -6px no-repeat;
}
.deploy-step {
	margin-left: 18%;
}
.step {
	padding-top: 30px;
	height: 100%;
	overflow: hidden;
	min-width: 960px;
	padding-bottom: 50px;
}
.student {
	padding-bottom: 100px;
}
.step-item {
	width: 960px;
	margin: 0 auto;
}
.step-item-sele {
	width: 600px;
	margin: 0 auto;
}
.view h2 {
}
.view h2.step-h {
	margin-left:0;
}
.step h2, .step h5 {
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.step h2 {
	font-size: 36px;
}
.step h5 {
	margin-top: 20px;
}
.deploy-con p {
	font-size: 14px;
	color: #3478a7;
	padding-top: 20px;
	text-align: center;
}
.function {
	padding-top: 15px;
}
.function.choice {
    padding-top: 50px;
	min-height:300px;
}
.function li {
	float: left;
	margin: 10px 0;
	width: 230px;
	height: 285px;
	background: url(../images/func.png) no-repeat;
}
.function.choice li {
	float: left;
	margin: 0 10px 0 20px;
	width: 260px;
	height: 130px;
	background:#fff;
	border-radius: 8px;
	cursor:pointer;
}
.function li div {
	width: 100%;
	text-align: center;
	padding-top: 135px;
	font-size: 16px;
	color: #3478a7;
}
.function.choice li b {
	height: 130px;
    line-height: 130px;
	padding-top:0;
	width:50%;
	float:left;
}
.function.choice li div {
	padding-top: 40px;
	padding-right: 40px;
	width:50%;
	float:left;
}
.name-title {
	font-size: 20px;
    font-weight: 800;
    padding-bottom: 4px;
    text-align: center;
}
.name-text {
	font-size:16px;
	color:#3478a7;
}
.function li a:hover, .function li a:focus {
	text-decoration: none;
}
.function .func1 div {
	background: url(../images/func1.png) center center no-repeat;
}
.function .func2 div {
	background: url(../images/func2.png) center center no-repeat;
}
.function .func3 div {
	background: url(../images/func3.png) center center no-repeat;
}
.function .func4 div {
	background: url(../images/func4.png) center center no-repeat;
}
.function .func7 div {
	background: url(../images/func5.png) center center no-repeat;
}
.function .func8 div {
	background: url(../images/func6.png) center center no-repeat;
}
.function .func9 div {
	background: url(../images/func7.png) center center no-repeat;
}
.function .func10 div {
	background: url(../images/func8.png) center center no-repeat;
}
.function .func5 b {
	background: url(../images/teacher-help.png) center center no-repeat;
}
.function .func6 b {
	background: url(../images/student-help.png) center center no-repeat;
}
.function p {
	font-size: 12px;
	color: #2f3d44;
	text-align: center;
	padding: 5px 20px;
	line-height: 25px;
}
.step h5 a {
	font-size: 18px;
	color: #fff;
	padding: 10px 20px;
	background: #5aa3cc;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.step h5 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-decoration: none;
}
p.center {
	text-align: center;
	color: #506e83;
}
p.center span {
	font-size: 18px;
}
.video1 {
	margin-top: 15px;
	text-align: center;
	height: 395px;
	background: url(../images/play_bg.png) center bottom no-repeat;
}
.video1 a {
	display: inline-block;
}
.video1 a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.stu-step {
	padding: 15px;
	text-align: center;
}
.stu-step li {
	float: left;
	padding: 0 2px;
}
.stu-step li a {
	display: block;
	width: 301px;
	height: auto;
}
.stu-step .method {
	font-size: 18px;
	color: #3478a7;
}
.stu-step li a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration: none;	
}
.step-img {
	margin-top: 18px;
	width: 301px;
	height: 165px;
	background: url(../images/video_bg.png) center bottom no-repeat;
}
.deploy-foot {
	height: 2px;
	margin: 0 10px;
	background: url(../images/line.png) repeat;
}
.cloud1 {
	position: absolute;
	width: 113px;
	height: 64px;
}
.cloud2, .cloud3 {
	position: absolute;
	width: 81px;
	height: 64px;
}
.cloud1 {
	right: 60px;
}
.cloud2 {
	right: 0px;
}
.cloud3 {
	left: 60px;
}
.return {
	width: 45px;
	height: 45px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	text-align: center;
}
.return a {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: url(../images/returntop.png) no-repeat center center #fff;
}
.return a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.return a:focus {
	border: none;
	outline: none;
}
.tech {
	width:700px;
	margin:0 auto;
}
.function p.tech-text {
	line-height:22px;
}
.main-choice {
    border-bottom: 3px double #5aa3cc;
    height: 56px;
    margin: 0 auto;
    width: 90%;
}
.main-con {
    margin: 0 auto;
}
.main-block {
    border-radius: 5px 5px 0 0;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 800;
    line-height: 50px;
    margin: 0 2% 0 auto;
    text-align: center;
    width: 49%;
	text-shadow:1px 1px 0 #5aa3cc;
	cursor: pointer;
}
.main-block:hover {
	background:#5aa3cc;
	color:#fff;
	text-shadow:1px 1px 0 #5aa3cc;
}
.focus {
	border-bottom: 4px solid #5aa3cc;
	color:#3478a7;
	text-shadow:1px 1px 0 #d8f0ff;
}
.det {
	margin:0;
}
.mar-t {
	margin-top:1px;
}
.line.le {
	height: 120px;
}
.tech-st {
	margin:0 auto;
	min-width: 960px;
	height:100%;
	width: 700px;
}
.func-p p {
	font-size: 14px;
	color: #3478a7;
	padding-top: 20px;
	text-align: center;
}
.stu-ste {
	padding-bottom:10px;
}
.main-cc {
	text-align: center;
}
.main-c1 {
    float: left;
    font-size: 18px;
    text-align: right;
    width: 40%;
}
.main-c2 {
    float: left;
    text-align: left;
	width: 60%;
	padding-bottom: 12px;
}
.main-c2 p {
	padding-top: 5px;
    text-align: left;
}
.de-ste {
	margin:0 auto;
}
/*实训部署过程页面 end*/