odd_job/public/static/web/style.css

a{ text-decoration: none;}
a:hover{ text-decoration: none; }


.page-top{  background-color: #101f48; }
.page-topnav{ line-height: 80px; }
.page-topnav a{ padding-left: 10px; padding-right: 10px; font-size: 16px; color: #FFFFFF; }
.page-topnav a:hover{ text-shadow:2px 2px 2px #FFFFFF;}/*新增字体阴影效果*/
.page-foot{ padding: 20px 0px; width: 100%; background-color: #f5f6fa; }
.page-foot p{ color: #999999; }


.pagefootbg{ position: fixed; bottom: 0px; z-index: 1; width: 100%; background-color: #FFFFFF; height: 117px; }
.pagefoot{ position: fixed; bottom: 0px; margin: 0px auto; left: 0px; right: 0px; z-index: 2; text-align: center; min-height: 150px; }
.pagefoot img{ }
.pagefoot span{ position: absolute; top: 90px; right: 60px; z-index: 3; font-size: 18px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #DDDDDD; border-radius: 50%; }
.pagefoot-height{  height: 117px; background-color: transparent; }

.indexbg{ width: 100%; height: 500px; background-repeat: repeat-x; background-position: top center; background-size: auto 100%; }
.indexgray{ width: 100%; background-color: #f5f6fa; padding-bottom: 20px; }
.indexcomjobs .item{ padding: 10px; }
.indexcomjobs .item>div{ background-color: #FFFFFF; padding: 10px 15px; }
.indexcomjobs .item h4{ line-height: 40px; height: 40px; overflow: hidden; font-weight: bold; }
.indexcomjobs .item p{ line-height: 30px; height: 30px; font-size: 16px; overflow: hidden; color: #999999; }

.indexnum{ padding-top: 50px; }
.indexnum p { font-size: 15px; line-height: 50px; color: #FFFFFF;  }
.indexnum p.num{ font-size: 25px; font-weight: 400; padding-top: 20px; color: #FFFFFF; }

.indexcon{  }
.indexcon>div { text-align: center; padding: 42px 0px; }
.indexcon div img { width: 35px; }
.indexcon div p { font-size: 14px; color: #000000; line-height: 30px; }
.indexcon div span { display: block; font-size: 14px; color: #929596; font-size: 12px; }

.comjobsnav{  }
.comjobsnav a{ display: inline-block; padding: 5px 10px; font-size: 16px; color: #333333; }
.comjobsnav a:first-child{ font-weight: bold; }
.comjobsnav a.label{ color: #FFFFFF; }
.comjobsitem{ }
.comjobsitem .bwagall{ font-size: 18px; }

/*新增头部搜索框*/
.search{
	height: 29px;
	line-height: 29px;
	font-size: 16px;
	width: 120px;
	margin: 26px 0 0 0;
}
.search_btn{
	margin: 0px;
}
/*新增新闻选项卡 new_list*/
.new_list{
	cursor: pointer;
    text-align: center;
    font-size: .18px;
}
.new_list>div{
	background-color: #277CE4 !important;
}
.new_list>div:hover{
	background-color: #1853C5 !important;
}
.new_list>div>a{
	color: #fff;
}
.tab1>div>ul>li{
	display:block;
	font-size:18px;
	margin-left:18px;
	padding-top:20px;
}
.tab1>div>ul>li>a{
	color: #333;
}
.tab1>div>ul>li>a:hover{
	text-decoration: underline;
}
/*业务大厅 office_hall*/
.office_hall{
	display: block;
	width: 100%;
	height: 100%;
	color :#f60;
	background-image: linear-gradient(to bottom,#816ABF,#1B51C3);
	font-size: 32px;
	text-align: center;
	padding-top: 60%;
}
/*业务菜单 office_list*/
.office_list{
	width: 90%;
	float: left;
	height:356px;
	background-image: linear-gradient(to right,#ECEEF9,#BAD4F7);
}
.office_list>.top{
	width: 100%;
	height: 50%;
	float: left;
}
.office_list>.bot{
	width: 100%;
	height: 50%;
	float: left;
}
.tab{
	width: 160px;
	height: 145px;
	padding-top: 34px;
	display: block;
	float: left;
	text-align: center;
	margin-right:10px;
	font-size: 20px;
	color: #337AB7;
}
.tab>a{
	text-decoration: none;
}
.tab>a:hover{
	text-decoration: underline;
}
/*加入浮动二维码*/
.pagecode{
	padding: 0px;
	display: block;
	position: fixed;
	right: 0px;
	top: 35%;
	width: 172px;
	height: 172px;
	z-index: 999;
	background-color: transparent;
}
/*新增在线招聘会*/
.zph{
	width: 100%;
	height: 116px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}
.zph>a{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px;
	padding-top: 20px;
	text-decoration: none;
	background-image: linear-gradient(to bottom,#1B5AE5,#1798FD);
}
.zph>a>h1{
	color: #FFFFFF;
}
.jobtags{
	font-size: 10px;
	border: 1px solid #2F4056;
	border-radius: 2px;
	height: 21px;
	line-height: 21px;
	display:inline-block;
	width: 70px;
	text-align: center;
}
.jobtagsjs{
	font-size: 10px;
	border: 1px solid #2F4056;
	border-radius: 2px;
	height: 21px;
	line-height: 21px;
	display:inline-block;
	width: 70px;
	text-align: center;
	margin-right: 5px;
}
.jobinfotags{
	font-size: 10px;
	border: none;
	border-radius: 2px;
	height: 21px;
	line-height: 21px;
	display:inline-block;
	width: 65px;
	text-align: center;
	background-color:#C1DEF4;
	margin-right: 10px;
}
.shenqinga{
	display:block;
	height: 25px;
	width: 65px;
	line-height:25px;
	background: #E85E6C !important;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	margin-right: 10px;
	border-radius: 1px;
	text-decoration:none;
}
.price{
	font-size: 16px;
	font-weight: 600;
	color: #f90c05;
	width: 120px;
	height: 100%
}
.jobsinfo{
	display: flex;
	align-items: center;
	color: #424141;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #8d8989;
}
.jobsinfolast{
	display: flex;
	align-items: center;
	color: #424141;
	text-align: left;
	padding: 10px;
}
.articletag{
	padding: 0 6px;
	flex: 1;
	height: auto;
	color: #1f1f1f;
	font-size: 17px;
}
/*.swiper-slide {*/
/*	text-align: center;*/
/*	font-size: 18px;*/
/*	background: #fff;*/

/*	!* Center slide text vertically *!*/
/*	display: -webkit-box;*/
/*	display: -ms-flexbox;*/
/*	display: -webkit-flex;*/
/*	display: flex;*/
/*	-webkit-box-pack: center;*/
/*	-ms-flex-pack: center;*/
/*	-webkit-justify-content: center;*/
/*	justify-content: center;*/
/*	-webkit-box-align: center;*/
/*	-ms-flex-align: center;*/
/*	-webkit-align-items: center;*/
/*	align-items: center;*/
/*}*/


.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiperdiv{
	width:100%;
	height:530px;
	color: #FFFFFF;
	background: #F1F5FD !important;
	border-radius: 8px;
	padding: 16px 10px;
	font-size: 18px;
	text-align: center;
}
.jobstype{
	float:right;
	font-size: 12px;
	color: #0A0A0A;
}
.jobsname{
	font-size: 18px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #607DE1;
}
.jobsdiv{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.sinprice{
	font-size: 15px;
	font-weight: 600;
	color: #f90c05;
	width: 90px;
	height: 100%;
	float: right;
}
.jobsprice{
	font-size: 17px;
	font-weight: 600;
	color: #f90c05;
	width: 70px;
	height: auto;
	margin-left: 40px;
}
.searchhead{
	height: 200px;
	width: 100%;
	background-color: #F1F5FD;
	margin-bottom: 20px;
	position:relative;
}
.searchtype{
	color: #1B51C3;
	font-weight: 600;
	font-size: 15px;
}
.jobtagssearch{
	font-size: 14px;
	border: 1px solid #2F4056;
	border-radius: 2px;
	height: 28px;
	line-height: 26px;
	display:inline-block;
	width: 70px;
	text-align: center;
	margin-left: 20px;
	background: none;
}
.modal.left .modal-dialog,.modal.right .modal-dialog{
	position:fixed;
	margin:auto;
	width:320px;
	height:100%;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.modal.left .modal-content,.modal.right .modal-content{
	height:100%;
	overflow-y:auto
}
.modal.left .modal-body,.modal.right .modal-body{
	padding:15px 15px 80px
}
.modal.left.fade .modal-dialog{
	left:-320px;
	-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out
}
.modal.left.fade.in .modal-dialog{
	left:0
}
.modal.right.fade .modal-dialog{
	right:-320px;
	-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out
}
.modal.right.fade.in .modal-dialog{
	right:0
}
.modal-content{
	border-radius:0;border:none
}
.jobsinfos{
	margin-top: 30px;
}
.jobsinfotitle{
	margin-top: 15px;
	font-size: 18px;
	color: #6f92e3;
}
.info-titles{
	font-weight: 600;
}
.righttitle{
	/*text-align: left;*/
	display: inline;
	/*float: right;*/
	/*margin-right: 5%;*/
}

.lefttitle{
	display: inline-block;
	/*width: 50%;*/
}
.btn-primary {
	font-size: 14px;
	color: #0A0A0A;
	border: 1px solid #2F4056;
	border-radius: 2px;
	height: 28px;
	line-height: 15px;
	display:inline-block;
	width: 100px;
	text-align: center;
	background: none;
}
.btn.active.focus {
	outline: none !important;
	box-shadow:none !important;
	background-color: #049307;
}
.btn.focus {
	outline: none !important;
	box-shadow:none !important;
	color: #0A0A0A;
	background-color: #F1F5FD;
}
.btn.focus:hover {
	outline: none !important;
	box-shadow:none !important;
	color: #0A0A0A;
	background-color: #049307;
}
.btn:hover{
	background-color: #049307;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #049307;
	border-color: #049307;
}