@charset "utf-8";
/* CSS Document */
BODY {
	 background-color:#df193c;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
img{ border:0}
a{
	text-decoration: none;color:#27458D;
}
img {
	vertical-align:middle
}
html {
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
*, :after, :before {
	box-sizing:inherit
}
body,div,ul,li,dl,dt,dd,table,th,tr,td,img,p,font,span,h1,h2,h3{margin:0px;padding:0px;border:0;list-style:none;}
ul{ padding:0; margin:0;}
li{ list-style-type:none;}
p{ margin:0;}
	* {margin:0; padding:0;box-sizing: border-box; -webkit-box-sizing: border-box;}
		
		a {text-decoration: none;}
		
		html {font-size: 3.2vw;}
		
		.banner img {
			width: 100%;
		}
		
		.container {		
			padding: 2.667vw 4vw; margin-bottom:60px
		}
	
		.subject_intro {
			font-size: 3.467vw;
			background-color: #fff;
			border-radius: 1.067vw;
			padding: 0 2.667vw;
			line-height: 7.467vw;
		}
		
		.subject_intro p span[style] {
			color: #333 !important;
			font-size: 3.467vw !important;
			background-color: #fff !important;
			
		}
		
		.subject_info {
			text-align: center;
			border-top: .50vw dashed #e8e8e8;
			font-size: 4vw;
			font-weight: 700;
			background-color: #fff;
			border-radius: 1.067vw;
			padding: 0 2.667vw;
			height: 14.6vw;
			line-height: 14.6vw;
		}
		
		.btn-apply {
			margin-left: 2.267vw;
			border: 0;
			border-radius: 133.333vw;
			padding: 2.267vw 3.067vw;
			color: #fff;
		}
		
		.item-list {
			margin: 1.333vw -.667vw 0
		}
		
		.item {
			margin-top: 1.333vw;
			padding: 0 .667vw;
			width: 49%;
			display: inline-block;
		}
		
		.company-info {
			position: relative;
			display: block;
			background-color: #fff;
			border-radius: 1.067vw;
			color: inherit;
			padding: 2.667vw;
			overflow: hidden;
		}
		.wk{ width:100%; float:left; overflow:hidden; clear:both}
	
		.logo {
			padding: 0;
			display: flex;height: 11.2vw;
			vertical-align: middle; float:left; width:23%;
		}
		
		.logo img {
			width:100%;
			height:auto;
			display: block;
			margin: auto;			
		}
		
		.name {
			font-size: 3.5vw;
			font-weight: 700;
			color: #333;
			line-height: 5.6vw;
			height: 11.2vw;
			text-overflow: ellipsis;
			overflow: hidden; float:right; width:72%;
		}
		
		.jobs {
			margin-top: 2vw;
			color: #666;
			height: 15.3vw;
			overflow: hidden;width:100%; float:left;clear:both;
            font-size: 3.2vw;
		}
		
		.job {
			display: flex;
			line-height: 5.5vw;
		}
		
		.job-name {
			flex: 1;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		
		.job-salary {
			color: #ff5159;
			font-weight: 700;
		}
		
		.job-total {
			color: #ababab;
			font-size: 3.467vw;
			margin: 2.667vw 0;
			line-height: 4vw;width:100%; float:left; overflow:hidden; clear:both
		}
		
		.go {
			background-color:#c51a3d;
			border-radius: 133.333vw;
			border: 0;
			width: 26.667vw;
			line-height: 8vw;
			text-align: center;
			color: #fff;
			display: block;
			margin: 4vw auto auto;
		}
		
		.toucher {
			width: 15vw;
			position: fixed;
			right: 4vw;
			bottom: 16vw;
			filter:alpha(Opacity=8);-moz-opacity:0.9;opacity: 0.9;
		}
.search{ width:100%; margin:0 auto 10px; clear:both; overflow:hidden;background:#fff; border:1px solid #b40a0b; }
.search input{ width:75%; float:left; overflow:hidden;text-align:left;padding:0; text-align:left; font-size:14px; border:0; height:35px; padding-left:2%;-webkit-appearance:none}
.search h1{ margin:0; padding:0; float:right; height:35px; line-height:35px; width:25%;font-weight:bold; background:#f7a416; font-size:16px; text-align:center;}
.search h1 a{ color:#000;}


#tab_bar{ width:100%; margin:0 auto; clear:both; overflow:hidden;}
#tab_bar li{ width:31%; float:left; text-align:center; font-size:4vw; height:9vw; line-height:9vw; color:#ddc17e; border-radius:5px; border:1px solid #ddc17e; margin:1%; }
#tab_bar li.on{ border:1px solid #fff;background-size:100%; color:#FFF}


.fd{ width:100%; position:fixed; left:0; bottom:0; background:rgba(0,0,0,.8)}
.fd li{ width:20%; text-align:center; float:left;}

.fd li p{ width:50px; height:50px; border-radius:100%; text-align:center; background:#fec304; margin:10px auto; color:#fff; font-size:14px; line-height:1.2; padding-top:8px}
.fd li a{ color:#FFF}


.tc{ width:100%; margin:0 auto; clear:both; overflow:hidden;}
.bm{ width:100%; margin:0 auto; clear:both; background:#FFF;position:relative; z-index:5; text-align:center }
.bm img{ width:80%; height:auto; clear:both; overflow:hidden; margin:20px auto 0;}
.bm p{ width:100%; clear:both; margin:0 auto 10px;overflow:hidden; text-align:center; font-size:14px; color:#333333}
.bm p.qd{ border-top:1px solid #dbdbdb; color:#2875a1;font-size:16px; padding:10px 0; }
.shade{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .8);
	z-index:5; color:#FFF
}
.pic{width:100%;margin: 0 auto 5px;clear:both;overflow:hidden;}
.pic img{ width:100%; height:auto}


.pub{width:100%;margin: 0 auto;clear:both;overflow:hidden; background:#adaefe}
.pub img{ width:100%; height:auto}

.num{width:100%;margin:0 auto;text-align:center;padding:5px 0;overflow:hidden;background: #c51a3d;color:#FFF;font-size:14px;}
.num li{ width:50%; float:left; }
.num li:first-child{ border-right:1px solid #d7715b;}
.num li strong{ color:#f7a416}

.zt{width:100%; margin:0 auto;background:#FFF;border-radius:12px; }
.zt dl{width:100%; padding:0; margin:0 auto 1rem; clear:both; overflow:hidden;}
.zt dt{ width:100%; margin:0 auto; clear:both; overflow:hidden;border-radius:10px 10px 0 0;}
.zt dt img{ width:100%; height:auto;}
.zt dd{ width:100%; text-align:center; margin:0 auto; clear:both; overflow:hidden; color:#333; font-size:0.8rem;padding-bottom: 0.5rem;}
.zt dd strong{ font-size:1rem;} 

.close{ width:1.8rem; margin:1rem auto; clear:both}
.close img{ width:100%; height:auto}