body {
    background: #f5f5f5;
}
/* 首页样式表 */
/* 首页广告 */
.hompic {
    background: #ffffff;
    margin-top: 10px;
    padding: 15px 20px;
}
.toppic {
	text-align: center;
	width: 100%;
}
.toppic a {
	display: block;
	margin-bottom: 5px;
}
.hompic img {
	border: 1px solid #e8e8e8;
	display: block;
	margin: 0 auto;
}

/* 推荐 */
.rec {
    background: #fff;
    float: left;
    width: 509px;
    margin-top: 10px;
    padding-bottom: 15px;
}
.rec .tit {
    margin: 0 20px;
}
.recr {
    margin-left: 10px;
}
.rec ul {
    list-style: none;
    padding-top: 10px;
    position: relative;
    overflow: hidden;
}
.rec ul li {
    padding: 8px 20px;
    position: relative;
}
.rec a:hover, .rec a:hover span, .rec a:hover font {
    color: #5ac387 !important;
}
.rec .split em {
    border-bottom: 1px solid #e8e8e8;
    display: block;
    height: 1px;
    width: 100%;
}
.rec .space em {
    border-bottom: 1px dashed #e8e8e8;
    display: block;
    height: 1px;
    width: 100%;
}
.rec .recli {
    display: block;
    float: left;
    position: relative;
    width: 424px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rec .top .recli {
    width: 397px;
}
.rec .recli span {
    background: url(/html/images/default/icon_dot.gif) right center no-repeat;
    color: #6ab08e !important;
    height: 18px;
    line-height: 18px;
    padding-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rec .date {
    color: #999999;
    display: block;
    float: right;
}
.rec .more {
    padding: 0 20px;
    line-height: 30px;
}
.rec .warn * {
    color: #333 !important;
}
.rec .warn font {
    color: #6ab08e !important;
}
.rec .warn a {
    padding-right: 10px;
}

.campus, .deadline, .othcampus, .partner, .hotdiv {
    background: #fff;
    margin-top: 10px;
    padding-bottom: 15px;
}
.campus ul, .deadline ul, .othcampus ul {
    padding-top: 10px;
}
.campus ul li, .othcampus ul li {
    display: block;
    float: left;
    padding: 8px 20px;
    width: 514px;
}
.campus .career, .campus .sch, .deadline .career, .othcampus .recli {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.campus .sch {
    width: 159px;
    width: 169px \9;
    padding-right: 10px;
}
.campus .schlogo {
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    vertical-align: middle;
}
.campus .career {
    width: 219px;
    width: 229px \9;
    padding-right: 10px;
}
.campus .date, .deadline .date {
    color: #999999;
    display: block;
    float: right;
    padding-top: 3px;
}
.campus .icontop {
    display: block;
    float: left;
    background-position: -78px -149px;
}

.deadline ul {
    padding: 11px 0 0 21px;
}
.deadline ul li {
    display: block;
    background: #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    float: left;
    padding: 8px 20px 8px 0;
    width: 334px;
}
.deadline .career {
    width: 235px;
}
.othcampus .recli {
    width: 429px;
}
.othcampus .recli span {
    background: url(/html/images/default/icon_dot.gif) right center no-repeat;
    color: #6ab08e !important;
    height: 18px;
    line-height: 18px;
    padding-right: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.othcampus .date {
    color: #999999;
    display: block;
    float: right;
}
.partner p {
    padding: 10px 20px 0;
}
.partner p a {
    display: block;
    float: left;
    font-size: 12px;
    padding-right: 10px;
    text-align: center;
    line-height: 24px;
}

/* 校园知名企业TAB切换 */
 .industry {
    margin-top: 10px;
}
.inddiv {
    padding-left: 258px;
    table-layout: fixed;
    position: relative;
}
.inddiv .indtit {
	background: #e0ede6;
	display: block;
	/* float: left; */
	padding: 100px 0 20px 0;
    position: absolute;
	left: 0;
	width: 258px;
}
.inddiv .indtit .indname {
	cursor: pointer;
	display: block;
	padding: 5px 10px 5px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
    word-break: break-all;
}
.inddiv .indtit .indname:hover {
	background: #fff;
	background: rgba(255, 255, 255, 0.3);
	color: #333;
}
.inddiv .indtit .indname.on {
	background: #fff;
	color: #333;
}
.inddiv .indbg1 {
    background: #c9c9c9 url('/html/images/ver20/ind_machine.jpg') left top no-repeat;
}
.inddiv .indbg2 {
    background: #bbceda url('/html/images/ver20/ind_car.jpg') left top no-repeat;
}
.inddiv .indbg3 {
    background: #bbc4d0 url('/html/images/ver20/ind_oil.jpg') left top no-repeat;
}
.inddiv .indbg4 {
    background: #a1c2b1 url('/html/images/ver20/ind_chemical.jpg') left top no-repeat;
}
.inddiv .indbg5 {
    background: #b4decc url('/html/images/ver20/ind_traffic.jpg') left top no-repeat;
}
.inddiv .indbg6 {
    background: #bcc4cc url('/html/images/ver20/ind_appliance.jpg') left top no-repeat;
}
.inddiv .indbg7 {
    background: #beb8c0 url('/html/images/ver20/ind_mobile.jpg') left top no-repeat;
}
.inddiv .indbg8 {
    background: #bbc4d0 url('/html/images/ver20/ind_net.jpg') left top no-repeat;
}
.inddiv .indbg9 {
    background: #d1c9c9 url('/html/images/ver20/ind_ic.jpg') left top no-repeat;
}
.inddiv .indbg10 {
    background: #9cb8e0 url('/html/images/ver20/ind_computer.jpg') left top no-repeat;
}
.inddiv .indbg11 {
    background: #b0d8d9 url('/html/images/ver20/ind_software.jpg') left top no-repeat;
}
.inddiv .indbg12 {
    background: #9cd2d0 url('/html/images/ver20/ind_internet.jpg') left top no-repeat;
}
.inddiv .indbg13 {
    background: #e0d9b0 url('/html/images/ver20/ind_bank.jpg') left top no-repeat;
}
.inddiv .indbg14 {
    background: #d1c2aa url('/html/images/ver20/ind_bond.jpg') left top no-repeat;
}
.inddiv .indbg15 {
    background: #a7dbce url('/html/images/ver20/ind_acct.jpg') left top no-repeat;
}
.inddiv .indbg16 {
    background: #d3c8b4 url('/html/images/ver20/ind_law.jpg') left top no-repeat;
}
.inddiv .indbg17 {
    background: #b0d8d9 url('/html/images/ver20/ind_shop.jpg') left top no-repeat;
}
.inddiv .indbg18 {
    background: #afbeb9 url('/html/images/ver20/ind_movie.jpg') left top no-repeat;
}
.inddiv .indbg19 {
    background: #ddceb9 url('/html/images/ver20/ind_build.jpg') left top no-repeat;
}
.inddiv .indbg20 {
    background: #aae1d1 url('/html/images/ver20/ind_sch.jpg') left top no-repeat;
}
.inddiv .indforum {
	background: #fff;
	display: block;
	margin-top: 10px;
}
.inddiv .indforum .tit {
	margin: 0 20px;
}
.inddiv .indforum .tit h4 {
	border-left: none;
	font-weight: bold;
	padding-left: 0;
}
.inddiv .indforum .adlist {
	padding: 10px 10px 0 20px;
}
.inddiv .indforum .adlist td {
	width: 245px;
}
.inddiv .indforum .indlist {
	padding: 10px 10px 15px 20px;
}
.inddiv .indforum .indlist .item {
	background: #f5f5f5;
	display: inline-block;
	width: 240px;
	width: 240px /9;
	padding: 8px 10px 8px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inddiv .indforum .indlist .item:hover {
    color: #ed7e4e;
}


.iconsn {
    background: transparent url('/html/images/ver20/icon_sn.png') no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
	margin-right: 2px;
}
.iconsn.ms {
	background-position: 0 -46px;
}
.iconsn.inf {
	background-position: 0 -23px;
}
.iconsn.res {
	background-position: 0 0;
}
.winpop {
	background: #e0ede6;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
}
.winpop .sn_tips {
	text-align: center;
	color: #6ab08e;
	padding-right: 40px;
	position: relative;
}
.winpop .sn_tips .str {
	color: #6ab08e;
	font-weight: bold;
}
.winpop .sn_tips .str .em {
	color: #ed7e4e;
}
.winpop .sn_tips .btn {
	background: #6ab08e;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
	margin-left: 10px;
}
.winpop .sn_tips .btn:hover {
	background: #5ac387;
}
.winpop .sn_tips .close {
	display: block;
	cursor: pointer;
	color: #6ab08e;
	font-size: 28px;
	line-height: 1;
	width: 40px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	right: 0;
}


.tabnav {
	padding-top: 10px;
	margin-right: -20px;
}
.tabnav .li {
	background: #eee;
	border-radius: 16px;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 32px;
	padding: 0 15px;
	margin: 10px 20px 0 0;
}
.tabnav .li:hover, .tabnav .li:hover .hl {
	background: #ed7e4e;
	color: #fff;
}
.hl {
	color: #ed7e4e;
	font-style: normal;
}
.hotdiv {
	margin-top: 10px;
}
.hotdiv .ul {
	padding-left: 20px;
	padding-top: 10px;
}
.hotdiv .indCate {
	background: #fff;
	display: block;
	float: left;
	line-height: 35px;
	margin: 0;
	width: 50%;
	position: relative;
}
.hotdiv .indCate .msgtit {
	display: block;
	color: #333;
	padding-right: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hotdiv .indCate .msgtit:hover {
	color: #5ac387;
}
.hotdiv .indCate .msgtit .lab {
	color: #6ab08e;
}
.hotdiv .tabnav {
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 20px;
}

.hottit {
	display: block;
	position: relative;
	height: 46px;
	line-height: 46px;
	margin: 0 20px;
}
.hottit .be {
	background: #6ab08e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	z-index: 97;
	top: 50%;
	margin-top: -4px;
}
.hottit .af {
	background: #6ab08e;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	z-index: 96;
	top: 50%;
	margin-top: -1px;
}
.hottit .lab {
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 98;
	margin-left: 30px;
}