.iconHome {
	background-image: url(../images/index_icon.png);
	display: inline-block
}
/*首页顶部广告*/
.prompt_advertising {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: #0099FE;
	width: 100%;
	height: 45px;
}
.prompt_advertising li {
	width: 100%;
	height: 45px;
}
.prompt_advertising a {
	display: block;
	width: 100%;
	height: 45px;
}
.prompt_advertising .close-btn {
	background: url(../images/prompt-close.png) no-repeat center;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 9px;
	cursor: pointer;
	z-index: 10
}
.ajax_load {
	font-size: 14px;
	text-align: center;
	padding: 15px 0 0 0;
	color: #666
}
.lazyload img {
	max-height: 200px;
}
/*首页顶部搜索样式*/
.top_search {
	background: #232131 url(../images/index-top-search.jpg) no-repeat center;
	height: 133px;
}


/*本周新增职位*/
.new-right {
	width: 275px;
	float: right;
	padding-top: 33px;
}
.new-right .new-jobs-online {
	height: 25px;
	line-height: 25px;
	padding: 9px 0;
	text-align: center;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	color: #888888;
	font-size: 15px;
	border-radius: 6px;
}
.new-right .new-jobs-online span {
	height: 23px;
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #ff6600;
	line-height: 24px;
	margin-right: 1px;
	background: #fff;
	color: #ff6600;
	vertical-align: top;
	border-radius: 3px;
}
.new-right .new-phone-text {
	padding-top: 10px;
	width: 100%;
	text-align: right;
	color: #dddddd
}
.new-right .new-phone-text .big {
	font-size: 18px;
}
.new-right .new-phone-text .phone {
	margin-left: 8px;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background-position: 0 -27px;
}
/*首页最顶部三大竖块*/
.pr {
	position: relative
}
.pa {
	position: absolute
}
.fl {
	float: left;
*display:inline
}
.fr {
	float: right;
*display:inline
}

.top_banner {
    margin-top: 20px;
}
/*左边文字导航*/
.top_left {
	float: left;
	width: 290px;
}
.catgory-menu {
	height: 451px;
	padding-top: 10px;
	background: #FFF;
	box-shadow: 5px 5px 15px rgba(3,0,0,.04);
	border-radius: 6px;
}
.catgory-menu a:hover, .catgory-menu ul li a:hover {
	color: #ff552e;
}
.catgory-menu-block {
	position: relative;
	border: 0;
	margin: 1px 0 1px 1px;
	float: left;
	width: 99%;
}
.catgory-menu-tit {
	padding: 14px 0 14px 22px;
	font-weight: 900;
	position: relative;
	z-index: 100;
	background: #FFF
}
.catgory-menu-tit h3 {
	width: 100%;
	font-size: 14px;
}
.catgory-menu-tit h3 .title {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}
.catgory-menu-tit h3 a:hover {
    text-decoration: none;
}
.catgory-menu-tit i {
	position: absolute;
	top: 24px;
	right: 15px;
	background: url(../images/index_arrow.png) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	overflow: hidden;
}
.catgory-menu-tit a {
	color: #656565;
	font-weight: normal;
	margin-right: 8px
}
.catgory-menu-tit a:hover {
	color: #ff552e
}
.catgory-menu-block>ul {
	line-height: 22px
}
.catgory-menu-block ul {
	position: absolute;
	width: 480px;
	left: 286px;
	top: -1px;
	padding: 13px 0 15px 15px;
	border: 1px #fff solid;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
	border-radius: 2px;
	border-top-left-radius: 0;
	list-style: none;
	background-color: #fff;
}
.catgory-menu-block ul li {
	display: inline-block;
	font-weight: 400;
	margin: 0 8px 6px 0;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}
