@charset "gb2312";
/* CSS Document */

/* ☆ reset ======================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:'Microsoft YaHei';
	background:#f6f6f8;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
input,textarea{font-family:'Microsoft YaHei';}
/* ☆ pub Class==================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.fl{float:left;}
.fr{float:right;}
/* ☆ common Class=============================================================*/
.eps{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.showpages{width:1212px;margin:0 auto;}
.showpages .pages {width: 100%;padding:10px 0;text-align: center;margin:0 auto;font-size: 14px;line-height: 25px;}
.showpages .pages a {display: inline-block;padding: 5px 14px 5px 14px;margin-left:5px;color: #666;border: 1px solid #dedede; font-size:14px;background:#ffffff;}
.showpages .pages em {margin-left: 10px;height:35px;line-height:30px;color:#666;display:inline-block;font-style:normal;}
.showpages .pages .selected {font-weight: bold;color: #fff;;border:1px solid #2182cc}
.showpages .pages a:hover{color: #fff;background:#2182cc;border:1px solid #2182cc}
.showpages .pages .selected {background:#2182cc;border:1px solid #2182cc}
.showpages .pages .input-num {width:30px;height:30px;border:1px solid #ccc;text-align:center; }
.showpages .pages .bt-confirm{background:#ff9900;border:none;color: #FFFFFF; cursor: pointer;height:25px; width: 48px;border-radius:3px; margin-left:3px;}
/* ☆ 页面模式部分===========================================================*/
.netvideo_banner{height:300px;margin:15px 0;;}
.netvideo_banner .link{display: block;}


.netvideo_bread_nav{width:1212px;line-height:150%;color:#333333;font-size:16px;margin:8px auto;}
.netvideo_bread_nav a{color:#2182cc;}
.netvideo_bread_nav a:hover{color:#ff6600;}
.netvideo_bread_time{width:280px;height:30px;line-height:30px;background:#fb2525;border-radius:4px;color:#ffffff;margin:10px auto 10px auto;text-align:center;}

.cbtn{float:right;margin:3px 0 0 0;}
.cbtn .btn{display:block;float:right;height:28px;line-height:200px;overflow:hidden;background-image:url(../images/cbtn.png);background-repeat:no-repeat;}
.cbtn .history{width:110px;background-position:-30px 0;}
.cbtn .progress{width:140px;background-position:0 -28px;}

.container{width:1200px;margin:0 auto;}

.index_tab{padding:0 15px;background:#fff;margin:15px 0;}
.index_tab .box{height:54px;display: flex;align-items: center;}
.index_tab .line{height:1px;background:#eeeded;}
.index_tab .box .title{font-size: 14px;font-weight: bold;margin:0 10px;}
.index_tab .box .item{font-size: 14px;margin-right:30px ;padding:5px 10px;cursor: pointer;}
.index_tab .box .item.cur{color:#fff;background:#2088e0;}
.meeting_list .item{position:relative;display:flex;background:#fff;border-radius:5px;margin-bottom:15px;box-shadow:#eee 0 5px 5px;padding:14px 12px;}
.meeting_list .item .picBlock{width:130px;height: 80px;margin-right:15px;}
.meeting_list .item .picBlock img{width: 100%;object-fit: contain;}
.meeting_list .item .fontBox .titleBox{display: flex;align-items: center;}
.meeting_list .item .fontBox .title{font-size: 18px;max-width: 800px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.meeting_list .item .fontBox .state{font-size:12px;padding:5px;border:1px solid #000;border-radius:5px;margin-right:10px;}
.meeting_list .item .fontBox .state.school{color:#46a214;background:#f5ffef;border-color:#46a214;}
.meeting_list .item .fontBox .state.offline {
	color: #e27102;
	background: #fff7f0;
	border-color: #e27102;
}
.meeting_list .item .fontBox .state.video {
	color: #0f94fa;
	background: #d5ecfe;
	border-color: #0f94fa;
}
.meeting_list .item .fontBox .info{display: flex;margin-top:15px;align-items: center;}
.meeting_list .item .fontBox .info img{margin-right:10px;}
.meeting_list .item .fontBox .info span{color:#4e4e4e;font-size:14px;margin-right:50px;}
.meeting_list .item .meetingState{position: absolute;top:0;right:0;width:0;height:0;border-left:transparent 58px solid;border-top:#fff 58px solid;}
.meeting_list .item .meetingState span{font-size:12px;position:relative;top:-37px;left:-39px;display: inline-block;width:60px;transform: rotate(45deg);}
.meeting_list .item .meetingState.ing{border-top-color:#ffe1c8;}
.meeting_list .item .meetingState.ing span{color:#f85b0f;}
.meeting_list .item .meetingState.will {
	border-top-color: #dbf2fb;
}
.meeting_list .item .meetingState.will span {
	color: #03b0c4;
}
.meeting_list .item .meetingState.ed {
	border-top-color: #e1e1e1;
}

.meeting_list .item .meetingState.ed span {
	color: #777777;
}

.detail .titleBox{margin:15px 0;padding:25px ;background:#fff;display: flex;position: relative;}
.detail .titleBox .imgBox{width:200px;height:120px;margin-right:20px;}
.detail .titleBox .imgBox img{width:100%;height:100%;object-fit: contain}
.detail .titleBox .infoBox{width:600px;}
.detail .titleBox .infoBox .title{	font-size: 18px;line-height: 36px;}
.detail .titleBox .infoBox .title .state {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #000;
	border-radius: 5px;
	/*margin-left: 10px;*/
}
.detail .titleBox .infoBox .title .state.school {
	color: #46a214;
	background: #f5ffef;
	border-color: #46a214;
}
.detail .titleBox .infoBox .title .state.offline {
	color: #e27102;
	background: #fff7f0;
	border-color: #e27102;
}
.detail .titleBox .infoBox .title .state.video {
	color: #0f94fa;
	background: #d5ecfe;
	border-color: #0f94fa;
}
.detail .titleBox .infoBox .info{display: flex;align-items: center;color:#4e4e4e;font-size:14px;line-height: 28px;}
.detail .titleBox .infoBox .info img{margin-right:10px;}
.detail .titleBox .numBox {flex:1;}
.detail .titleBox .numBox .button{width:110px;height:40px;border-radius:5px;line-height: 40px;font-size:14px;color:#fff;text-align: center;background:#2088e0;margin:0 auto ;}
.detail .titleBox .numBox .num{font-size:14px;color:#696969;text-align: center;margin-top:50px;}
.detail .titleBox .numBox .num span{color:#fe4b05;font-weight: bold;}
.detail .titleBox .meetingState {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-left: transparent 70px solid;
	border-top: #fff 70px solid;
}

.detail .titleBox .meetingState span {
	font-size: 14px;
	position: relative;
	top: -46px;
	left: -46px;
	display: inline-block;
	width: 60px;
	transform: rotate(45deg);
}

.detail .titleBox .meetingState.ing {
	border-top-color: #ffe1c8;
}

.detail .titleBox .meetingState.ing span {
	color: #f85b0f;
}

.detail .titleBox .meetingState.will {
	border-top-color: #dbf2fb;
}

.detail .titleBox .meetingState.will span {
	color: #03b0c4;
}

.detail .titleBox .meetingState.ed {
	border-top-color: #e1e1e1;
}

.detail .titleBox .meetingState.ed span {
	color: #777777;
}

.detail .tabBox{
	background:#fff;
	padding:25px;
}

.detail .tabBox .tab{
	display: flex;
	align-items: center;
}
.detail .tabBox .tab .item{
	font-size:14px;
	color:#4e4e4e;
	display: inline-block;
	padding:8px;
	margin-right:30px;
	cursor: pointer;
}
.detail .tabBox .tab .item.cur{
	color:#2088e0;
	font-weight: bold;
	border-bottom:2px solid #2088e0;
}
.detail .tabBox .content{
	font-size:14px;
	line-height: 26px;
	padding-top:20px ;
	display: none;
}
.detail .tabBox .content .searchBox{
	display: flex;
	align-items: center;
}
.detail .tabBox .content .searchBox .iptBox{
	width:266px;
	height:42px;
	border:1px solid #e1e1e1;
	display: flex;
	align-items: center;
}
.detail .tabBox .content .searchBox .iptBox img{
	margin: 0 10px 0 17px;
}
.detail .tabBox .content .searchBox .iptBox input{
	border:none;
	font-size: 14px;
}
.detail .tabBox .content .selectBox {
	display: flex;
	justify-content: space-around;
	align-items: center;
	border: 1px solid #e1e1e1;
	width:180px;
	height: 42px;
	margin-left:10px;
	cursor: pointer;
}
.detail .tabBox .content .selectBox input{
	border: none;
	font-size: 14px;
	color: #747474;
	width: 100px;
}

.detail .tabBox .content .searchBox .btn{
	color:#fff;
	font-size: 14px;
	background:#2088e0;
	padding:8px 30px;
	margin-left:10px;
	cursor: pointer;
}

.detail .tabBox .content .lineBox{
	border-top:1px solid #eeeded;
	margin:18px 0;
}

.detail .tabBox .content .lineBox .line{
	border-bottom:1px solid #eeeded;
	padding:6px 0;
}

.detail .tabBox .content .lineBox .line .title{
	font-size:14px;
	color:#000;
}

.detail .tabBox .content .lineBox .line .item{
	display: inline-block;
	padding:3px 5px;
	font-size:14px;
	color:#434343;
	margin-right:40px;
	cursor: pointer;
}

.detail .tabBox .content .lineBox .line .item.cur{
	color:#2088e0;
	background:#ebf8fc;
}

.detail .tabBox .content .companyList{
	overflow: hidden;
}

.detail .tabBox .content .companyList .company{
	width:200px;
	margin:0 7px 20px;
	float:left;
	border:1px solid #e1e1e1;
}
.detail .tabBox .content .companyList .company .logoBox{
	height: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail .tabBox .content .companyList .company .desc{
	height:24px;
	background:rgba(0,0,0,0.7);
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail .tabBox .content .companyList .company .desc span{
	margin:0 10px;
	font-size: 12px;
	max-width:200px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.detail .tabBox .content .jobList{
	overflow: hidden;
}
.detail .tabBox .content .jobList .job{
	height: 185px;
	width: 369px;
	margin: 0 7px 20px;
	float: left;
	border: 1px solid #e1e1e1;
	padding:12px 15px;
	box-sizing: border-box;
}
.detail .tabBox .content .jobList .job .line{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail .tabBox .content .jobList .job .name{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 250px;
	font-size: 16px;
}
.detail .tabBox .content .jobList .job .num{
	font-size: 14px;
	color:#ff8116;
}
.detail .tabBox .content .jobList .job .jobTab{
	margin:15px 0;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	width: 300px;

}
.detail .tabBox .content .jobList .job .jobTab span{
	color:#737478;
	font-size:14px;
	padding:3px;
	background:#f2f2f2;
	margin-right:10px;

}
.detail .tabBox .content .jobList .job .company{
	border-top:#efeef4 1px solid;
	display: flex;
	padding-top:10px;
	align-items: center;
}
.detail .tabBox .content .jobList .job .company .logo{
	width:45px;
	/*height:45px;*/
	margin-right:8px;
	border:#eee 1px solid;
	border-radius:3px;
}
.detail .tabBox .content .jobList .job .company .info{
	flex:1;
}
.detail .tabBox .content .jobList .job .company .info .name{
	font-size:14px;
	color:#5c5a64;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 250px;

}
.detail .tabBox .content .jobList .job .company .info .loc {
	font-size: 12px;
	color: #818181;
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.jobDetail{
	display: flex;
	justify-content: space-between;
}
.jobDetail .left{
	width:800px;
	padding:25px;
	box-sizing: border-box;
	background:#fff;
}
.jobDetail .left .topInfo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:27px;
}
.jobDetail .left .topInfo .jobName{
	font-size:24px;
	margin-right:20px;
}
.jobDetail .left .topInfo .salary{
	font-size:24px;
	color:#ff9900;
}
.jobDetail .left .topInfo .orangeBtn{
	font-size:16px;
	color:#fff;
	background:#ff9900;
	padding:10px 20px;
	border-radius:5px;
	border-color: #ff6600;
	cursor: pointer;
	margin-right:50px;
}
.jobDetail .left .topInfo .jobTab span{
	color: #737478;
	font-size: 14px;
	padding: 3px 5px;
	background: #f2f2f2;
	margin-right: 20px;
}
.jobDetail .left .topInfo .btnSpan{
	margin:0 3px;
	font-size:12px;
	color:#696969;
	display: flex;
	align-items: center;
	width: 60px;
	cursor: pointer;
}

.jobDetail .left .topInfo .btnSpan img{
	margin-right:5px;
}
.jobDetail .left .topInfo .btnGroups{
	display: flex;
	align-items: center;
	position: relative;
}
.jobDetail .left .contentBox{
	margin-bottom:10px;
}
.jobDetail .left .contentBox .title{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
.jobDetail .left .contentBox .content {
	font-size: 14px;
	color:#505050;
	line-height: 30px;
}
.jobDetail .left .contentBox #companyInfo{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.jobDetail .right {
	width: 385px;
	padding: 18px;
	box-sizing: border-box;
	background: #fff;
}
.jobDetail .right .topInfo{
	display: flex;
	align-items: center;
}
.jobDetail .right .topInfo .imgBox{
	width:70px;
	height:70px;
	margin-right:10px;
}
.jobDetail .right .topInfo .imgBox img{
	width:100%;
}
.jobDetail .right .topInfo .title{
	font-size:16px;
}
.jobDetail .right .topInfo .line{
	display: flex;
	align-items: center;
	margin-top:10px;
	font-size:12px;
	color:#737373;
}
.jobDetail .right .topInfo .line img{
	margin-right:10px;
}
.jobDetail .right .list{
	margin-top:20px;
}
.jobDetail .right .list .title{
	font-size: 16px;
	line-height: 18px;
	border-left:2px solid #2088e0;
	height:18px;
	text-indent: 5px;
}
.jobDetail .right .list ul li{
	border-bottom:1px solid #ebeef5;
}
.jobDetail .right .list ul li .fir{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:15px 0;
}
.jobDetail .right .list ul li .fir .name{
	font-size:14px;
	color:#2088e0;
}
.jobDetail .right .list ul li .fir .salary{
	font-size: 14px;
	color:#ff9900;
}
.jobDetail .right .list ul li .sec{
	font-size:12px;
	color:#666;
	margin:15px 0;
}