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

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

/* tabs */
.main-content .tabs {padding: 25px 35px;background-color: #fff;}
.main-content .tabs a{width: 130px;height: 50px;border-radius: 25px;background-color: #f4f4f4;line-height: 50px;font-weight: 900;margin-right: 30px;}
.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: 360px;height: 48px;}
.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 ;}

/* model-title */
.model-title{padding: 15px 0;border-bottom: 1px solid #ddb667;margin-top: 15px;}
.model-title span{vertical-align: 4px;}
.model-title strong{font-weight: 900;}

/* list-wrap */
.list-wrap .list{margin:30px -20px 0;}
.list-wrap li {padding: 0 20px;margin-top: 40px;}
.list-wrap li:nth-child(-n+2){margin-top: 0;}
.list-wrap li .content {height: 320px;}
.list-wrap .pic-wrap {
	height:auto;
	/*background: #1F54B8!important;*/
}
/* .list-wrap .pic-wrap img.xg-pic{max-width: 100%;max-height: 100%;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
.list-wrap .pic-wrap img.xg-pic{max-width: 100%;max-height: 100%;}
.list-wrap .text-wrap {height:100%;background-color: #fff;padding: 36px 32px;position: relative}
.list-wrap .text-wrap p{line-height: 1.8;}
.list-wrap .text-wrap .iconfont{vertical-align: -1px;margin-right: 5px;}
.list-wrap .text-wrap .desc{height: 50px;overflow: hidden;}
.list-wrap .layui-btn{width: 120px;height: 42px;line-height: 42px;border-radius: 21px;-webkit-box-shadow: none;box-shadow: none;}
.list-wrap .layui-btn.fulled{background-color: #dddddd;background-image: none;color: #666;}
.list-wrap .iconfont { width: 20px; }
.list-wrap .be-interested-icon { position: absolute; right: 14px; top: 14px; z-index: 10; cursor: pointer; color: #999999; font-size: 24px; }
.list-wrap .be-interested-icon.fulled { color: #F4822F; }

.field-row-group { display: table; width: 100%; }
.field-row-group .iconfont { display: table-cell; width: 20px; position: relative; top: -2px; }
.field-row-group-value { display: table-cell; vertical-align: middle; width: 100%; padding-left: 5px; }
.field-row-group-value .val-row { display: block; }

@media screen and (max-width: 1280px){
	.activity{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.main-content .tabs {padding: 20px 30px;}
	.main-content .tabs .search-wrap{width: 300px;}
	.list-wrap .list{margin:30px -10px 0;}
	.list-wrap li {padding: 0 10px;margin-top: 20px;}
	.list-wrap li .content {height: 280px;}
	.list-wrap .text-wrap {height:100%;background-color: #fff;padding: 25px;}

}

@media screen and (max-width: 991px){
	.activity{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.main-content .tabs a{width: 100px;height: 40px;border-radius: 20px;line-height: 40px;margin-right: 20px;}
	.main-content .tabs .search-wrap{width: 220px;height: 40px;}
	.main-content .tabs .search-wrap button{width: 50px;height: 40px;line-height: 40px;}
}

@media screen and (max-width: 767px){
	.activity{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(3){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:nth-child(-n+2){margin-top: 20px;}
	.list-wrap li:first-child{margin-top: 0;}
	.list-wrap .pic-wrap{ height: auto; }
	.list-wrap .pic-wrap img.xg-pic{ width: 100%;
    max-height: auto;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0,0);}
}