.catgory-menu-block ul li a {
	color: #777777;
	font-size: 13px;
	padding: 3px 10px;
	white-space: nowrap;
}
.catgory-menu-block ul li a:hover {
	text-decoration: none;
}
.catgory-menu-block ul li a.color {
	color: #ff552e
}
.catgory-menu-block ul li.title {
	display: block;
	width: 96%;
	font-weight: 400;
	margin-bottom: 8px;
	height: 30px;
	line-height: normal;
	border-bottom: 1px #f2f2f2 solid;
	overflow: hidden
}
.catgory-menu-block ul li.title a {
	color: #484848;
	font-size: 14px;
	font-weight: bold
}
.catgory-menu-block ul li.title a:hover {
	color: #ff552e;
    text-decoration: none;
}
.catgory-menu-block ul::-webkit-scrollbar{
    width:5px;
    background-color: #f0f0f0;
}
.catgory-menu-block ul::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
.catgory-menu-block_hover {
	background: #fff;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
	margin: 0;
	border-top: 1px #4098e6 solid;
	border-left: 1px #4098e6 solid;
	border-bottom: 1px #4098e6 solid;
}
.catgory-menu-block_hover .catgory-menu-tit {
	z-index: 110
}
.catgory-menu-block_hover ul {
	display: block;
	border-color: #4098e6;
	z-index: 109
}
.catgory-menu-last {
	position: relative;
	border: 0;
	margin: 1px 0 1px 1px;
	float: left;
	width: 99%;
}
/*右边导航*/
.top_right {
	float: right;
	width: 900px;
}
/*中部图片轮播与滚动模块*/
.advert {
	width: 100%;
	float: left;
}
.advert_left {
	width: 580px;
	height: 461px;
	float: left;
	position: relative;
	overflow: hidden
}
.advert_left:hover .pre {
	display: block
}
.advert_left:hover .next {
	display: block
}
.advert_left li {
	list-style: none;
	margin: 0;
	padding: 0
}
.advert_left .imglist {
	width: 580px;
	height: 300px;
	float: left;
}
.advert_left .imglist img{
    width: 100%;
    border-radius: 10px;
    height:290px;
}
.advert a{display:block}
.advert a:hover{background: #000;border-radius: 10px;}
.advert a:hover img{opacity: .9}
.advert_left .imglist li {
	height: inherit;
}
.advert_left .imglist li img {
	border-radius: 6px;
}
.advert_left .imgdesc {
	right: 5px;
	bottom: 5px;
	position: absolute;
	overflow: hidden;
}
.advert_left .imgdesc li {
	width: 17px;
	height: 5px;
	transition: all linear 0.2s;
	float: left;
	vertical-align: middle;
	text-align: center;
	background: rgba(102,102,102,0.5);
	margin: 0;
	cursor: pointer;
	line-height: 17px;
	color: #fff;
	margin-left: 3px;
	overflow: hidden;
	text-indent: -100px;
}
.advert_left .imgdesc li.hover {
	background: #f60;
	color: #000;
}
.advert_left .imglist.opacity li:hover img {
	opacity: .9;
}
.advert_left .adgg {
	width: 25px;
	height: 12px;
	position: absolute;
	z-index: 10;
	right: 6px;
	bottom: 0;
	overflow: hidden;
	text-indent: 150px;
}
.advert_left .none {
	display: none
}
.advert_left .pre {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 10;
	width: 20px;
	height: 60px;
	left: 0;
	background: rgba(0,0,0,0.5);
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-family: "SimSun";
	font-size: 28px;
	display: none
}
.advert_left .next {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 10;
	width: 20px;
	height: 60px;
	right: 112px;
	background: rgba(0,0,0,0.5);
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-family: "SimSun";
	font-size: 28px;
	display: none
}
.advert_left.ad2 {
	float: right;
	width: 900px;
	padding: 15px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
}
.advert_left.ad3 {
	margin-top: 3px;
	height: 110px;
}
.advert_left.ad4 {
	margin-top: 3px;
	float: right;
	width: 312px;
	height: 110px;
}
/*急聘职位、最新职位*/
.common-tab-box {
	clear: both;
	margin-top: 15px;
}
.common-tab-box .title {
	height: 45px;
	position: relative;
	padding-left: 1px
}
.common-tab-box .title span {
	float: left;
	display: inline-block;
	margin-right: 40px;
	line-height: 45px;
	color: #8d92a1;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
.common-tab-box .title span.last {
	margin-right: 0px;
}
.common-tab-box .title span.cur {
	color: #444444;
	font-weight: bold;
	font-size: 15px;
}
.common-tab-box .title .f_r span {
	font-size: 12px;
}
.job-tab-box .common-list-box {
	width: 100%;
	position: relative;
	overflow: hidden
}
.job-tab-box .job_list {
	margin-left: -10px;
	margin-top: 10px;
}
.job-tab-box .job_list li {
	float: left;
	width: 33.33%;
	margin-bottom: 10px;
}
.job-tab-box .job_list li .sub-li {
	margin-left: 10px;
	position: relative;
    padding: 20px 0 0 0;
	background: #FFF;
	border: 1px solid #eee;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.job-tab-box .job_list li .sub-li:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(56,81,76,.12);
	-moz-box-shadow: 0 0 10px 0 rgba(56,81,76,.12);
	box-shadow: 0 0 10px 0 rgba(56,81,76,.12);
}
.job-tab-box .job_list li .line_1 {
    padding: 0 20px;
	margin-bottom: 10px;
	overflow: hidden
}
.job-tab-box .job_list li .line_1 .job_name {
	font-size: 16px;
	color: #014099;
	height: 21px;
	display: inline-block;
    width: 280px;
	line-height: 21px;
}
.job-tab-box .job_list li .line_1 .job_name a:hover {
    text-decoration: none;
}
.job-tab-box .job_list li .line_1 .job_name a.substring {
	max-width: 90%;
	display: inline-block
}
.job-tab-box .job_list li .line_1 .salary {
	max-width: 30%;
	font-size: 16px;
	float: right;
	color: #fc6c38;
	text-align: right
}
.job-tab-box .job_list li .line_1 .emergency {
	background-position: 0 -53px;
	width: 40px;
	height: 16px;
	position: relative;
	bottom: 2px;
	margin-left: 3px
}
.job-tab-box .job_list li .line_1 .stick {
	background-position: 0 -76px;
	width: 40px;
	height: 16px;
	position: relative;
	bottom: 2px;
	margin-left: 3px
}
.job-tab-box .job_list li .line_1 span {
	font-size: 16px;
	color: #f6ab00
}
.job-tab-box .job_list li .line_2 {
    padding: 0 20px;
	color: #666;
	margin-bottom: 10px;
	font-size: 12px;
	overflow: hidden
}
.job-tab-box .job_list li .line_2 .company_name {
	width: 60%;
	float: left;
	height: 21px;
	line-height: 21px;
}
.job-tab-box .job_list li .line_2 .company_info {
	max-width: 40%;
	_width: 40%;
	float: right;
}
.job-tab-box .job_list li .line_3 {
    padding: 0 20px;
	font-size: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	height: 24px
}
.job-tab-box .job_list li .line_3 span {
	display: inline-block;
	float: left;
	color: #a7a7a7;
	border: 1px solid #e5e5e5;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 22px;
	line-height: 20px;
	padding: 0 7px
}
.job-tab-box .job_list li .line_4 {
    padding: 12px 20px;
	overflow: hidden;
	margin-bottom: 0;
    height: 24px;
	line-height: 24px;
    background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
    border-radius: 0 0 6px 6px;
    display: flex;
    justify-content: space-between;
}
.job-tab-box .job_list li .line_4 .company_name {
    margin-right: 10px;
    max-width: 45%;
	color: #666;
	height: 28px;
	line-height: 28px;
    overflow: hidden;
}
.job-tab-box .job_list li .line_4 .company_name a {
    text-decoration: none;
}
.job-tab-box .job_list li .line_4 .address {
    margin-left: 10px;
    max-width: 45%;
    color: #666;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.job-tab-box .job_list li .line_4 .address .address_icon {
	background-position: 0 -108px;
	width: 13px;
	height: 14px;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
.job-tab-box .job_list li .line_4 .deliver {
	float: right;
	width: 80px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border: 1px solid #4098e6;
	border-radius: 12px;
	color: #4098e6;
	cursor: pointer
}
.job-tab-box .job_list li .line_4 .deliver:hover {
	color: #fff;
	background: #4098e6;
	text-decoration: none
}
/*公告*/
.gonggaoScroll {
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	width: 200px;
	font-size: 12px
}
.gonggaoScroll ul, li {
	list-style-type: none;
	margin: 0px;
}
.gonggaoScroll li {
	width: 100%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*企业列表*/
/* .company_list {
	background: #FFF;
	padding: 0 12px;
} */
.company_list .common-list-box {
	width: 100%;
	display: block;
	clear: both;
}
.company_list.common-tab-box .title {
	padding-top: 3px;
}
.company_list.common-tab-box .title span em {
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.item_con_list {
	margin-left: -12px;
	margin-top: 10px;
}
.item_con_list li {
	float: left;
	width: 33.33%;
	margin-bottom: 12px;
}
.item_con_list li .sub-li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eee;
	background: #FFF;
	margin-left: 12px;
    height: 388px;
	position: relative;
	-webkit-box-shadow: 0 0 10px rgba(56,81,76,.12);
	-moz-box-shadow: 0 0 10px rgba(56,81,76,.12);
	box-shadow: 0 0 10px rgba(56,81,76,.12);
	border-radius: 6px;
}
.item_con_list li .sub-li:hover {
}

.item_con_list li .company-info-top {
    display: block;
    height: 44px;
    padding: 16px 20px;
    overflow: hidden;
    background: linear-gradient(90deg,#f2fafa 0,#fcfbfa 100%)
}

.item_con_list li .company-info-top:hover h3 {
    color: #00a6a7
}

.item_con_list li .company-info-top h3 {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 22px;
    margin: 0 0 4px 0;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item_con_list li .company-info-top p {
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 18px
}

.item_con_list li .company-info-top .company-info {
    float: left;
    margin-left: 16px;
    width: 280px
}

.item_con_list li .company-info-top .company-img {
    height: 44px;
    width: 44px;
    line-height: 44px;
    overflow: hidden;
    float: left;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.item_con_list li .company-info-top .company-img img {
    max-width: 100%;
    min-height: 100%;
    display: block;
    border-radius: 4px
}

.item_con_list li .company-job-list {
    padding: 4px 20px 12px
}

.item_con_list li .company-job-item {
    float: unset;
    display: block;
    height: auto;
    width: 344px;
    font-size: 0;
    padding: 12px 0;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px #f3f3f3 solid;
}
.item_con_list li .company-job-item a:hover {
    text-decoration: none;
}
.item_con_list li .company-job-item .job-info-top {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 12px
}

.item_con_list li .company-job-item .job-info {
    display: block;
    padding: 0;
    width: 100%
}

.item_con_list li .company-job-item .job-info:hover .name {
    color: #00a6a7
}

.item_con_list li .company-job-item .guide-app-download-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 -16px/16px auto no-repeat
}

.item_con_list li .company-job-item .guide-app-download-icon:hover {
    background: url(https://img.bosszhipin.com/static/file/2022/tfguyqkgkb1651743005056.png) 0 0/16px auto no-repeat
}

.item_con_list li .company-job-item .job-info .name {
    position: relative;
    max-width: 200px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all linear .2s
}

.item_con_list li .company-job-item .job-info .name .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
    position: relative;
    top: -1px
}

.item_con_list li .company-job-item .job-info .name .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 8px
}

.item_con_list li .company-job-item .job-info .salary {
    font-size: 16px;
    color: #fe574a;
    line-height: 22px;
    flex: 1;
    text-align: right;
    max-width: none;
    font-weight: 500
}

.item_con_list li .company-job-item .job-text {
    font-size: 13px;
    color: #666;
    padding-right: 0;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item_con_list li .company-job-item .job-text span {
    display: inline-block;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 4px;
    background: #f8f8f8
}

.item_con_list li .company-job-item .job-text span+span {
    margin-left: 8px
}

.item_con_list li .company-job-list {
    display: block
}

.item_con_list li .more-job-btn {
    display: block;
    margin: 0 auto;
    width: 122px;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid rgb(0 129 190 / 60%);
    font-size: 14px;
    font-weight: 400;
    color: #0090ff;
    float:right;
    transition: all .2s linear
}

.item_con_list li .more-job-btn:hover {
    color: #fff;
    background-color: #0090ff;
    border-color: #0090ff;
}
.item_con_list li .home {
	position: absolute;
	z-index: 3;
	top: 0px;
	right: 0px;
	display: block;
	width: 42px;
	height: 42px;
	overflow: hidden;
	background-size: 50px;
	color: #fff;
	line-height: 38px;
	text-indent: 100px;
	background: url(../images/qiye/company_home.png);
}
/* 
.item_con_list li .top {
	margin: 0 13px;
	padding: 15px 0 14px;
	text-align: center;
	border-bottom: 1px dashed #E0E0E0;
	line-height: 22px
}
.item_con_list li .top .company-name {
	margin-top: 15px;
	font-size: 16px
}
.item_con_list li .top .company-name a {
	color: #000
}
.item_con_list li .top .company-name a:hover {
	color: #4098e6
}
.item_con_list li .top .company-line {
	width: 100%;
	height: 30px;
	background: url(../images/qiye/company_li_line.jpg) no-repeat center bottom
}
.item_con_list li .top .company-tag {
	margin-top: 3px;
	color: #999;
	padding: 10px 0 10px 0
}
.item_con_list li .top .company-tag .tag_li {
	width: 100%;
	height: 27px;
	overflow: hidden;
	color: #999;
	-ms-word-break: break-all;
	word-break: break-all;
	text-align: center
}
.item_con_list li .top .company-tag .tag_li .li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px #e1f2fa solid;
	background-color: #edf9ff;
	margin-left: 5px;
	margin-right: 5px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	border-radius: 2px;
	color: #3d9ccc
}
.item_con_list li .top .advantage {
	margin-top: 5px;
	color: #666;
	height: 22px;
	font-size: 12px;
	display: none
}
.item_con_list li .bottom .bottom-item {
	position: relative;
	display: block;
	margin-top: 17px;
	text-align: center;
	width: 33%;
	border-right: 1px #e0e0e0 solid;
	line-height: 130%;
	color: #999
}
.item_con_list li .bottom .bottom-item:hover {
	color: #4098e6;
	text-decoration: none
}
.item_con_list li .bottom .bottom-item p.green {
	color: #4098e6;
}
.item_con_list li .bottom .bottom-item p.gray {
	font-size: 12px;
}
.item_con_list li .bottom .bottom-item.last {
	border: 0
} */
/*首页通用box框架 /by liangcaijian @632324010*/
.box_cool {
	margin: 15px auto 0;
	background: #ffffff;
	height: auto;
	border-radius: 6px;
}
.box_cool.no_margin {
	margin-top: 0;
}
.box_cool .first_head {
	padding-top: 8px;
	height: 55px;
	line-height: 30px;
	overflow: hidden;
}
.box_cool .first_head .title {
	float: left;
	padding: 2px 0 0 12px;
	color: #444444;
	font-size: 15px;
	font-weight: bold;
}
.box_cool .first_head .title em {
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.box_cool .first_head .r_box {
	float: right;
	padding-right: 12px;
	font-size: 12px
}
.box_cool .first_head .r_box a {
	text-decoration: none;
	color: #999999;
	margin-left: 10px;
}
.box_cool .first_head .r_box a:hover {
	color: #0188cc;
}
.box_cool .first_head .refreshbtn {
	margin: 0 8px 0 50px;
	font-size: 13px;
	display: inline-block;
	color: #333333;
	text-align: right;
	width: 50px;
	height: 25px;
	background-image: url(../images/122.png);
	background-repeat: no-repeat;
	cursor: pointer;
	padding-left: 14px;
	background-position: 0px 3px;
}
.box_cool .first_head .refreshbtn:hover {
	color: #FF5A00;
	background-position: 0px -29px;
}
.box_cool {
	position: relative
}
.box_cool .ajax_loading {
	display: none;
}
.box_cool .ajaxloadtxt {
	margin-top: 100px;
}
.box_cool.open_ajax .ajax_loading {
	display: block;
}
/*广告内容*/
.box_cool .box_cool_content {
	padding: 0 12px 12px 12px;
}
.box_cool .box_cool_content .bigBanner {
	margin-top: 10px;
}
.bigBanner img{margin-bottom:5px;height:auto;width:100%;display:block}
.bigBanner a:hover{background: #000;}
.bigBanner a:hover img{opacity: .9}

/*------------------------------------*/
.advbox {
	padding: 0 0 12px 12px;
}
.advbox img:hover {
filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=120, strength=3);/*ie*/
	-moz-box-shadow: 0px 0px 10px #CCCCCC;/*firefox*/
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;/*safari或chrome*/
	box-shadow: 0px 0px 10px #CCCCCC;/*opera或ie9*/
}
/*名企招聘 上方两列的格子广告位*/
.advbox_two_columns {
	width: 100%;
}
.advbox_two_columns li {
	width: 50%;
	float: left;
	line-height: normal
}
.advbox_two_columns li img {
	float: left;
	width: 98%;
	min-height: 70px;
	margin-top: 12px;
}
/*名企招聘 格子广告*/
.img_leftbox {
	float: left;
	width: 20%;
	margin-top: 12px;
}
.img_leftbox .imgbox {
	width: 97%;
	position: relative;
}
.img_leftbox .imgbox img {
	width: 100%;
	border: 0px;
	max-height: 85px;
}
.img_leftbox .imgbox .showinfo {
	display: none;
	width: 99.5%;
	position: absolute;
	left: -1px;
	top: -1px;
	border: 2px #FF5A00 solid;
	z-index: 5;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=120, strength=3);/*ie*/
	-moz-box-shadow: 0px 0px 10px #CCCCCC;/*firefox*/
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;/*safari或chrome*/
	box-shadow: 0px 0px 10px #CCCCCC;/*opera或ie9*/
}
.img_leftbox.hover .imgbox .showinfo {
	display: block;
}
.img_leftbox .imgbox .showinfo .comname {
	margin-top: 72px;
	font-size: 14px;
	background-color: #FFFFFF;
	height: 30px;
	padding-top: 5px;
	padding-left: 15px;
	overflow: hidden
}
.img_leftbox .imgbox .showinfo .jobslist {
	background-image: url(../images/117.png);
	background-repeat: repeat-y;
	background-position: 20px 0px;
	background-color: #FFFFFF;
	font-size: 13px;
	padding-bottom: 5px;
}
.img_leftbox .imgbox .showinfo .jobslist .jli {
	height: 25px;
	line-height: 25px;
	width: 80%;
	padding-left: 30px;
	padding-right: 10px;
	background-image: url(../images/117.png);
	background-repeat: no-repeat;
	background-position: -476px 9px;
}
.img_leftbox .imgbox .showinfo .jobslist .jli:hover {
	background-position: -476px -19px;
}
.img_leftbox .imgbox .showinfo .jobslist .jli:hover a {
	color: #FF5A00;
	display: block
}
.img_leftbox .imgbox .showinfo .count {
	height: 25px;
	background-color: #FFFFFF;
	font-size: 13px;
	padding-top: 10px;
	overflow: hidden
}
.img_leftbox .imgbox .showinfo .count .v {
	width: 95px;
	float: left;
	padding-left: 15px;
	color: #000000
}
.img_leftbox .imgbox .showinfo .count .more {
	width: 60px;
	text-align: right;
	float: left
}
/*优选名企 格子广告 四列的*/
.img_leftbox.five_col {
	float: left;
	width: 20%;
	margin-top: 10px;
}
.img_leftbox.five_col .imgbox {
	width: 95%;
}
/*推荐职位 排名*/
.ranking {
	padding: 12px 0 12px 12px;
	position: relative
}
.ranking .rank_inner {
	width: 100%;
	;
	zoom: 1;
}
.ranking .rank_inner .top {
	float: left;
	width: 32.1%;
	height: 60px;
	border: 1px double #EEEEEE;
	margin: 0 1% 1% 0;
}
.ranking .rank_inner .top:hover {
	border-color: #74CEFE;
	box-shadow: 0px 0px 5px #ccc;
}
.ranking .rank_inner .top .topl1 {
	font-size: 35px;
	width: 20%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fc9b00;
}
.ranking .rank_inner .top .topl2 {
	padding: 10px 0 0 0;
	width: 77%
}
.ranking .rank_inner .top .topl2 em {
	font-size: 12px;
	text-indent: 8px;
	color: #999;
}
.ranking .rank_inner .top .topl2 .comtip {
	color: #2484D0;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	height: 22px;
	line-height: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ranking .rank_inner .top .topl2 .light {
	width: 100%;
	height: 20px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ranking .jcom_name_box {
	font-size: 15px;
	font-weight: bold;
	height: 22px;
	line-height: 21px;
}
.ranking .jcom_name_box img {
	display: inline-block;
*display:inline;
*zoom:1;
}
.ranking .jcom_name_box .line_substring {
	float: left;
	max-width: 85%;
	white-space: nowrap;
	_white-space: normal;
	_width: 85%;
	_height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	_background: transparent;
}
.ranking .jobs_gourp {
	width: 100%;
	height: 20px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
}
.ranking .jobs_gourp .a_job {
	padding-right: 10px
}
.ranking1 {
	width: 100%;
}
.ranking1 .item {
	width: 31.3%
}
.ranking1 .item .itemr {
	height: 38px;
	line-height: 38px;
	clear: both;
	font-size: 13px
}
.ranking1 .item .itemr .f_l {
	width: 65%;
	height: 35px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ranking1 .item .itemr .f_r {
	width: 34%;
	height: 35px;
	display: block;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px
}
.ranking1 .item .itemr .f_r a {
	padding-right: 5px;
}
.ranking1 .item .itemr2 {
	background-color: #f7f7f7;
	height: 35px;
	line-height: 35px;
	clear: both
}
.ranking1 .item .number {
	color: #2A85CC;
	padding: 0 10px 0 10px
}
.ranking1 .itemline {
	width: 1px;
	background-color: #EEEEEE;
	margin: 0 1.2%;
	height: 98px
}
/*最新简历 by liangcaijian @632324010*/
.star_hunter {
	position: relative;
	padding: 0 0 12px 12px;
}
.star_hunter .star_hunter_item {
	float: left;
	margin-top: 12px;
	width: 20%;
}
.star_hunter_item .hunter_infomation {
	width: 84%;
	height: 175px;
	padding: 5%;
	border: 1px solid #E2E2E2;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 5px
}
.star_hunter_item .hunter_infomation:hover {
	border-color: #74CEFE;
	box-shadow: 0px 0px 5px #74CEFE;
}
.star_hunter_item .hunter_infomation .h_info_left {
	width: 100%;
	border-bottom: 1px #f2f2f2 solid;
	overflow: hidden;
	padding-bottom: 8px;
}
.star_hunter_item .hunter_infomation .h_info_left .avater_box {
	float: left;
	margin-left: 8px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	border-radius: 100px;
}
.star_hunter_item .hunter_infomation .h_info_left .avater_box img {
	width: 100%;
	display: block;
	min-height: 60px;
	vertical-align: middle;
}
.star_hunter_item .hunter_infomation .h_info_left .text_box {
	float: left;
	width: 50%;
	margin-top: 8px;
	margin-left: 8%;
	overflow: hidden
}
.star_hunter_item .hunter_infomation .h_info_left .text_box a {
	display: block;
	font-size: 16px;
	font-weight: bold
}
.star_hunter_item .hunter_infomation .h_info_left .text_box span {
	font-size: 13px;
}
.star_hunter_item .hunter_infomation .h_info_right {
	padding-left: 4%;
	width: 96%;
}
.star_hunter_item .hunter_infomation .h_info_right p {
	margin-top: 5px;
	color: #666;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.star_hunter_item .hunter_infomation .h_info_right .name_box a {
	float: left;
	color: #247FAF;
	text-decoration: none
}
.star_hunter_item .hunter_infomation .h_info_right .name_box a:hover {
	text-decoration: underline;
}
/*会员作品*/
.original_works {
	width: 100%;
	overflow: hidden
}
.original_works .works_left {
	float: left;
	width: 20%;
	overflow: hidden;
}
.original_works .works_left ul.stylist {
	padding-left: 11px;
	display: block;
	border-top: 1px #F4F4F4 solid;
	overflow: hidden;
}
.original_works .works_left ul.stylist .avatar-tj {
	width: 100%;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	color: #666;
	font-size: 15px;
	position: relative;
	text-align: left;
	text-indent: 2px
}
.original_works .works_left ul.stylist .avatar-tj .more {
	position: absolute;
	top: 0px;
	right: 15px;
	font-size: 12px;
	color: #fc9b00
}
.original_works .works_left ul.stylist .list-item {
	float: left;
	margin-left: 2.5%;
	margin-bottom: 10px;
	padding: 5px 0;
	position: relative;
	width: 97.5%;
	overflow: hidden
}
.original_works .works_left ul.stylist .li_img {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
	margin-right: 10px;
	display: block;
}
.original_works .works_left ul.stylist .li_name {
	float: left;
	width: 70%;
	margin-top: 4px;
	text-align: left;
}
.original_works .works_left ul.stylist .li_name a {
	display: block;
*cursor: pointer;
}
.original_works .works_left ul.stylist .li_name a:hover {
	text-decoration: none
}
.original_works .works_left ul.stylist .li_name span {
	display: block;
}
.original_works .works_left ul.stylist .li_question {
	position: absolute;
	top: 5px;
	right: 15px;
	width: 40px;
	height: 22px;
	line-height: 22px;
	background: #ff7272;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	text-align: center
}
.original_works .works_left ul.stylist .li_question a {
	color: #FFF
}
.original_works .works_left ul.stylist .li_question:hover {
	background: #dd4f50;
	cursor: pointer;
}
.original_works .works_left ul.stylist .p_01 {
	font-size: 16px;
	color: #333;
	line-height: 18px;
	height: 18px;
	width: 100%;
}
.original_works .works_left ul.stylist .p_02 {
	font-size: 12px;
	color: #999;
	margin-top: 7px;
	line-height: 18px;
	height: 18px;
	width: 100%;
}
.original_works a {
	text-decoration: none;
	color: #666666;
	display: block;
}
.original_works a:hover {
	text-decoration: underline;
}
.original_works ul.works_right {
	float: left;
	width: 78.3%;
	padding-left: 1.5%;
	border-left: 1px #F4F4F4 solid;
	overflow: hidden;
}
.original_works ul.works_right li {
	width: 25%;
	padding-bottom: 15px;
	float: left;
}
.original_works ul.works_right li .works_box {
	width: 93%;
	border: 1px #E2E2E2 solid;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 5px
}
.original_works ul.works_right li .works_box:hover {
	border-color: #74CEFE;
	box-shadow: 0px 0px 5px #74CEFE;
}
.original_works ul.works_right li .img {
	border-bottom: 1px #f5f5f5 solid;
	width: 100%;
	height: 250px;
	line-height: 250px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.original_works ul.works_right li .img img {
	width: 100%;
	max-height: 500px;
	display: block;
	vertical-align: middle
}
.original_works ul.works_right li .img img:hover {
	opacity: 0.9;
}
.original_works ul.works_right li .title {
	width: 100%;
	display: block;
	color: #666;
	height: 35px;
	line-height: 35px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.original_works ul.works_right li .title:hover {
	color: #dd4f50;
}
/*友情链接*/
.links-friend {
	width: 100%;
	padding: 25px 0 12px 0;
	overflow: hidden;
	margin-bottom: -22px;
}
.links {
	position: relative;
	height: 23px;
	overflow: hidden;
	font-size: 12px;
}
.links label {
	position: absolute;
	right: 0;
	top: 0;
	color: #4a4e52;
	cursor: pointer
}
.links .links-item dt {
	float: left;
	width: 78px;
	color: #4a4e52;
}
.links .links-item a {
	color: #6f6f6f;
	margin-right: 26px;
	display: inline-block
}
.links .links-item a:hover, .links label:hover {
	color: #FF6600
}
.links .links-item a:hover {
	text-decoration: underline
}
.links .links-item dd {
	margin-left: 85px;
	width: auto!important;
	margin-right: 55px
}
.links .fz {
	width: 24px;
	height: 24px;
	background: url(../images/130.png) no-repeat;
	display: inline-block
}
.links .fz-slidedown {
	background-position: 5px -68px;
	vertical-align: middle
}
.links .fz-slideup {
	background-position: 5px -24px;
	vertical-align: middle
}

/*当窗口改变时发生*/
@media screen and (max-width:1200px) {
.box_cool {
	width: 1000px;
	min-width: 1000px;
}
.search-box {
	width: 710px;
}
.search-form .ipt-wrap {
	width: 499px;
}
.top_left {
	width: 260px;
}
.catgory-menu {
	height: 367px;
	padding-top: 10px;
}
.catgory-menu-tit {
	padding: 11px 0 11px 18px;
}
.catgory-menu-tit i {
	top: 18px;
	right: 5px;
}
.catgory-menu-tit h3 {
	font-size: 13px
}
.catgory-menu-tit h3 .title {
	font-size: 15px;
}
.catgory-menu-block ul {
	left: 256px;
}
.top_right {
	width: 725px;
}
.advert_left {
	width: 469px;
	height: 178px;
}
.advert_left .imglist li img {
	width: 469px;
	height: 178px;
}
.advert_left.ad2 {
	width: 252px;
}
.advert_left.ad2 .imglist li img {
	width: 252px;
	height: 178px;
}
.advert_left.ad3 {
	height: 89px;
}
.advert_left.ad3 .imglist li img {
	width: 469px;
	height: 89px;
}
.advert_left.ad4 {
	width: 252px;
	height: 89px;
}
.advert_left.ad4 .imglist li img {
	width: 252px;
	height: 89px;
}
/*急聘职位、最新职位*/
.job-tab-box .job-list li p {
	width: 150px;
	font-size: 14px
}
.job-tab-box .job-list li a.job-info p.job-text {
	width: 220px;
}
.job-tab-box .job-list li a.user-info p {
	width: 220px;
}
.img_leftbox .imgbox .showinfo .comname {
	margin-top: 62px;
}
.item_con_list li .sub-li {
	height: 200px;
}
.item_con_list li .top {
	padding: 10px 0 10px;
}
.item_con_list li .top .company-name {
	font-size: 16px;
}
.item_con_list li .top .company-tag {
	padding: 10px 0 10px 0;
}
.item_con_list li .sub-li {
	margin-left: 10px;
}
.original_works .works_left ul.stylist .li_img {
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
.original_works .works_left ul.stylist .li_img img {
	width: 40px;
	height: 40px;
}
}
/*当窗口改变时发生*/
@media screen and (max-width:1600px) {
.newyear_fl, .newyear_fr {
	display: none
}
}
.index_frame_left {
	width: 290px;
	float: left;
	background: #fff;
}
.index_hotnews {
	width: 100%;
	float: left
}
.index_hotnews ul {
	width: 275px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 420px
}
.index_hotnews ul li {
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.index_hotnews ul li .index_hotnews_n {
	display: block;
	width: 20px;
	font-size: 12px;
	float: left;
	text-align: center;
	font-family: arial, 'Microsoft Yahei';
	background: #d8ecff;
	color: #3396f6;
	height: 20px;
	border-radius: 2px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 10px;
}
.index_hotnews ul li a {
	font-size: 14px;
	color: #666;
	display: block;
	width: 240px;
	float: left;
	height: 40px;
	overflow: hidden;
	-webkit-transition: color .25s;
	transition: color .25s;
}
.index_hotnews ul li a:hover {
	color: #3396f6
}
.index_hotnews ul li .hot1 {
	font-weight: 500;
	color: #fff;
	background: #f60;
}
.index_hotnews ul li .hot2 {
	font-weight: 500;
	color: #fff;
	background: #ff8b3e;
}
.index_hotnews ul li .hot3 {
	font-weight: 500;
	color: #fff;
	background: #f4ab2b;
}
.index_frame_right {
	width: 890px;
	float: left;
	background: #fff
}
.index_frame_right_tit {
	width: 100%;
	padding-top: 20px;
}
.index_frame_right_tit_s {
	padding-left: 18px;
	position: relative;
	font-size: 18px;
}
.index_frame_right_tit_line {
	width: 20px;
	height: 2px;
	background: #3395f6;
	display: inline-block;
	border-radius: 3px;
	position: absolute;
	left: 20px;
	bottom: -13px;
}
.index_news_box {
	width: 100%;
	float: left;
	margin-top: 15px;
}
.index_news_left {
	width: 280px;
	height: 395px;
	float: right;
	margin-right: 15px;
}
.index_news_tip {
	width: 100%;
	height: 125px;
	position: relative;
	background: #0ea7f8;
	color: #fff;
	text-align: center
}
.index_news_tip_icon {
	width: 26px;
	height: 26px;
	position: absolute;
	left: 50%;
	bottom: -16px;
	margin-left: -13px;
	-webkit-transform: rotate(45deg);
	background: #fff;
	display: block
}
.index_news_tip_tit {
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 10px;
}
.index_news_list ul {
	width: 258px;
	border: 1px solid #eee;
	background: #fff;
	padding: 10px;
}
.index_news_list ul li {
	overflow: hidden;
	line-height: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 245px;
	padding-left: 13px;
	background: url(../images/dian.png) no-repeat 0px 17px;
}
.index_news_list_imgnews {
	width: 885px;
	height: 395px;
	overflow: hidden;
	float: left;
	padding: 0px 0 0px 0px;
}
.hp_news_t {
	width: 430px;
	margin-left: 15px;
	float: left
}
.index_news_list_imgnews_cont {
	width: 950px
}
.index_news_box {
	min-height: 425px
}
.index_news_list {
	width: 410px;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
}
.index_news_list_img {
	width: 190px;
	float: left;
}
.index_news_list_info {
	width: 200px;
	float: left;
	padding-left: 20px;
}
.index_news_list_name {
	font-size: 16px;
	height: 50px;
	padding-bottom: 30px;
	line-height: 24px;
}
.index_news_list_name a {
	color: #6c6a6a
}
.index_news_list_lb {
	color: #bbbbbb;
	font-size: 14px;
	padding-left: 20px;/*background: url(../images/fy_lb.png) no-repeat left 4px;*/
}
.index_news_list_time {
	color: #bbbbbb;
	font-size: 14px;
}
.index_news_list_list {
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 12px;
}
.index_news_list_list li {
	width: 410px;
	line-height: 34px;
	float: left;
	margin-left: 20px;
}
.index_news_list_list li a {
	width: 270px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	display: block;
	color: #666;
	float: left;
	position: relative;
	padding-left: 18px;
}
.index_news_list_list li a:hover {
	color: #3396f6
}
.index_news_list_list li em {
	float: right;
	color: #b8b8b8;
	font-size: 12px;
}
.index_news_list_list li .index_news_list_icon {
	width: 3px;
	height: 3px;
	background: #bcbcbc;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 15px;
}
.index_resumelist {
    padding: 20px;
    display: flex;
    flex-direction: column;
}
.index_resumelist:hover {
    text-decoration: unset;
    color: unset;
}
.index_resumelist .top {
    display: flex;
    overflow: hidden;
}
.index_resumelist .pic {
	width: 45px;
    height: 45px;
	border-radius: 100%;
	overflow: hidden;
    margin-right: 5px;
}

.index_resumelist .pic img {
	width: 45px;
    height: 45px;
    object-fit: fill
}
.index_resumelist .name {
	flex: 1;
    width: 100%;
    overflow: hidden;
}
.index_resumelist h3 {
	font-size: 14px;
	color: #333;
	font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index_resumelist .g-desc01 {
    color: #999999;
    font-size: 12px;
}
.g-desc01 em {
	margin: -2px 8px 0;
	height: 10px;
	width: 1px;
	background: #eaeaea;
	display: inline-block;
	vertical-align: middle;
}
.index_resumelist .center {
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
}
.index_resumelist .job_type, .index_resumelist .region {
    color: #666666;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_resumelist .job_type {
    margin-top: 5px;
}
.index_resumelist .job_type span, .index_resumelist .region span {
    color: #999999;
    font-size: 12px;
}
.index_resumelist .more {
	margin: 0 auto;
	width: 100px;
	height: 26px;
	display: block;
	border: 1px solid #4098e6;
	color: #4098e6;
	border-radius: 4px;
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.w1200 {
	width: 1200px;
	margin: 0 auto
}

/* 首页底部悬浮 */
	.footer-position {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		background-color: #26344B;
		opacity: 0.8;
		color: #FFFFFF;
	}
.footer-position .w1200{position:relative;padding-right: 15px;
    padding-left: 15px;}
	.footer-position-code {
		position: absolute;
		bottom: 0;
	}

	.footer-position .after {
		position: relative;
	}

	.footer-position .after::after {
		content: "+";
		position: absolute;
		top: 0;
		right: -15px;
		font-size: 18px;
	}

	.font-weight-bold {
		font-weight: bold;
	}

	.footer-position .bg-footer {
		position: absolute;
		bottom: 0;
		left: 0;
		transform: translateX(-56%)
	}
	.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-bottom {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.font-weight-bold {
    font-weight: bold;
}
.text-18 {
    font-size: 18px !important;
}
.text-F4F6F8 {
    color: #F4F6F8 !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}
.text-34 {
    font-size: 34px !important;
        font-weight: 500;
}
.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}
.text-12 {
    font-size: 12px !important;
}
.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}
.ml-5, .mx-5 {
    margin-left: 3rem !important;
}

.mr-5, .mx-5 {
    margin-right: 3rem !important;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-color: #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    width:150px;
    
}
.el-button--primary {
    color: #fff;
    background-color: #048cfc;
    border-color: #048cfc;
}
.el-button--primary:hover {
    background: #36a3fd;
    border-color: #36a3fd;
    color: #fff;
    text-decoration:none;
}
.w-100px {
    width: 100px;
}
.position-relative {
    position: relative;
}
.pt-1, .py-1 {
    padding-top: 0.25rem !important;
}
.text-center {
    text-align: center !important;
}
.pointer {
    cursor: pointer;
}
.el-icon-close{font-size:18px}

.root {
    background: #f8f8fa;
}

.m-header {
    height: 1.44rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.m-header__logo {
    height: .64rem;
    /*width: 1.92rem;*/
    margin: .4rem .42667rem;
}

.m-header-actions,
.m-job-list__arrow {
    display: flex;
    align-items: center;
}

.m-header-actions .m-header-actions__login-actions {
    font-size: 14px;
    display: inline-block;
    padding: .4rem .42667rem;
    color: #006aff;
}

.root>div,
.root>ul {
    background: #fff;
}

.log-in {
    position: absolute;
    top: .32rem;
    right: .4rem;
}

.button-group,
.button-group-y {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.log-in a.user-head {
    width: .65rem;
    height: .65rem;
    overflow: hidden;
    display: block;
}

.text-center {
    text-align: center;
}

.log-in a.user-head img {
    width: .65rem;
    height: .65rem;
}

.radius-circle {
    border-radius: 50%;
}

.m-banner {
    height: 4.26667rem;
    width: 100%;
}

.m-search-container__bar {
    margin: 0 .4rem;
    padding-bottom: .26667rem;
}

.m-search-bar__search--shift {
    margin-top: -.66667rem;
}

.m-search-bar__city {
    position: relative;
    display: inline-block;
    height: 1.17333rem;
    border-radius: .58667rem 0 0 .58667rem;
    background: #fff;
    border: none;
    color: #666;
    padding: 0 .4rem;
}

.m-search-bar__arrow {
    display: inline-block;
}

.m-search-bar__arrow:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border: .09333rem solid transparent;
    border-top-color: #000;
    border-bottom: none;
}

.m-search-bar__separator {
    display: flex;
    background: #fff;
}

.m-search-bar__separator:after {
    content: "";
    width: 1px;
    height: .42667rem;
    align-self: center;
    background: #e6e6e6;
}

.m-search-bar__input {
    text-indent: .42667rem;
    border: none;
    background: #fff;
    height: 1.17333rem;
    flex: 1;
    min-width: 2.66667rem;
    border-radius: .58667rem 0 0 .58667rem;
}

.m-search-bar__search-btn {
    display: inline-block;
    height: 1.17333rem;
    padding: 0 .4rem;
    border-radius: 0 .58667rem .58667rem 0;
    background: #fff;
    border: none;
    color: #006aff;
    background: #e0effe;
}

.m-search-bar {
    width: 100%;
    font-size: 14px;
    display: flex;
    box-shadow: 0 0.02667rem 0.32rem hsla(0, 0%, 85.9%, .35);
    border-radius: .58667rem .58667rem .58667rem .58667rem;
}

.m-search-container__fixed-bar {
    display: flex;
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    height: 1.80667rem;
    align-items: center;
}

.m-search-container__fixed-bar .m-search-bar__search--shift {
    margin: 0;
}

.m-search-container__fixed-bar .m-search-bar {
    width: 7.44rem;
    height: auto;
    padding-left: 0.26667rem;
    box-shadow: none;
}

.m-search-container__fixed-bar .m-search-bar__input {
    background: #f8f8f8;
}

.m-search-container__bar .m-header-actions {
    display: none;
}

.m-search-container__fixed-bar .m-header-actions {
    letter-spacing: -1px;
    margin-left: .13333rem;
    flex-grow: 2;
    text-align: center;
}

.m-header-actions__login-actions {
    font-size: 14px;
    display: inline-block;
    padding: .4rem .42667rem;
    color: #006aff;
}

.m-search-container__fixed-bar .m-header-actions__login-actions {
    width: 2rem;
    padding: .2rem 0;
    text-align: center;
}

.m-search-container__fixed-bar .log-in a.user-head {
    width: .95rem;
    height: .95rem;
}

.m-search-container__fixed-bar .log-in a.user-head img {
    width: .95rem;
    height: .95rem;
}

.m-entry-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    color: #282b2d;
    text-align: center;
    padding-bottom: .53333rem;
}

.m-entry-list__item {
    width: 20%;
    margin-top: .37333rem;
    position: relative;
}

.m-entry-list__link {
    color: #282b2d;
}

.m-entry-list__image {
    width: 1.44rem;
    height: 1.44rem;
}

.m-advertisement-g-x {
    margin-bottom: .26667rem;
    display: flex;
    width: 100%;
    padding: .10667rem .42667rem .37333rem;
}

.m-advertisement-g-x .gaoduan {
    width: 4.48rem;
    margin-right: .21333rem;
}

.m-advertisement-g-x .guanggaosan,
.m-advertisement-g-x .guanggaosan img {
    width: 100%;
}

.m-advertisement-g-x .gaoduan img,
.m-advertisement-g-x .xiaozhao,
.m-advertisement-g-x .xiaozhao img {
    width: 4.48rem;
}

.m-entry-list__item a p {
    font-size: 13px;
}

.m-advertisement-g-gg {
    margin-bottom: 0;
    padding-bottom: .1rem;
}
.index-hot-position {
    padding: 0.20667rem 0 0.37333rem;
    background: #fff;
}
.index-hot-position .sub-name {
    padding: 0.20667rem 0.42667rem;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}
.index-hot-position .sub-name h4 {
    color: #333;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.index-hot-position .comanpy-up {
    padding: 0 0.42667rem;
}
.hot-position {
    padding: .20667rem 0 0;
    background: #f8f8fa;
}
.hot-position .sub-name {
    padding: 0.20667rem 0.42667rem;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}
.hot-position .sub-name h4 {
    color: #333;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

.hot-position .position-wrap {
    width: 100%;
}

.hot-position .position-wrap ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px;
    color: #282b2d;
    text-align: center;
    background: #fff;
}

.hot-position .position-wrap li {
    width: 25%;
    margin-top: 10px;
    position: relative;
}

.hot-position .position-wrap li:after {
    content: " ";
    width: 0.02667rem;
    height: 0.37333rem;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.18667rem;
}

.hot-position .position-wrap li:nth-child(4n+1):after {
    width: 0;
}

.u-icon {
    display: inline-flex;
    align-items: center;
}

.hot-position .position-wrap .position-item {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    border-radius: 3px;
    padding: 8px .22667rem;
    text-align: center;
}

.page-home-new .position-wrap li:nth-child(3n) {
    margin-right: 0;
}

.company-wrap {
    margin-top: 18px;
}

.company-wrap ul {
    display: flex;
    flex-direction: column;
}

.company-wrap li img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem;
    border-radius: 50%;
}

.company-wrap .company-item {
    display: flex;
    align-items: center;
    padding: .17333rem .22667rem;
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: .22667rem;
    width: 100%;
}

.company-wrap .title {
    font-size: 16px;
    color: #282b2d;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.line-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.company-wrap .text {
    font-size: 12px;
    color: #666;
    line-height: 18px;
}

.company-wrap .text span {
    position: relative;
    padding: 0 6px;
}

.company-wrap .text span em {
    padding: 0 2px;
    color: #0090ff;
}

.company-wrap .text span:first-child {
    padding-left: 0;
}

.company-wrap span:after {
    content: " ";
    width: 0.02667rem;
    height: 0.27333rem;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.13667rem;
}

.company-wrap span:first-child:after {
    width: 0;
}

.company-wrap .swiper-wrapper {
    height: auto !important;
}

.company-wrap .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.company-wrap ul li {
    width: 100%;
}

/* .company-wrap ul li:nth-child(2n) {
    margin-right: 0;
}
.company-wrap .company-item:nth-child(2n) {
    margin-right: 0;
} */
.bj_huise {
    padding: .15667rem;
    background: #f8f8fa;
}

.hot-position .position-wrap .job-item {
    color: #717171;
    font-size: 14px;
}

.position-ul {
    height: auto;
    overflow: hidden;
}

.position-zk {
    text-align: center;
    margin-top: .2568rem;
    font-size: 18px;
    color: #717171;
    height: .5665rem;
}

.down {
    background: url(../images/down.svg) no-repeat top;
    width: 2.558rem;
    margin: 0 auto;
    height: 100%;
    display: block;
}

.up {
    background: url(../images/up.svg) no-repeat top;
    width: 2.558rem;
    margin: 0 auto;
    display: block;
    height: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_tuijiantext {
    font-size: .288rem;
    height: 22px;
    line-height: 22px;
    border-radius: 12px;
    color: #fff !important;
    padding: 0 8px;
    background: #fe0000;
    margin-right: 6px;
}

a.comanpy-item {
    width: 70%;
    height: 42px;
    line-height: 42px;
    float: left;
    font-size: .388rem;
    color: #484848;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.comanpy-up {
    /* background: #fff; */
    width: 100%;
    /* margin-top: .2568rem; */
    position: relative;
    display: block;
    overflow: hidden;
}

.comanpy-ul li {
    display: block;
    padding-bottom: .3rem;
    margin-bottom: .2568rem;
    position: relative;
}

.comanpy-ul li .comanpy-title {
    width: 100%;
    display: flex;
    position: relative;
    margin-bottom: 5px;
}

.comanpy-yuexin {
    position: absolute;
    color: #ff552e;
    top: 14px;
    right: 2%;
    font-weight: 700;
    font-size: 14px;
}

.refresh-time {
    position: absolute;
    font-size: 12px;
    color: #999;
    top: 43px;
    right: 2%;
}

.comanpy-info {
    height: 20px;
    color: #6a6a6a;
    width: 78%;
    overflow: hidden;
    margin-bottom: 5px;
}

.comanpy-info {
    margin-right: .13rem;
}

.comanpy-info span {
    position: relative;
    padding: 0 6px;
    font-size: 12px;
}

.comanpy-info span:first-child {
    padding-left: 0;
}

.comanpy-info span:after {
    content: " ";
    width: 0.02667rem;
    height: 0.27333rem;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.13667rem;
}

.comanpy-info span:first-child:after {
    width: 0;
}

.comanpy-jobid {
    height: 20px;
    color: #6a6a6a;
    width: 78%;
    overflow: hidden;
}

.comanpy-jobid span {
    max-width: 135px;
    height: 19px;
    line-height: 17px;
    padding: 0 5px;
    text-align: center;
    border-radius: 2px;
    color: #0090ff;
    background: #fff;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid rgba(75, 161, 238, .3);
    font-size: 12px;
}

.comanpy-name {
    height: 25px;
    color: #6a6a6a;
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
    position: relative;
}

.comanpy-name img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.comanpy-name span {
    font-size: 12px;
    padding: 1px 3px;
    margin-left: 8px;
    border-radius: 1px;
    height: 19px;
    line-height: 17px;
    position: absolute;
    right: 3px;
}

.new_newtext {
    background: -webkit-linear-gradient(315deg, #ffa472, #fd6b1c);
    background: linear-gradient(135deg, #ffa472, #fd6b1c);
}

.comanpy-ul li.comanpy-li {
    background: #fff;
    padding: 0.2rem 0.42667rem;
}

.comanpymore a {
    font-size: 14px;
    color: #8b96a6;
    line-height: 48px;
    display: block;
    background-color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

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

.m-footer {
    padding-top: .14rem;
    background: #f8f8fa !important;
}

.m-footer__qrcode {
    justify-content: space-between;
    text-align: center;
    margin: 0 auto;
}

.m-footer__qrcode-common {
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-footer__qrcode-common .ewm{margin:0 10px}
.m-footer__qrcode img {
    width: 2.22667rem;
    height: 2.22667rem;
    border: 1px solid #e0e0e0;
    border-radius: .05333rem;
    background: #fff;
}

.m-footer__qrcode p {
    margin-top: .22667rem;
    font-size: 14px;
    color: #999;
}

.m-footer__copyright {

    padding: .53333rem 0 75px;
    text-align: center;
}

.m-footer__copyright p {
    font-size: 14px;
    color: #ccc;
}

.m-nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    box-sizing: initial;
    height: 50px;
    background-color: rgb(255, 255, 255);
}

.m-nav li {
    flex: 1;
    height: 100%;
    margin: 5px 0;
    display: flex;
    flex-direction: row;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.m-nav li i {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
}

.m-nav li a {
    line-height: 13px;
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px !important;
    color: rgb(100, 101, 102);
}

.m-nav li a.select {
    color: rgb(0, 144, 255);
}

.bottom_nav_home {
    background: url(../images/bottom_nav_home.png) no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
}

.bottom_nav_jobs {
    background: url(../images/bottom_nav_jobs.png) no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
}

.bottom_nav_resume {
    background: url(../images/bottom_nav_resume.png) no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
}

.bottom_nav_user {
    background: url(../images/bottom_nav_user.png) no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
}

.m-nav li i.fabu {
    background: url(../images/fabu.png) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

.m-nav li span {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #fff;
    top: -25px;
    left: 50%;
    z-index: 6;
    transform: translateX(-50%);
}

.bottom_fabu {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-direction: column;
    justify-content: space-between;
    z-index: 10;
    height: calc(100% - 1px);
}

.bottom_nav_home_select {
    background: url(../images/bottom_nav_home_select.png) no-repeat;
    background-size: 100%;
}

.bottom_nav_jobs_select {
    background: url(../images/bottom_nav_jobs_select.png) no-repeat;
    background-size: 100%;
}

.bottom_nav_resume_select {
    background: url(../images/bottom_nav_resume_select.png) no-repeat;
    background-size: 100%;
}

.bottom_nav_user_select {
    background: url(../images/bottom_nav_user_select.png) no-repeat;
    background-size: 100%;
}

.cd-bouncy-nav-modal {
    position: fixed;
    z-index: 301;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 35, 37, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}

.cd-bouncy-nav-modal.fade-in {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.1s 0s, visibility 0s 0s;
}

.cd-bouncy-nav-modal .cd-close {
    display: block;
    position: fixed;
    top: 20px;
    right: 5%;
    width: 44px;
    height: 44px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../images/cd-icon-close.svg") no-repeat center center;
    transform: scale(0) translateZ(0);
    transition: transform 0.3s 0s, visibility 0s 0.3s;
}

.cd-bouncy-nav-modal.fade-in .cd-close {
    transform: scale(1);
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}

@media only screen and (min-width: 1170px) {
    .cd-bouncy-nav-modal .cd-close {
        top: 60px;
    }
}

.cd-bouncy-nav {
    position: absolute;
    left: 50%;
    top: 50vh;
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    max-width: 300px;
}

.cd-bouncy-nav li {
    width: 100%;
    float: left;
    transform: translateZ(0);
    transform: translateY(100vh);
    text-align: center;
}

.is-visible .cd-bouncy-nav li {
    /* used to assign a tranlsateY value when the animation is over */
    transform: translateY(0);
}

.fade-in .cd-bouncy-nav li {
    animation: cd-move-in 0.4s;
}

.fade-out .cd-bouncy-nav li {
    animation: cd-move-out 0.4s;
}

.fade-in .cd-bouncy-nav li,
.fade-out .cd-bouncy-nav li {
    animation-fill-mode: forwards;
}

.fade-in .cd-bouncy-nav li:nth-of-type(2),
.fade-out .cd-bouncy-nav li:nth-of-type(2) {
    animation-delay: 0.1s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(3),
.fade-out .cd-bouncy-nav li:nth-of-type(3) {
    animation-delay: 0.15s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(4),
.fade-out .cd-bouncy-nav li:nth-of-type(4) {
    animation-delay: 0.25s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(5),
.fade-out .cd-bouncy-nav li:nth-of-type(5) {
    animation-delay: 0.3s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(6),
.fade-out .cd-bouncy-nav li:nth-of-type(6) {
    animation-delay: 0.4s;
}

.cd-bouncy-nav a {
    display: inline-block;
    min-width: 80px;
    position: relative;
    padding: 90px 20px 0;
    margin-bottom: 30px;
    color: #ffffff;
}

.cd-bouncy-nav a::before {
    /* icons */
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #77BFA3;
    background-image: url("../images/5.png");
    background-repeat: no-repeat;
    background-position: -10px -10px;
}

.no-touch .cd-bouncy-nav a:hover::before {
    background-color: #DC965A;
}

@media only screen and (min-width: 768px) {
    .cd-bouncy-nav {
        max-width: 450px;
    }

    .cd-bouncy-nav li {
        width: 33.33%;
        float: left;
    }

    .fade-in .cd-bouncy-nav li:nth-of-type(1),
    .fade-out .cd-bouncy-nav li:nth-of-type(1) {
        animation-delay: 0.1s;
    }

    .fade-in .cd-bouncy-nav li:nth-of-type(2),
    .fade-out .cd-bouncy-nav li:nth-of-type(2) {
        animation-delay: 0s;
    }

    .fade-in .cd-bouncy-nav li:nth-of-type(4),
    .fade-out .cd-bouncy-nav li:nth-of-type(4) {
        animation-delay: 0.3s;
    }

    .fade-in .cd-bouncy-nav li:nth-of-type(5),
    .fade-out .cd-bouncy-nav li:nth-of-type(5) {
        animation-delay: 0.25s;
    }

    .cd-bouncy-nav a {
        margin-bottom: 50px;
    }
}

@-webkit-keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
    }

    65% {
        -webkit-transform: translateY(-1.5vh);
    }

    100% {
        -webkit-transform: translateY(0vh);
    }
}

@-moz-keyframes cd-move-in {
    0% {
        -moz-transform: translateY(100vh);
    }

    65% {
        -moz-transform: translateY(-1.5vh);
    }

    100% {
        -moz-transform: translateY(0vh);
    }
}

@keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
        transform: translateY(100vh);
    }

    65% {
        -webkit-transform: translateY(-1.5vh);
        -moz-transform: translateY(-1.5vh);
        -ms-transform: translateY(-1.5vh);
        -o-transform: translateY(-1.5vh);
        transform: translateY(-1.5vh);
    }

    100% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
}

@-webkit-keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
    }

    100% {
        -webkit-transform: translateY(-100vh);
    }
}

@-moz-keyframes cd-move-out {
    0% {
        -moz-transform: translateY(0vh);
    }

    100% {
        -moz-transform: translateY(-100vh);
    }
}

@keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }

    100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}

.filter-bar-wrap {
    display: flex;
    align-items: center;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 2px 6px 1px rgb(0 0 0 / 3%);
    font-size: 14px;
}

.filter-bar-wrap .city-selector {
    width: 33.33%;
    text-align: center;
    font-size: 14px;
}

.filter-bar-wrap .filter-bar.filter-bar-new {
    flex: 1;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
}

.filter-bar-wrap .city-selector::after,
.filter-bar.filter-bar-new ul li:after {
    border-bottom: 5px solid #c7c7c7;
    border-left: 5px solid transparent;
    border-top: none;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    transform: rotate(0);
    position: relative;
    top: 1px;
    left: 3px;
    transition: all .3s ease 0s;
}

.filter-bar ul {
    display: flex;
    height: 37px;
    line-height: 37px;
}

.filter-bar.filter-bar-new ul {
    height: 45px;
}

.filter-bar ul li {
    flex: 1;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    text-indent: -5px;
    color: #aaa;
}

.filter-bar.filter-bar-new ul li {
    font-size: 14px;
    color: #666;
    line-height: 45px;
}

.filter-bar ul li.selected {
    color: #484848;
}

/*chengshi*/
.exam-header {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-bottom: 0.2rem solid #f5f5f5;
}

.exam-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4rem;
    background: -webkit-linear-gradient(315deg, rgba(5, 201, 221, 1) 0%, rgba(23, 196, 160, 1) 100%);
    background: -moz-linear-gradient(315deg, rgba(5, 201, 221, 1) 0%, rgba(23, 196, 160, 1) 100%);
    background: -o-linear-gradient(315deg, rgba(5, 201, 221, 1) 0%, rgba(23, 196, 160, 1) 100%);
    background: linear-gradient(135deg, rgba(5, 201, 221, 1) 0%, rgba(23, 196, 160, 1) 100%);
}

.exam-bg::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.exam-bg::after {
    content: '';
    position: absolute;
    bottom: -.5rem;
    left: 0.2rem;
    width: 7.1rem;
    height: .9rem;
    background: rgba(170, 233, 221, 1);
    border-radius: 1px;
    opacity: 0.5;
    filter: blur(24px);
}


.programs-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6.9rem;
    background: #fff;
    border-radius: 0.2rem;
    margin: 0.2rem auto;
    font-size: 0.24rem;
    box-shadow: 0px 1px 0.16rem 0px rgba(174, 181, 180, 0.24);
    border-radius: 0.2rem;
}

.programs-head {
    position: relative;
    width: 100%;
    padding: 0 0.3rem;
    height: 0.88rem;
    background-color: #FFBE64;
    box-shadow: 0px 3px 5px 0px rgba(255, 111, 28, 0.24);
    border-radius: 0.2rem 0.2rem 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.26rem;
    color: #fff;
}

.countdown-img {
    position: absolute;
    left: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.15rem;
    height: 0.3rem;
}

.programs-head .highlight {
    color: #FFF77E;
    font-size: 0.44rem;
    padding: 0 0.1rem;
}

.programs-tabs {
    position: relative;
    width: 100%;
    display: flex;
    color: #999999;
    padding: 0.2rem 0;
}

.programs-tabs li {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.programs-txt {
    color: #1C1C1C;
}

.programs-txt span:first-child {
    font-size: 0.56rem;
}

.programs-line {
    width: 6.3rem;
    height: 1px;
    position: relative;
    background-color: #F6F6F6;
}

.programs-progress {
    width: 100%;
    padding: 0.2rem 0.3rem;
    display: flex;
    justify-content: space-between;
    color: #666666;
    font-size: 0.24rem;
}

.programs-progress .highlight {
    color: #15BCC3;
}

.progress-nums {
    display: flex;
    align-items: center;
}

.progress-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 0.64rem;
    background: #F6F6F6;
    border-radius: 0.32rem;
    color: #15BCC3;
}

.programs-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.3rem;
    color: #fff;
}

.programs-btns li {
    width: 3.08rem;
    height: 0.84rem;
    background-color: #E2F8F8;
    font-size: 0.32rem;
    color: #15BCC3;
    border-radius: 0.1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.programs-vip {
    position: absolute;
    right: 0.1rem;
    top: -0.2rem;
    width: 0.7rem;
    height: 0.38rem;
    background: #FF7131;
    border-radius: 0.21rem 0.06rem 0.21rem 0.06rem;
    border: 1px solid rgba(255, 255, 255, 1);
    font-size: 0.24rem;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.programs-btns li:last-child {
    background-color: #15BCC3;
    color: #fff;
}

.exam-entry-btns {
    width: 100%;
    padding: .1rem 0.3rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.exam-entry-btns li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 1.1rem;
    background-color: #FFF7E4;
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    border-radius: 0.12rem;
    margin-left: 0.15rem;
}

.exam-entry-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFEFCA;
}

.exam-entry-btns li:first-child {
    margin-left: 0
}

.exam-entry-btns li:nth-child(2) {
    background-color: #FFEFE6;
}

.exam-entry-btns li:nth-child(3) {
    background-color: #E2F8F8;
}

.exam-entry-btns li:nth-child(2) .exam-entry-icon {
    background-color: #FFE2D1;
}

.exam-entry-btns li:nth-child(3) .exam-entry-icon {
    background-color: #C9F0F0;
}

.programs-add-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 6.9rem;
    height: 1.4rem;
    background: #F6F6F6;
    border-radius: 0.1rem;
    margin: auto;
    font-size: 0.3rem;
    color: #333;
    padding: 0 0.3rem;
}

.programs-add-ico {
    display: flex;
    align-items: center;
}

.programs-add-ico img {
    width: 0.42rem;
    height: 0.42rem;
    margin-right: 0.2rem;
}

.programs-add-bg {
    width: 1.1rem;
    height: 1.1rem;
}

.daily-practice {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6.9rem;
    height: 3.5rem;
    background: #fff;
    border-radius: 0.2rem;
    margin: 0.2rem auto;
}

.daily-practice-tabs {
    width: 100%;
    display: flex;
    font-size: 0.2rem;
    color: #999999;
    padding-bottom: 0.5rem;
}

.daily-practice-tabs li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.daily-practice-txt {
    color: #1C1C1C;
}

.daily-practice-txt span:first-child {
    font-size: 0.6rem;
}

.daily-practice-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.9rem;
    height: 0.8rem;
    background: #15BCC3;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: #fff;
}

.exam-subject {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1rem;
    color: #fff;
    font-weight: bold;
    font-size: 0.34rem;

}

.exam-subject>p {
    position: relative;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 4.5rem;
}

.exam-subject>span {
    position: relative;
}

.exam-subject>span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -0.4rem;
    width: 0;
    height: 0;
    border: 0.1rem solid transparent;
    border-top: 0.16rem solid #fff;
    transform: translateY(-25%);
    transform-origin: top;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}

.exam-subject>span.arrowup::after {
    transform: translateY(25%) rotate(-180deg);
}


.ico-calendar,
.ico-message {
    width: 0.44rem;
    height: 0.44rem;
}

.dot-tip {
    position: absolute;
    top: -0.06rem;
    right: -0.06rem;
    width: 0.24rem;
    height: 0.24rem;
    background: #F83838;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: scale(0.5);
}

.exam-mine-list {
    padding-left: 0.3rem;
}

.exam-mine {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.2rem 0.3rem 0.2rem 0;
    min-height: 1.36rem;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.exam-mine:last-child {
    border-bottom: none;
}

.subject-ico {
    width: 0.8rem;
    height: 0.8rem;
    background-color: #f5f5f5;
    margin-right: 0.2rem;
}

.mintui-back {
    transform: rotate(180deg);
}

.mintui-arrowright {
    color: #999999;
    font-size: .36rem;
}

.subject-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    color: #999999;
    font-size: 0.24rem;
}

.subject-name {
    /* 	display: -webkit-box;
    display: flex;
    align-items: center; */
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
    padding-bottom: 0.1rem;
}

.subject-isvip {
    width: 0.6rem;
    height: 0.32rem;
    background: #F69236;
    border-radius: 0.08rem;
    font-size: 0.2rem;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.1rem;
}

/* 题库 */
.question-bank {
    width: 100%;
    background-color: #fff;
    border-bottom: 0.2rem solid #f5f5f5;
}

.question-bank-tabs {
    padding: 0.3rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
}

.question-bank-tabs>li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 0.2rem;
    /* border-right: 1px solid #f5f5f5; */
}

.question-bank-tabs>li:last-child {
    border-right: 0;
}

.bank-tabs-name {
    color: #000000;
    font-size: 0.26rem;
    font-weight: bold;
}

.question-bank-tabs>li>img {
    width: 0.52rem;
    height: 0.52rem;
    margin-bottom: 0.1rem;
}

.question-bank-head {
    width: 100%;
    color: #2D2D2D;
    font-size: 0.32rem;
    font-weight: bold;
    padding: 0.3rem 0.3rem .2rem;
}

.question-bank-list {
    width: 100%;
}

.question-bank-list>li {
    width: 100%;
    padding: 0.3rem;
    display: flex;
    /* border-bottom: 1px solid #F5F5F5; */
}

.question-bank-ico {
    width: 2.2rem;
    height: 1.9rem;
    background: #F1F1F1;
    border-radius: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
    overflow: hidden;
}

.question-bank-ico>img {
    max-width: 100%;
    max-height: 100%;
}

.question-bank-info {
    flex: 1;
    font-size: 0.28rem;
}

.question-bank-info .name {
    width: 100%;
    font-size: 0.3rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
}

.question-bank-tags {
    display: flex;
    padding: .12rem 0;
}

.question-bank-tags>li {
    position: relative;
    font-size: 0.18rem;
    color: #15BCC3;
    border-radius: 0.05rem;
    background: rgba(246, 255, 255, 1);
    /* border: 1px solid rgba(21, 188, 195, 1); */
    display: flex;
    align-items: center;
    padding: 0.04rem 0.1rem;
    margin-right: 0.1rem;
    border: none;
}

.question-bank-tags>li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #15BCC3;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    transform-origin: left top;
    border-radius: 0.1rem
}



.question-bank-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question-bank-amount {
    display: flex;
    align-items: baseline;
    color: #FF4746;
    font-size: 0.2rem;
}

.amount {
    font-size: .4rem;
}

.amount-original {
    text-decoration: line-through;
    color: #999;
    margin-left: 0.1rem;
}

.question-bank-lesson {
    color: #999;
    font-size: 0.24rem;
}

.ico-lesson {
    width: 0.2rem;
    height: 0.2rem;
}

/* 遮罩层 */
.mask,
.popup-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 1rem;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999;
}

.menu-pop {
    position: fixed;
    width: 100%;
    padding: 0 0.3rem 0;
    /* min-height: 3.8rem; */
    top: 1rem;
    left: 0;
    background-color: #fff;
    border-radius: 0 0 0.2rem 0.2rem;
    z-index: 999;
}

.menu-category {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0.1rem;
    padding-top: 0.4rem;
}

.menu-category li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
    color: #333;
    width: 3.34rem;
    height: 0.95rem;
    background: #F1F1F1;
    border-radius: 0.16rem;
    margin-bottom: 0.2rem;
    padding: 0 .2rem;
    text-align: center;
}

.menu-isvip {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(246, 146, 54, .9);
    font-size: 0.18rem;
    color: #fff;
    padding: 0.04rem 0.1rem;
    border-radius: 0 0.2rem 0 0.2rem;
}

.category-more {
    position: relative;
}

.category-more::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.3rem;
    width: 0;
    height: 0;
    border: 0.08rem solid transparent;
    border-left: 0.12rem solid #666;


}

.category-change {
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.26rem;
    color: #15BCC3;
}

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */


/* 考点资料 */
.exam-info-box {
    width: 6.9rem;
    min-height: 6rem;
    background: #fff;
    box-shadow: 0px 1px 0.26rem 0px rgba(0, 0, 0, 0.1);
    border-radius: 0.2rem;
    margin: .3rem auto;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0.3rem;
}

.exam-info-title {
    width: 100%;
    height: 0.94rem;
    padding: 0 0.24rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 0.32rem;
    font-weight: bold;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.exam-info-tabs {
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0.94rem;
    white-space: nowrap;
    overflow-x: scroll;
}

.exam-info-tabs li {
    position: relative;
    padding: 0 0.2rem;
    height: 0.66rem;
    color: #999999;
    font-size: 0.26rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

.exam-info-tabs li.active {
    color: #333333;
    font-size: 0.28rem;
}

.exam-info-tabs li.active::after {
    position: absolute;
    content: '';
    bottom: 0.06rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.32rem;
    height: 0.05rem;
    background: #15BCC3;
    border-radius: 0.03rem;
}

.exam-info-content {
    font-size: 0.26rem;
    color: #333;
    width: 100%;
    padding: 0 0.24rem;
}

.exam-info-content li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 1.34rem;
    border-bottom: 1px solid #F6F6F6;
}

.info-con-lable {
    padding: 0 0.1rem;
    height: 0.3rem;
    background: #F69236;
    border-radius: 0.08rem;
    font-size: 0.18rem;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.1rem;
}

.info-con-title {
    width: 100%;
    display: flex;
    align-items: center;
}

.info-con-name {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
}

.info-con-volume {
    width: 100%;
    padding-top: 0.1rem;
    color: #999;
    font-size: 0.2rem;
}

.empty-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: .3rem;
    padding-bottom: 0.5rem;
    font-size: 0.28rem;
    color: #999;
}

.empty-icon {
    width: 2.28rem;
    height: 1.66rem;
}

.exam-btn {
    width: 1.7rem;
    height: 0.66rem;
    background: #15BCC3;
    border-radius: 0.45rem;
    font-size: 0.32rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.32rem;
}

.mint-spinner-triple-bounce {
    padding: .3rem;
}

.text-tip {
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    color: #999;
    padding: .3rem;
}

/* 弹窗 */
.popup-mask {
    top: 0;
}

.popup-box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

/* 图片弹窗 */
.pop-img {
    width: 7.02rem;
    height: 9.18rem;
    pointer-events: auto;
}

.pop-close {
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
    pointer-events: auto;
}

/* 文案类弹窗 */
.popup-text {
    font-size: 0.3rem;
    color: #666;
}

.popup-text {
    position: relative;
    background-color: #fff;
    width: 5.8rem;
    border-radius: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup-title {
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
    color: #333333;
    font-size: 0.34rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.popup-tips {
    text-align: center;
    padding-bottom: 0.2rem;
}

.popup-progress {
    margin-top: 0.3rem;
    width: 1.72rem;
    height: 1.72rem;
    border: 0.08rem solid #C3F2F4;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #15BCC3;
    font-size: 0.4rem;
    border-radius: 50%;
}

.popup-btn {
    margin: 0.5rem auto;
    width: 5rem;
    height: 0.84rem;
    background: #15BCC3;
    border-radius: 0.42rem;
    font-size: 0.34rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ico-close-gray {
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.3rem;
    right: 0.3rem;
    pointer-events: auto;
}

.popup-nums {
    font-size: 0.24rem;
    color: #999;
}

.popup-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;

}

.popup-btns li {
    width: 2.2rem;
    height: 0.84rem;
    background-color: #F3F3F3;
    border-radius: 0.42rem;
    margin-right: 0.4rem;
    font-size: 0.32rem;
    color: #969696;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-btns li:last-child {
    margin-right: 0;
    background-color: #15BCC3;
    color: #fff;
}

.popup-text .highlight {
    color: #FF4746;
    font-size: 0.32rem;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

.swiper-ad {
    width: 6.9rem;
    height: 1.6rem;
    margin: 0.2rem auto;
    background-color: #f5f5f5;
    border-radius: 0.2rem;
}

.swiper-ad-img {
    width: 100%;
    height: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    display: flex;
    justify-content: center;
    bottom: 0.1rem;
}

.swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.04rem;
    border-radius: 0.1rem;
    background: #fff;
    opacity: .3;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

/*科目选择弹窗*/
.menus-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display:none;
}

.menus-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    z-index: 999;
    transform: translateY(100%);
    transition: transform .5s;
    
}

.menus-show {
    transform: translateY(0);
}

.menus-head {
    position: relative;
    z-index: 1;
    font-size: 0.26rem;
}
.menus-head .city-close{display:none}
.menus-head-title {
    position: relative;
    width: 100%;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.36rem;
    color: #333;
    background-color: #fff;
}

.menus-tabs {
    position: relative;
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow-x: scroll;
}

.menus-tabs li {
    position: relative;
    padding: 0 0.3rem;
    height: 1rem;
    color: #2d2d2d;
    font-size: 0.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    1
}

.menus-tabs li .mintui-arrowright {
    position: absolute;
    right: -0.12rem;
    top: .28rem;
    color: #999;
    font-size: 0.24rem;
}

.menus-tabs li:last-child .mintui-arrowright {
    font-size: 0;
}

.menus-tabs li.active {
    color: #15BCC3;
}

.menus-tabs li.active::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: -webkit-calc(90% - 0.4rem);
    width: -moz-calc(90% - 0.4rem);
    width: calc(90% - 0.4rem);
    height: 2px;
    background: #15BCC3;
    border-radius: 0.03rem;
    z-index: 2;
}

.menus-ul {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 2.1rem;
    display: flex;
    transition: left .5s;
}

.menus-li {
    display: block;
    height: inherit;
    flex: 0 0 50%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #FFF;
    padding: 0 0.3rem;
}

.menus-li:nth-child(even) {
    background-color: #F5F5F5;
}

.menus-li.cur {
    flex: 0 0 40%;
}

.menus-li.cur+.menus-li {
    flex: 0 0 60%;
}

.menus-item {
    position: relative;
    padding: 0.31rem 0;
}

.menus-padding {
    padding: 0.15rem 0;
}

.menus-nums {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.2rem;
    color: #999;
    padding-top: 0.04rem;
}

.menus-item a {
    color: #333;
    font-size: .34rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
}

.menus-item a .name {
    flex: 1;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.menus-item a.active {
    color: #15BCC3;
}

.menus-item .mintui-yes {
    color: #15BCC3;
    font-size: 0.3rem;
}

.menus-item .mintui-arrowright {
    font-size: 0.32rem;
    color: #999;
}


/* 隐藏滚动条 */

::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

.borderbottom:after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #B2B2B2;
    transform: scaleY(0.5);
    transform-origin: 0 100%;
}

/*shuaixuan*/
/*清除浮动*/
.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    content: "";
}

/*顶部*/
.wap-header {
    background-color: #fff;
}

.wap-header h1 {
    padding: 0 2.4rem;
    text-align: center;
    font-size: 1rem;
    line-height: 2.2rem;
}

.wap-search {
    height: 2.2rem;
    padding: .36rem 2.4rem;
}

.wap-search form {
    position: relative;
    background-color: #e4e4e4;
    border-radius: 1.1rem;
    overflow: hidden;
}

.wap-search form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.75rem;
    height: 1.48rem;
    border: none;
}

.wap-search-text {
    margin-right: 1.75rem;
}

.wap-search-text input[type="text"] {
    display: block;
    width: 100%;
    height: 1.48rem;
    padding-right: 1rem;
    padding-left: 1rem;
    border: none;
    background: none;
}

.wap-search-text input[type="text"]:focus {
    color: #ff2832;
    outline: none;
}

a.wap-header-l,
a.wap-header-r {
    position: absolute;
    top: 0;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    text-align: center;
    font-size: .7rem;
    line-height: 2.2rem;
}

a.wap-header-l {
    left: 0;
}

a.wap-header-r {
    right: 0;
}

a.wap-header-back {
    background-size: .5rem;
}

/**筛选**/
.screening-conditions {
    display: none;
    font-size: 14px;
    position: fixed;
    z-index: 10001;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.filtrate-cont {
    padding-bottom: 74px;
    background-color: #fff;
}

/*分类*/
.filtrate-category {
    border-bottom: 1px solid #dcdcdc;
}

.filtrate-category a {
    display: block;
    padding: 0 15px;
    line-height: 44px;
    color: #646464;
}

.filtrate-category.show a {
    background-position: right -51px;
}

.filtrate-category a span {
    float: right;
    max-width: 60%;
    margin-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filtrate-classify {
    height: 184px;
    overflow: hidden;
}

.filtrate-classify-list {
    padding: 0 10px;
}

.filtrate-classify-list li a {
    display: block;
    border-bottom: 1px solid #dcdcdc;
    line-height: 45px;
    color: #323232;
}

.filtrate-classify-list li.active>a {
    color: #ff9600;
}

/*一级分类*/
.filtrate-classify-list>li>a {
    padding-left: 5px;
}

/*二级分类*/
.filtrate-classify-list>li>ul>li>a {
    padding-left: 25px;
}

/*三级分类*/
.filtrate-classify-list>li>ul>li>ul>li>a {
    padding-left: 45px;
}

/*四级分类*/
.filtrate-classify-list>li>ul>li>ul>li>ul>li>a {
    padding-left: 65px;
}

/*五级分类*/
.filtrate-classify-list>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 85px;
}

/*六级以下分类*/
.filtrate-classify-list>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 105px;
}

/*二级分类以下所有子分类*/
.filtrate-classify-list>li>ul>li ul {
    display: none;
}

/*价格*/
.filtrate-price {
    padding: 0 15px;
    /*border-top: 1px solid #dcdcdc;*/
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    line-height: 45px;
    color: #646464;
}

.filtrate-price input {
    width: 22%;
    height: 26px;
    padding: 3px 0;
    border: 1px solid #d8dbde;
    margin: 0 1% 1% 0;
    background-color: #ebf0f3;
    text-align: center;
    line-height: 18px;
    color: #989da2;
}

.filtrate-price input:focus {
    border-color: #f88b39;
    background-color: #fff;
    outline: none;
}

/*收货地*/

.filtrate-address ul {
    padding: 10px 0 5px 10px;
}

.filtrate-address li {
    float: left;
    width: 32%;
    height: 32px;
    padding: 1px;
    border: 1px solid #d8dbde;
    margin: 0 1% 1% 0;
    overflow: hidden;
    background-color: #fff;
    font-size: 12px;
}

.filtrate-address li.active {
    padding: 0;
    border: 2px solid #f88b39;
}

.filtrate-address li a {
    display: block;
    text-align: center;
    line-height: 30px;
}

.filtrate-address li.active a,
.filtrate-address li.select a {
    color: #f88b39;
}

/*底部*/
.filtrate-footer {
    z-index: 20;
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
}

.filtrate-btn {
    padding: 15px 10px;
}

.filtrate-btn li {
    float: left;
    width: 50%;
    padding: 0 5px;
}

.filtrate-btn li input {
    width: 100%;
    height: 34px;
    border-radius: 2px;
    outline: none;
    font-size: 16px;
}

input.filtrate-reset {
    border: 1px solid #adadad;
    background-color: #fff;
    color: #323232;
}

input.filtrate-submit {
    border: 1px solid #ff9600;
    background-color: #ff9600;
    color: #fff;
}

.filtrate-reset {
    line-height: 34px;
    text-align: center;
    color: #666;
    display: block;
    border: 1px solid #eee;
}

.filtratePage-mask.show {
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif;
    font-size: 14px;
    user-select: none;
}

.filtratePage-close {
    display: block;
    position: absolute;
    top: 0;
    right: 5%;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: 100%;
    z-index: 99999;
    white-space: nowrap;
    background: url(../images/icon_close.png) no-repeat center center;
    transform: scale(0) translateZ(0);
    transition: transform 0.3s 0s, visibility 0s 0.3s;
}

.filtratePage-close {
    transform: scale(1);
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}

.city-close {
    display: block;
    position: fixed;
    top: 0;
    z-index: 99999;
    right: 5%;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/icon_close.png) no-repeat center center;
    transform: scale(0) translateZ(0);
    transition: transform 0.3s 0s, visibility 0s 0.3s;
}

.city-close {
    transform: scale(1);
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}

.job-logo {
    float: left;
    width: 1.3rem;
    height: 1.3rem;
    position: relative;
}

.job-img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.job-img img {
    width: 100%;
    height: 100%;
}

.comanpy-ul .job-li .job-title {
    padding-left: 0.3rem;
    text-align: left;
    position: relative;
    display: flex;
    width: auto;
    flex-direction: column;
}

.new_newjob {
    margin-left: 10px;
    color: rgb(64, 158, 255);
    background-color: rgb(236, 245, 255);
    font-weight: 400;
    margin-right: 10px;
    padding: 3px 3px;
    vertical-align: text-bottom;
    border: 1px solid #fab6b6;
    border-color: rgb(217, 236, 255);
    height: 22px;
    line-height: 22px;
}

.birthy {
    color: #666;
    font-weight: 400;
    font-size: 12px;
}

.job-title .job-yuexin {
    color: #999;
    top: 0;
    font-weight: normal;
    font-size: 13px;
}

.job-title .jobs-yuexin {
    top: 0;
}

.job-titleitem a.job-item {
    width: auto;
    height: auto;
    line-height: 1;
}

.job-titleitem {
    margin-bottom: 5px;
}

.red {
    color: #ff552e;
}

.jobs-info {
    height: 23px;
    line-height: 23px;
    color: #7f7f7f;
    font-size: 13px;
    overflow: hidden;
    margin-bottom: 5px;
}

.line {
    width: 18px;
    display: inline-block;
    position: relative;
}

.line:after {
    content: "";
    position: absolute;
    left: 9px;
    bottom: 2px;
    width: 1px;
    height: 9px;
    background: #e9e9e9;
}

.jobs-speciality span {
    max-width: 130px;
    height: 18px;
    line-height: 16px;
    padding: 0 5px;
    text-align: center;
    border-radius: 2px;
    color: #0090ff;
    background: #fff;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid rgba(75, 161, 238, .3);
}

.comanpy-name .company_blank {
    float: right;
    background-color: #ff556b;
    font-size: 11px;
    color: #fff;
    padding: 1px 3px;
    margin-left: 10px;
    border-radius: 1px;
    height: 19px;
    line-height: 17px;
}

.hot-position-talent {
    padding: 0.20667rem 0 0.37333rem;
    background: #f8f8fa;
}

.hot-position-talent .comanpy-up {
    background: #f8f8fa;
}

.hot-position-talent .comanpy-up .talent-li {
    display: flex;
    padding: 0.3rem 0.42667rem;
    margin-bottom: .2568rem;
    background: #FFF;
    flex-direction: column;
}

.talent-title {
    display: flex;
    flex-direction: column;
}

.talent-titleitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.talent-titleitem-l {
    display: flex;
    flex-direction: column;
}

.talent-titleitem .talent-item {
    height: auto;
    line-height: 1.1;
    margin-bottom: 10px;
}

.talent-logo {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
}

.talent-logo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.talent-info {
    display: flex;
    color: #888;
    font-size: 13px;
    margin-bottom: 5px;
}

.talent-speciality {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0.1rem 0 0;
    color: #8a8a8a;
    font-size: .29rem;
}

.talent-speciality::before {
    content: '';
    display: block;
    width: calc(100% + 0.5rem);
    height: 0.01rem;
    background: #f2f2f2;
    position: absolute;
    left: -0.25rem;
    top: -0.1rem;
}


.hot-position .pages {
    padding: .3rem 0 .3rem;
    width: 100%;
    text-align: center;
    clear: both;
}

.hot-position .pages a {
    color: #666;
    padding: 0 .3rem;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #edebeb;
}

.hot-position .pages span {
    color: #666;
    padding: 0 .3rem;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #edebeb;
}

.hot-position .pages * {
    display: inline-block;
    vertical-align: middle;
    line-height: .8rem;
    padding-bottom: 1px;
}

.hot-position .pages span.current {
    display: inline-block;
    color: #fff;
    background: #0090ff;
    border-color: #0090ff;
}

.arc_couent {
    padding: 2%;
    width: 100%;
    background: #ffffff;
}

.arc_couent h2 {
    color: #333;
    font-size: 18px;
}

.arc_type {
    padding: 10px 0;
    color: #999;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    height: 42px;
    display: flex;
    justify-content: space-between;
}



.arc_type .pic {
}
.arc_type .pic i{
    margin-right: 3px;
}


.arc_neirong {
    line-height: 1.8;
    word-break: break-all;
    overflow: hidden;
    color: #303133;
    font-size: 14px;
    min-height: 460px;
}

.pager a {
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
}

.showrm1 {
    position: relative;
    padding: 1rem 0 15px;
    background: url(../images/indexbanner_bg.jpg) 0px -2.8rem / 100% no-repeat rgb(255, 255, 255);
}

.showrm1 .time {
    position: absolute;
    right: 15px;
    font-size: 12px;
    color: #fff;
    top: 10px;
    line-height: 21px;
}

.showrm1 .txt1 {
    position: relative;
    z-index: 2;
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.showrm1 .txt2 {
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #222;
    line-height: 26px;
    margin-top: 10px;
}

.showrm1 .txt3 {
    text-align: center;
    color: #666;
    font-size: 17px;
    line-height: 25px;
    margin-top: 6px;
}

.headimg-txt1 {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    border-radius: 50%;
}

.headimg-txt1 img {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    border-radius: 50%;
}

.line1 {
    margin: 0px;
    border-bottom: 1px solid rgb(248, 248, 248);
    width: 100%;
    transform: scaleY(0.5);
    border-top-color: rgb(248, 248, 248);
    border-right-color: rgb(248, 248, 248);
    border-left-color: rgb(248, 248, 248);
}

.primary-jl-info {
    background: #fff;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.u-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.u-flex-1 {
    flex: 1;
}

.primary-jl-info .u-flex-1 {
    padding: 20px 0;
    position: relative;
}

.primary-jl-info .x-numbox {
    color: #f60;
    font-size: 22px;
    font-family: Arial;
    font-weight: 700;
}

.primary-jl-info .active-info1 {
    border: 1px solid #f90;
    border-radius: 20px;
    color: #f90;
    font-size: 12px;
    font-weight: 300;
    padding: 0 4px;
    position: absolute;
    right: 8px;
    top: 8px;
}

.primary-jl-info .x-numbox p {
    margin-top: 5px;
}

.primary-jl-info .u-flex-1:before {
    width: 1px;
    background: #e2e2e2;
    bottom: 20px;
    content: "";
    left: 0;
    position: absolute;
    top: 20px;
    transform: scaleX(.5);
}

.line2 {
    background-color: rgb(242, 242, 242);
}

.showrm_line2 {
    height: 5px;
    background-image: url(../images/bgicon.png);
    background-repeat: repeat-x;
    width: 100%;
    display: block;
}

.showrm2 {
    padding-top: 12px;
    background: #fff;
}

.showtitle {
    position: relative;
    height: 41px;
    line-height: 41px;
    padding: 0 19px;
    background: #fff;
    overflow: hidden;
}

/* .showtitle:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../images/icons.png) 0 0 no-repeat;
    background-size: contain;
    top: 6px;
    left: 19px;
    z-index: 5;
} */

.showtitle span {
    float: left;
    position: relative;
    z-index: 3;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
}

.showrm2_txt {
    padding: 0 19px 19px;
}

.showrm2_txt p.li {
    position: relative;
    line-height: 25px;
    font-size: 16px;
    padding: 5px 0;
}

.showrm2_txt p.li .left {
    float: left;
    line-height: 25px;
    color: #666;
}

.showrm2_txt p.li .lefts {
    position: relative;
    margin: 0 0 0 .3rem;
}

.nodata {
    font-weight: 700;
    color: #ff5159;
}

.jubao {
    padding: 8px 19px;
    background: #fff;
    border-top: 1px #f5f5f5 solid;
    overflow: hidden;
    display: flex;
    box-align: center;
    box-pack: center;
    align-items: center;
    justify-content: center;
}

.jubao .jubao-font {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
}

.jubao .jubao-font .one-line {
    color: #ff552e;
    font-size: 13px;
}

.jubao .jubao-font .two-line {
    margin-top: 6px;
    font-size: 13px;
    color: #333;
}

.jubao .jubao-logo {
    text-align: center;
    position: relative;
}

.jubao .jubao-logo:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    background: #f5f6f5;
    left: 0;
    top: -4px;
    transform: scaleX(.5);
}

.jubao .jubao-logo .ablock {
    display: block;
    padding-left: 22px;
}

.jubao .jubao-logo .ablock .ico {
    display: block;
    height: 35px;
    width: 44px;
    background: url(../images/iconss.png) no-repeat 50%;
    background-size: 28px auto;
}

.jubao .jubao-logo .ablock a {
    color: #ff552e;
    height: 19px;
    line-height: 19px;
}

.showrm2 .tagul {
    overflow: hidden;
    padding: 12px 0 0 0;
}

.showrm2_txt .content {
    font-size: 16px;
    line-height: 1.8;
}

.showrm2 .tagul .tagli {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 12px;
    height: 30px;
    line-height: 30px;
    color: #0090ff;
    border-radius: 35px;
    margin-bottom: 9px;
    position: relative;
    font-size: 15px;
}

.showrm2 .tagul .tagli:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    color: #0090ff;
    border-radius: 35px;
    border-width: 1px;
    border-style: solid;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
}

.showrm3 {
    background: #fff;
    margin-top: 12px;
}

.showrm3_txt .txt1 {
    padding-top: 12px;
}

.showrm3_txt .txtnew {
    padding: 0 19px 9px;
}

.showrm3_txt .txtnew .li {
    padding: 9px 0;
    position: relative;
}

.showrm3_txt .txtnew .li .i1 {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: 9px;
    top: 17px;
}

.bgcolor {
    background: #0090ff !important;
    color: #fff !important;
}

.showrm3_txt .txtnew .li .t {
    position: relative;
    margin: 0 0 0 32px;
}

.showrm3_txt .txtnew .t .t2 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    padding-bottom: 3px;
}

.showrm3_txt .txtnew .t .t0,
.showrm3_txt .txtnew .t .t1 {
    line-height: 25px;
    font-size: 15px;
    color: #888;
}

.showrm3_txt .txtnew .t .t3 {
    font-size: 15px;
    line-height: 25px;
    color: #666;
    word-break: break-all;
}

.backhome {
    position: fixed;
    bottom: 80px;
    background: #000;
    opacity: .7;
    color: #fff;
    font-size: 14px;
    padding: 5px 11px;
    border-radius: 0 100px 100px 0;
    z-index: 10;
}

.u-icon--right {
    flex-direction: row;
    align-items: center;
}

.jobsfootnav {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    height: 66px;
    bottom: 0;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 7px #ccc;
    z-index: 9999;
}

.jobsfootnav .btns {
    position: relative;
}

.jobsfootnav .btns .job_favor {
    float: left;
    width: 17%;
    margin-left: 1%;
    text-align: center;
    color: #999;
    margin-top: 11px;
    line-height: 18px;
    position: relative;
}

.u-font-10 {
    font-size: 10px;
}

.jobsfootnav .btns .job_favor:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
    color: #e5e5e5;
    transform-origin: 100% 0;
    transform: scaleX(.5);
}

