@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{padding:0;margin:0;font-family:"微软雅黑";box-sizing:border-box;outline:none;color:inherit;font-size:inherit;font-weight:normal}
:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.overflow-hide{overflow:hidden}
.col-sm-3{width:32.8%;position:relative; margin-bottom:22px; margin-right:0.5%}
.pavilion-container{padding-bottom:50px;background:url(../images/yanxuanguan_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:720px; padding-top:40px}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
.df3{ float:left; width:30%; margin-top:3%}
.dg4{ float:left; margin-left:5%; width:65% ; margin-top:2%; font-size:24px; text-transform:uppercase;}
.dg4 span p{ font-size:12px; line-height:14px; margin-top:5px}


/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1310px;margin:0 auto}
.pavilion-container .pavilion-inner .tabs{ width:250px; float:left;}
.pavilion-container .pavilion-inner .tabs li{float:left;padding:10px 5%;border-radius:2px;line-height:36px;font-size:16px; color:#fff;letter-spacing:.15px; background:#094d7b; transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out; width:100%; height:92px; overflow:hidden}
.pavilion-container .pavilion-inner .tabs li{cursor:pointer; margin-bottom:5px}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background:#d9af2b;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;height:458px; width:1050px; float:right}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%; display:flex; flex-wrap: nowrap ;justify-content: flex-start 
}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .col-sm-3{padding:0 }
.pavilion-container .tab-content .col-sm-3 .tab-card{position:relative;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 .tab-card:before{position:absolute;content:'';top:0;left:0;right:0;height:4px;border-radius:1px 1px 0 0}
.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:383px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{ width:100%; display:block;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:20px }
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md:hover img{transform:scale(1.1);//设置缩放比例
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;   transform: translate(0,10px);
    -webkit-transform: translate(0,10px);
    -moz-transform: translate(0,10px);
    -o-transform: translate(0,10px);
    -ms-transform: translate(0,10px)}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3{margin-top:35px; font-size:19px; text-align:center}
.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 {background:#e6bb35; color:#fff!important}


.pavilion-container .tab-content .col-sm-3 .tab-card a:hover { color:#fff!important}
/*查看全部*/
.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)}