.expertList {
    margin:0 auto;
	font-size: 0;
}
.expertList .expertList_breadcrumbs {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #777777;
    line-height: 24px;
}
.expertList .expertList_breadcrumbs>span:last-child {
	color:#000;
}
.expertList .expertList_list_wrapper {
    display:flex;
    flex-flow: wrap;
}
.expertList .expertList_name {
    font-family: PingFangSC-Medium;
    font-size: 22px;
    color: #333333;
    text-align: center;
	height: 32px;
    line-height: 32px;
    overflow: hidden;
}
.expertList .expertList_name a {
	color: #333333;
}
.expertList .expertList_person_des {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #777777;
    text-align: center;
    line-height: 24px;
    margin-top: 8px;
	line-height: 24px;   
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.expertList .expertList_location {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #777777;
    text-align: center;
	height: 24px;
    line-height: 24px;
    margin-top: 0;
	position: absolute;
    bottom: 68px;
	overflow: hidden;    
}
.expertList .expertList_location>span {
	background: url(../../images/program/ic_location.svg) no-repeat 0 2px;
    padding: 0 20px;
}
.expertList .expertList_card {
    height: 364px;
    margin-right: 16px;
    margin-bottom: 16px;
    background: #FAFAFA;
    text-align: center;
	position: relative;
}
.expertList .expertList_avator {
    width:96px;
    height:96px;
    margin-top: 40px;
    margin-bottom: 32px;
}

.expertList .expertList_btn {
    background: rgba(111,121,169,0.1);
    border-radius: 10px;
    font-family: HuaweiSansMedium;
    font-size: 12px;
    color: #6F79A9;
    text-align: center;
    line-height: 16px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 8px;
	display: inline-block;
    max-width: 126px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.expertList .expertList_technical {
	font-size: 0px;
	position: absolute;
    bottom: 0;
    margin-bottom: 32px;
    margin-top: 20px;
	height: 16px;
	line-height: 16px;
    overflow: hidden;
}



.expertList .fieldSelect {
    width: 308px;
    position:relative;
}
.expertList .fieldSelect ul {
    list-style: none;
    width: 308px;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0;
    box-shadow: 0px 2px 5px #aaa;
    padding: 0; 
    border-radius: 3px;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 10;
	display: none;
}
.expertList .fieldSelect ul  li {
    height: 35px;
    line-height: 35px;
    padding-left:20px;
    color: #777777;
    background-color:#fff;
    font-size: 14px;
}
.expertList .fieldSelect ul  li:hover {
    background-color: #e7e7e7;
    color: #333333;
}
.expertList .select_input {
    height: 32px;
    width: 308px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    margin-top: 40px;
    margin-bottom: 24px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    line-height: 32px;
   
    padding-right: 14px;
    padding-left: 16px;
	position:relative;
}
.expertList .select_input span:last-child {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 279px;
    top: 3px;
	background: url(../../images/program/ic_dropdown.svg) no-repeat scroll center transparent;
}

.expertList .select_input .slide {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	top: 2px !important;
    transition: 0.2s all ease-in;
}

.expertList .fieldSelect ul {
	height:300px;
	overflow:auto;
}
.expertList .fieldSelect ul::-webkit-scrollbar{
  width:8px;
  height:10px;
}
.expertList .fieldSelect ul::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
.expertList .fieldSelect ul::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:10px;
}
.expertList .fieldSelect ul::-webkit-scrollbar-thumb:hover{
  background: #333;
}
.expertList .fieldSelect ul::-webkit-scrollbar-corner{
  background: #179a16;
}

.expertList .selet_active {
	border-color: #007dff;
}

@media only screen and (min-width: 1441px) {
	.expertList {
		width: 1280px;
		padding-top: 24px;
	}
	.expertList .expertList_card {
		width: calc((100% - 16px*4)/4);
		padding:0 32px;
	}
	.expertList .expertList_technical,.expertList .expertList_location {
		width: 244px;
	}
}
@media only screen and (min-width: 1201px) and (max-width:1440px){
	.expertList {
		width: 1088px;
		margin:0 auto;
		padding-top: 24px;
	}
	.expertList .expertList_card {
		width: calc((100% - 16px*4)/4);
		padding:0 24px;
	}
	.expertList .expertList_technical,.expertList .expertList_location {
		width: calc((100% - 48px));
	}
}
@media only screen and (min-width: 1100px) and (max-width:1200px){
	.expertList {
        margin:0 32px;
        padding-top: 24px;
	}
	.expertList .expertList_card {
		width: calc((100% - 16px*4)/4);
		padding:0 24px;
	}
	.expertList .expertList_technical,.expertList .expertList_location {
		width: calc((100% - 48px));
	}
}
@media only screen and (min-width: 900px) and (max-width:1099px){
	.expertList {
		margin:0 32px;
		padding-top: 24px;
	}
	.expertList .expertList_card {
		width: calc((100% - 16px*3)/3);
		padding:0 24px;
	}
	.expertList .expertList_technical,.expertList .expertList_location {
		width: calc((100% - 48px));
	}
	
}

@media only screen and (min-width: 721px) and (max-width:899px){
	.expertList {
        margin:0 43px;
        padding-top: 24px;
	}
	.expertList .expertList_card {
		width: calc((100% - 16px*2)/2);
		padding:0 24px;
	}
	.expertList .expertList_technical,.expertList .expertList_location {
		width: calc((100% - 48px));
	}
}
@media only screen and  (max-width:720px){
	.expertList {
        margin:0 24px;
        padding-top: 24px;
	}
	.expertList .expertList_card {
		width: 100%;
		padding:0 24px;
		height: 332px;
		margin-right:0;
	}
	.expertList .expertList_technical,.expertList .expertList_location {
		width: calc((100% - 48px));
	}
	.expertList .expertList_breadcrumbs {
		display: none;
	}
	.expertList .expertList_avator {
		margin-bottom: 12px;
		margin-top: 24px;
	}
	.expertList .expertList_technical {
		margin-top: 28px;
		margin-bottom: 24px;
	}
}