@charset "UTF-8";

h3, ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#talent_recommendbox {
  height: 560px;
  width: 390px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 14px;
  padding: 20px;
}

.talent_recommend_title {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.talent_recommend_title_left {
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.talent_recommend_title_left img {
  width: 28px;
  height: 30px;
}

.talent_recommend_title_left span {
  color: #333;
  font-weight: 700;
  margin-left: 15px;
}

.talent_recommend_title_right {
  color: #FB9BFF;
  cursor: pointer;
}

#talent_recommendbox li {
  display: flex;
  flex-direction: row;
  height: 40px;
  align-items: center;
  border-radius: 4px;
}

#talent_recommendbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#talent_recommendbox li .talent_recommend_con_list {
  width: 20%;
  color: #666;
  text-align: center;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#talent_recommendbox .talent_title{
  height: 40px;
}
#talent_recommendbox .talent_title ul{
  display: flex;
  flex-direction: row;
  background-color: #ddd;
}
#talent_recommendbox .talent_title ul li{
  color: #333333;
  width: 20%;
  text-align: center;
  display: block;
  line-height: 40px;
}
.scrollbox {
  width: 100%;
  overflow: hidden;
}

#scrollDiv {
  width: 100%;
  height: 450px;
  overflow: hidden;
}
#scrollDiv li:hover{
  background-color: #FFEFF0 !important;
  cursor: pointer;
}
#scrollDiv li:hover .talent_recommend_con_list{
  color: #C81725;
}
/*这里的高度和超出隐藏是必须的*/
/* #scrollDiv li{height:90px; width:100%; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:300px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none}#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ height:36px; width:300px; color:#416A7F; line-height:18px; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none} */
.scroltit {
  height: 26px;
  line-height: 26px;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.scroltit h3 {
  width: 100px;
  float: left;
}

.scroltit .updown {
  float: right;
  width: 32px;
  height: 22px;
  margin-left: 4px
}

#but_up {
  background: url(../images/up.gif) no-repeat 0 0;
  text-indent: -9999px
}

#but_down {
  background: url(../images/down.gif) no-repeat 0 0;
  text-indent: -9999px
}