html{width: 100%;}
*{margin: 0;padding: 0;border: none;}
body{font-size: 12px;line-height: 100%;color: #3b3b3b;margin: 0;padding: 0 auto;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;zoom: 1;overflow: hidden;}
body, button, input, select, textarea{margin: 0;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}
address, cite{font-style: normal}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display: block}
audio, canvas, video{display: inline-block}
audio:not([controls]){display: none}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
a, a:visited{text-decoration: none;color: #3b3b3b;cursor: pointer}
a:focus{outline: none;outline: -webkit-focus-ring-color auto 5px;outline-offset: 0px}
a:active, a:hover{outline: 0;text-decoration: none;}
sub, sup{font-size: 75%;line-height: 0}
sup{top: -.5em}
sub{bottom: -.25em}
button, input, select, textarea{font-size: 100%;vertical-align: middle}
button::-moz-focus-inner, input::-moz-focus-inner{padding: 0;border: 0}
button, html input[type=button], input[type=reset], input[type=submit]{cursor: pointer;-webkit-appearance: button}
button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox], select{cursor: pointer}
input[type=search]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance: none}
textarea{overflow: auto}
ul, li, ol{list-style: none;margin: 0;padding: 0;}
img{outline: none;border: none;}
h3{style="font-size:16px;"}
.fl{float: left;}
.fr{float: right;}
.m15{margin: 15px; }
.not-copy{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
/*閿熸枻鎷烽敓鏁欏尅鎷烽敓鏂ゆ嫹*/
.error{color: #f00;}
/*鍥鹃敓鏂ゆ嫹*/
.arrow{display: inline-block;width: 0px;height: 0px;border: transparent solid 6px;border-top: #9299a6 solid 6px;position: relative;top: 3px;}
/*閿熸枻鎷烽敓鏂ゆ嫹*/
.interacting-mask{position: fixed;width: 100%;hloadingeight: 100%;left: 0;top: 0;z-index: 900;background: rgba(0,0,0,.1);}
.interacting-main{position: fixed;left: 50%;top: 50%;width: 160px;max-height: 156px;overflow: hidden;padding: 20px 10px;margin: -80px 0 0 -80px;z-index: 901;background: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#aa000000,endColorstr=#aa000000);border-radius: 10px;color: #fff;text-align: center;line-height: 24px;font-size: 12px;}
.interacting-main img{width: 72px;height: 72px;margin: 0 auto 10px;display: block;}
.interacting-main img.loading{animation: loadingAnimation 2s infinite;}
@keyframes loadingAnimation{0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}}
/*閿熺殕璁规嫹閿熻棄寮归敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷峰紡*/
a.button_sty1, a.button_sty2{background: #15a4fa;border: 0 none;border-radius: 3px;color: #fff;cursor: pointer;font-size: 12px;height: 35px;line-height: 35px;text-align: center;transition: all 0.4s ease 0s;width: 80px;display: inline-block;margin: 0 25px;}
a.button_sty2{background: #ababab;}
a.button_sty1:hover,a.button_sty2:hover{color: #fff;}
.errorBox{display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 900;}
.errorBoxWarp{height: 100%;position: relative;width: 100%;z-index: 905;}
.errorBox .bg{background: #000;height: 100%;opacity: 0.3;filter: alpha(opacity=30);position: absolute;width: 100%;z-index: 910;}
.errorBox .errbox{background: #fff;border-radius: 3px 3px 6px 6px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); border:#ccc solid 1px\9;left: 50%;margin: -90px 0 0 -150px;position: absolute;top: 50%;transition: all 0.2s ease 0s;width: 300px;z-index: 920;}
.errorBox .errbox:hover{box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8);}
.errorBox .errbox h2{background: #fff none repeat scroll 0 0;margin: 0;border-bottom: 1px solid #f0f0f0;border-radius: 3px 3px 0 0;color: #333;font-size: 16px;font-weight: normal;height: 35px;line-height: 35px;padding: 0 12px;}
.errorBox .errbox h2:hover{background: #fff none repeat scroll 0 0;}
.errorBox .errbox h2 a.errClose{background: #fff;border-radius: 7px;color: #333;cursor: pointer;display: block;float: right;font-family: Arial, sans-serif;font-size: 24px;height: 15px;line-height: 15px;margin-top: 10px;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;width: 15px;}
.errorBox .errbox h2 a.errClose:hover{background: #15a4fa;color: #fff;}
.errorBox .errbox .errCentent{min-height: 90px;padding: 15px 20px;text-align: center;font-size: 12px;}
.errorBox-sure{padding: 0 0 20px;text-align: center;}
/*閿熺殕璁规嫹閿熻棄寮归敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷峰紡 end*/

.mobile-body{overflow:auto;max-width: 450px;margin:0 auto;} 

.box{ margin:15px;}
.bd-b{margin:5px 5px 0;}/*display:none*/
.box-title{ font-size:18px; color:#333;font-weight:bold;}
.pl200{ font-size:12px; padding-left:165px}
.red{ color:#ff6633}
.green{ color: #33cc0a;}
.yellow {color: #ff6633 !important;}
.font18{ font-size:18px;}
.span-5-5 span{ padding:0 20px 0 0;display:inline-block;}
.span-5-5 label{font-weight:normal;}
.box-title{ font-size:18px; color:#333;font-weight:bold;}

.form-body2 textarea { min-width:688px; max-width:688px; }


.table tr th.actions{ width:128px;}

.add-course td{ padding:4px; width:20%;}

.courseId-box label{display:inline-block; width:19%; min-width:175px; max-width:211px; margin-right:0; line-height: 22px;}
.courseId-box input{ vertical-align: middle; position: relative;top:-1px;}

.courseId-box2 label{display:inline-block; width:19%; min-width:175px; max-width:211px; margin-right:0; line-height: 22px;}
.courseId-box2 input{ vertical-align: middle; position: relative;top:-1px;}
/*閿熷彨鎲嬫嫹閿熷彨鐨勭鎷烽敓渚ユ唻鎷�*/
.long-text{ width:100%;height:25px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}


/**閫夐敓鏂ゆ嫹鏍￠敓鏂ゆ嫹css**/
.school-area{width:700px;}
.school-area{ display:none; position:absolute; width:674px; padding:10px 10px 10px 0; background:#fff; border:#f5f5f5 solid 1px; right:15px; top:130px;}
.school-area ul{ line-height:30px; max-height:210px; overflow: hidden; overflow-y:auto;  }
.school-area ul li{ width:110px;height:30px; overflow:hidden; margin-left:20px; cursor:pointer; float:left;}
.school-area ul li.curr,.school-area ul li:hover{ color:#ff3a3a}
.school-area ul li input{ margin-right:10px;}
.school-btn { margin:10px 20px;}
.school-btn.form-actions .red{background:#09C; color:#fff; border:#09C solid 1px;}
.school-area ul li.disabled{ color:#bbb}
/**閫夐敓鏂ゆ嫹鏍￠敓鏂ゆ嫹css end**/


/* 閿熸枻鎷烽敓鏂ゆ嫹浣嶈矾閿熸枻鎷�  */
.path { zoom: 1; overflow: hidden; font-size:12px;font-weight: bold; padding: 7px 7px; background: #f6f8fb; border-bottom: #e3e3e3 solid 1px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); border-radius: 10px;background-repeat: no-repeat;background-position-y: 9%;}
.path li { float: left; position: relative; text-align: left; padding:0 30px 0 10px; display: inline-block; margin: 0; background: url(../images/bread_crumb.png) #d7dde6  no-repeat right center; }
.path li span { padding: 0 6px; color: #333; height: 37px; line-height:37px; display: inline-block; }
.path li:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px }
.path li.first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px }
.path li.last-child { background: url(../images/bread_crumb.png) #d7dde6 no-repeat right -113px; }
.path li:last-child { background: url(../images/bread_crumb.png) #d7dde6 no-repeat right -113px; }
.path li.on { background: url(../images/bread_crumb.png) #575757 no-repeat right -8px; }
.path li.on span { color: #fff; }
.path li i.icon-home{ float:left;position: relative; display: inline-block;width: 20px; height: 20px; content: " "; background: url(../images/sidebar-icon-v1.png) -21px 0 no-repeat; margin-top: 8px; }
.path .totalnum{color: #f00}

.search{border-bottom:#ccc solid 1px;margin:5px 5px 0; background:#f6f8fb;border-radius: 10px;background-repeat: no-repeat;background-position-y: 9%;}
.table-search{ margin: 8px 5px 0; line-height:30px;}
.table-search td{ padding:0px 10px 4px 4px;}
.table-search .btn-long{ width:90px; float:left; margin:0 20px 0 0}
.table-search td.td_key,.table td.td_key{ max-width:130px; text-align: right; line-height: 30px;}
.table-search td.td_val,.table td.td_val{max-width:280px; min-width:100px;}

.input-box,.select-box,.text-box,.search-box{ display: inline-block; width:100%; border: #ddd solid 1px; height: 30px; line-height:19px; padding:6px 10px; box-sizing:border-box;border-radius:5px; max-width:220px;vertical-align: middle; position: relative; }
.input-box input,.search-box input{display: inline-block; float:left; position:relative; top:-2px;border-radius:0px; outline:none; border:none!important; line-height: 21px!important; height:21px!important; padding:0!important;width:100%!important;}
.select-box,.select-box select{max-width:242px\9;padding:5px 6px;}
.input-box.no-border,.select-box{border: none;padding:0;}
.text-box{ border:none; background: #fafafa;}

.search-box{ position: relative;}
.search-box .searchBox{ position: absolute; width: 100%;top: 30px; left: 0; background: #fff;border: #7a9dd3 solid 1px; height: 220px; overflow: auto; display: none;}
.search-box .searchBox li{ line-height: 22px; cursor: pointer; padding-left: 10px;font-size:12px;}
.search-box .searchBox li.curr{ background: #1e91ff;color:#fff;}
.search-box .searchBox li .seach-on{ color: #f00;}
.search-box .searchBox li:hover{ background: #1e91ff;color:#fff;}

.input-box.no-border,.select-box{border: none;padding:0;}
.text-box{ background: #fafafa;}
.long-input-box{ width: 759px; max-width: 759px;}
.long-input-box input{width: 759px; max-width:759px!important;}
.table-search-td{min-width:220px;}
.text-box.height-auto{height:auto;min-height:30px;}

.table-scrollable{ margin:0 10px;width: 98%;}

 .table th{text-align:center;background-color: #ebeef5;}
 .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width:1px;}
 
 #clean{ background: #ffca14; color: #643600; border: #ce9600 solid 1px;}
 #clean:hover{border: #ce9600 solid 1px; background:#fcdb6b;}

 .report-tab{ padding:10px; line-height:30px; font-size:12px; position:relative;}
 .report-tab a{ padding:0 5px;}
 .report-tab a.type-color {color:#3dabfd;}
 .showTime-table{ background:#fff; border:#ddd solid 1px; position:absolute; width:440px; padding:15px; left:0; top:40px; z-index:12;}
 .showTime-table .input-box{ width:120px;}
 .showTime-table .btn-long{ width:90px; height:28px; line-height:28px; display:block; margin:17px auto 0;}
 .showTime-table .sanjiao{ position:absolute; top:-12px; left:340px; z-index:14; width:0;  border:transparent solid 5px; border-bottom:#bbb solid 9px;}
 .mr10{ margin-right:10px;}

body.modal-open{margin:0}
.modal { position: absolute;background: #fff; width:1000px;float:right;min-height:560px;height: calc(100vh);min-height:1000px;right: 0px; border-radius:6px; overflow: hidden;}
.modal-header{ height:40px;background: #f5f5f5;padding: 10px;}   
.modal-header h4{ margin:0; line-height:20px;}
.modal-footer{ padding:12px 20px; margin-top:0; height:60px; background: #f5f5f5;vertical-align: top;text-align: center;}
.modal-footer button{width:120px;height:36px;line-height:36px;padding:0;outline:none;border-radius:5px;border:1px solid #d9d9d9;background:#fff;}
.modal-footer button.btn-primary{background:#fa6643;color:#fff; border:1px solid #ff3a3a}
.modal-footer button.btn-primary:hover{background:#f8542d;color:#fff;}
.modal-footer button.btn-primary:active{background:#c82d08;}
.modal-body{height: calc(82vh); overflow-y:scroll;padding:10px 20px;}/**min-height:420px; 此处不能设手机端会影响到*/

.table-modal,.table-modal th,.table-modal td{ border:none!important;}
.table-modal .view-data{ color:#2760ae}
.remarks-lable{float:left;}
.table.table-modal{ width:900px;}

.courseId-box{ position: relative; }
.courseId-box label label{ position: absolute; top:24px; left: -73px;width:50px;}

.radio-box {position: relative; }
.radio-box label{position: absolute; top:24px; left: 0;width:50px;}

#myFile{width:300px; height:35px; line-height: 35px;}



.journals {
    background: #fafafb;
    min-height: 425px;
    padding: 20px 0;
    margin: 0 15px;
    border-top: 1px black solid;
}
.journal-item-par {
    margin-bottom:20px;
}
.journal-item {
    width: 770px;
    min-height: 425px;
    background: #fff;
    margin: 0 auto;
    border: 1px #e5e5e5 solid;
    padding: 20px;
    margin-bottom:10px;
}
.journal-header {
    height: 40px;
    line-height: 40px;
/*     font-size: 12px; */
    color: #708090;
}
.journal-header a {
    color: #708090;
}
.journal-header .time {
    float: right;
}
.journal-title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
	white-space: nowrap;
	width: 100%;
  overflow: hidden;

  text-overflow: ellipsis;
}
.journal-title span {

	width: 100%;
  overflow: hidden;

  text-overflow: ellipsis;
}
.journal-text {
    font-size: 12px;
    min-height: 262px;
	line-height: 20px;
}
.journal-text img {
        max-width: 100%;
}
.journal-footer {
    height: 40px;
    line-height: 60px;
/*     font-size: 12px; */
    color: #708090;
    text-align: right;
}
.journal-footer a {
    color: #708090;
}

.file-list {
	text-align: left;
    max-height: 300px;
    overflow: auto;
}
.file-item {

}
.file-item .dropdown-menu{
    top: 20px;
    min-width: 106px;
    font-size: 12px;
}
.file-item .hide-input {
	display:none;
}
.file-item-inline {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.file-item a {
/* 	vertical-align: bottom; */
    max-width: 750px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
}
.file-item .file-icon {
	width: 15px;
    position: relative;
    top: -2px;
}
.input-cover .file-icon {
	width: 15px;
    position: relative;
    top: -2px;
}
.file-item .close-icon {
	width: 15px;
	cursor: pointer;
     margin-left: 10px;
}

.file-list .addfile {
    position: relative;
    top: -30px;
    z-index: 555;
    opacity: 0;
    cursor: pointer;
    width: 76px;
}
.file-list-prev {
   	vertical-align: -webkit-baseline-middle;
}

.control-img {    margin-left: 170px;    padding: 20px 0;}
..form-horizontal .control-label {font-size:16px}
@media (min-width: 768px)
.form-horizontal .control-label {
     margin-right: 10px;
}
@media (min-width: 768px)
.form-horizontal .control-label {
    color: #006ab9;
}
.table-striped thead > tr  span {font-size:12px}

.page-wrapper {background:#fff;height: calc(100vh - 40px);overflow: auto;}
.ke-upload-area { width:80px !important}
.control-img1 {
    margin-left: 170px;
    padding: 20px 0;
}
.form-box { height:380px; margin-right:50px}
.control-img img { width:300px; height:118px;}

.btn2 {
	padding: 4px 12px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1.428571429; 
	text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; 
	border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; 
	user-select: none;
	background: #fa6643;
    border: 1px solid #ff3a3a;
    color: #fff;font-family: 微软雅黑;
    width: 100px;
    outline: none 0px;
    padding: 2px 4px 2px 4px;
    margin-left:10px;
}

	[v-clock] {
        display: none;
    }

    .el-header {
        height: auto !important;
    }

    .el-pagination {
        float: right !important;
        margin-top: 20px !important;
    }
	.el-button  {
    	border-radius: 6px !important;
    	padding: 8px 16px !important; 
    	font-size: 13px !important;
    	border-radius: 3px !important;
    	color: #8f44eb !important;
   	 	background: #f4ecfd !important;
    	border-color: #d2b4f7 !important;
    	outline: none !important;
    	-webkit-user-select: none;
	}
    .el-menu-item {
    	font-size: 15px !important;
    }
    .el-dropdown+.el-button {
        margin-left: 10px !important;
    }
    .el-card__body, .el-main {
    	padding: 10px 20px !important;
	}
	.form-search{
        /* margin-top: 20px !important; */
        height: auto !important;
        background-color: #f2f2f2;
    }
    .el-dialog{
    	width: 70% !important;
    	margin: 5% auto 20px !important; 
    	max-width: 1200px;
    }
	.el-dialog__header {
        background-color:rgb(64, 158, 255) !important;
        text-align: left !important;
        padding: 10px 20px 10px !important;
    }
    .el-dialog__header .el-dialog__title{
        color: #FFF !important;
    }
    .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
        color: #FFF !important;
        padding: 0px 20px 10px !important;
    }
    .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close {
        color: #FFF !important;
    }

    .el-dialog__body {
        max-height: 800px !important;
        overflow: auto !important;
        padding: 10px 10px !important;
    }

    .el-dialog--center .el-dialog__footer {
        text-align: right !important;
    }

    .el-table {
        margin-top: 20px !important;
    }

    .el-table th.el-table__cell {
        background-color: #f2f6fa !important;
        font-size: 14px !important;
        /*color: white;*/
    }
    .el-table--small .el-table__cell {
    	padding: 2px 0 !important;
	}

    .quill-editor {
        height: 100px !important;
    }

    .ql-container {
        height: 100px !important;
    }
    .el-form-item{margin-bottom: 8px !important;margin-top: 8px !important;}
    .el-descriptions__header{
    	margin-bottom: 10px !important;
    	margin-top: 10px;
    }
    .el-upload input {
    	display:none !important;
    }
    .upload-demo {
    	display:inline-block !important;
    	margin-left:10px;!important;
    	margin-right:10px;!important;
    }
    .el-upload-list {  
    	display: none !important;
	}