/*
	common.css
*/

body{font-family: 'Microsoft YaHei';}

/*img*/
.img img{display:block;width:100%;}
/*����*/
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;max-width:100%;}

.red{color:red !important;}

.blue{color:#20a0ff !important;}
.color-green{
	color: #1ABC9C;
}
.color-red{
	color: #E74C3C;
}
/*�߾�*/
.nomg{margin: 0;}
.mt-1{margin-top:-1px !important;}
.mt-10{margin-top:-10px !important;}
.mt3{margin-top:3px !important;}
.mt{margin-top:15px !important;}

.ml5{margin-left:5px !important;}
.mb{margin-bottom:15px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.ptb7{padding-top:7px !important;padding-bottom:7px !important;}
.pb0{padding-bottom:0 !important;}
.pb3{padding-bottom:3px !important;}

.mg-x-5 {
	margin-left: 5px;
	margin-right: 5px;
}

.line-1{line-height:33px;}
.clear{clear:both;}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.absolute-top-right{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 9;
}
.absolute-top-left{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 9;
}
.absolute-bottom-left{
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 9;
}
i.i-lable{
	margin-right:-5px;
	margin-top: -5px;
	display: block;
	width: 32px;
	height: 32px;
	font-size: 32px;
}
.btn-p-r5{display:none; position: absolute; right: 5px; top: 5px; z-index: 99;}
.btn-p-l5{display:block; position: absolute; left: 5px; top: 5px; z-index: 99;}
.btn-p-l5 .form-group{background: #fff;}
.subjectQueryLi:hover .btn-p-r5{
	display: block;
}
/*�߿�*/
.no-top-border{border-top:none !important;}
.no-bottom-border{border-bottom:none !important;}
/*Բ��*/
.br0{border-radius:0 !important;}
.inline-block{display:inline-block !important;}


.text-center{text-align:center;}
.text-right{text-align:right;}
.cursorPointer{cursor:pointer;}

.cursorPointer.disable {
    cursor: auto;
    opacity: 0.6;
}
.box-shadow{box-shadow: 3px 3px 10px #ccc;}

.row-no-padding{}
.row-no-padding > div:first-child{padding-left:15px;}
.row-no-padding > div:last-child{padding-right:15px;}
.row-no-padding > div{padding-left:3px;padding-right:3px;}
.no-pad-btm{padding-bottom: 0;}
/*手机样式兼容代码*/
@media (max-width: 767px) {
	.phone-hide{display: none}
	.phone-min-box{overflow: auto;}
	.phone-min-width{width: 740px;}
    .row-no-padding > div{padding-left:15px;padding-right:15px;}
}
@media (min-width: 768px) and (max-width: 991px) {  }
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {  }




/*[class*="col-"]*/
.pagination>li>a, .pagination>li>span{padding:3px 7px;}

/*dl������?*/
.dl-width1 .dl-horizontal dt{width:70px;float:left;}
.dl-width1 .dl-horizontal dd{margin-left:85px;}

/*��*/
.layer-ui{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99999999;background-color:rgba(0,0,0,0);display:none;}


/*box-layer*/
.box-layer{position:relative;height:150px;overflow:hidden;}
.box-layer:hover .box-layer-overlay{visibility:visible;}
.box-layer img{max-width:100%;max-height:100%;display:block;}
.box-layer .box-layer-close{position:absolute;right:10px;top:10px;z-index:9;}
.box-layer .box-layer-overlay{position:absolute;visibility:hidden;width:100%;padding-left:8%;height:100%;left:0;top:0;background-color:rgba(255,255,255,0.9);color:#333;font-size:13px;z-index:6;}
.box-layer .box-layer-overlay a{color:#333;}
.box-layer .box-layer-overlay p{margin:1px 3px;}
.box-layer .box-table{height:100%;width:100%;}
.box-layer .box-table img{margin:0 auto;}
.box-layer .box-img{max-height:120px;}
.box-layer-btm { position: absolute; left: 0; bottom: 2px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: rgba(255,255,255,.9); color: #999;border-top: 1px solid #eee;}
.box-table{display:table;}
.box-table .box-table-cell{display:table-cell;vertical-align:middle;}
.box-layer.box-layer-bg{
	position: absolute;
	left: 15px;
	top: 0;
	right: 15px;
}
.nobg{
	background: none;
}
/*图片居中*/
.img-box{position: relative; background: #eee; border: 1px solid #ddd; border-radius: 4px;}
.img-center{position: relative; width: 100%; height: 180px; padding: 10px; border-radius: 4px; overflow: hidden;}
.img-center-table{display:table;  width: 100%; }
.img-center-cell{height: 160px; width: 100%; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center;  border-radius: 2px; overflow: hidden;}
.img-center-cell img{max-width: 100%; max-height: 160px; margin:0 auto; display:block;}
.img-center .btn-group{ position: absolute; right: 5px; top: 5px; z-index: 199;}
.img-center .btn-btm{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 40px; background: rgba(000,000,000,.6); color: #eee;}
.grasp-btn .actives{ background: #39cccc;}
.img-center .img-info,.img-box .img-info{position: absolute; left: 0; top: 0; z-index: 1; padding: 40px 40px; width: 100%; height: 100%; display: none; background: rgba(0,0,0,.5);}
.img-center:hover .img-info,.img-box:hover .img-info{display: block; color: #fff;}
.img-center .img-info-right{
	position: absolute; right: 5px; top: 5px; z-index: 999;
}
.img-box-close{
	position: absolute;
    right: 6px;
    top: 6px;
    z-index: 109;
}
.img-center-bg{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.img-center-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 99;
    padding: 5px;
}

.img-center-index {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-color: #3a87ad;
    color: #ffffff;
    border-radius: 50%;
}
.img-box.classStatus.active{
	border-color: #f00;
}
.img-box.classStatus.red{
	border-color: #f00;
}
.img-box.classStatus.yellow{
	border-color: #ffff00;
}
.img-box.classStatus.green{
	border-color: #008000;
}
.img-box .img-box-footer{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.5);
}
.img-preview{
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
	width: 480px;
	z-index: 9999;
}
.img-preview.box.box-solid{
	border: 5px solid rgba(60,141,188,1);
}
.img-preview img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 360px;
}
.img-preview .box-header{
	background: #eee;
}
.img-preview .box-header p{
	float: left;
	margin:5px 15px 5px 0;
}
/*well���*/
.well-box{margin-bottom:20px;}
.well-box .well{margin-bottom:3px;}


/*��ǰС��*/
.kqxc-box .box-layer{height:150px;}
.kqxc-box .box-layer .box-img{max-height:120px;}
/*�Ͻڿδ���*/
.sjkdy-box .box-layer{height:250px;}
.sjkdy-box .box-layer .box-img{max-height:220px;}
.sjkdy-box .progress{margin-top:15px;margin-bottom:0;}
.sjkdy-box .box-layer .box-layer-overlay{background-color:rgba(0,0,0,0.6);}
.sjkdy-box .form-group{padding:4px 4px 0 4px;background-color:rgba(255,255,255,0.5);border-radius:3px;border:1px solid #eee;}
.sjkdy-box .icheckbox_square-blue{margin-right:4px;}
.sjkdy-box .icheckbox_square-blue input{left:-14px;}
.sjkdy-box .box-layer:hover .form-group{background-color:rgba(255,255,255,0.9);}


/*�����ݽ���*/
.xnrjj-box .box-title{margin-bottom:20px;}
.xnrjj-box .box-title h3{float:left;margin-top:7px;margin-right:10px;}
.xnrjj-box .box-title .treeview-checkable{float:left;position:relative;}
.xnrjj-box .box-title .treeview-checkable .list-group{position:absolute;z-index:15;left:0;top:0;}
.xnrjj-box .box-body .box-title:first-child .treeview-checkable .list-group{z-index:16;}
.xnrjj-box .box-title .treeview-checkable .list-group-item:first-child{padding:10px 10px 15px;position:relative;min-width:50px;border:none;}
.xnrjj-box .box-title .treeview-checkable .list-group-item:first-child span:first-child{position:absolute;width:100%;height:100%;left:0;top:0;padding:12px 0 0 14px;font-size:20px;}
.xnrjj-box .box-title .treeview-checkable .list-group-item:first-child span.glyphicon-minus{border:1px solid #ddd;border-radius:4px 4px 0 0;}
.xnrjj-box .box-title .treeview-checkable .list-group-item{padding:10px 35px 10px 15px;min-width:300px;}


/*input����*/
.inputInner{}
.inputInner input,.inputInner select{display:inline-block;width:120px;}
.inputInner input[type="checkbox"],.inputInner input[type="radio"]{width:auto;}
.maxWidth{width:180px !important;}
.minWidth{width:60px !important;}
.box-group{}
.box-group:after{clear:both;display:block;content:'';}
.box-group .inner-group{float:left; margin:0;}
.box-group .checkbox,.box-group .radio{position:relative;}
.box-group .iradio_square-blue{position:static !important;}
/*.box-group input[type="radio"],.box-group input[type="checkbox"]{position:absolute;width:100%;height:100%;left:0;top:0;margin:0;opacity:1 !important;}*/
.box-group input[type="radio"],
.box-group input[type="checkbox"] {
	float: left;
	margin-right: 5px;
	margin-left: 0;
	position: initial;
}
.border-group{border:1px solid #ccc;padding:7px;}


.inventoryTable{}
.inventoryTable .inventoryProgressTd{min-width:100px;}
.inventoryTable .inventoryListTd{width:55%;}
/*ѧԱ�̵�-ͷ���б�*/
.inventoryList{padding:0;margin:0;}
.inventoryList:after{clear:both;display:block;content:'';}
.inventoryList li{margin:0 10px 0 10px;position:relative;list-style-type:none;width:60px;float:left;cursor:pointer;}
.inventoryList li span{position:absolute;right:0;top:0;font-size:24px;color:#3c8dbc;display:none;}
.inventoryList li.edit span{display:block;}
.inventoryList li p{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.inventoryList li i{display:block;border-radius:50%;width:50px;height:50px;padding:1px;border:2px solid #ddd;margin:0 auto;overflow:hidden;}
.inventoryList li i img{border-radius:50%;display:block;width:44px;height:44px;}
.inventoryList li.il-1 i{border-color:#f56954;}
.inventoryList li.il-2 i{border-color:#f39c12;}
.inventoryList li.il-3 i{border-color:#00a65a;}

.inventoryList .il-textarea{position:absolute;right:73px;top:0;width:250px;z-index:10;padding:10px;background-color:#fff;border-radius:5px;border:1px solid #3c8dbc;display:none;}
.inventoryList .il-textarea:after{position:absolute;content:'';display:block;right:-16px;top:15px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #3c8dbc;
    border-bottom: 8px solid transparent;}
.inventoryList .il-textarea textarea{height:105px;margin-bottom:6px;}
.inventoryList .active .il-textarea{display:block;}


.sidebar-menu a{cursor:pointer;}

.nav-box{position:fixed;}

/*overlay*/
.ajaxOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;width:100%;height:100%;_padding:0 20px 0 0;background:rgba(255,255,255,0.7);}
.ajaxLoading{border:2px solid #8CBEDA;color:#37a;font-size:12px;font-weight:bold; position:fixed;top:0;left:50%;z-index:980;opacity:0;filter:alpha(opacity=0);margin-left:-80px;top:150px;}
.ajaxLoading div.loadingWord{width:180px;height:54px;line-height:52px;border:2px solid #D6E7F2;background:#fff;overflow:hidden;}
.ajaxLoading img{margin:10px 15px;float:left;display:inline;}
.ajaxLoading.version-2{position:static;width:184px;margin:0 auto;}


/*���ϵ�*/
.subjectQueryList{}
.subjectQueryList li{padding:20px 15px;border-top:1px solid #ddd;}
.subjectQueryList li:first-child{border-top:none;}
.subjectQueryList li .media-object{width:200px;height:200px;overflow:hidden;border:1px solid #ddd;padding:5px;text-align:center;}
.subjectQueryList li .media-object img{max-width:100%;max-height:200px;width:auto;margin:0 auto;}
.subjectQueryList li .media-body{}
.subjectQueryList li .panel-footer span{float:left;margin-right:18px;padding-right:18px;border-right:1px solid #bbb;}


/*�̰�ϵͳ*/
.subjectPlanList{list-style:none;padding-left:0;}
.subjectPlanList li{float:left;padding:2px 5px;margin-top:4px;margin-right:3px;border:1px solid #fff;border-radius:3px;cursor:pointer;}
.subjectPlanList li:hover{border:1px solid #eee;background-color:#f5f5f5;}


/*��ҳ*/
.page-list .pagination {float:left;}
.page-list .pagination span {cursor: pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
/*禁止表格的复制粘贴过程取消*/
.table{
    /*-webkit-user-select:none;*/
    /*-moz-user-select:none;*/
    /*-ms-user-select:none;*/
    /*user-select:none;*/
}
.page-list .pagination .separate span{cursor: default; border-top:none;border-bottom:none;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .page-total {float:left; margin: 20px 20px;}
.page-list .page-total input, .page-list .page-total select{height: 26px; border: 1px solid #ddd;}
.page-list .page-total input {width: 40px; padding-left:3px;}
.page-list .page-total select {width: 50px;}


/*����*/
.treeview .list-group-item{padding:10px 5px 10px 15px;}
.treeview .list-group-item:after{content:'';display:block;clear:both;}
.treeview .list-group-item .badge{padding:1px;background-color:transparent;color:#333;font-weight:400;}
.treeview .list-group-item.node-selected a{color:#fff;}

.clipboard{vertical-align:top;display:block !important;height:185px;overflow:auto;}

.dropzone{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}
 .dragBox{min-height:150px;min-height:300px;overflow:auto;}
        .drag{cursor:move;}


/*ģ̬��*/
.modal-xs .modal-dialog{width:300px !important;}
.modal-lg.modal-dialog{width:95% !important;}
.ui-autocomplete{z-index:1999099 !important; max-height: 360px; overflow: auto;}
.img-upload{display:block;}
.img-upload .input-group-addon{width:100px;height:185px;float:left;line-height:180px;}
.img-upload .clipboard{float: none; margin-left:100px;width:auto;overflow:auto;height:185px;}


.table-responsive{}
.dropKnowledgePoint{display:block;position:absolute;padding:5px 8px;line-height:1;background-color:#ddd;color:#333;border:1px solid #ccc;z-index:200;cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.dropKnowledgePoint:hover{cursor:default;}
.dropKnowledgePoint.yes{border-color:green;}
.dropKnowledgePoint.no{border-color:red;}
.dropKnowledgePoint:before{position:absolute;clear:both;width:10px;height:10px;left:2px;top:2px;font-weight:bold;font-size:18px;}
/*.dropKnowledgePoint.middle,.dropKnowledgePoint.bottom{padding-left:20px;}
.dropKnowledgePoint.middle:before{content:'+';}
.dropKnowledgePoint.bottom:before{content:'-';}*/
.dropDom{cursor:move;}
.list-group-item.middle{border:1px solid green;position:relative;z-index:10;}
.list-group-item.down{border-bottom:1px solid green;position:relative;z-index:10;}


.teachingPlanSystem{-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}
.selectedTagArr a{margin-right:15px;cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}

/*�������*/
.calendarBox{overflow:hidden;visibility:hidden;width:88%;height:100%;left:0;top:0;position:absolute;z-index:-10000;}

/*4-12*/
.nav-tabs .pxfs{padding:0 15px;line-height:43px;display:block;float:left;}
.nav-tabs li .arrow{margin:7px 0 0 5px;}
.errorNum{list-style:none;padding-left:0;}
.errorNum label{float:left;background-color:#fff;height:25px;line-height:23px;text-align:center;margin-right:10px;font-size:12px;cursor:pointer;/*border:1px dashed #3c8dbc;padding:0 8px;*/}
.errorNum li.active{border-style:solid;background-color:#FFCCFF;}
.errorSubjectList{list-style:none;padding-left:0;}
.errorSubjectList li{float:left;width:23%;margin:0 1%;position:relative;}
.errorSubjectList li div.img{height:100px;overflow:hidden;margin:15px 0;}
.errorSubjectList li div.img span{text-align:center;}
.errorSubjectList li div.img span img{width:auto;max-width:100%;}
.errorSubjectList li div.con{padding:10px;height:120px;}
.errorSubjectList li h4{font-size:14px;font-weight:bold;padding:0;margin:0 0 8px 0;}
.errorSubjectList li p{margin:2px 0;font-size:12px;}
.errorSubjectList li p i{font-style:normal;color:gray;}
.errorSubjectList li em{position:absolute;left:0;top:0;width:30px;height:30px;background:url(../images/timg.png) no-repeat center center;background-size:80% 80%;}


.errorSubjectList li.active-gray{border-color:#a4a4a4;}
.errorSubjectList li.active-gray em{color:#a4a4a4;background-color:#a4a4a4;}
.errorSubjectList li.active-1{border-color:#f56954;}
.errorSubjectList li.active-1 em{color:#f56954;background-color:#f56954;}
.errorSubjectList li.active-2{border-color:#f39c12;}
.errorSubjectList li.active-2 em{color:#f39c12;background-color:#f39c12;}
.errorSubjectList li.active-4{border-color:#00a65a;}
.errorSubjectList li.active-4 em{color:#00a65a;background-color:#00a65a;}



.colorChange a span:nth-child(1){color:red;}
.colorChange a span:nth-child(2){color:yellow;}
.colorChange a span:nth-child(3){color:green;}

.arrowUp {
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:6px solid #999;
}

/*��ͷ����*/
.arrowDown {
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid #999;
}


.errorList ul{padding-left:0;list-style:none;}
.errorList ul li{padding:0;}
.errorList .panel-heading{border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;background-color:#367fa9;color:#fff;}
.errorList .panel-heading em{font-size:16px;font-weight:bold;margin-right:10px;font-style:normal;}
.errorList .panel-heading i{font-size:12px;font-style:normal;}
.errorList .media-body{text-align:center;}
.errorList .media-body img{width:auto;max-width:100%;margin:0 auto;}
.errorList h3{font-size:18px;margin:0;padding:15px 20px;font-weight:bold;}





.addLessoSystemQuiz{
	width: 100%;
	height: 200px;
	border: dashed 2px #ccc;
	line-height: 196px;
	text-align: center;
	font-size: 64px;
	color: #ccc;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 5px;
}
/********自定义提示框*******/
.customize-alert{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(000,000,000,.8);
	z-index: 10000;
	transition:.8;
}
.customize-alert .alert{
	width: 400px;
	height: 200px;
	text-align: center;
	margin: 200px auto;
	
}
/***css兼容***/
.page-header{
	white-space:nowrap; text-overflow:ellipsis; overflow: hidden;
}
/*
 * Component: Products List
 * ------------------------
 */
.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 160px;
    overflow-y: auto;
}
.products-list > .item {
	position: relative;
	float: left;
	width: 50%;
	height: 150px ;
	padding: 4px;
	border: 1px solid #eee;
}
.products-list > .item:before,
.products-list > .item:after {
    content: " ";
    display: table;
}
.products-list > .item:after {
    clear: both;
}
.products-list .product-img {
	width: 100%;
	height: 110px;
}
.products-list .product-img img {
	width: 100%;
	height: 110px;
}
.products-list .product-title {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 400;
}
.products-list .product-info {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	transition: .8s;
	background: rgba(0,0,0,0.5);
	z-index: 99;
}
.products-list .product-info .studenVideo{
	float: left;
	width: 50%;
}

.products-list .product-info .scheduleAudiooutput{
	float: left;
	width: 50%;
}
.products-list .product-info .studenVideo button ,.products-list .product-info .scheduleAudiooutput button{
	float: left;
	width: 50%;
	border:none;
	background: rgba(0,0,0,0.5);
}
.products-list .product-info button{
	padding: 3px 10px;
	border:none;
	background: rgba(0,0,0,0.5);
}
.products-list .product-info button:hover{
	background: #3498DB;
}
.products-list .product-info button.active{
	background: #3498DB;
}
.products-list .item:hover .product-info{
	display: block;
}
/**学生列表**/
.products-sList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-sList > .item {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  background: #fff;
}
.products-sList > .item:before,
.products-sList > .item:after {
  content: " ";
  display: table;
}
.products-sList > .item:after {
  clear: both;
}
.products-sList .product-img {
  float: left;
}
.products-sList .product-img img {
  width: 50px;
  height: 50px;
}
.products-sList .product-info {
  margin-left: 60px;
}
.products-sList .product-title {
  font-weight: 600;
}
.products-sList .product-description {
  display: block;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.products-sList-in-box > .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #f4f4f4;
}
.products-sList-in-box > .item:last-of-type {
  border-bottom-width: 0;
}



/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}
.direct-chat-msg,
.direct-chat-text {
  display: block;
}
.direct-chat-msg {
  margin-bottom: 10px;
}
.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}
.direct-chat-msg:after {
  clear: both;
}
.direct-chat-messages,
.direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}
.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}
.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}
.right .direct-chat-img {
  float: right;
}
.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.direct-chat-name {
  font-weight: 600;
}
.direct-chat-timestamp {
  color: #999;
}
.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-contacts {
  -webkit-transform: translate(101%, 0);
  -ms-transform: translate(101%, 0);
  -o-transform: translate(101%, 0);
  transform: translate(101%, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 250px;
  width: 100%;
  background: #222d32;
  color: #fff;
  overflow: auto;
}
.contacts-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 0;
}
.contacts-list > li:before,
.contacts-list > li:after {
  content: " ";
  display: table;
}
.contacts-list > li:after {
  clear: both;
}
.contacts-list > li:last-of-type {
  border-bottom: none;
}
.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}
.contacts-list-info {
  margin-left: 45px;
  color: #fff;
}
.contacts-list-name,
.contacts-list-status {
  display: block;
}
.contacts-list-name {
  font-weight: 600;
}
.contacts-list-status {
  font-size: 12px;
}
.contacts-list-date {
  color: #aaa;
  font-weight: normal;
}
.contacts-list-msg {
  color: #999;
}
.direct-chat-danger .right > .direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #dd4b39;
}
.direct-chat-primary .right > .direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #ffffff;
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #3c8dbc;
}
.direct-chat-warning .right > .direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #f39c12;
}
.direct-chat-info .right > .direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #ffffff;
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #00c0ef;
}
.direct-chat-success .right > .direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #ffffff;
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #00a65a;
}

.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}

.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}
.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background-image: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}
.bg-black-gradient {
    background: #111111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}
.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}
.bg-gray{background: #eee}

.box-over .box-body{
	overflow: auto;
}
.users-list li{
    padding: 0;
}

.clipboard img{
	float: left;
    max-height: 100%;
	margin-right: 10px;
}
/***课表按钮***/
.fc-event button{
	display: none;
}
.fc-event .abnormal{
	margin-top: 5px;
	border-top: 1px dashed #fff;
	padding-top: 5px;
}

.textLimit { width: 100%; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;-ms-text-overflow: ellipsis ;text-overflow: ellipsis;}
.feebackPreview{
	position: absolute;
	left: 10px;
	top: 10px;
	background-color: rgba(000,000,000,.1);
	border-radius: 10px;
	z-index: 999;
	text-align: center;
}
.feebackPreview i{
	margin:4px 5px;
}

/**课表类**/
.fc-event-info{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	overflow: hidden;
	font-size: 10px;
}
.fc-event-inner{
	display: none;
}
.fc-event-title{
	display: none;
}
.schedule-modal{
	width: 90%;
}
/**菜单导航样式重新定义**/
#menu{
	padding: 9px 5px;
	z-index: 1;
	height: 50px;
	overflow: hidden;
}
#menu .menu-item{
	float: left;
	padding-right:2px;
}
#menu a{
    position: relative;
	overflow: hidden;
	display: block;
	line-height: 32px;
	padding-left:8px;
	padding-right:8px;
	background:rgba(255,255,255,.4);
	color: #fff;
}
#menu a.noClose{
	padding-right:8px
}
#menu a.active,#menu a:hover{
	background: #fff;
	color: #3C8DBC;
    flex-shrink: 0;
}
#menu a e{
	float: left;
	width: 100%;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#menu a span{
	position: absolute;
    right: -20px;
    top: -20px;
	width: 28px;
	height: 28px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-align: center;
	font-size: 14px;
    line-height: 22px;
    background-color: rgba(255,000,000,.6);
	color: #fff;
	border-bottom-left-radius:100%;
	border-left-bottom-radius:100%;
	overflow: hidden;
    transition: 0.3s;
}
#menu a:hover span{
    right: 0px;
    top: 0px;
}
#menu a span:hover{
	background-color: rgba(255,000,000,1);
}

/*检查任务*/
#teacherCorrection .modal-body{
	overflow: auto;
}
ol[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}
ol[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}
.skin-blue-light .sidebar-menu>li{
	border-top: 1px solid #dbdbdb;
}
.skin-blue-light .sidebar-menu>li>a{
	font-weight: 400;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #dbdbdb;
}
.table-bordered {
    border: 1px solid #ddd;
}
.checkbox label, .radio label{
	padding-left: 15px;
}
.fade.in {
	overflow-y: auto;
}
/*.main-header .logo,.main-sidebar,.left-side{
	width: 180px;
}*/
/*.content-wrapper, .right-side, .main-footer,.main-header .navbar{
	margin-left: 180px;
}*/
.content{
	padding: 10px;
}

.quiz-box.info-box{
	box-shadow: none;
	min-height: 182px;
	border-width: 1px;
}
.quiz-box.info-box .info-box-icon{
	width: 180px;
	height: 180px;
	background: #eee;
	cursor: pointer;
	transition: .8s;
	-moz-transition: .8s; /* Firefox 4 */
	-webkit-transition: .8s; /* Safari 和 Chrome */
	-o-transition: .8s; /* Opera */
}
.quiz-box.info-box .info-box-icon:hover{
	background: #ccc;
}
.quiz-box.info-box .info-box-content{
	margin-left: 180px;
}
.quiz-box.info-box .info-box-content .info-box-text{
	padding: 5px 0;
}
.box-border{
	border: 1px solid #ddd;
	border-top-width: 2px;
	border-radius: 4px;
}
.box.box-solid.box-default{
	border: 1px solid #ddd;
}
.box.box-solid.box-default > .box-header{
	background-color: #EEEEEE;
}
.webui-popover .webui-popover-content{
	padding: 5px!important;
}
.webui-popover .webui-popover-content>div:first-child{
	width: 100%;
}
.bodyCheckMask{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: #fff;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}
.panel-primary{
	border-color: #3c8dbc;
}
.dropdown-menu-right{
	left: auto;
	right: 0;
}
.pointer{
	cursor:pointer;
}
.autocomplete-label label{
	padding-left: 20px;
	margin: 0;
}
.autocomplete-label label input{
	float: left;
	margin: 3px 5px 0 -20px;
}


/*教案编辑样式重定义*/
.img-views {
	border: 1px solid #ddd;
	padding: 10px;
    overflow: auto;
    min-height: 450px;
}
.img-views-item{
	position: relative;
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	border-radius: 4px;
}
.box-layer.img-views-bg{
	position: absolute;
	left: 5px;
	top: 5px;
	right: 5px;
}
.img-views .curr{
	border-color: #3c8dbc;
}
.current-img{
	position: relative;
    background: #f5ffff;
}
.box-layer.current-img-bg{
	position: absolute;
	left: 0;
	top: 0;
    right: 0;
}
.img-views .box-layer img{
	display: block;
	max-height: 150px;
}
.current-img .box-layer{
	min-height: 450px;
	padding: 10px;
	border: 1px solid #ddd;
}
.current-img .box-table-cell img{
	max-height: 430px;
}
.current-img-btn{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 120px;
    margin-top: -60px;
}
.current-img i{
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    width: 120px;
    height: 120px;
    font-size: 100px;
    line-height: 120px;
    text-align: center;
    color: rgba(255,255,255,.8);
    background: rgba(0,0,0,.5);
    cursor: pointer;
    border-radius: 60px;
}
.current-img:hover i{
    display: block;
}
.img-pager {
    text-align: center;
}

.alert{
	position: fixed;
	left: 50%;
	top: 20px;
	z-index: 99999999;
	opacity: 0;
	min-width: 320px;
}
.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}
.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}
.alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}
.alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
}
.alert .alert-footer button{
	margin-right: 5px;
}
.popover.fade.in{
	overflow: initial;
}
.popover-title{
	color: #333;
}
.popover-content .studentList{
	color: #333;
}
.popover-content .studentList span{
	display: inline-block;
	width: 80px;
	padding: 5px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.popover-content .studentList span:hover{
	cursor: pointer;
	background-color: #eee;
}
.fc-view{
	overflow: initial;
}
.treeviewBox{position: relative;}
.treeviewBtn{
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.classInstanceActive{
	border: 1px solid #F00000;
	box-shadow: 3px 3px 10px #999;
}
#classInstance-seeSchedule-modal tr.active{
	background: #FFB6C1;
}
#classInstance-seeSchedule-modal tr.active td{
	background: #FFB6C1;
	color: #fff;
}
.viewer-hidden{
	position: absolute;
	z-index:9;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	opacity: 0;
}
.viewer-hidden img,.box-table .viewer-hidden img{
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100%;
}

/*考试部分*/
.ui-widget-header{
	width: 100%;
	height: 100%;
}

/*检查任务*/
.canvasCorrect canvas{
	display: block;
}
.canvasCorrect .canvas-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #F5F5F5;
}
.canvasCorrect canvas{
	cursor:crosshair;
}
.canvasCorrect canvas.move{
	cursor: move;
}

/*load css动画*/
.load{
	position:absolute;
	left:0;
	top:0;
	z-index: 9999;
	width:100%;
	height:100%;
	background: #fff;
}
.load-body{
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 10px;
	margin: -120px -100px;
	width: 200px;
}
.load-body img{
	width: 200px;
	height: 200px;
}
.spinner {
  margin: -40px;
  width: 80px;
  height: 80px;
  position: relative;
  left: 50%;
  top: 50%;

}
.container1 > div, .container2 > div, .container3 > div {
  width: 24px;
  height: 24px;
  background-color: #00BFFF;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.canLoading .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.canLoading .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.canLoading .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.btn-positive{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
/*手机模式样式*/
@media (max-width: 760px) {
	.xs-hide{
		display: none;
	}
}
.disabled input{
	opacity: 0.5;
}
.errorSubjectList .icon{
	padding: 4px 8px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	display: block;
}

.disabled input{
    opacity: 0.5;
}
/*上课样式*/
.fc .classStatus{
	position: absolute;
	z-index: 1000;
	right: 2px;
	top: 2px;
}
.fc .classStatus span{
	float: right;
	margin-left: 7px;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	border: 1px solid #fff;
	overflow: hidden;
}

/*闪烁*/
.twinkle{
	animation: twinkling 1s infinite alternate;
	-webkit-animation: twinkling 1s infinite alternate;
}
@-webkit-keyframes twinkling{
	0%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}
@keyframes twinkling{
	0%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
}
.evaluate td{
	background:rgba(255,000,000,.1);
}
/*玻璃效果*/
.frosted-glass{
    background: inherit;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}

.margin-t-5{
    margin-top: 5px;
}

/*冲突样式重写区域******************************************************/
.skin-blue-light .main-sidebar{background: #fff;}
.carousel-indicators .active{
	background: #00BFFF;
}
.carousel-indicators li{
	border-color: #00BFFF;
}
.carousel-caption{
	text-shadow: none;
	color: #666;
	text-align: left;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	padding: 10px;
	overflow: hidden;
}

/*上传样式*/
.upload-file-btn{
	position: relative;
}
.upload-file-input{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	filter:alpha(opacity=0);
	opacity:0;
	cursor: pointer;
}
.upload-input{
	max-width: 100%;
	min-width: 240px;
}
.fileUrlText{min-width: 80px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.plan-table{
	padding: 0;
	text-align: center;
}
.plan-table th{
	text-align: center;
}
.plan-table td{
	border: 1px solid #ddd;
}
.plan-table .Orange{
	background: Orange;
	color: #fff;
}
.plan-table .red{
	background: #F00000;
	color: #fff;
}
.plan-table .gw{
	background: #fafafa;
	color: #666;
}
.plan-table .lsg{
	background: LightSlateGray;
	color: #fff;
}
.plan-table .sb{
	background: SteelBlue;
	color: #fff;
}
.plan-table .yuwen{background: #F57F68; color: #fff;}
.plan-table .shuxue{background: #16A085; color: #fff;}
.plan-table .yingyu{background: #ff80ab; color: #fff;}
.plan-table .wuli{background: #27AE60; color: #fff;}
.plan-table .huaxue{background: #F39C12; color: #fff;}
.plan-table .shengwu{background: #E67E22; color: #fff;}
.plan-table .zhengzhi{background: #2C3E50; color: #fff;}
.plan-table .lishi{background: #2C3E50; color: #fff;}
.plan-table .dili{background: #3b8ab8; color: #fff;}

.text-overflow{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#customizeTable{
	width: 100%;
}
#customizeTable td{
	position: relative;
}
#customizeTable .btn-edit{
	position: absolute;
	left: 0;
	top: 0;
}

.fc-event{
	position: relative;
}
.fc-event .box-tools{
	position: absolute;
	z-index: 999;
}
.fc-event .box-tools button{
	color: #fff;
	background-color: rgba(000,000,000,0);
	border: none;
	box-shadow:none;
}
.fc-event .box-tools button:hover{
	border-radius: 4px;
	background: rgba(255,255,255,.3);
}
.fc-event .foot-btn{
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}
.fc-event .transfer{
	top: 0;
	width: 74px;
	height: 40px;
	right:20px
}
.wrongSet-p{
	line-height: 38px;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 4px;
	background: #eee;
	padding-left: 120px;
	margin-bottom: 15px;
}
.wrongSet-p strong{
	float: left;
	margin-left: -120px;
	width: 120px;
	height: 100%;
	text-align: right;
	padding-right: 10px;
}
.wrongSet-p p{
	float: left;
	width: 100%;
	background: #fff;
	margin: 0;
}
.wrongSet-p span{
	float: left;
	margin: 0 10px;
	text-align: right;
}
.img-box.red{
	border:2px solid #f00;
}
.img-box.yellow{
	border:2px solid #F39A0D;
}
.img-box.green{
	border:2px solid #1abc9c;
}
.teacherBg,.teacherBg td{
	background: rgba(255,136,0,.05);
}
.studentBg,.studentBg td{
	background: rgba(0,199,255,.05);
}

.p-calendar-open{
	position: absolute;
	right: 120px;
	top: 5px;
}
.p-calendar-fixed{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0,0,0,.3);
	z-index: 9999;
}
/*.p-calendar-Cover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}*/
.p-calendar{
	width: 720px;
	margin: 10px auto;
	background: #fff;
}
.p-calendar-header{
	width: 100%;
	background: #f3f4f8;
	/*padding: 5px 10px;*/
	overflow: hidden;
}
.p-calendar-header span{
	float: left;
	margin:0 10px;
	line-height: 32px;
	font-size: 18px;
}
.p-calendar-header span i{
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	color: #fff;
	font-style: normal;
	margin: 5px;
	border-radius: 4px;
}
.p-calendar-title{
	font-size: 32px;
	text-align: center;
	background: #eee;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	color: #333;
}
.p-calendar-box{
	position: relative;
}
.p-calendar table{
	border: 1px #ddd solid;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}
.p-calendar table th{
	text-align: center;
	background: #eee;
}
.p-calendar table td{
	border: 1px solid #ddd;
}
.p-calendar .p-table-td{
	padding: 0 5px;
	text-align: center;
	height: 40px;
	color: #666;
	background: #eee;
	font-size: 24px;
}
.p-calendar-course{
	position: absolute  ;
	z-index: 9;
	left: 0;
	top: 18px;
	width: 100%;
	font-size: 12px;
}
.p-calendar-item{
	position: absolute;
	left: 42px;
	background: #008000;
	width: 80px;
	color: #fff;
	border: 2px solid #008000;
	border-radius: 2px;
	overflow: hidden;
	font-size: 24px;
	line-height: 26px;
}
.p-calendar-item .name-icon{
	display: block;
	width: 100%;
	height: 100%;
	/*border: 2px solid #fff;*/
	text-align: center;
	line-height: 28px;
	color: rgba(255,255,255,.5);
	border-radius: 16px;
}
.p-calendar-item p{
	margin: 0;
	padding: 0;
}
.p-calendar-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom-left-radius:40px ;
	z-index: 999;
	background: rgba(255,255,255,.5);
	text-align: center;
	line-height: 30px;
	font-size: 24px;
	color: rgba(0,0,0,.5);
}
.p-calendar-none{
	height: 360px;
	line-height: 360px;
	color: #666;
	background: #fff;
	text-align: center;
	font-size: 32px;
}
.no-content{
	border: 2px solid #ddd;
	color: #999;
	line-height: 48px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.reportPopover{
	position: absolute;
	left: 50%;
	bottom:38px;
	width: 160px;
	margin-left: -80px;
	border: 1px solid #3c8dbc;
	min-height: 80px;
	background: #fff;
	border-radius:4px;
	line-height: 38px;
	color: #333;
	text-align: left;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.reportPopover-header{
	text-indent: 10px;
	background: #3c8dbc;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.reportPopover-body{
	padding: 5px;
	overflow: hidden;
}
.reportPopover-body span{
	text-align: center;
	float: left;
	width: 50%;
	border-radius: 2px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.reportPopover-body span:hover{
	background: #eee;
}
.reportPopover .horn{
	display: block;
	position: absolute;
	left: 47%;
	bottom: -6px;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	border-right: 1px solid #3c8dbc;
	border-bottom: 1px solid #3c8dbc;
	background: #fff;
}

.studentFeedbacks{
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 999;
}
.studentFeedbacks .overflow{
	overflow: hidden;
}
.studentFeedbacks p{
	float: right;
	padding: 0 8px;
	background: rgba(0,0,0,.5);
	margin-bottom: 5px;
	border-radius:10px;
}
.studentFeedbacks span{
	color: #fff;
}
.studentFeedbacks span.name{
	display: none;
}
.studentFeedbacks p:hover span.name{
	display:inline-block;
}

/*提示遮罩*/
.adminAlert-mask{
	position: fixed;
	left:0;
	top:0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 9999999;
}


/*配题选项菜单样式调整*/
.matchQuiz li.active a{
    background: #fff;
    color: #00a7d0;
}

/*无内容样式*/
.noContent{
    width: 100%;
    min-height: 80px;
    text-align: center;
    color: #999;
    padding: 120px 0;
    font-size: 24px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.noContent-sm{
	font-size: 18px;
	padding: 60px 0;
}
.noContent-info{
    color: #3498DB;
    border-color:#3498DB;
}


/*树样式*/
.tag-popup-mask{
    position: absolute;
    left: -300px;
    top: 0;
    z-index: 9;
    width:300px;
    padding: 5px;
    background: rgba(0,0,0,.3);
    border-radius:4px;
}

.treeview ul.list-group{
    margin-bottom: 0;
}

/*内容管理展示编辑*/
.kp-img-views{
    padding-left:210px;
    overflow: hidden;
}
.kp-img-views-left{
    float: left;
    width: 200px;
    margin-left: -210px;
}
.kpTags{
	position: relative;
	float: left;
	width: 100%;
	height: 26px;
	line-height: 26px;
}
.addKpTags{
	float: right;
	margin-right: -50px;
}
.kpTags-box{
	padding: 4px;
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
	width: 100%;
	height: 26px;
	overflow: hidden;
	background: #fff;
}
.kpTags-box:hover{
	border-radius: 4px;
	height: auto;
	min-height: 26px;
	overflow: visible;
	box-shadow: 2px 2px 5px #999;
}
.tag{
	float: right;
	padding-left: 6px;
	padding-right: 32px;
	background-color:#eee;
	min-width:30px;
	line-height: 22px;
	margin-right:5px;
	display:inline-block;
	font-size: 14px;
	border-radius: 4px;
	margin-bottom: 4px;
}

.tag i{
	float: right;
	margin-right: -30px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color:red;
}
.tag i:hover{
	cursor: pointer;
	background: #f3d17a;
}

.kpTags .label {
	font-size: 14px;
	float: right;
	margin-top: 5px;
	margin-right: -24px;
}
/*阴影样式*/
.box-shadow{
	box-shadow: 0px 0px 5px #999;
}
/*学习目标*/
#targetPlanDetails .modal-title span,#targetPlan-modal .modal-title span{
	margin-left: 20px;
	font-size: 14px;
	color: #666;
}

/*行政班级*/
.mgAreaClass table{
	margin: 0;
}
.mgAreaClass .box-header h4{
	line-height: 30px;
}
.areaClass table th{
	text-align: center;
	height: 24px;
	background: #3c8dbc;
	color: #fff;
}
.areaClass table .td-titel{
	width: 24px;
	background: #3c8dbc;
	color: #fff;
	font-size: 16px;
}
.areaClass table td{
	text-align: center;
	font-size: 24px;
	color: #666;
}
.areaClass table .td-titel.green{
	background: rgba(26,188,156,.5);
}
.areaClass table .td-titel.bule{
	background: rgba(52,152,219,.5);
}
.areaClass table .td-titel.orange{
	background: rgba(230,126,34,.5);
}
.areaClass td{
	position: relative;
}
.ac-item{
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: #eee;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #999;
	line-height: 24px;
	color: #eee;
	cursor: pointer;
    overflow: hidden;
}
.ac-see-item{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}
.areaClass td p,.ac-item p{
	margin: 0;
}
.areaClass td{
	padding: 0;
}
.areaClass td p{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.areaClass td span{
    margin: 0;
	padding: 10px;
	font-size: 16px;
	width: 100%;
	display:block;
    line-height: 100%;
}
.areaClass td span.at-edit{
	padding-right: 40px;
	position: relative;
}
.areaClass td span.at-edit button{
	position: absolute;
	right: 5px;
	top: 5px;
}
.areaClass td span.addBtn{
	color: #999;
	padding: 0;
    position: relative;
}
.areaClass td span.addBtn i{
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 24px;
    height: 24px;
    margin: -12px;
}
.areaClass td span.addBtn:hover{
	background: #ccc;
}
.areaClass td span.addBtn.active{
	border-color: #8E44AD;
	background: #9B59B6;
    color: #fff;
}
.ac-item-header{
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.ac-item.ac-item-add i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	color: #fff;
	margin: -24px;
	font-size: 48px;
	cursor: pointer;
}
.ac-item.ac-item-add:hover{
	border-color: #8E44AD;
	background: rgba(142,68,173,.2);
}
.areaClass td span.ac-active,.ac-active{
	border-color: #8E44AD;
	background: #9B59B6;
    border-bottom: 1px solid #ddd;
}
td.ac-red,.ac-red{
    background: rgba(255,0,0,.1);
    color: rgba(255,0,0,.0);
}

td.ac-green,.ac-green{
	border-color: #2ECC71;
	background: rgba(26,188,156,.8);
	color: #fff;
}
td.ac-bule,.ac-bule{
	border-color: #3498DB;
	background: rgba(52,152,219,.8);
	color: #fff;
}
td.ac-orange,.ac-orange{
	border-color: #F39C12;
	background: rgba(243,156,18,.8);
	color: #fff;
}
td.ac-amethyst,.ac-amethyst{
    border-color: #9B59B6;
    background: rgba(155,89,182,.8);
    color: #fff;
}
td.ac-alizarin,.ac-alizarin{
    border-color: #E74C3C;
    background: rgba(231,76,60,.8);
    color: #fff;
}
td.ac-concrete,.ac-concrete{
    border-color: #95A5A6;
    background: rgba(149,165,166,.8);
    color: #fff;
}
td.ac-wetasphalt,.ac-wetasphalt{
    border-color: #34495E;
    background: rgba(52,73,94,.8);
    color: #fff;
}

/*输入菜单*/
.enter-query{
	position: relative;
}
.enter-query-menu{
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 9;
	width: 100%;
	border-radius: 4px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	overflow: auto;
	max-height: 360px;
}
.enter-query-menu li{
	padding: 5px;
}
.enter-query-menu li:hover{
	background: #eee;
	cursor: pointer;
}
/*工作台*/
.workbench-box{
	position: relative;
	margin: 0 -10px 0 -10px;
}
.w-position{
	position: absolute;
	width: 25%;
	padding:0 10px;
}
.w-pt0{
	left:0;
	top:0;
	padding-bottom: 10px;
}
.w-pt1{
	left:25%;
	top:0;
	padding-bottom: 10px;
}
.w-pt2{
	left:50%;
	top:0;
	padding-bottom: 10px;
}
.w-pt3{
	left:75%;
	top:0;
	padding-bottom: 10px;
}
.w-pt4{
	left:0;
	top:50%;
	padding-top: 10px;
}
.w-pt5{
	left:25%;
	top:50%;
	padding-top: 10px;
}
.w-pt6{
	left:50%;
	top:50%;
	padding-top: 10px;
}
.w-pt7{
	left:75%;
	top:50%;
	padding-top: 10px;
}

.w-box{
	box-shadow: 0px 0px 5px #aaa;
}
.w-box .w-box-header{
	padding: 5px;
	height: 40px;
	line-height: 30px;
	color: #fff;
}
.w-box .w-box-body{
	box-sizing: border-box;
	overflow: auto;
}
.w-list{
	margin: 5px 0;
    overflow: auto;
}
.w-list-item{
	margin: 5px;
	padding: 0 10px;
	background: rgba(255,255,255,.8);
	line-height: 32px;
    overflow: hidden;
    cursor: pointer;
}

.w-list-head {
	line-height: 32px;
	padding: 0 10px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.w-list-box{
    margin: 5px;
    background: rgba(255,255,255,.8);
    line-height: 32px;
    overflow: hidden;
}

.w-list-box .vip {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/vip.png");
	background-size: 100% 100%;
	margin-left: 5px;
}
.w-list-box h5{
    margin: 0;
    line-height: 32px;
    padding: 0 10px;
    background: #fff;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.w-list-box-list {
    margin: 5px;
    background: rgba(255, 255, 255, .8);
    line-height: 32px;
    overflow: hidden;
}

.w-list-box-list h5 {
    margin: 0;
    line-height: 32px;
    padding: 0 10px;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.w-list-boy{
    padding: 0 10px;
}
.w-list-boy p{
    margin: 0;
}
.w-list-boy .btn-group{
    margin: 5px -5px;
}
.w-list-item h5{
	height: 32px;
	line-height: 32px;
	margin: 0;
}

.w-list-item h5 small{
	font-size: 80%;
	color: #999;
}
.w-list-item:hover{
	box-shadow: 0px 0px 5px #999;
	cursor: pointer;
	background: rgba(255,255,255,1);
}
.w-list-box:hover{
    box-shadow: 0px 0px 5px #999;
    background: rgba(255,255,255,1);
}

.w-list-boy-list:hover {
    box-shadow: 0px 0px 5px #999;
    background: rgba(255, 255, 255, 1);
}
.w-samll{
	color: #999;
}
.w-red{
	background: rgba(255,0,0,.3);
}
.w-green{
	background: rgba(26,188,156,.3);
}
.w-bule{
	background: rgba(52,152,219,.3);
}
.w-mediumPurple{
	background: rgba(147,112,219,.3);
}
.w-coral{
	background: rgba(255,127,80,.3);
}
.w-peru{
	background: rgba(205,133,63,.3);
}
.w-orange{
	background: rgba(255,165,0,.3);
}
.w-manganeseBlue{
	background: rgba(3,168,158,.3);
}
.w-lightGreen{
	background: rgba(144,238,144,.3);
}
.w-gainsboro{
	background: rgba(220,220,220,.3);
}
.w-mediumBlue{
    background: rgba(0,0,205,.3);
}
.w-darkOrange{
	background: rgba(255,140,0,.3);
}
.w-box .w-orange{
	background: rgba(230,126,34,.4);
}
.w-box .w-amethyst{
	background: rgba(155,89,182,.4);
}
.w-box .w-alizarin{
	background: rgba(231,76,60,.4);
}
.w-box .w-concrete{
	background: rgba(149,165,166,.4);
}
.w-box .w-wetasphalt{
	background: rgba(52,73,94,.4);
}
span.wb-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
}
.wb-icon.wred{
    color: #fff;
    background: #FF6666;
}
.wb-icon.wgreen{
    color: #fff;
    background: #00CC99;
}

/*红黄绿统一样式*/
.fd-border-red{
	border:1px solid #E74C3C;
}
.fd-border-yellow{
	border:1px solid #F39C12;
}
.fd-border-green{
	border:1px solid #27AE60;
}
.fd-text-red{
	color:#E74C3C;
}
.fd-text-yellow{
	color:#F39C12;
}
.fd-text-green{
	color:#27AE60;
}
/*教案样式调整*/
.nav-tabs li.bg-info,.nav-tabs li.bg-yellow{
    background: #fff;
}
.nav-tabs li.active.bg-info{
    background: #00c0ef;
    border-color: #00c0ef;
}

.nav-tabs li.active.bg-info a{
    color: #00c0ef;
}
.nav-tabs li.active.bg-yellow{
    background: #F39C12;
    border-color: #F39C12;
}
.nav-tabs li.active.bg-yellow a{
    color: #00c0ef;
}

/*检查任务答案预览*/
.answer-preview-box{
    /*position: absolute;*/
    /*left: 10px;*/
    /*top:65px;*/
    /*right: 10px;*/
    /*bottom: 10px;*/
    width: 40%;
    height: 100%;
    float: left;
    /*border-radius: 4px;*/
    /*border: 1px solid #ddd;*/
    z-index: 99;
    padding: 10px;
    overflow: auto;
    background: #f5ffff;
}
.answer-preview-box img{
    max-width: 100%;
}

/*提示工具*/
.tooltip{
	z-index: 999999;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}


/*文件上传模态框样式*/
.progress{
	margin-top:2px;
	width: 200px;
	height: 14px;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar{
	background-color: rgb(92, 184, 92);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: block;
	float: left;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	transition-delay: 0s;
	transition-duration: 0.6s;
	transition-property: width;
	transition-timing-function: ease;
	width: 266.188px;
}



/*动态提示框*/
.bubbly {
	position: absolute;
	bottom:100%;
	left: 0;
	/*transform:translate(-50%,-50%);*/
	background: #00aabb;
	border-radius: 4px;
	padding: 5px;
	text-align: center;
	color: white;
	font-size: 14px;
}

.bubbly:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 5px;
	border: 14px solid transparent;
	border-top-color: #00aabb;
	border-bottom: 0;
	border-left: 0;
	margin: 0 0 -10px -5px;
}
.bubbly.bottom{
	top:100%;
	left: 0;
}
.bubbly.bottom{
	bottom:100%;
	left: 0;
}

/*扇形菜单*/
.float-menu{
	display: none;
	position: relative;
}
.float-menu.active{
	display: block;
}
.float-menu ul{
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	list-style: none;
	background: rgba(0,0,0,.7);
	width: 128px;
	margin: 0;
	padding: 4px;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 4px;
	border-top-right-radius: 0;
    z-index: 999;
}
.float-menu li{
	float: left;
	width: 32px;
	height: 32px;
	margin: 4px;
	line-height: 32px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	border-radius: 4px;
	font-weight: 600;
}
.float-menu li:hover{
	background: rgba(255,255,255,.2);
	cursor: pointer;
}
.progressBar {
	display: none;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	margin: 0;
	box-shadow: 0px 0px 2px #fff;
}
.progressBar .progress-bar{
	display: block;
	height: 5px;
	width: 4px;
	transition-duration: 0.3s;
	background-color: #F39C12;
}


/*问卷调查*/
#questionnaire .viewer{
	position: relative;
}
#questionnaire .viewer img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
#questionnaire .qInfo{
	text-align: left;
	width: 80%;
	margin: 20px auto;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	background: #fff;
	border-radius: 8px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 28px;
}
#questionnaire .qInfo.shwo{
	height: 66px;
	opacity: 1;
}
#questionnaire p a{
	margin: 0 20px;
}
div.form-control{
	word-break:break-all;
}

/*全屏*/
.fullScreen{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	z-index: 1040;
}

.littleTopRed{
	float: right;
	background: red;
	margin-top: -7px;
	border:1px solid;
	border-radius:25px;
	border-color: red
}

.littleTopBlue{
	float: right;
	background: lightskyblue;
	margin-top: -7px;
	border:1px solid;
	border-radius:25px;
	border-color: lightskyblue;
}
.grid-stack-item{
	max-width: 100%;
}
.watermark{
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
}
.watermark img{
	float: left;
	width: 100%;
}
.expTitle{
    position: absolute;
    left: 0;
	width: 842px;
    line-height: 30px;
    z-index: 9;
}
.expTitle .expTitle-border{
	display: inline-block;
	height: 21px;
	width: 120px;
	border-bottom: 1px solid #000;
	vertical-align:text-bottom;
}
.expTitle h4{
	font-weight: 600;
}
.expTitle p{
	font-size: 16px;
}
.expTitle span{
	margin-right: 10px;
}
.expTitle strong{
	margin-left: 10px;
}

.bgc-gainsboro{
	background: rgba(220,220,220,.3);
}

select.form-control{
	padding-right: 0px!important;
	padding-left: 0px!important;
}

.table-fixed-header{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	background: #fff;
}
.studentLevel{
	overflow: hidden;
	margin: 0;
}
.studentLevel table{
	float: left;
	width: 33.333%;
	margin: 0 0 0 0;
	border-left: 1px  solid #ddd;
	border-top:1px solid #ddd;
}
.studentLevel table tbody{
	border: none;
}
.studentLevel .bg-gray{
	background: #f1f1f1!important;
}
.studentLevel .table > tbody > tr > th,  .studentLevel .table > tbody > tr > td{border-top:none!important; padding: 5px;}

/*校历样式*/
.school-calendar-box .upBtn{
	float: left;
	width: 50%;
	height: 50%;
	line-height: 100%;
	background: rgba(255,255,255,.2);
	cursor: pointer;
}

.school-calendar-box .upBtn:hover{
	background: rgba(000,000,000,.0);
}

.tag-max-width{
	min-width: 360px
}

.tag-min-width{
	min-width: 260px
}

.tr-click {
    cursor: pointer;
}

.tr-click:hover {
    background: rgba(135, 206, 235, .5);
}

.wrong-Topic-modal {
    margin: 40px auto;
}
.p-students{
	position: fixed;
	right: 0;
	top: 160px;
    bottom: 60px;
	z-index: 99999;
	/*overflow-y: auto;*/
	padding-top: 40px;
}
.p-students a{
	display: block;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background: rgba(000,000,000,.4);
	color: #fff;
	line-height: 32px;
	text-align: center;
	width: 100px;
	margin-bottom: 5px;
}
.p-students .expand{
	float: right;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background: rgba(255,255,255,.8);
	color: #333;
	line-height: 32px;
	text-align: center;
	width: 50px;
	margin-top: -40px;
}
.p-students .expand:hover{
    background: #fff;
}
.p-students a:hover{
	background: rgba(000,000,000,.6);
}
.p-students span{
	float: left;
	width: 26px;
	height: 26px;
	background: #fff;
	color: #3a3a3a;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
	margin: 3px;
	margin-right: 0;
}
#vue-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: none;
}

.baselineTest {
    border-radius: 0;
    border: 1px solid #ddd;
}

.baselineTest-header {
    position: relative;
    line-height: 40px;
    height: 41px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.baselineTest-header .angucomplete {
    display: block;
    width: 100%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 0;
    line-height: 40px;
    text-align: left;
}

.baselineTest-header .angucomplete input {
    display: block;
    width: 100%;
    border: none;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
}

.baselineTest-report-modal {
    right: 261px;
}

.baselineTest-report-modal .modal-dialog {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
}

.baselineTest-report-modal .modal-dialog .modal-content {
    height: 100%;
    padding-top: 61px;
    box-sizing: border-box;
    background-color: #f3f4f8;
}

.baselineTest-report-modal .modal-dialog .modal-header {
    margin-top: -61px;
}

.baselineTest-report-modal .modal-dialog .modal-body {
    height: 100%;
}

.baselineTest-stat {
    position: absolute;
    bottom: 45px;
    right: 10px;
}

.baselineTest-stat-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin: 5px 0;
}

#lp-angucomplete_dropdown {
    width: 100%;
}
.table-responsive{
	overflow: inherit;
}

.title-alert{
	color: #d9534f;
	margin-left: 20px;
	font-size: 16px;
}

.exam-modal {
    left: 20px;
    right: 20px;
    position: fixed;
    bottom: 20px;
    top: 20px;
    width: auto;
    margin: 0;
}

.exam-modal .modal-content {
    height: 100%;
}

#exam-review-plan-vue {
    width: 100%;
    height: 100%;
}

.vue-modal .modal-dialog {
    width: 96%;
    top: 30px;
    bottom: 30px;
    position: fixed;
    margin: 0;
    left: 2%;
    right: 2%;
}

.vue-modal.full .modal-dialog {
	width: 100%;
	top: 0;
	bottom: 0;
	margin: 0;
	left: 0;
	right: 0;
}
.vue-modal.full .modal-content{
	background-color: rgba(0,0,0,0);
}

.vue-modal.min .modal-dialog {
    width: 800px;
    position: inherit;
    margin: 60px auto;

}

.vue-modal.tutor .modal-dialog {
    width: 600px;
	height: 390px;
    bottom: auto;
    position: inherit;
    margin: 60px auto;

}

.vue-modal.opacity .modal-dialog {
    width: 100%;
    top: 0;
    bottom: 0;
    position: fixed!important;
    margin: 0;
    left: 0;
    right: 0;
}

.vue-modal.opacity iframe, .vue-modal.opacity .modal-content {
    background-color: rgba(0, 0, 0, 0);
}
.vue-modal .modal-content {
    height: 100%;
}

.viewer-container {
	z-index: 9999999 !important;
}

.bindWechatOpen {
	display: none;
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

.bindWechatOpen-body {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 460px;
	margin: -230px -300px;
	background-color: #ffffff;
	border-radius: 8px;
	text-align: center;
}

.bindWechatOpen-body-qr {
	width: 300px;
	height: 300px;
	margin: 20px auto;
}

.bindWechatOpen-body-qr img {
	width: 100%;
	height: 100%;
	display: block;
}

.w-max-height {
    max-height: 180px;
}

.w-max-height .w-max-height-btn {
    padding: 0 10px 0 0;
}

.w-max-height .w-max-height-btn i {
    color: #999999;
}

.w-max-height .w-max-height-btn:hover i {
    color: #666666;
}

/*record样式*/
.record {
	padding: 5px 0;
	overflow: hidden;
}

.record audio {
	float: left;
}

.record-btn {
	float: left;
	padding: 11px 15px;
	line-height: 1;
	border-radius: 18px;
	background-color: #F2F2F2;
	box-sizing: border-box;
	font-size: 16px;
	cursor: pointer;
	color: #333333;
}

.record-btn i {
	font-size: 16px;
}

.icon-111 {
	float: left;
	width: 12px;
	height: 16px;
	margin-right: 7px;
	background-image: url("../images/icon-111.png");
	background-size: 100% 100%;
}

.evaluate-audio {
	float: left;
	width: 160px;
	padding: 11px 15px;
	line-height: 1;
	border-radius: 18px;
	background-color: #F2F2F2;
	box-sizing: border-box;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
}

.audio-play {
	float: left;
	width: 12px;
	height: 16px;
	margin-right: 7px;
	background-image: url("../images/audio.gif");
	background-size: 100% 100%;
}

#routerPrint-iframe {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 999999;
}

.red-font {
	color: red
}

.yellow-font {
	color: rgb(212, 110, 19);
}

.tooltip-box {
	display: inline-block;
	width: 40px;
	height: 20px;
	border-radius: 10px;
	background-color: #dddddd;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	cursor: pointer;
}

.tooltip-box span {
	float: left;
	background: #999999;
	height: 20px;
	width: 20px;
	border-radius: 10px;
}

.tooltip-box.active {
	background-color: rgba(40, 125, 250, 0.5);
}

.tooltip-box.active span {
	float: right;
	background-color: rgba(40, 125, 250, 1);
}

.main-sidebar, .left-side, .skin-blue-light .main-header .logo {
	width: 180px;
}

.content-wrapper, .right-side, .main-footer, .main-header .navbar {
	margin-left: 180px;
}

/*导航栏样式优化*/
.navbar-box {
    display: flex;
    width: 100%;
}

.navbar .sidebar-toggle, .navbar .navbar-custom-menu {
    flex-shrink: 0;
}

.navbar #menu {
    flex: 1;
    display: flex;
    width: 100%;
}
.user-body{
	padding: 5px;
	overflow: hidden;
}
.user-body .text-center{
	float: left;
}

.w-course-info{
	position: absolute;
	left: 0;
	top: -80px;
	width: 100%;
	height: 70px;
	background-color: #ffffff;
}
#courseCalendar{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px 10px 10px;

}
.courseCalendar{
    background-color: rgba(52,152,219,.3);
    box-shadow: 0 0 5px #cccccc;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
	position: relative;
}

.courseCalendar .btn-r,.courseCalendar .btn-l{
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 32px;
	height: 32px;
	background-color: rgba(0, 0, 0, 0.3);
	color: #ffffff;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	z-index: 9;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	cursor: pointer;
}
.courseCalendar .btn-l{
	left: 5px;
}
.courseCalendar .btn-r{
	right: 5px;
}
.courseCalendar .btn-r:hover,.courseCalendar .btn-l:hover{
	background-color: rgba(0, 0, 0, 0.6);
}
.courseCalendar:hover .btn-l,.courseCalendar:hover .btn-r{
	display: block;
}
.courseCalendar-header{
    padding: 5px;
    height: 40px;
    line-height: 30px;
    color: #fff;
    background-color: rgba(52,152,219,.3);
    flex-shrink: 0;
}
.courseCalendar-body{
    display: flex;
    flex: 1;
    height: 100%;
}
.courseCalendar-item{
    width: 14.3%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.courseCalendar-item+.courseCalendar-item{
    border-left: 1px solid rgba(52,152,219,.3);
}
.courseCalendar-item-t{
    height: 40px;
    text-align: center;
    line-height: 16px;
    flex-shrink: 0;
    background-color: rgba(52,152,219,.3);
    color: #ffffff;
	padding: 4px 0;
	box-sizing: border-box;
}
.courseCalendar-item.active{
	background-color: rgba(52,152,219,.2);
}
.courseCalendar-item-t span{display: block; font-size: 12px;}
.courseCalendar-item-b{
    flex: 1;
    height: 100%;
    overflow-y: auto;
}
.courseCalendar-item-b .item{
    background-color: rgba(52,152,219,.3);
    color: #ffffff;
    margin: 5px;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 4px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    cursor: pointer;
	position: relative;
}
.courseCalendar-item-b .item:hover{
    background-color: rgba(52,152,219,.6);
    box-shadow: 0 0 5px #ffffff;
}

.courseCalendar-popover{
	display: none;
	position: fixed;
	width: 480px;
	background-color: #ffffff;
	z-index: 9999;
	border-radius: 6px;
	box-shadow: 0 0 5px #999999;
	padding: 10px;
	box-sizing: border-box;
	margin-left: 20px;
}
.courseCalendar-popover:before{
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	left: -7px;
	top: 22px;
	background-color: #ffffff;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg);
}
.courseCalendar-popover table{
	width: 100%;
	font-size: 12px;
	color: #666666;
	line-height: 24px;
}
.courseCalendar-popover table tr:nth-child(odd){
	background-color: #eeeeee;
}
.courseCalendar-popover table td{
	padding: 5px 10px;
}
.user-menu .user-header .btn{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 6px;
	background-color: #ffffff;
}