.jobsfootnav .btns .job_favor img {
    width: 24px;
    height: 24px;
}

.jobsfootnav .btns .J_sixin {
    float: left;
    width: 17%;
    text-align: center;
    color: #fd6b1c;
    margin-top: 11px;
    line-height: 18px;
    display: inline-block;
}

.jobsfootnav .btns .J_sixin img {
    width: 24px;
    height: 24px;
}

.qs-btn {
    position: relative;
    display: block;
    margin-top: 11px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 46px;
    border-radius: 4px;
    overflow: hidden;
    user-select: none;
    border: 0;
    box-sizing: border-box;
    font-size: 15px;
}

.width60 {
    width: 60% !important;
}

.jobsfootnav .btns .apply_jobs {
    float: left;
    width: 30%;
    margin-left: 2%;
    color: #fff;
    border: unset !important;
    background-image: -webkit-linear-gradient(315deg, #4eb2ff, #0090ff) !important;
    background-image: linear-gradient(135deg, #4eb2ff, #0090ff) !important;
    box-shadow: 1px 3px 8px rgba(21, 153, 255, .42) !important;
}

.show1 {
    position: relative;
    padding: .6rem 0 .5rem;
    background: url(../images/indexbanner_bg.jpg) 0px -1.8rem / 100% no-repeat rgb(255, 255, 255);
}

.show1 .showtxt1 {
    width: 90%;
    background: #fff;
    box-shadow: 0 0 11px rgba(0, 0, 0, .15);
    margin: 0 auto;
    border-radius: 11px;
    padding: .6rem .2rem .3rem;
    box-sizing: border-box;
}

.show1 .showtxt1 .txt1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.show1 .showtxt1 .txt1 .price {
    float: right;
    color: #ff5159;
    font-size: 17px;
    font-weight: 700;
}

.show1 .showtxt1 .txt2 {
    line-height: 22px;
    margin-top: 8px;
}

.show1 .showtxt1 .txt3 {
    height: 33px;
    line-height: 33px;
    position: relative;
    margin-top: 2px;
}

.show1 .showtxt1 .txt6 {
    border-top: 1px solid #efefef;
    margin-top: 8px;
    padding-top: 11px;
    line-height: 22px;
    position: relative;
    color: #666;
    font-size: 13px;
}

.show1 .showtxt1 .txt2 span {
    float: left;
    font-size: 14px;
    color: #888;
    padding: 0 7px;
    position: relative;
}

.show1 .showtxt1 .txt2 span:first-child {
    padding-left: 0;
}

.show1 .showtxt1 .txt2 span:last-child {
    padding-right: 0;
}

.show1 .showtxt1 .txt2 .span:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 13px;
    top: 3px;
    right: -.5px;
    transform: scaleX(.5);
    background: #bbb;
}



.show1 .showtxt1 .txt6 .s1 {
    float: left;
    max-width: 228px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 5px;
    line-height: 20px;
    color: #888;
}

.show1 .showtxt1 .txt6 .s2 {
    position: absolute;
    right: 0;
    line-height: 20px;
    color: #ccc;
}

.show2 {
    background: #fff;
    padding-top: 12px;
}

.show2 .tagul {
    overflow: hidden;
    padding: 10px 15px 0 15px;
}

.show2 .tagul .tagli {
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
    color: #0090ff;
    border-radius: 28px;
    margin-bottom: 7px;
    position: relative;
    font-size: 12px;
}

.show2 .tagul .tagli:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    color: #0090ff;
    border-radius: 28px;
    border-width: 1px;
    border-style: solid;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

.show2 .show2_txt {
    margin: 5px 15px 15px;
    font-size: 15px;
    color: #606266;
    line-height: 1.6;
    text-align: left;
    overflow: hidden;
}

.u-content {
    font-size: 15px;
    color: #606266;
    line-height: 1.8;
    text-align: left;
    overflow: hidden;
}

.show4 {
    background: #fff;
    position: relative;
    padding-top: 10px;
}

.show2 .showtitle span {
    float: left;
    position: relative;
    z-index: 3;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    /* padding: 0px 0 0 19px; */
}

.show4 .showtitle span {
    float: left;
    position: relative;
    z-index: 3;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 0 0 0 19px;
}

.show3 .showtitle span {
    float: left;
    position: relative;
    z-index: 3;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    /* padding: 0 0 0 19px; */
}

.jobsshowcom {
    position: relative;
    overflow: hidden;
    padding: 10px 15px 15px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 100%;
}

.jobsshowcom .leftpic {
    float: left;
    width: 1.8rem;
}

.jobsshowcom .leftpic .imgbox {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 5px;
}

.jobsshowcom .leftpic .imgbox img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 5px;
    border: 1px #f3f3f3 solid;
}

