html,body{
    background: #f7f7f7;
}
.expert-list-banner{
    overflow: hidden;
}
.expert-list-banner-main{
    height: 400px;overflow: hidden;
}
.expert-list-banner-main img.banner{
    width: 100%;height: 100%;
}
.expert-list-title{
    overflow: hidden;padding: 40px 0;text-align: center;font-family: 'Microsoft Yahei';
}
.expert-list-title .title{
    font-size: 48px;line-height: 80px;color: #62a5f5;
}
.expert-list-title .sub-title{
    font-size: 28px;color: #1d1c1c;line-height: 40px;
}
.expert-list-main{
    overflow: hidden;
}
.expert-list-item{
    overflow: hidden;background: white;margin: 0 0 50px 0;display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-end;padding: 30px 0 0 0;
}
.expert-list-item img.avatar{
    width: 252px;height: 468px;margin: 0 0 0 82px;
}
.expert-list-item div.info{
    width: 718px;overflow: hidden;font-family: 'Microsoft Yahei';
}
.expert-list-item div.info .info-title{
    line-height: 40px;overflow: hidden;
}
.expert-list-item div.info .info-title .name{
    color: #62a5f5;font-size: 28px;
}
.expert-list-item div.info .info-title .title{
    color: #888888;font-size: 18px;padding: 0 0 0 20px;
}
.expert-list-item div.info .info-abstract{
    font-size: 14px;color: #666464;line-height: 20px;padding: 20px 110px 20px 0;
}
.expert-list-item div.info .lable-title{
    font-size: 18px;color: #62a5f5;line-height: 40px;
}
.expert-list-item div.info .label-list{
    overflow: hidden;padding: 30px 0;
}
.expert-list-item div.info .label-list .label{
    float: left;line-height: 50px;font-size: 18px;color: #252429;background: #f7f7f7;border-radius: 10px;padding: 0 15px;margin: 0 15px 0 0;
}
.expert-list-item div.info .info-link{
    overflow: hidden;padding: 10px 0 60px 0;
}
.expert-list-item div.info .info-link a.link{
    float: left;width: 185px;line-height: 52px;text-align: center;background: #62a5f5;border-radius: 10px;color: white;font-size: 24px;margin: 0 10px 0 0;
}
.expert-show-banner{
    overflow: hidden;
}
.expert-show-banner-main{
    overflow: hidden;height: 500px;
}
.expert-show-banner-main img.banner{
    width: 100%;height: 100%;
}
.expert-show-nav-main{
	height: 60px;
}
.expert-show-nav-main .position{
	position: fixed;top: 0;left: 0;right: 0;z-index: 10;
}
.expert-show-nav{
    height: 60px;line-height: 60px;font-family: 'Microsoft Yahei';border-bottom: 1px #dcdcdc solid;background: white;
}
.expert-show-nav .nav-name-main{
	float: left;position: relative;width: 110px;text-align: center;background: url('../images/expert/expert@icon01.png') right center no-repeat;padding: 0 20px 0 0;
}
.expert-show-nav .down-icon{
	background: url('../images/expert/expert@icon08.png') right center no-repeat;
}
.expert-show-nav .nav-name-list{
	position: absolute;z-index: 20;left: 0;top: 60px;width: 110px;background: white;padding: 10px 0;display: none;
	box-shadow: 0 5px 5px #eee;
}
.expert-show-nav .nav-name-list a.item{
	display: block;line-height: 40px;font-size: 16px;text-align: left;margin-left: 30px;color:#999;
}
.expert-show-nav div.nav-name{
    font-size: 24px;color: #5f9ce9;
}
.expert-show-nav .nav-list{
    float: right;
}
.expert-show-nav .nav-list .link{
    color: #707070;font-size: 16px;float: left;margin: 0 10px;
}
.expert-show-nav .nav-list .active{
    color: #5f9ce9;
}
.expert-show-info{
    overflow: hidden;padding: 60px 0 40px;font-family: 'Microsoft Yahei';
}
.expert-show-info div.info-title{
    font-size: 48px;line-height: 60px;color: #646464;text-align: center;
}
.expert-show-info div.info-detail{
    padding: 40px 0;line-height: 30px;text-align: center;
}
.expert-show-info div.info-detail .name{
    font-size: 24px;color: #5f9ce9;
}
.expert-show-info div.info-detail .title{
    font-size: 14px;color: #646464;
}
.expert-show-info .info-abstract{
    font-size: 14px;color: #666464;text-align: center;line-height: 24px;padding: 0 140px;
}
.expert-show-info .info-link{
    overflow: hidden;padding: 50px 0;text-align: center;
}
.expert-show-info .info-link a.link{
    display: inline-block;line-height: 60px;background: #5f9ce9;font-size: 28px;color: white;padding: 0 50px;border-radius: 10px;
}
.expert-show-info .info-thumb{
    overflow: hidden;text-align: center;
}
.expert-show-info .info-thumb img{
    max-width: 100%;
}
.expert-show-field{
    overflow: hidden;padding: 20px 0;
}
.expert-show-common-title{
    overflow: hidden;text-align: center;font-family: 'Microsoft Yahei';
}
.expert-show-common-title .title{
    color: #5f9ce9;font-size: 48px;line-height: 60px;
}
.expert-show-common-title .note{
    color: #666464;font-size: 14px;line-height: 40px;
}
.expert-show-field .field-item{
    padding: 60px 50px;position: relative;border: 1px #bfbfbf solid;margin: 60px 78px 0;text-align: center;
}
.expert-show-field .field-item div.field-item-title{
    position: absolute;background: #f7f7f7;line-height: 60px;color: #5f9ce9;font-size: 30px;top: -30px;width: 300px;left: 50%;margin: 0 0 0 -150px;
}
.expert-show-field .field-item .field-item-content{
    font-size: 18px;color: #666464;line-height: 30px;
}
.expert-show-field .field-item .field-item-icon{
    display: flex;display: -webkit-flex;justify-content: center;padding: 40px 0;
}
.expert-show-field .field-item .field-item-icon .icon{
    flex: 0 0 140px;text-align: center;
}
.expert-show-field .field-item .field-item-icon .icon img.icon-thumb{
    width: 104px;display: inline-block;
}
.expert-show-field .field-item .field-item-icon .icon .icon-text{
    font-size: 18px;color: #666464;line-height: 30px;
}
.expert-show-field .field-item .field-item-icon .icon-mid{
    flex: 0 0 26px;height: 26px;padding: 40px 20px 0;
}
.expert-show-field .field-item .field-item-icon .icon-mid img{
    width: 100%;
}
.expert-show-field .field-item .field-item-thumb{
    width: 100%;
}
.expert-show-video{
    overflow: hidden;padding: 60px 148px;
}
.expert-show-video .video-main{
    overflow: hidden;position: relative;margin: 50px 0;
}
.expert-show-video .video-main .video-cover{
    width: 100%;cursor: pointer;
}
.expert-show-video .video-main .video-btn{
    width: 138px;height: 140px;position: absolute;left: 50%;top: 50%;margin-left: -69px;margin-top: -70px;cursor: pointer;
}
.expert-show-video .video-note{
    font-size: 30px;color: #666464;line-height: 40px;text-align: center;
}

