/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.speaker{background-color: #f1f1f1;padding: 80px 0;}
.main-content{margin-top: 80px;}

/* tabs */
.main-content .tabs {padding: 25px 35px;background-color: #fff;}
.main-content .speaker-tabs-mb {display: none;}
.main-content .tabs a{min-width: 130px; height: 50px; border-radius: 25px; margin-bottom: 10px; background-color: #f4f4f4; line-height: 50px;font-weight: 900;margin-right: 30px;padding: 0 20px;}
.main-content .tabs a.active{background-color: #f9ae3b;background-image:-o-linear-gradient(left,#ef5a24,#f9ae3b);background-image:-webkit-gradient(linear,left top, right top,from(#ef5a24),to(#f9ae3b));background-image:linear-gradient(90deg,#ef5a24,#f9ae3b);color: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);}
.main-content .tabs .search-wrap{width: 260px;height: 48px; margin-right: 20px}
.main-content .tabs .search-wrap input{width: 100%;height: 100%;border: 1px solid #dde2e7;border-radius: 24px;padding: 0 1em;}
.main-content .tabs .search-wrap button{width: 60px;height: 48px;background: none;right: 0;line-height: 48px;top:0;}
.main-content .tabs .search-wrap button i{font-size: 20px;color:#d6d6d6 ;}
.main-content .tabs .layui-form {width: 120px;margin-right: 20px;}
.main-content .tabs .layui-input-block {margin-left: 0;border-radius: 24px;}
.main-content .tabs .layui-input-block input{border-radius: 24px;padding:0 1em;height: 48px;}
.main-content .tabs .layui-form-select .layui-edge{right: 1em;}
.main-content .years {padding: 10px 30px;background-color: #fbfbfb;margin-top: 1px;}
.main-content .years a{font-size: 14px;color: #666666;padding:0 10px;}
.main-content .years a.active{font-weight: bold;color: #ddb667;}
/* model-title */
.model-title{padding: 15px 0;border-bottom: 1px solid #dbdbdb;margin-top: 15px;}
.model-title span{vertical-align: 4px;}
.model-title strong{font-weight: 900;}

/* list-wrap */
.list-wrap .li-5 {margin-left:-15px;margin-right: -15px;}
.list-wrap .li-5 li{width: 20%;padding: 15px;}
.list-wrap .li-5 li a{background-color: #fff; display: block;padding: 20px 15px 30px;border-radius: 6px;text-align: center;}
.list-wrap .li-5 li a .avatar{width: 100px;height: 100px;border: 4px solid #f9f9f9;border-radius: 50%;margin: 0 auto;-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);}
.list-wrap .li-5 li a .desc-wrap{padding: 10px 0;border-top: 1px solid #e1e1e1;}
.list-wrap .li-5 li a .desc{height: 42px;overflow: hidden;}
.list-wrap .li-5 li a .position{height: 48px;line-height: 24px;}
.list-wrap .li-5 li a .position.enposition{height: 72px;line-height: 24px;}
.list-wrap .li-5 li a .tag{width: 100%;max-width: 120px;height: 34px;border-width: 1px;border-style: solid;border-radius: 17px;text-align: center;line-height: 32px;margin: 10px auto 0;font-size: 12px;font-weight: 900;}

@media screen and (max-width: 1280px){
	.speaker{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.main-content .speaker-tabs-mb {display: block;}
	.main-content .tabs a{ display: none;}
	.main-content .tabs a.speaker-tabs-mb{display: block;height: 40px;line-height: 40px;width: auto;margin-right: 0;}
	.main-content .layui-form {float: left;}
	.main-content .layui-form .layui-input-block input{height: 40px;}
}

@media screen and (max-width: 991px){
	.speaker{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.main-content .tabs a{width: 100px;height: 40px;border-radius: 20px;line-height: 40px;margin-right: 10px;}
	.main-content .tabs .search-wrap{width: 210px;height: 40px;}
	.main-content .tabs .search-wrap button{width: 50px;height: 40px;line-height: 40px;}
	.list-wrap .li-5 li{width: 25%;padding: 15px;}
	.list-wrap .li-5 li a .desc{height: 38px;}
	.main-content .tabs .layui-form{margin-right: 10px;}
}

@media screen and (max-width: 767px){
	.speaker{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.main-content .tabs {padding: 20px;}
	.main-content .tabs a{width: 32%;margin: 0;margin-right: 2%!important;height: 40px;border-radius: 20px;line-height: 40px;}
	.main-content .tabs a:nth-child(3n){margin: 0!important;}
	.main-content .tabs .search-wrap{width: 100%;height: 50px;margin-top: 20px;}
	.main-content .tabs .search-wrap{height: 40px;}
	.main-content .tabs .search-wrap button{width: 50px;height: 40px;line-height: 40px;}
	.list-wrap .li-5 {margin-left:-5px;margin-right: -5px;}
	.list-wrap .li-5 li{width: 50%;padding: 5px;}
	.main-content .tabs .search-wrap {margin-top: 0;}
	.main-content .tabs .layui-form {margin-top: 10px;width:-webkit-calc(50% - 5px) ;width:calc(50% - 5px) ;margin-right: 0;}
	.main-content .tabs .speaker-tabs-mb{margin-right: 10px;}
	.main-content .tabs a.speaker-tabs-mb{width: 100%;margin-top: 10px;text-align: center;}
}

.ellipsis-2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      height: 54px
  }