.jobsshowcom .comtxt .cname {
    line-height: 23px;
    width: 95%;
    padding-bottom: 5px;
    color: #303133;
    font-size: 14px;
}

.line-company .yirenzheng {
    background-color: #0090ff;
    font-size: 12px;
    color: #fff;
    padding: 1px 4px;
    margin-left: 8px;
    border-radius: 2px;
    height: 20px;
    line-height: 20px;
}

.jobsshowcom .comtxt .city {
    color: #999;
    height: 30px;
    line-height: 15px;
    overflow-x: hidden;
}

.jobsshowcom .righticon {
    margin-top: 15px;
}

.jobsshowcom .comtxt {
    float: left;
    width: 75%;
}

.show3 {
    background: #fff;
    padding-top: 10px;
}

.show3_txt {
    padding: 0 19px 15px;
    color: #888;
}

.show3_txt span {
    color: #444;
}

.show3_txt .warning1 {
    padding: 5px;
    background-color: #ffffe9;
    border: 1px solid #f3eac3;
    margin-top: 10px;
    border-radius: 5px;
    color: #f26b01;
    text-align: left;
    font-size: 12px;
}

.show3 .comanpy-up {
    /* padding: 0 19px; */
}

.show5 .show5_btn {
    display: inline-block;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background: -webkit-linear-gradient(left, #f8a230, #ffbc32);
    color: #fff;
    border-radius: 5px;
    padding: 0 51px;
}

.comshowtop {
    width: 100%;
}

.comshowtop .topbg {
    position: relative;
    height: 2.5rem;
    overflow: hidden;
    background: url(../images/company_top_bg.jpg) center bottom / 389px no-repeat rgb(49, 145, 233);
}

.comshowtop .topbg .logobox {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 0.5rem;
    margin-left: -38px;
    width: 1.9rem;
    height: 1.9rem;
    background-color: #fff;
    border: 1px #e8e8e8 solid;
    border-radius: 4px;
    overflow: hidden;
}

.comshowtop .topbg .logobox img {
    width: 1.9rem;
    height: 1.9rem;
}

.comshowtop .topbg .bgsanjiao {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 62px solid #fff;
    border-left: 9.3rem solid transparent;
}

.comshowtop .com {
    background-color: #fff;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 18px;
}

.comshowtop .com .cname {
    line-height: 25px;
    padding: 0 25px;
    color: #484848;
    font-weight: 700;
}

.u-font-18 {
    font-size: 18px;
}

.u-font-13 {
    font-size: 13px;
}

.comshowtop .com .txt {
    color: #797979;
    padding-top: 7px;
    display: flex;
    justify-content: center;
}

.comshowtop .com .txt em {
    padding: 0 7px;
    font-size: 15px;
    color: #797979;
}

.comshowtop .com .com_attention {
    margin: 7px auto 0;
    width: 72px;
    padding: 4px 0;
    color: #3191e9;
    border: 1px #3191e9 solid;
    text-align: center;
    border-radius: 2px;
}

.wrapper04 {
    position: relative;
    height: 1rem;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    border-bottom: 1px solid #ececec;
}

.wrapper04 .scroller {
    position: absolute
}

.wrapper04 .scroller li {
    height: 1rem;
    color: #333;
    float: left;
    line-height: 1rem;
    font-size: .4rem;
    text-align: center
}

.wrapper04 .scroller li a {
    color: #333;
    display: block;
    margin: 0 .3rem
}

.wrapper04 .scroller li.cur {
    background: #0090ff
}

.wrapper04 .scroller li.cur a {
    color: #fff;
}

.news_li .comanpy-info {
    display: flex;
    width: 100%;
    font-size: 13px;
}


.company_list {
	background: #FFF;
	padding: 0 12px;
}
.company_list .common-list-box {
	width: 100%;
	display: block;
	clear: both;
}
.company_list.common-tab-box .title {
	padding-top: 3px;
}
.company_list.common-tab-box .title span em {
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}


.slidebanner{overflow: hidden;}
.swiper_banner{width: 100%;
    border-radius: 10px;
    padding: 12px 0 12px 112px;
    background: #202229;
    position: relative;}
.swiper_banner a img {
    height: 110px;
    border-radius: 10px;
    position: relative;
    width: 166px;
}   
.swiper_banner:before {
    content: "";
    position: absolute;
    background: url(../images/ban_img.png) no-repeat;
    width: 96px;
    left: 16px;
    top: 33px;
    height: 96px;
    background-size: contain;
}
.imglist2{float: left;
    width: 280px;
    margin-left: 10px;}
.imglist2 img{width:100%;   border-radius: 10px;}  
.imglist2 a{margin-bottom:10px; }
.jjzp {
    height: 512px;
    overflow-y: scroll!important;
    border: 2px solid #00CDCD;
    border-radius: 10px;
}
.jjzp::-webkit-scrollbar{
    width:5px;
    background-color: #f0f0f0;
}
.jjzp::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
.dwListBox {
    float: left;
    width: 380px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    height: 28px;
    line-height: 28px;
    margin-bottom: 3px;
    margin-top: 3px;
    cursor: pointer;
    transition: all .2s linear;
    margin-right: 18px;
}
.dwListBox:nth-child(3n){margin-right:0}
.dwListBox a{letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 380px;
    display: inline-block;
} 
.gzson{position: absolute;
    top: 15px;
    right: 60px;}
.gzson a{font-size:12px}
.ding {
    background-image: url(../images/ding.png);
    display: inline-block;
    width: 15px;
    height: 21px;
    position: relative;
    margin-right: 3px;
    background-size: 100% auto;
}
.common-tab-more {
    text-align: center;
    margin-top: 14px;
}
.common-tab-more a {
    width: 184px;
    text-align: center;
    background: rgba(0, 144, 255, .1);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #0090ff;
    height: 40px;
    line-height: 40px;
    border: none;
        display: inline-block;
}
.common-tab-more a:hover {
    background: #0090ff;
    color: #fff;
    border-color: #0090ff;
    text-decoration: none;
}
.company-job-footer{margin: 0 20px;
    height: 50px;}
.company-job-footer p {
    color: #93989e;
    font-size: 12px;
    float: left;
    margin-top: 5px;
}  
.company-job-footer p span {
    color: #0052fc;
        margin: 0 5px;
}