.expert-show-dialogue{
    overflow: hidden;padding: 20px 0;margin: 0 214px 50px;
}
.expert-show-dialogue .swiper-slide{
    margin: 40px 0 60px;
}
.expert-show-dialogue .dialogue-item-ask{
    display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;
}
.expert-show-dialogue .dialogue-item-ask img.ask-avatar{
    flex:0 0 108px;height: 108px;
}
.expert-show-dialogue .dialogue-item-ask div.ask-text{
    flex: 0 0 520px;font-size: 16px;line-height: 30px;box-sizing: border-box;border: 1px #5f9ce9 solid;color: #5f9ce9;border-radius: 5px;padding: 10px 20px;position: relative;
}
.expert-show-dialogue .dialogue-item-ask .ask-text-icon{
    width: 0;height: 0;position: absolute;left: -8px;top: 50%;margin-top: -8px;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #5f9ce9;
    border-top: 8px solid transparent;
}
.expert-show-dialogue .dialogue-item-ask .ask-text-icon span{
    display: block;width: 0;height: 0;
    border-bottom: 7px solid transparent;
    border-right: 7px solid white;
    border-top: 7px solid transparent;
    position: absolute;left: 1px;top: -7px;
}
.expert-show-dialogue .dialogue-item-answer{
    display: flex;display: -webkit-flex;justify-content: space-between;margin: 30px 0 0 0;
}
.expert-show-dialogue .dialogue-item-answer img.answer-avatar{
    flex:0 0 108px;height: 108px;
}
.expert-show-dialogue .dialogue-item-answer div.answer-text{
    flex: 0 0 520px;font-size: 16px;line-height: 30px;box-sizing: border-box;border: 1px #999999 solid;color: #666464;border-radius: 5px;padding: 10px 20px;position: relative;
}
.expert-show-dialogue .dialogue-item-answer .answer-text-icon{
    width: 0;height: 0;position: absolute;left: -8px;top: 40px;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #999999;
    border-top: 8px solid transparent;
}
.expert-show-dialogue .dialogue-item-answer .answer-text-icon span{
    display: block;width: 0;height: 0;
    border-bottom: 7px solid transparent;
    border-right: 7px solid white;
    border-top: 7px solid transparent;
    position: absolute;left: 1px;top: -7px;
}
.expert-show-dialogue .dialogue-bottom{
    overflow: hidden;width: 520px;float: right;
}
.expert-show-dialogue .dialogue-bottom .link{
    float: left;line-height: 60px;width: 250px;text-align: center;background: #5f9ce9;color: white;font-family: 'Microsoft Yahei';font-size: 28px;font-weight: bold;border-radius: 5px;box-shadow: 0 0 5px #85bcf9;
}
.expert-show-dialogue .dialogue-bottom  .bottom-btn{
    float: right;display: flex;display: -webkit-flex;height: 60px;align-items: center;
}
.expert-show-dialogue .dialogue-bottom .next,
.expert-show-dialogue .dialogue-bottom .prev{
    width: 56px;height: 56px;line-height: 56px;background: #5f9ce9;text-align: center;color: white;border-radius: 50%;font-size: 30px;cursor: pointer;
}
.expert-show-dialogue .dialogue-bottom .next{
    margin: 0 0 0 20px;
}

.expert-show-nav .nav-name-list a.item:hover{
	color:#5f9ce9;
}