@charset "utf-8";
/* CSS Document */
/*
命名规范
  1. 驼峰命名
  2. 常用定义
  main 主体			wraper 主体			header 头部			aside 侧栏			footer 底部
  nav 导航			mainNav 主导航		subNav 子导航			topNav 顶部导航		breadcrumb 面包屑		bottomNav 底部导航
  menu 菜单			subMenu 子菜单		dropDown 下拉菜单
  box 盒子			panel	面板			panelTitle 标题		close 关闭
  table 表格			row 行				column 列			gutter 间隔
  list 列表			pList 图片列表		tList 文字列表		tpList 图文列表
  title 标题			summary 摘要			content 内容 		time 时间			item 项目（条）		cell 单元
  searchBar搜索条		search搜索条			searchTxt搜索框		search-btn搜索按钮		search_key 搜索词
  current 当前		hover 悬停			selected 选中		disabled 禁用		focus 得到焦点		blur 失去焦点			checked 勾选  
  success 成功   	error 出错
  copyright 版权 

  loginBar 登陆条    login 登录			loginBtn 登录按钮		regsiterBtn 注册按钮	name 用户名		password 密码	
  nickname 昵称   	mobile 手机			tel 电话				avatar 头像

  column 栏目		section 区块			msg 提示信息			status 状态			note 注释
  clear 清除浮动
  3. 图标按钮
  icon- 图标			btn- 按钮
  4. 动画
  transition 动画	shadow 阴影			fade 淡入淡出			flip 翻页效			slide 滑动			slideup 上滑动		slidedown 下滑动				horizontal 水平		vertical 垂直		collapsible 折叠		corners 拐角			flow 流				reverse 反向			pop 弹窗
  
  
  
*/
@font-face {
	font-family: "iconfont";
	src: url('iconfont.eot'); /* IE9*/
	src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont.woff') format('woff'), /* chrome, firefox */
	url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family:"iconfont" !important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
i{ font-style:normal}

html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,table,th,td{margin:0;padding:0}
html{}
body{ font-family:"微软雅黑"; font-size:14px; }
.center{ text-align:center;}
.left{ float:left;}
.right{float:right;}
.clear{ clear:both;}
ul{ list-style:none;}
a{ text-decoration:none; color: #1f1f1f;}
input,textarea{ padding:3px; font-size: 14px;}
.btn,button{padding:3px 8px; border:none;  border-radius:4px;}
.btn:disabled,button:disabled{ background-color: #dddddd !important;}
.hidden{ display:none;}
.help{ display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; background:#f77b3e; border-radius:50%;}
.help a{ color:#fff;}

/*布局*/
.wraper{ height: 100%; }
.wraper header,.wraper.header{top: 0; left: 0; height:50px; line-height: 50px;  width:100%;  }

.wraper .aside{ position:absolute; top:55; bottom:0; left:0;  width:130px; margin-right:20px; overflow:hidden; }
.wraper .main{ position:absolute; left:150; top:55; bottom:0; right:0;} 
.wraper .main iframe {width:100%; height:100%;  border:none;  overflow:scroll;}

.wraper .box{ }

.panel{ padding:15px 0px 20px 0px;  line-height:35px;}
.panel .search{ height:35px; line-height:35px; min-width:300px; white-space:nowrap;}
.panel .search font{ border:1px solid #dadada; height:35px; line-height:35px; display:inline-block; padding:0px 15px 0px 10px; vertical-align: middle;margin-bottom:2px;}.panel .search font input{ border:none; text-align:center; padding:0px 15px;}
.panel .left a{ margin:0px; float:left; height:35px; padding:0px 20px; border:1px solid #b8b8b8; background:#fff; width: 70px;text-align: center; border-left:none;}
/*.panel .left a:nth-child(1){  border-radius:5px 0px 0px 5px; }
.panel .left a:nth-child(2){  border-radius:0px ; border-left:0px; }
.panel .left a:nth-child(3){  border-radius:0px ; border-left:0px; border-right:0px;}
.panel .left a:nth-child(4){  border-radius:0px 5px 5px 0px;}*/
.panel .left a:first-child{border-left: 1px solid #b8b8b8;}
/*.panel .left a:last-child{border-right:1px solid #b8b8b8;border-left:1px solid #b8b8b8;}*/
.panel .left a.on{background:#1b8cce; color:#fff;border: 1px solid #1b8cce;width: 70px;text-align: center;}
.panel .add{ display:inline-block; height:35px; border-radius:0px; border:none; background:#70bf64; color:#fff; padding:0px 15px;}

/* logo */
.wraper header .logo,.wraper.header .logo{ height:50px; width:49%;  float:left; vertical-align:middle;}
.wraper header .logo img,.wraper.header .logo img{ margin-top:12px; margin-left:25px;}

/* 用户 */
.wraper header .user ,.wraper.header .user { color:#898989; width:49%; height:50px; float:left; text-align:right;}
.header .user a{ margin:0px 5px; color:#898989;}
.header .user .user-msg .num { width:7px; height:7px; margin-left:3px; vertical-align:text-top; display:inline-block; line-height:18px; font-size:10px; text-align:center; border-radius:50%;  }
.header .user .user-entrance:hover {border-bottom: 0 none;text-decoration: none;}
.header .user .user-face{ width:30px; height:30px; border-radius:50%; vertical-align:middle;}
.header .nav-list{ z-index:100;}
.header .user-menu { position: absolute; right:10px; width: 120px;border: 1px solid #ddd;background-color: #fff;}
.header .user-menu li {height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;}
.header .user-menu a {padding: 0 15px;}
.header .user-menu a:hover {color: #424242;background-color: #f5f5f5;}
.header .user-menu .manager {padding: 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/* 左侧子导航 */
.wraper .openbtn.on {background: url(../../images/leftNav_fold.png) no-repeat; z-index:99;}
.wraper .openbtn {cursor: pointer; display: block; float: left; width: 14px; height: 62px; background: url(../../images/leftNav_open.png) no-repeat; top:50; left:130; position:absolute; } 

.wraper .aside .menutop{ width:130px; height:46px; text-align: center; overflow:hidden; }
.wraper .aside .menutop ul{ width:auto; height:46px;cursor:pointer; }
.wraper .aside .menutop ul li{ width:100%; line-height:44px; float:left; color:#fff; }
.wraper .aside .subNav{ margin-top:1px;}
.wraper .aside .subNav h3 {height: 50px;line-height: 50px;font-size: 14px; cursor: pointer;border-bottom: 1px solid #262932;overflow: hidden;text-align: center; font-weight:normal;}
.wraper .aside .subNav h3 i{  display:inline-block; vertical-align:middle;text-align:center; }

.subMenu { font-size:14px; display:none; }
.subMenu > li {position: relative;margin: 0;}
.subMenu > li > .item {padding:6px 0;line-height:28px;padding-left: 35px;display:block;text-decoration: none;border-bottom: none;}
.subMenu > li > .item i{ display:inline-block; vertical-align:middle; }


/*表格样式*/
table{ width:100%; border:1px solid #f0f0f0;border-collapse:collapse;border-spacing:0; }
table th{ font-weight:bold; font-size:15px;}
table tr,table .row{ text-align:center; line-height:55px; height:55px;}
table thead th{ padding:3px; height:35px; text-align:center; }
table tbody td{padding:0px; height:30px;}


/*横排表单*/
.form-horizontal{ padding:0px 10px;}
.form-horizontal .form-item{ clear:both; line-height:50px; min-height:50px; border:1px solid #f2f2f2; border-bottom:none; vertical-align:middle;} /*表单项*/
.form-horizontal .form-item:last-of-type{  border:none; border-top:1px solid #f2f2f2;}
.form-horizontal .form-item:after{ clear:both; display:block; content:' ';}
.form-horizontal .form-item .item-label{ float:left; text-align:right; width:120px;}
.form-horizontal .form-item label{ float:left; margin-right:10px;}
.form-horizontal .form-item .controls{ float:left; margin-left:15px; max-width:600px;}
.form-horizontal .form-item .uploadify{background-color: #1b8cce;color: #fff;text-align: center;}

/*搜索   searchBar搜索条		search搜索条			searchTxt搜索框		searchBtn搜索按钮		search_key 搜索词*/
.search{ height:80px; line-height:80px; text-align:center;}
.search select{height: 37px !important;}
.search .searchTxt{ width:180px; height:35px; line-height:35px; padding:0px 5px; margin:0px; border:1px solid #dadada;}
.search .search-btn{width:100px; height:37px;line-height:37px; padding:0px; margin:0px; background:#1b8cce; color:#fff;  border-radius:0; border:1px solid #dadada; border-left:none;}
.search .search-btn,.search a.search-btn{ display: inline-block;width:100px; height:37px;line-height:36px; padding:0px; margin-left:10px; background:#1b8cce; color:#fff;  border-radius:0;  border:none;}
.search .reset-btn{ display: inline-block;width:100px; height:37px;line-height:35px; padding:0px; margin:0px; background:none; color:#999;   border-radius:0;  border:1px solid #999;}

.excel-btn{ display: inline-block; float:right; width:100px; height:37px;line-height:35px; padding:0px; margin:0px; background:none; color:#999;   border-radius:0;  border:1px solid #999;}


/*开关按钮*/
/*开关的大小*/
.switch-container {height: 21px;width: 40px;}
/*设置label标签为椭圆状*/
.switch-container label {display: block;background-color:#CACACA;height: 100%;width: 100%;cursor: pointer; border-radius:20px; padding-top:1px;}
.switch-container label.on{background-color: #1b8cce;}
/*在label标签内容之前添加如下样式，形成一个未选中状态*/
.switch-container label span{ float:left; line-height:20px; display:block; border-radius: 20px; margin-left:1px; height: 20px; width: 20px; background-color: white; }
/*在label标签内容之后添加如下样式，形成一个选中状态*/
.switch-container label.on span{margin-left:19px;line-height:20px; border-radius: 20px; height: 20px; width: 20px; background-color: white;}

/*定义分页样式*/
.page{ width:auto; padding:15px 0px; text-align:center;}
.page div:first-child{ float:right;}
.page div.all{ float:left; line-height:32px;}
.page a{ display:inline-block; margin:0 3px; padding:2px 12px; border:1px solid #e6e6e6; width:auto; color:#7A7A7A;}
.page a.next,.page a.prev{ background:#eaeaea;}
.page span.current{ display:inline-block; margin:3px; padding:2px 0px;   width:35px; border:1px solid #1b8cce; background:#1b8cce; color:#fff}


/*课程*/
.subCourse{}
.subCourse span{ cursor:pointer; display:block; float:left; padding:5px 10px; background:#89aad8; color:#fff; margin:5px 10px; height:25px; line-height:25px;}
.subCourse span a{ color:#fff !important;}
.subCourse span b{ display:inline-block; line-height:20px; text-align:center; margin-left:10px;}
.subCourse span b a{ color:#fff !important;}


/*上传队列*/
#upload-queue{ display:none !important;}

input.flexDate{background: url(../images/date.png) no-repeat center right 5px;}
.flexDate_container{ z-index:2147483647 !important;}

.face{ border-radius:50%; border:1px solid #A9AFA5; vertical-align:middle}