* { margin: 0; padding: 0; }
html, body {
  width: 100%;
  height: 100%;
}
.main{
  padding-bottom: 30px;
  background-color: #f2f2f2;
  box-sizing: border-box;
}
a { text-decoration: none; color: #222222; }
a:hover { text-decoration: none; color: #222222; }
a:visited {text-decoration: none; color: #222222;}
input, button { outline: none; border: none;}
ul, li  { list-style: none; }
.public-box {
  margin: 0 auto;
  width: 1240px;
  box-sizing: border-box;
}
/*  */
.banne-img{
  width: 100%;
  /* min-height: 420px; */
  position: relative;
}
.banne-img img{
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
}
.no-banne{
  width: 100%;
  background-color: white;
}
.top-position{
  width: 100%;
  height: 36px;
  border-bottom: 1px solid #dddddd;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.back-line{
  width: 100%;
  height: 36px;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
}
.top-tab{
  height: 36px;
  line-height: 36px;
}
.ttl .t-text{
  margin-right: 30px;
  font-size: 12px;
  cursor: pointer;
  color: #444444;
  position: relative;
}
.ttl .t-text i {
  margin-top: 2px;
  font-size: 18px;
  margin-right: 5px;
}
.ttr div {
  font-size: 12px;
  color: #444444;
}
.ttl .t-text:hover .icon-mark{
  display: block;
}
.icon-mark{
  display: none;
  padding: 10px;
  width: 124px;
  /* height: 165px; */
  text-align: center;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  box-sizing: border-box;
}
.icon-mark img{
  margin-bottom: 10px;
  display: block;
  width: 100px;
  height: 100px;
  background-size: cover;
  object-fit: cover;
  box-sizing: border-box;
}
.im-text{
  font-size: 12px;
  line-height: 20px;
  color: #333333;
}
.s-position{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 80px;
}
.search-box2{
  margin: 30px 0;
  box-sizing: border-box;
}
.search-box .search-l img{
  width: 120px;
  /* height: 47px; */
  background-size: cover;
}
.search-box .search-r .ipt-box{
  width: 270px;
  height: 44px;
  line-height: 44px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  color: #888888;
  font-size: 14px;
  padding-left: 10px;
  box-sizing: border-box;
}
.search-box .search-r .t-box{
  padding-left: 6px;
  width: 70px;
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #e0e0e0;
  color: #888888;
  font-size: 14px;
  text-align: center;
  outline: none;
  box-sizing: border-box;
}
.search-box .search-r .search-text{
  display: inline-block;
  width: 80px;
  height: 44px;
  cursor: pointer;
  line-height: 44px;
  color: #888888;
  font-size: 18px;
  color: white;
  /* background-color: #09a9f4; */
  text-align: center;
  box-sizing: border-box;
  border-radius: 0px 2px 2px 0px;
}
.bannar{
  width: 100%;
  height: 64px;
  line-height: 64px;
  box-sizing: border-box;
}
.b-position{
  position: absolute;
  left: 0;
  bottom: 0;
}
.b-item{
  width: 100px;
  height: 64px;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  box-sizing: border-box;
}
.b-item a{
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
}
.b-item a:active{
  text-decoration: none;
  color: #ffffff;
}
.b-item a:visited{
  text-decoration: none;
  color: #ffffff;
}
.b-item a:link{
  text-decoration: none;
  color: #ffffff;
}
.b-item a:hover{
  text-decoration: none;
  color: #ffffff;
}
/* 内容 */
.tab-img{
  display: block;
  text-decoration: none;
  margin: 10px 0;
  width: 100%;
  box-sizing: border-box;
}
.tab-img:hover{
  text-decoration: none;
}
.tab-img img{
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
}
/* 轮播模块 */
.Carousel{
  margin: 20px 0;
  width: 100%;
  /* height: 433px;
  border: 1px solid red; */
  box-sizing: border-box;
}
.Carousel-box{
  position: relative;
}
.car-box{
  width: 100%;
  box-sizing: border-box;
}
.car-left{
  display: block;
  text-decoration: none;
  width: 770px;
  height: 430px;
  box-sizing: border-box;
}
.car-left img{
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
}
.car-right{
  padding: 20px 30px;
  width: 470px;
  height: 430px;
  background-color: white;
  box-sizing: border-box;
}
.car-right .car-tit{
  text-decoration: none;
  margin-top: 0px;
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  color: #333333;
  height: 80px;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-right .car-tit:hover{
  text-decoration: none;
  color: #333333;
}
.car-line{
  margin-top: 20px;
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
}
.car-text{
  margin-top: 20px;
  font-size: 14px;
  line-height: 25px;
  color: #666666;
  height: 120px;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
/* 分享到 */
.share-box{
  width: 252px;
  line-height: 50px;
  margin: 20px auto 0;
}
.share-item{
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #666666;
  margin-right: 6px;
}
.car-bottom-left{
  position: absolute;
  bottom: 50px;
  right: 400px;
  z-index: 99;
}
.car-bottom-right{
  position: absolute;
  bottom: 50px;
  right: 30px;
  z-index: 99;
}
.carbton .caricon{
  font-size: 30px;
  cursor: pointer;
}
.pss{
  position: absolute !important;
  bottom: 62px !important;
  left: 906px !important;
  z-index: 99;
  width: 200px !important;
  /* height: 50px; */
}












/*  */
.data-list-box{
  width: 900px;
  /* max-height: 1014px; */
  box-sizing: border-box;
  /* background-color: #ffffff; */
}
.data-item{
  padding: 20px;
  width: 100%;
  /* height: 210px; */
  cursor: pointer;
  background-color: #fbfbfb;
  box-sizing: border-box;
}
.data-item:nth-child(odd){
  background-color: #ffffff;
}
.data-a{
  text-decoration: none;
  color: #666666;
}
.data-a:hover{
  text-decoration: none;
  color: #666666;
}
.data-a:active{
  text-decoration: none;
  color: #666666;
}
.data-a:link{
  text-decoration: none;
  color: #666666;
}
.ditem-l{
  text-decoration: none;
  width: 180px;
  height: 120px;
}
.ditem-l img{
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
}
.ditem-r{
  width: 77%;
}
.di-title{
  text-decoration: none;
  display: block;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  max-height: 50px;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.data-item:hover .di-title{
  color: #09a9f4;
  -webkit-transition: all .35s linear;
  -moz-transition: all .35s linear;
  -ms-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
}
.ditem-r{
  text-decoration: none;
  display: block;
}
.ditem-r:hover{
  text-decoration: none;
  color: #666666;
}
.ditem-r:active{
  text-decoration: none;
  color: #666666;
}
.ditem-r:link{
  text-decoration: none;
  color: #666666;
}
.ditem-r .di-text{
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
  height: 50px;
  line-height: 24px;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* height: 50px; */
}
.di-bottom {
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
}
.user-name{
  display: inline-block;
  margin-right: 20px;
}
.time{
  color: #666666;
}
.dicon{
  font-size: 12px;
  margin-right: 5px;
}
.di-bottom .b-imgs{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-size: cover;
  object-fit: cover;
}
/* 多图 */
.img-boxs{
  margin-top: 15px;
  width: 100%;
}
.img-boxs img{
  margin-left: 10px;
  width: 277px;
  height: 186px;
  background-size: cover;
  object-fit: cover;
}
.img-boxs img:first-child{
  margin-left: 0px;
}
.load-box{
  text-decoration: none;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 30px auto;
  text-align: center;
  color: #333333;
}
.load-box:hover{
  text-decoration: none;
  color: #333333;
}
.load-box:link{
  text-decoration: none;
  color: #333333;
}
.icon-jiazaigengduo{
  margin-right: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #09a9f4;
}
/* 生活服务区 */
.life-bigbox{
  width: 330px;
  box-sizing: border-box;
}
.life-box{
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}
.icon-shenghuofuwu{
  margin-right: 6px;
  color: #09a9f4;
  font-size: 20px;
}
.life-title{
  padding-bottom: 15px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
}
/* .life-big{
  margin-top: 20px;
} */
.life-item{
  display: block;
  text-decoration: none;
  color: #666666;
  margin-right: 56px;
  margin-top: 20px;
  position: relative;
}
.life-item:nth-child(3){
  margin-right: 0px;
}
.life-item:nth-child(6){
  margin-right: 0px;
}
.life-item:hover{
  display: block;
  text-decoration: none;
  color: #666666;
}
.life-item:active{
  text-decoration: none;
  color: #666666;
}
.life-item:link{
  text-decoration: none;
  color: #666666;
}
/* .life-item:first-child{
  margin-left: 0px;
} */
.life-item .life-img{
  width: 58px;
  height: 58px;
  background-size: cover;
  border-radius: 50%;
  object-fit: cover;
}
.life-item .life-text{
  margin-top: 6px;
  font-size: 14px;
  text-align: center;
}
.life-item:hover .mark-life{
  display: block;
}
.life-item:active .mark-life{
  display: none
}
.mark-life{
  display: none;
  padding: 10px;
  width: 124px;
  text-align: center;
  background-color:  #fbfbfb;
  position: absolute;
  bottom: -32px;
  left: -130px;
  z-index: 9;
  box-sizing: border-box;
}
.mark-life img {
  margin-bottom: 10px;
  width: 100px;
  height: 100px;
  background-size: cover;
  object-fit: cover;
  box-sizing: border-box;
}
.ml-title{
  font-size: 12px;
  font-family: MicrosoftYaHei;
  color: #333333;
}
/* 模块 */
.modular{
  margin-top: 10px;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.modular-item{
  display: block;
  text-decoration: none;
  margin-bottom: 5px;
  margin-right: 5px;
  width: 92px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  /* background-color: #f5fafe; */
}
.modular-item:hover{
  text-decoration: none;
  color: #333333;
}
.modular-item:active{
  text-decoration: none;
  color: #333333;
}
.modular-item:link{
  text-decoration: none;
  color: #333333;
}
.modular-item:nth-child(3){
  margin-right: 0px;
}
.modular-item:nth-child(6){
  margin-right: 0px;
}
.modular-item:nth-child(9){
  margin-right: 0px;
}
/* 24小时热榜 */
.hot-box{
  margin-top: 10px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
}
.icon-rebang{
  margin-right: 5px;
  font-size: 20px;
  color: #dc2c05;
}
.hot-list{
  margin-top: 20px;
}
.hot-item{
  display: block;
  margin-bottom: 15px;
}
.hot-item .num-box{
  margin-right: 8px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 4px;
}
.hot-item .numc1{
  background-color: #09a9f4;
  color: white;
}
.hot-item .numc2{
  background-color: #effdfe;
  color: #09a9f4;
}
.hot-item .hot-title{
  text-decoration: none;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #333333;
  height: 20px;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hot-item .hot-title:hover{
  text-decoration: none;
  color: #333333;
}
.hot-weight{
  font-weight: bold;
}
/* 找工作 */
.work-box{
  width: 100%;
  box-sizing: border-box;
}
.work-list{
  padding: 0 20px;
  width: 100%;
  height: 64px;
  background-color: white;
  line-height: 60px;
  box-sizing: border-box;
}
.icon-zhaogongzuo{
  margin-left: 15px;
  margin-right: 5px;
  font-size: 30px;
  color: #09a9f4;
}
.work-title{
  width: 110px;
  text-align: left;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  box-sizing: border-box;
}
.work-item{
  cursor: pointer;
  text-align: center;
  width: 100px;
  font-size: 16px;
  color: #333333;
}

.btn-show{
  margin: 0 auto;
  width: 30px;
  height: 4px;
  background-color: #09a9f4;
  border-radius: 2px;
}
.hidden{
  display: none;
}
/* 工作内容 */
.work-content{
  margin-top: 10px;
  width: 100%;
}
.wc-item{
  display: block;
  text-decoration: none;
  color: #333333;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 20px 10px;
  width: 406px;
  height: 140px;
  cursor: pointer;
  background-color: white;
  box-sizing: border-box;
}
.wc-item:hover{
  text-decoration: none;
  color: #333333;
}
.wc-item:active{
  text-decoration: none;
  color: #333333;
}
.wc-item:link{
  text-decoration: none;
  color: #333333;
}
.wc-item:nth-child(3){
  margin-right: 0px;
}
.wc-item:nth-child(6){
  margin-right: 0px;
}
.wc-item:nth-child(9){
  margin-right: 0px;
}
.wc-item:hover{
  background-image: linear-gradient(#fbfbfb, #fbfbfb), linear-gradient(#ffffff, #ffffff);
  border: solid 2px #09a9f4;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.wc-title{
  width: 250px;
  height: 25px;
  font-size: 18px;
  font-weight: bold;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.wc-item:hover .wc-title{
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -ms-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
  color: #09a9f4;
}
.wc-money{
  font-size: 16px;
  font-weight: bold;
  color: #ea2222;
}
.wc-text{
  margin-top: 50px;
  width: 100%;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #333333;
}
/* 查看更多职位 */
.look-work{
  display: block;
  text-decoration: none;
  margin: 30px auto;
  width: 406px;
  height: 44px;
  line-height: 44px;
  background-color: #09a9f4;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  color: #ffffff !important;
}
.look-work:link{
  text-decoration: none;
  color: #ffffff;
}
.look-work:hover{
  text-decoration: none;
  color: #ffffff;
}
.look-work:link{
  text-decoration: none;
  color: #ffffff;
}
/* 友情链接 */
.link-box{
  width: 100%;
  /* height: 100px; */
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
}
.link-title{
  width: 100px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.link-cent{
  width: 90%;
}
.link-cent a{
  margin-right: 20px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #666666;
}
.link-cent a:hover{
  text-decoration: none;
  color: #666666;
}
.link-cent a:active{
  text-decoration: none;
  color: #666666;
}
.link-cent a:link{
  text-decoration: none;
  color: #666666;
}
/* 回到顶部 */
.mark-box{
  position: fixed;
  right: 170px;
  bottom: 100px;
  box-sizing: border-box;
  z-index: 9999;
}
.ding{
  padding-top: 5px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  background-color: #ffffff;
  border-radius: 3px 3px 0px 0px;
  box-sizing: border-box;
  color: #999999;
  font-size: 12px;
  position: relative;
}
.ding:hover{
  background-color: #09a9f4;
  color: white;
}
.ding:hover .suspension{
  display: block;
}
@media screen and (max-width:1600px) {
  .mark-box{
    right: 50px;
  }
}
/* 悬浮 */
.suspension{
  display: none;
  padding: 10px;
  width: 124px;
  /* height: 165px; */
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: -134px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.suspimg{
  margin-bottom: 10px;
  width: 100px;
  height: 100px;
  background-size: cover;
  object-fit: cover;
}
.su-text{
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  font-weight: bold;
  color: #333333;
}
.scroll_btn_hide{
  display: none;
}