.c {text-align: center;}
.fl {float: left;}
.fr {float: right;}
/* 按钮样式 */
.btnCSS {display: inline-block; width: 160px; height: 36px; line-height: 36px; border: 1px solid #333; border-radius: 10px; background: #409eff; color: #fff; cursor: pointer; text-align: center;}
.btnCSS:hover {background: #62bfff;}

/* 不换行 */
.nowrap-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* flex 垂直水平居中 */
.flexCenter {display: flex; align-items: center; justify-content: center;}

/* 过度动画 */
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-active {opacity: 0;}

/* 解决element-ui的table表格控件表头与内容列不对齐问题 */
.el-table th.gutter {display: table-cell!important;}

/* element 样式覆盖 */
/* 弹出框 - 表单样式 */
header .el-submenu .el-submenu__title {font-size: 18px;}
header .el-menu--horizontal > .el-submenu .el-submenu__title {height: 48px !important; line-height: 48px !important;}
header .el-submenu__title * {vertical-align: baseline;}
.el-submenu__title i {color: #fff !important;}
.priceBox .el-input__inner {padding: 0 2px !important;}
/* course 页面 的第一级菜单 */
.course .btns .el-input__inner {padding: 0 0 0 2px !important;}
.course .btns .el-button--small {padding: 9px 5px !important; font-size: 13px;}
.course .btns .el-input__suffix {right: 2px;}
.course .btns .el-input__icon {width: 20px;}
/* 输入框 宽度 */
.inputCSS {display: inline-block;}
.inputCSS .el-date-editor.el-input, .el-date-editor.el-input__inner {width: auto;}
.inputCSS .el-input__inner,
.inputCSS .el-textarea__inner {background: #fafdfe;}
/* 日期 */
.inputCSS .el-range-editor--mini .el-range-separator {width: 20px;}
/* 弹出框 */
.el-popover {box-shadow: 0 2px 12px 0 rgba(0,0,0,.5) !important;}
.popoverCSS .el-button--text {width: 100%;}
/* 图片上传 */
.uploadPic .el-upload-list {width: 130px; display: inline-block; vertical-align: middle;}
.uploadPic .el-button--primary.is-plain {margin-right: 5px;}
.uploadPic .tip {color: #606266; font-size: 12px;}
.uploadPic .el-upload-list__item:first-child {margin: 0;}
.uploadPic .el-dialog__body {padding-top: 0;}
.uploadPic .el-form-item--mini.el-form-item,
.uploadPic .el-form-item--small.el-form-item {margin-bottom: 10px;}
.setKeepSeatDialog .el-dialog {min-width: 600px;}
.setKeepSeatDialog .el-dialog__body {padding: 0 !important;}
.addAdjustCourse .el-dialog__body,
.addDialog .el-dialog__body {padding-top: 0 !important;}
.addDialog .todoBox {text-align: right; margin-bottom: 10px;}
.addClassroomDialog .el-dialog__body {padding: 10px 20px !important;}
.uploadBillPic {text-align: center;}
.uploadBillPic .el-upload-list {display: block; width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto;}
.uploadBillPic .el-upload-dragger {border: 2px dashed #d9d9d9; width: auto; min-width: 440px; height: 300px; overflow-x: visible; display: flex; align-items: center; justify-content: center;}
.uploadBillPic .el-upload-dragger .el-icon-upload {margin-top: 0;}
.uploadBillBox .el-upload-dragger {width: 486px; height: auto; max-height: 202px; min-height: 150px;}
.uploadBillBox .el-upload-dragger img {max-height: 200px;}
.uploadBillBox .el-upload-list__item:first-child {margin-top: -6px;}
.rechargeDialog .el-dialog__body {padding: 10px 20px;}
/* 表格  右定位 */
/*.el-table__fixed-right {border-left: 1px solid #ebeef5;}*/
/*.remind .el-badge {height: auto;}*/
.el-table td + td .cell {padding: 0 !important;}
/* 标记 */
.el-badge.c100 .el-badge__content {background: red !important;} /* >= 100 红*/
.el-badge.c80_100 .el-badge__content {background: #fb7600 !important;} /* 80-100 橙色*/
.el-badge.c50_80 .el-badge__content {background: #ffe200 !important;} /* 50-80 黄 */
.el-badge.c50 .el-badge__content {background: #10dc04 !important;} /* 50- 绿 */
.el-badge.blue .el-badge__content {background: #01b7ff !important;} /* 蓝 */
.el-badge.purple .el-badge__content {background: #ff08ff !important;} /* 紫 */

/* 查看大图 关闭icon  */
.el-icon-circle-close {color: #fff;}

/* 表格外框 绝对定位 */
.tableBox {position: absolute; top: 100px; left: 0; right: 0; bottom: 30px;}

/* 考勤表日期单选组样式 */
.stuList .el-radio.is-bordered {padding-top: 6px !important;}

.el-table .success-row {background: rgba(64,158,255,.1);}
.tableBox .el-table .cell,
.tableBox .el-table th div {padding: 0 !important;}
.tableBox .el-table .caret-wrapper {width: 16px; text-align: center;}
.tableBox .el-table .sort-caret {left: 4px;}
.tableBox .el-checkbox {margin-left: 5px;}

.wxPay .el-table th.el-table__cell>.cell,
.paymentTable .el-table th.el-table__cell>.cell {padding: 0;}
.enrollFilter .plTableBox .el-table .cell {overflow: visible !important;}
.enrollFilter .plTableBox .el-table .cell .dot {display: inline-block; height: 8px; width: 8px; padding: 0; right: -9px; border-radius: 50%; position: absolute; background-color: #F56C6C;}

/* 隐藏考勤表日期单选圆圈 */
.stuList .top .el-radio__input {display: none;}

/* 无边框阴影的标签页 */
.noBoxShadowTabs.el-tabs--border-card {box-shadow: none;}

.top .el-date-editor .el-range-separator {width: auto;}

.btnBox .el-select {width: inherit;}

/* 顶部搜索框 */
.searchTopBox .el-input--small:hover .el-input__inner,
.searchTopBox .el-select .el-input.is-focus .el-input__inner,
.searchTopBox .el-select:hover .el-input__inner,
.searchTopBox .el-input__inner:hover,
.searchTopBox .el-input__inner {color: #fff; background: #409eff; border-radius: 32px; border-color: #fff;}
.searchTopBox .el-input__inner:focus,
.searchTopBox .el-input.is-focus .el-input__inner {border-color: #fff;}
.el-scrollbar .el-select-dropdown__empty {padding: 10px;}

.searchTopBox .el-input__prefix i,
.searchTopBox .el-input__suffix i,
.searchTopBox .el-input__inner:-moz-placeholder {color: #fff;} /* Mozilla Firefox 4 to 18 */
.searchTopBox .el-input__inner::-moz-placeholder {color: #fff;} /* Mozilla Firefox 19+ */
.searchTopBox .el-input__inner:-ms-input-placeholder {color: #fff;}
.searchTopBox .el-input__inner::-webkit-input-placeholder {color: #fff;}
.searchStuList-box .el-popover.el-popper {padding: 12px 0;}



/* 修改 选择框及输入框 样式 */
select.my-select, input.my-input {  
    outline:none; /* 去除点击边框 */
    background:#fafdfe;  
    height:32px;  
    max-width:180px;  
    min-width:60px;  
    line-height:32px;  
    border:1px solid #9bc0dd;  
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;  
    border-radius:4px;  
} 
input.my-input {width: 100px; padding: 0 8px;}
textarea.my-textarea {  
    outline:none; /* 去除点击边框 */
    background:#fafdfe;  
    border:1px solid #9bc0dd;  
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;  
    border-radius:4px;   
} 

/* 状态颜色样式 */
.statusCSS.NOTBEGIN {color: #01b7ff;} /*未开始 - 天蓝*/
.statusCSS.BEGIN, /*未签到*/
.statusCSS.ABSENCE {color: red; font-weight: bold;} /*缺席 - 红*/
.statusCSS.TEMPOUT, /*调课离开*/
.statusCSS.TEMPIN {color: #005bff; font-weight: bold;} /*调课进入 - 深蓝*/
.statusCSS.MANUAL_CHECKIN,
.statusCSS.SYSTEM_CHECKIN,
.statusCSS.CHECKIN, /*已签到*/
.statusCSS.TEMPIN_CHECKIN {color: #10dc04; font-weight: bold;} /*调课(已签到) - 绿*/
.statusCSS.MAKEUP_LEAVE,
.statusCSS.LEAVE {color: #ff08ff; font-weight: bold;} /*请假 - 紫*/
.statusCSS.MAKEUP_CHECKIN {color: green; font-weight: bold;} /* 已补课 - 深绿 */
.statusCSS.LEAVE_MAKEUP {color: #ffe200; font-weight: bold;}

/* 状态颜色 */
.statusCSS.INIT, /*自动处理中 - 蓝 */
.statusCSS.MAKEUP {color: #01b7ff; font-weight: bold;} /*后补请假 - 蓝 */
.statusCSS.AUTOAGREE, /*自动通过 - 绿 */
.statusCSS.AGREE {color: #10dc04; font-weight: bold;} /*审批通过 - 绿 */
.statusCSS.DISAGREE, /*不通过 - 红 */
.statusCSS.AUTODISAGREE {color: red; font-weight: bold;} /*自动不通过 - 红 */
.statusCSS.WAITING {color: #ffe200; font-weight: bold;} /*待审核 - 黄 */

/* 财务管理状态颜色样式 */
.statusCSS2.OFFLINE_PAY {color: orange; font-weight: bold;} /*线下待支付*/
.statusCSS2.WAITING, /* 待补全 */
.statusCSS2.ONLINE_UNPAID {color: #ff08ff; font-weight: bold;} /*线上未支付 - 紫色*/
.statusCSS2.EDU_WAITING, /*等待教务审核*/
.statusCSS2.FIN_WAITING {color: #ffe200; font-weight: bold;} /*等待财务审核 - 黄*/
.statusCSS2.EDU_REJECTION, /*教务审核不通过*/
.statusCSS2.REJECTION, /*财务审核不通过*/
.statusCSS2.OVERTIME, /*超时*/
.statusCSS2.FIN_REJECTION {color: red; font-weight: bold;} /*教务审核不通过 - 红*/
.statusCSS2.APPROVAL,
.statusCSS2.MAKEUP_WAITING {color: #10dc04; font-weight: bold;} /*财务审核通过 - 绿*/
.statusCSS2.REFUNDED {color: #01b7ff; font-weight: bold;} /*已退款 - 天蓝*/
.statusCSS2.MAKEUP_CHECKIN {color: green; font-weight: bold;} /* 已补课 - 深绿 */

/* 二维码 */
.qrcodeBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 10; display:flex; align-items:center; justify-content: center;}
.scanned {width: 240px; height: 260px; background: #fff; text-align: center; line-height: 260px; border-radius: 6px; position: relative;}
.scanned > p {line-height: 12px; position: absolute; bottom: 10px; width: 100%; font-size: 12px; color: #888; -text-align: center;}
.scanned .qrcode {display: inline-block; margin-top: 22px;}
.scanned .qrcode img {display: inline-block;}
.closeBox {position: absolute; top: 0; width: 100%; text-align: right; padding: 5px;}
.closeBox .el-icon-close {color: #333; font-size: 18px;}
.closeBox .el-icon-close:hover {color: red;}

/* 座位 样式 */
.layoutBox {min-height: 200px; text-align: center; position: relative; padding-bottom: 20px;}
.layoutBox .colorTip {position: absolute; top: 50px; left: 10px; text-align: left;}
.layoutBox .colorTip span {display: block;}
.layoutBox .colorTip span img {width: 28px; vertical-align: middle; margin-right: 6px;}
.layoutBox .platform {display: inline-block; padding: 6px 14px; margin-bottom: 10px; border: 1px solid #aaa; background: #eee; margin-bottom: 30px;}
.layoutBox .box {display: inline-block; position: relative;}
.layoutBox .box .colOrderBox {display: inline-block; vertical-align: top; color: #ddd;}
.layoutBox .box .rowOrderBox {position: absolute; right: 0; top: -22px; color: #ddd;}
.layoutBox .layout {display: inline-block; font-size: 0; position: relative; margin-bottom: 10px;}
.layoutBox .layout div {text-align: center;}
.layoutBox.edited .layout {border: 1px dashed #409eff;}
.layoutBox.edited .layout .seat {display: inline-block; border: 1px solid #eee; text-align: center; position: relative; color: #fff; cursor: pointer;}
.layoutBox.edited .layout .seat .exist {position: absolute; font-size: 12px; width: 100%; height: 100%; top: 0; left: 0; background: #fff url('/static/img/able.png') no-repeat center / cover;}
.layoutBox.edited .layout .seat .exist.on {background-image: url('/static/img/disable.png');}
.layoutBox.edited .layout .seat .exist.keep {background-image: url('/static/img/keep.png');}

/* 自己的 dialog */
.my-dialog {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 99; overflow-y: auto; text-align: center; z-index: 2000;}
.my-dialog .mainBox {display: inline-block; min-width: 560px; min-height: 260px; background: #fff; position: relative; top: 80px; box-shadow: 0 1px 3px rgba(0,0,0,.3); border-radius: 2px; padding: 10px 20px; margin-bottom: 30px;}
.my-dialog .mainBox p.til {text-align: left;}
.my-dialog .mainBox table {margin: 10px auto;}
.my-dialog .mainBox .tableBox table {margin: 0;}
.my-dialog .closeBox {position: absolute; left: 0; top: 0; width: 100%; text-align: right; padding: 5px;}
.my-dialog .closeBox .el-icon-close {color: #333; font-size: 18px;}
.my-dialog .closeBox .el-icon-close:hover {color: red;}
.reportInfo.my-dialog .mainBox table {margin: 0;}

/* 图片预览 */
.el-image-viewer__wrapper {z-index: 2200 !important;}



/* 基本信息-卡片 */
.text.item {line-height: 24px; border: 1px solid #ebeef5; padding: 10px 20px; border-radius: 6px; margin: 12px 0 20px; line-height: 28px;}
.text.item > div {display: inline-block; width: 49%; vertical-align: top;}
.text.item p > span.til {display: inline-block; width: 80px;}
.text.item p.btm {display: block;}

/* 列表 */
.studentNameListBox {position: absolute; top: 0; left: 0; bottom: 0; width: 120px; text-align: center; line-height: 32px; font-size: 14px; border-right: 1px solid #d5d5d5;}
.studentNameList {position: absolute; top: 0; left: 0; bottom: 0; width: 100%; -border-top:  1px solid #d5d5d5; overflow-y: auto; overflow-x: hidden;}
.studentNameList > li {border-bottom: 1px solid #d5d5d5; position: relative;}
.studentNameList > li > a {display: inline-block; width: 100%; height: 100%;}
.studentNameList > li > a span {vertical-align: middle;}
.studentNameList > li > a span.name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 72px;}
.studentNameList > li:hover {font-weight: bold;}
.studentNameList > li.on {color: #409eff; font-weight: bold;}
.stuListLoading {color: #999; margin-top: 15px;}
.mark {position: absolute; top: 0; right: -2px; font-weight: 400;}

/* 收据 */
.receiptBox {position: relative; margin-right: 10px;}
.receiptBox .coupon {display: inline-block; padding: 0 10px 0 36px; line-height: 26px; cursor: pointer; text-align: right; color: #1296db; background: transparent url('/static/img/receiptBg.png') no-repeat center / 100% 100%; position: relative; vertical-align: middle;}
.receiptBox .coupon:hover {box-shadow: 4px 4px 5px #eee; top: -1px;}
.receiptBox .coupon.EDU_WAITING {background-image: url('/static/img/receiptBg.png');}
.receiptBox .coupon.FIN_WAITING {background-image: url('/static/img/receiptBg_yellow.png'); color: #ffa726;}
.receiptBox .coupon.APPROVAL {background-image: url('/static/img/receiptBg_green.png'); color: #10dc04;}
.receiptBox .coupon.REJECTION {background-image: url('/static/img/receiptBg_red.png'); color: red;}
.receiptBox .coupon.refund.FIN_WAITING {background-image: url('/static/img/refundBg_yellow.png'); color: #fff;}
.receiptBox .coupon.refund.APPROVAL {background-image: url('/static/img/refundBg_green.png'); color: #fff;}
.receiptBox .coupon.refund.REJECTION {background-image: url('/static/img/refundBg_red.png'); color: #fff;}


/* 标题 */
.top h1 {font-size: 18px; position: relative; padding-left: 10px; margin: 10px 0; text-align: left;}
.top h1:before {content: ''; display: inline-block; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #409eff;}
.top h1 > span {position: absolute; right: 0; bottom: -6px;}
.top h2 {position: relative; padding-left: 10px; margin-top: 20px;}
.top h2:before {content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: -1px; top: 50%; margin-top: -2px; background: #409eff;}
.top h2 > span {position: absolute; right: 0; bottom: -6px;} 

/* 新增栏 样式 */
.text {line-height: 24px; border: 1px solid #ebeef5; padding: 10px 20px; border-radius: 6px; margin: 12px 0 20px; line-height: 30px;}
.text > div {display: inline-block; width: 49%;}
.text p > span.til {display: inline-block; width: 80px; position: relative;}
.text p > span.til .isRequired {position: absolute; color: red; left: -10px;}
.text p.btm {display: block;}

/* 材料金额统计 */
.selectInfo {font-size: 14px; color: #01b7ff; position: absolute; top: -10px; left: 100px; line-height: 18px; right: 0;}
.selectInfo span {margin-right: 3%;}

/* 备案号样式 */
.footer-txt {position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; color: #aaa; font-size: 14px; line-height: 18px;}
.footer-txt a:hover {color: #fff;}

/* 加载中 */
.loadingBox {position: absolute; width: 100%; height: 400px; background: rgba(0, 0, 0, 0.8); color: #409eff; text-align: center; font-size: 12px; z-index: 10;}
.loadingBox > div {margin-top: 180px;}
.loadingBox i {font-size: 40px; margin-bottom: 20px;}

/* 直接打印表格样式 */
.printTableCSS {width: 100%; line-height: 20px; margin-top: 10px; font-family: verdana,arial,sans-serif; font-size: 11px; color:#333333; border: 1px solid #ccc; border-collapse: collapse; margin-bottom: 10px;}
.printTableCSS th,
.printTableCSS td {text-align:center; border: 1px solid #ccc; padding: 8px; background-color: #ffffff;}
.printTableCSS th {background-color: #eee;}
.printSignin .nodata {text-align: center; line-height: 40px; color: #999;}

/* 分页外壳 */
.paginationBox {text-align: center; margin-top: 20px;}

/* 新增用户统一样式 */
.addUserBox {margin: 20px 10px;}
.addUserBox > div > p {width: 220px; display: inline-block; margin-top: 10px;}
.addUserBox > div span {vertical-align: middle;}


input.my-input::-webkit-input-placeholder {color: #ccc;}
input.my-input::-moz-placeholder {color: #ccc;} /* firefox 19+ */
input.my-input:-ms-input-placeholder {color: #ccc;} /* Internet Explorer 10+ */
input.my-input:-moz-placeholder {color: #ccc;} /* firefox 14-18 */

.onlyPrintShow {display: none;}
@page { size: auto; }
@media print {
  .printHidden {display: none;}
  .onlyPrintShow,
  .printShow {display: inline-block;}
  .printSeat .layoutBox.edited .layout .seat {border-color: #999;}
}

.plTableBox .el-table td,
.plTableBox .el-table th.is-leaf,
.u-table th.gutter, 
.el-table th.gutter { 
  /* 
  * 解决element-ui 表格篡位的问题 👇 
  */ 
  display: table-cell!important; 
}

/* 当节课座位表 - 在线学生 */
.onlineBox {max-width: 800px; padding-left: 12px; margin-bottom: 20px; font-size: 10px;}
.onlineBox .onlineSeat {display: inline-block; width: 60px; height: 60px; line-height: 16px; padding-top: 4px; color: rgb(0, 0, 0); background: #fff url(/static/img/on.png) no-repeat center / cover; font-size: 12px; }
.onlineTip {line-height: 30px; margin-bottom: 20px;}
.onlineTip img {vertical-align: middle;}