:root{
  --color1: #e70000;
  --color2: #1a70da;
}
.container{max-width:1230px}
.ui-breadcrumb{margin-top:12px;margin-bottom:12px}
.top-wrap{background-color: #f5f5f5;padding:8px 0}
.top{font-size:12px;color:#666}
.top a{color:#666}
.top_left{}
.top_right{word-spacing:6px}
.header{padding:25px 12px;align-items: center}
.logo img{max-height:42px;backface-visibility:hidden;display:block}
.head-right{}
.head-right a.release{padding:8px 30px;font-weight:600;border:solid 1px;color:var(--color1);display:inline-block;border-radius:5px}
.head-right a.release:hover{color:#fff;background: var(--color1)}
.nav-wrap {background: #222}
.nav{}
.nav__item{padding:16px 20px}
.nav__item a{color:#fff}
.nav__item.cur,
.nav__item:hover{background: var(--color1)}
.home-banner{margin:9px auto;position:relative}
.home-banner .swiper-slide{height:500px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1500px){
  .home-banner .swiper-slide{height:38vw}
}
.home-module{flex:0 0 32%;width:32%;margin-top:20px;border:solid 1px #eee}
.home-module__title{background: #f5f5f5;padding:9px 9px 9px 38px;;border-bottom:solid 1px #eee;display:flex;justify-content: space-between;align-items: center;position:relative}
/*.home-module__title:before{content:'';font-family:iconfont;position:absolute;top:9px;left:5px;width:20px;height:20px;background:var(--color1);color:#fff;display:flex;justify-content: center;align-items: center;border-radius:3px}*/
.home-module__title img{position:absolute;top:9px;left:5px;width:20px;height:20px;background:var(--color1);color:#fff;display:flex;justify-content: center;align-items: center;border-radius:5px}
.home-module__title.car:before{content:'\e7b2'}
.home-module__title.house:before{content:'\e63a'}
.home-module__title.job:before{content:'\e610'}
.home-module__title.second:before{content:'\e600'}
.home-module__title.live:before{content:'\e650'}
.home-module__title.join:before{content:'\e609'}
.home-module__title strong{font-size:16px}
.home-module__title a{color:#888;font-size:12px}
.home-module__list{padding:15px}
.home-module__row{padding-bottom:12px;margin-bottom:12px;border-bottom:dashed 1px #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-module__row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.home-module__row small{margin-right:5px}
.home-module__row a:hover{color:var(--color1)}
.footer{padding:20px 0;margin-top:30px;font-size:12px;color:#ccc;background: #555;text-align: center;line-height:1.8}
.footer a {color:#ccc}
.list-select{padding:20px;border:solid 1px #eee;background: #f9f9f9}
.list-type{padding-bottom:15px;margin-bottom:15px;border-bottom:dashed 1px #ddd;color:#555;word-spacing:5px}
.list-type a{color:#555}
.list-type a.cur,
.list-type a:hover{color:var(--color1)}
.search2{display:flex;height:32px}
.search2 input[type=text]{flex:0 0 260px;margin-right:9px;border:solid 1px #ccc;border-radius:3px;padding-left:9px}
.search2 input[type=submit]{color:#fff;background:var(--color1);border-radius:3px;padding:0 20px}
.list-title{padding-bottom:16px;margin:20px 0;border-bottom:solid 1px #ddd}
.list-title strong{font-size:15px}
.list__row{margin-top:20px;padding-bottom:20px;border-bottom:dashed 1px #eee;display:flex;justify-content: space-between}
.list__thumb{flex:0 0 150px;height:110px}
.list__thumb img{width:100%;height:100%;object-fit:cover}
.list__intro{margin:0 20px;flex:1}
.list__fee{color:red;font-size:15px;display:flex;align-items:center}
.list__name{font-size:18px}
.list__name a:hover{color:var(--color1)}
.list__desc{margin-top:12px;color:#777}
.list__date{color:#777;font-size:12px;display:flex;align-items:center}
.list-zp__row{padding:20px;border-bottom:dashed 1px #eee;display:flex;justify-content: space-between}
.list-zp__row.title{background: #f9f9f9;color:#555}
.list-zp__name{font-size:16px;flex:0 0 25%}
.list-zp__name a:hover{color:var(--color1)}
.list-zp__company{flex:0 0 25%}
.list-zp__fee{flex:0 0 20%}
.list-zp__position{}
.info-main{}
.info-content{flex:1;margin-right:25px}
.info-side{flex:0 0 280px;width:280px}
.info-title{font-size:22px;margin-top:20px}
.info-meta{padding:20px 0;border-bottom:solid 1px  #ddd;margin-bottom:25px;color:#777}
.info-base{}
.info-thumb{flex: 0 0 280px;height:260px;border:solid 1px #ddd;padding:2px}
.info-thumb img{width:100%;height:100%;object-fit:cover}
.info-attr{flex:1;margin-left:20px}
.info-attr__row{margin-bottom:18px;display:flex;font-size:15px}
.info-attr__row label{flex:0 0 90px;text-align: right}
.info-attr__tips{background: #f9f9f9;padding:12px}
.info-title2{font-size:18px;margin:30px 0 20px;font-weight: 600;padding-bottom:15px;border-bottom:solid 1px #ddd}
.info-detail{}
.info-detail p{margin-bottom:15px;line-height:1.8}
.info-detail img{max-width:100%}
.info-report{margin-left:20px;cursor: pointer}
.info-side-box{border:solid 1px #ddd;margin-bottom:20px}
.info-side-box{}
.info-side__title{font-size:15px;color:var(--color1);font-weight: 600;border-bottom:solid 1px #ddd;padding:9px;background: #f5f5f5}
.info-side__list{padding:15px}
.info-side__row{margin-bottom:15px;padding-left:20px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.info-side__row:before{content:'\ec5e';font-family: iconfont;position:absolute;top:4px;left:0}
.page-main{}
.page-side{flex:0 0 270px;border:solid 1px #ddd}
.page-side__title{font-size:20px;padding:20px;background: #f9f9f9;border-bottom:solid 1px #ddd;font-weight:500}
.page-side__item{padding:15px 20px 15px 20px;border-bottom:dotted 1px #ddd}
.page-side__item:last-child{border-bottom:0}
.page-content{flex:1;margin-left:25px}
.page-content__title{font-weight: 500;padding-bottom:15px;margin-bottom:20px;border-bottom:dotted 1px #ddd}
.page-content__detail{}
.page-content__detail p{margin-bottom:15px;line-height:1.8}
.page-content__detail img{max-width:100%}