@charset "utf-8";


@media all and (max-width:550px) {
.pavilion-container .pavilion-inner .tabs {
	height: 200px
}
.pavilion-container .pavilion-inner .tabs li {
	float: left;
	border-radius: 2px;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	letter-spacing: 0px;
	background: #fff;
	transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;
	box-shadow: 8px 8px 6px rgba(0,0,0,0.1);
	width: 48%;
	margin-top: 5px;
}
.pavilion-container .pavilion-inner .tabs li {
	margin-right: 0px;
	cursor: pointer;
}
.pavilion-container .pavilion-inner .tabs li {
	margin-left: 0px!important;
	margin-right: 2%;
	cursor: pointer;
}
.col-sm-3 {
	width: 48%;
	float: left;
	position: relative;
	margin-bottom: 22px;
	margin: 1%; border: 1px solid #E9E9E9
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md {
	height: 170px;
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img {
	height: 105px;
	width: auto;
	display: block;
}
.pavilion-container .tab-content .col-sm-3 {
	padding: 0 ;
}
.pavilion-container .tab-content.show {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.pavilion-container .tab-content .col-sm-3 .tab-card {
	position: relative;
	padding: 10px;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s linear;
}
.pavilion-container .tab-content-wrap {
	position: relative;
	margin-top: 0px;
	height: 420px;
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3 {
	margin-top: 0px;
	font-size: 15px;
	text-align: center;
}
}
@font-face {
font-family:Poppins;
src:url(../font/Poppins.otf)
}


*{padding:0;margin:0;box-sizing:border-box;outline:none;color:inherit;font-size:inherit;font-weight:normal;font-family:Poppins;}
:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.overflow-hide{overflow:hidden}
.col-sm-3{width:23%;float:left;position:relative; margin: 1%; border: 1px solid #E9E9E9}
.pavilion-container{padding-bottom:50px;background:url(../images/yanxuanguan_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center; padding-top:40px}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1440px;margin:0 auto; width: 92%}
.pavilion-container .pavilion-inner .tabs{padding:0 10px; width: 100%; display: flex;margin: 0 auto}
.pavilion-container .pavilion-inner .tabs li{padding:12px 14px;border-radius:2px;line-height:26px;font-size:16px;color:#333; background:#fff;transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;  flex:1; text-align: center; background: #f8f9fd; display:  flex;justify-content:center;align-items: center; }
.pavilion-container .pavilion-inner .tabs li a{ display: block;}
.pavilion-container .pavilion-inner .tabs li{margin-left:10px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background:#e40111;color:#fff}
.pavilion-container .pavilion-inner .tabs li.on a{color:#fff}
.pavilion-container .pavilion-inner .tabs li .hot-icon{width:18px;height:24px;background:url(../images/marketplace-selected-fire-leave.svg);margin-right:10px;background-repeat:no-repeat}
.pavilion-container .pavilion-inner .tabs li.on .hot-icon{background:url(../images/marketplace-selected-fire.svg)}
.pavilion-container .pavilion-inner .tabs li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:0px;height:420px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%; margin-top: 40px }
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .col-sm-3{padding:0 0px}
.pavilion-container .tab-content .col-sm-3 .tab-card{position:relative;padding:20px 0;background:#fff;border-radius:2px;overflow:hidden;cursor:pointer;transition:.2s linear}
/*大卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg{position:relative;height:420px}
.pavilion-container .tab-content .col-sm-3:hover .tab-card:before{position:absolute;content:'';top:0;left:0;right:0;height:100%; width: 100%; background:rgba(0,0,0,.5)}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img{height:90px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3{margin-top:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card p{margin-top:5px;font-size:12px;color:#a0a2a8;letter-spacing:.51px;line-height:20px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels{margin-top:10px;margin-right:10px;padding-bottom:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span{display:inline-block;margin-top:10px;margin-right:10px;padding:0 5px;background:rgba(160,162,168,.1);border:1px solid rgba(102,106,117,.1);border-radius:2px;line-height:20px;color:#a0a2a8;font-size:12px}
.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time{border-top:1px solid #e7e7e7}
/*中卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md+.tab-card-md{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md{height:350px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{width:100%;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3{margin-top:10px; font-size:17px; text-align:center; margin-bottom: 20px; padding: 0 20px}
.pavilion-container .tab-content .col-sm-3 .tab-card .time{position:absolute;bottom:10px;width:calc(100% - 40px);padding-top:17px;font-size:12px;color:#666a75;letter-spacing:.44px;line-height:23px;text-align:left}
.pavilion-container .tab-content .col-sm-3 .tab-card .time span{font-size:20px;color:#f66f6a;letter-spacing:0;line-height:23px;margin-right:3px}
/*小卡片*/
/*小卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm{height:90px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm+.tab-card-sm{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time{border-top-width:0}
.pavilion-container .tab-content .col-sm-3 .tab-card:hover { }
.pavilion-container .tab-content .col-sm-3 .tab-card a:hover { color:#fff!important;}

.pavilion-container .tab-content .col-sm-3:hover .tab-card.tab-card-md h3{color:#fff!important; z-index: 9999; display: block; position: absolute;transition:all 0.4s; top:30%}
.pavilion-container .tab-content .col-sm-3 .honver{ display: none}
.pavilion-container .tab-content .col-sm-3:hover .honver{ display: block;top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; }
.pavilion-container .tab-content .col-sm-3 { overflow: hidden; position: relative}
.pavilion-container .tab-content .col-sm-3:hover .tab-card:before{ z-index: 9 }

.pavilion-container .tab-content .col-sm-3:hover img{transition:all 0.4s;transform: scale(1.1); margin-top: 40px}


/*查看全部*/
.pavilion-container .view-go{margin-top:35px;font-size:18px;color:#fff;text-align:center}
.pavilion-container .view-go a span.arrow-more{display:inline-block;vertical-align:middle}
.pavilion-container .view-go a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow1.svg);display:inline-block;vertical-align:middle;margin-left:10px;position:relative;transition:.3s ease-out}
.pavilion-container .view-go a:hover{color:#c9a467}
.pavilion-container .view-go a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}