.index-wrap{background-color: #fff;width: 100%;height:auto;}
.index-wrap .index-top-bar{width: 100%;text-align: center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;line-height: 50px;}
.index-wrap .index-top-bar .bar-item{font-size: 16px;color:#333;background-color: #fff;display: block;}
.index-wrap .index-top-bar .line-gradient{height: 50px;width: 1px;background-color: transparent;border-left:1px solid #e2e2e2;display: block;}
.index-wrap .block-ad {background-color: #FFFFFF;height: 1.88rem;}
.index-wrap .block-ad a{display:block;padding: 0;border-top: none;}
.index-wrap .block-ad a img{border:0;width: 7.5rem;height: 1.88rem;}
.index-menu{padding-top:.25rem;width:7.5rem;overflow: hidden;}
.index-menu-item{float:left;width:1.875rem;text-align:center;margin-bottom:.3rem;}
.index-menu-item .menu-icon{margin:0 auto;width: 1rem;height: 1rem;color:#fff;border-radius: 0.25rem;line-height: 1rem;text-align: center;margin-bottom: .15rem;}
.menu-icon.color1{background-color: #e66363;}
.menu-icon.color2{background-color: #f2b759;}
.menu-icon.color3{background-color: #63a7e6;}
.menu-icon.color4{background-color: #58ded3;}
.menu-icon.color5{background-color: #b0db52;}
.menu-icon.color6{background-color: #61d5e6;}
.menu-icon.color7{background-color: #b57af1;}
.menu-icon.color8{background-color: #ee6ec5;}
.menu-icon.color9{background-color: #51dd7f;}
.menu-icon.color10{background-color: #61d5e6;}
.index-menu-item .menu-icon i{font-size: .6rem;line-height: 1rem;}
.index-wrap .index-broadcast{height: .9rem;padding:0 .35rem;border-top:1px solid #e2e2e2;overflow: hidden;position: relative;}
.index-wrap .index-broadcast i{position: absolute;left:.35rem;line-height: .9rem;color:#f00;}
.index-wrap .index-broadcast ul{padding-left: .35rem;line-height: .9rem;overflow: hidden;}
.index-wrap .index-broadcast ul a{color:#999;}
.index-wrap .index_warp_login{ padding-top:.2rem; color:#6b5f5f;text-align:center;background-color: #f0f0f0;}
.index-wrap .index_login{ padding:.2rem .35rem;background-color: #fff;}
.index-wrap .index_login_p{line-height: .6rem;}
.index-wrap .index_logoin_sub{width:100%}
.index-wrap .index_logoin_sub .index_logoin_bth{ display:inline-block;width:120px;height:38px; line-height:38px; text-align:center;color:#fff; background:#3475c5; margin:0px 10px 0px; margin-top:15px;border-radius:5px;font-size:16px;}
.index-wrap .index_logoin_sub .index_reg_bth{background:#fd8000}

.index-list-block{width: 100%;padding-top: 10px;background-color: #f0f0f0;}
.index-list-block .index-list-content{}
.index-list-content .i-list-menu{height: .9rem;color:#666;background-color: #fff;text-align: center;}
.index-list-content .i-list-menu .list-menu-item{color:#666;line-height: .9rem;border-bottom: .04rem solid transparent;display: block;}
.index-list-content .i-list-menu .list-menu-item i{margin-right: 5px;position: relative;}
.index-list-content .i-list-menu .list-menu-item.curr{color:#3475C5;border-bottom: .04rem solid #3475C5;}
.index-list-content .index-title{height: .9rem;line-height: .9rem;color:#ffffff;padding:0 .35rem;background-color: #fff;}
.index-list-content .index-title .title i{margin-right: 5px;position: relative;}
.index-list-content .index-title .title i.i-hot{color: #f00;}
.index-list-content .index-title .title-more{color:#ffffff;}
.index-list-content .index-data-list{}
.index-list-content .index-data-list .data-item{padding:.33rem 5% .2rem;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:.25rem;background-color: #fff;}
.index-list-content .index-data-list .data-item:active{background-color: #f5f5f5;}
.index-list-content .index-data-list .data-item .job-title{color:#333;width: 100%; height: .6rem; line-height: .6rem; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.index-list-content .index-data-list .data-item .job-title a{color:#333;}
.index-list-content .index-data-list .data-item>p{ height: .6rem; line-height: .6rem;color:#666;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.index-list-content .index-data-list .data-item .job-pay span{ height: .6rem; line-height: .6rem;color:#ff2222;}
.index-list-content .index-data-list .data-item .job-pay em{font-style: normal;color:#999; height: .6rem; line-height: .6rem;}
.index-list-content .index-data-list .data-item-more{display: block;height: 44px;text-align: center;width: 100%;color:#3475C5;line-height: 44px;}
.index-list-content .index-data-list .data-item-more:active{background-color: #f5f5f5;}
.index-list-content .index-company-list{/*border-bottom: 1px solid #e2e2e2*/}
.index-list-content .index-company-list .company-block{border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;box-sizing:border-box;width: 50%;height: 60px;overflow: hidden;text-align: center;}
.index-list-content .index-company-list .company-block:nth-child(2n){border-right:0;}
.index-list-content .index-company-list .company-block img{vertical-align: middle;width: 100%;max-width:400px;min-width: 160px;}
.hotjob-list {overflow: hidden;padding: 0px 15px 12px;background-color: #fff;}
.hotjob-list a.left {text-align: left;}
.hotjob-listx a {display: block;float: left;width: 25%;text-align: center;color: #696969;margin-top: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 0;}

.newjobBtn {background: #fff none repeat scroll 0 0;overflow: hidden;padding:.35rem;}
.newjobBtn a {border-radius: 4px;color: #fff;display: block;float: left;font-size: .3rem;height: .8rem;line-height: .8rem;text-align: center;width: 50%;}
.newjobBtn a i {color: #fff;display: inline-block;font-size: .3rem;padding: 0 2px 0 0;vertical-align: -2px;}
.newjobBtn a.newJ01 {background: #62c7b5 none repeat scroll 0 0;width: 48%;}
.newjobBtn a.newJ02 {background: #75aac9 none repeat scroll 0 0;float: right;}
*{
	margin: 0;
	padding: 0;
}


.wrap{
	position: relative;
	width: 7.5rem;
	height: 1.8rem;
	}
.ul{
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 7.5rem;
	height: 1.8rem;
	
}

.adimg{
	width: 7.5rem;
	height: 1.8rem;
}
.item{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: 0.5s;
}
/*被激活的图片，放置到最上面*/
.item.active{
	z-index: 666;
	opacity: 1;
}
.img1{width:2.5rem;}
.imgf{width:0.5rem; height:0.5rem;}
.imgj{width:0.3rem; height:0.3rem;}
.img2{width:0.3rem;}
.point_list{
	position: absolute;
	left: 3.4rem;
	top: 7.3rem;
	z-index: 999;
}
.point{
	float: left;
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 10px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	border: 2px solid rgba(255,255,255,0.6);
	/* background: pink; */
}
.point.active , .point:hover{
	background: rgba(255,255,255,0.8);
	border: 2px solid rgba(0,0,0,0.4);
}



#pre{
	
}
/*下一张*/
#next{
	left: 100%;
	margin-left: -40px;
}