@font-face {
  font-family: 'iconfont';  /* Project id 1518376 */
  src: url('//at.alicdn.com/t/c/font_1518376_e8rr4s3wsw7.woff2?t=1755057023797') format('woff2'),
       url('//at.alicdn.com/t/c/font_1518376_e8rr4s3wsw7.woff?t=1755057023797') format('woff'),
       url('//at.alicdn.com/t/c/font_1518376_e8rr4s3wsw7.ttf?t=1755057023797') format('truetype');
}
.table-container {
    background: #F6F6F7;
    border-radius: 8px 8px 8px 8px;
    box-sizing: border-box;
    padding: 10px;
}

.table-container table {
    background: #fff;
}

.table-container table tr {
    height: 36px;
    line-height: 36px;
}

.table-container table thead th {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    text-align: left;
    line-height: 36px;
}
.table-container table thead th i{margin-right: 5px;position: relative; top: 1px; font-size: 16px;}
.table-container table .keti .bf{color: #2E7DFA; margin-right: 4px; font-size: 16px;}
.table-container table th,.table-container table td {
    line-height: 36px;
    border-left: 1px solid #E7E9EC;
    text-align: left;
    padding: 0 8px;
    font-size: 12px;
    min-width: 32px;
}
.table-container table tr td:first-child{text-align: center;}
.table-container table tr {
    border-bottom: 1px solid #E7E9EC;
}

.table-container table tr a {
    color: #2E7DFA;
}

.keti {
    display: flex;
    align-items: center;
    max-width: 368px;
    text-align: left;
}
.keti a{flex: 1;}
.introduce{max-width: 261px;}
.company{max-width: 200px;}
.table-container table .pag{
    
	min-width: 48px;
    height: 21px;
    line-height: 21px;
    text-align: center;
   
    border-radius: 4px 4px 4px 4px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    display: inline-block;
    margin-right: 10px;
}
.live{ background: #FFB5B3;}
.notStart{background: #ACE2C5;}


.manage-title{
height: 28px;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 20px;
color: #000000;
line-height: 28px;
text-align: center;
font-style: normal;
text-transform: none; max-width: 80%; margin: 40px auto 30px;}
.manage-items{display: flex; justify-content: space-around;}
.manage-item{display: flex;align-items: center;}
.icon-container{width: 48px;height: 48px;background: #F6F6F7;border-radius: 6px 6px 6px 6px;margin-right: 12px;display: flex;align-items: center;justify-content: center;}
.icon-container i{font-size: 22px;color: #2E7DFA;}
.manage-inr h5{
height: 22px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: rgba(0,0,0,0.9);
line-height: 22px;
text-align: left;}
.manage-inr div{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: rgba(0,0,0,0.4);
	line-height: 20px;
	text-align: left;
}
.manage-container{margin-bottom: 40px;}
.check-table{display: flex; margin-bottom: 8px;}
.course-type{margin-right: 10px;}
.course-type label{font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: rgba(0,0,0,0.8);
line-height: 17px;}
.course-type input{position: relative; top: 2px;}
.course-type.active label{color: #2E7DFA;}

.link1{width: 83px;
height: 28px;
line-height: 28px;
background: #FFFFFF;
box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.04);
border-radius: 4px 4px 4px 4px;font-weight: 400;
font-size: 12px;
color: #3477F8; text-align: center; margin-right: 16px;}
.link2{
	width: 92px;
	height: 28px;
	line-height: 28px;
	background: #3477F8;
	box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.04);
	border-radius: 4px 4px 4px 4px;
	text-align: center;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

table.xuanke-table tr td,table.xuanke-table tr th{min-width: auto;}
table.xuanke-table tr td:last-child{text-align: center;}
.keti-title a,.keti-title {max-width: 675px;}
.keti-title {display: flex; }
.jd{min-width: 31px;height: 21px;background: #F6F6F7;border-radius: 4px 4px 4px 4px;font-weight: 400;font-size: 12px;color: rgba(0,0,0,0.9);display: inline-block;line-height: 21px;text-align: center;}
.jd.start{background-color: #FFB5B3;}
.jd.end{background-color: #ACE2C5;}
.jd-progress{width: 468px;
height: 20px;}
.jd-progress .progress,.jd-progress .progress-bar {width: 100%; height: 100%; line-height: 1.5;}
.jd-progress .progress-value{color: #333;width: 100%; text-align: right;}
.jd-progress .success{background: #ACE2C5;}
.jd-progress .nosuccess{background:#FFB5B3 ;}
.table tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
}
.table tbody .active{
    background-color: rgba(0, 0, 0, .075);
}