﻿@charset "utf-8";
*{padding:0;margin:0;font-family:"Arial";box-sizing:border-box;outline:none;color:inherit;font-size:inherit;font-weight:normal;}
:after,:before{box-sizing:inherit}
p{ line-height:220%;}
a{text-decoration:none;color:inherit;}
ul{list-style:none}
.overflow-hide{overflow:hidden}
/*1*/
.col-sm-3{width:20%;float:left;position:relative}

.pavilion-container{ padding-top:60px;background-size:cover;background-repeat:no-repeat;background-position:center;min-height:1120px}
.layer-title{font-family:"Arial"; padding:50px 0 30px;text-align:center;font-size:48px;color:#000000;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1360px;margin:0 auto; padding:0;}
.pavilion-container .pavilion-inner .tabs{padding:20px;}

.pavilion-container .pavilion-inner .tabs li a{float:left;padding:0; width:13%; text-align:center;background:#939ca3;color:#ffffff;border-radius:2px;line-height:42px;font-size:15px;letter-spacing:.35px;margin:8px 8px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li a:hover{background:red;color:#ffffff;}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background:#ec2a0a;color:#ffffff;}
.pavilion-container .pavilion-inner .tabs li>span{display:inline-block;vertical-align:middle}




/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height:316px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}

.pavilion-container .tab-content .col-sm-3{padding:0 10px;}
.pavilion-container .tab-content .col-sm-3 .tab-card{position:relative;padding:0;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:316px}
.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:78.8%;width:auto; border:1px #57636a solid;display:block}

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3{ background:#57636a; color:#FFFFFF; text-align:center; font-size:14px; padding:10px 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3:hover{ text-decoration:none; background: #06C;}
/*.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 .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)}