.content {
  margin: 0 auto;
  width: 1180px
}

.content .content-desc {
  margin-top: 103px;
  margin-bottom: 30px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #242a3b;
  line-height: 22px
}

.content .utils {
  background: #242a3b;
  height: 137px;
  padding: 16px 30px;
  cursor: pointer
}

.content .utils .search {
  padding: 0 20px;
  width: calc(100% - 40px);
  height: 52px;
  background: #3a3f4e;
  border: none;
  outline: none;
  color: #fff;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600
}

.content .utils .line {
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 16px 0
}

.content .utils input::-webkit-input-placeholder {
  color: #fff
}

.content .utils .drop-down {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.content .utils .drop-down .select {
  width: 333px;
  position: relative
}

.content .utils .drop-down .select>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 0 30px;
  background: #3a3f4e;
  height: 52px
}

.content .utils .drop-down .select>div img {
  width: 19px;
  height: 14px
}

.content .utils .drop-down .select>div span {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff
}

.content .utils .drop-down .select ul {
  visibility: hidden;
  position: absolute;
  left: 0;
  background: #818fa0;
  width: 350px;
  transition: all .5s;
  opacity: .5
}

.content .utils .drop-down .select ul li {
  color: white;
  list-style: none;
  padding: 20px
}

.drop-down-content {
  background: #80919f;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  display: none;
  cursor: pointer
}

.drop-down-content>section {
  display: grid;
  padding: 50px 30px;
  grid-template-columns: repeat(3, 33%);
  grid-column-gap: 23px;
  grid-row-gap: 20px
}

.search-list {
  /* display: flex; */
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1180px;
  margin: 0 auto;
  margin-top: 100px;
  cursor: pointer
}

.search-list>section {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #81909d;
  margin-bottom: 60px;
  transition: all .5s
}

.search-list>section:hover {
  border: 1px solid #97daf0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15)
}

.search-list>section>img {
  width: 270px;
  height: 354px
}

.search-list>section>div {
  padding: 52px
}

.search-list>section>div>div p:first-child {
  font-size: 26px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #242a3b
}

.search-list>section>div>div p:last-child {
  font-size: 16px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #242a3b;
  line-height: 22px;
  margin-bottom: 27px
}

.search-list>section .com {
  font-size: 20px !important
}

.professional-detaile {
  width: 1180px;
  margin: 0 auto;
  display: flex
}

.professional-detaile>img {
  width: 375px;
  height: 489px;
  margin-right: 50px
}

.professional-detaile .professional-detaile-rg {
  width: calc(1180px - 50px - 375px)
}

.professional-detaile .professional-detaile-rg .userinfo {
  width: calc(1180px - 50px - 375px);
  max-height: 300px;
  display: grid;
  grid-template-columns: repeat(3, 33%);
  border-top: 1px solid #97daf0;
  /* align-items: center; */
  padding: 70px 0
}

.professional-detaile .professional-detaile-rg .userinfo>div p:first-child {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #242a3b;
  margin-bottom: 9px
}
span{
  white-space: pre-wrap !important;
}
.professional-detaile .professional-detaile-rg .userinfo>div p:last-child {
  font-size: 16px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #242a3b
}

.professional-detaile .professional-detaile-rg .userinfo div:nth-child(1) p:first-child {
  font-size: 44px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #242a3b;
  line-height: 62px
}

.professional-detaile .professional-detaile-rg .userinfo div:nth-child(1) p:last-child {
  font-size: 16px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #242a3b
}

.professional-detaile .professional-detaile-rg .experience .experience-item-title {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #242a3b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21px 0
}

.professional-detaile .professional-detaile-rg .experience .experience-item-title img {
  width: 24px;
  height: 24px
}

.professional-detaile .professional-detaile-rg .experience .experience-desc {
  width: 765px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #242a3b;
  line-height: 28px;
  padding-bottom: 70px;
  overflow: hidden;
}
/* .professional-detaile .professional-detaile-rg .experience .experience-desc p{
  width: 300px;
} */

.professional-detaile .professional-detaile-rg .experience .experience-drop-down {
  transition: all .5s;
  /* max-height: 1000px */
}

.hidden {
  max-height: 0 !important;
  opacity: 0;
  position: relative;
  z-index: -100
}

.border-top {
  border-top: 1px solid #97daf0
}

.border-bottom {
  border-bottom: 1px solid #97daf0
}