@charset "utf-8";
/* DaTouWang URL: www.datouwang.com */

*{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:33%;float:left;position:relative}
.pavilion-container{padding-bottom:50px; background-size:cover;background-repeat:no-repeat;background-position:center;}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{margin:0 auto}
.pavilion-container .pavilion-inner .tabs{padding:0 10px; margin-bottom:50px;}
.pavilion-container .pavilion-inner .tabs li{float:left;padding:0 21px;border:1px solid #c9a467;border-radius:2px;line-height:36px;font-size:16px;color:#c9a467;letter-spacing:.35px}
.pavilion-container .pavilion-inner .tabs li{margin-left:21.2667px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background:#FCAB03;color:#9e9e9e;}
.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:20px;height:420px}
.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:20px;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:220px}
.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:200px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{height:65px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3{margin-top:15px}
.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:#efedd4}
/*查看全部*/
.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)}

.text-center {
    text-align: center;
}

.project-filter {
    margin-bottom: 50px;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}


.project-filter {
    margin-bottom: 50px
}
.project-filter li {
    display: inline-block;
    margin: 0 8px;
}
.project-filter li span {
  background: #fff;
  border: 2px solid #f7f7f7;
  color: #9e9e9e;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
  text-transform: capitalize;
  font-family: "Oswald",sans-serif;
  cursor: pointer;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.project-filter li.active span, .project-filter li:hover span {
    background: #fdc716;
    color: #fff;
    border: 2px solid #fdc716;
}

.single-project {
  margin-bottom: 30px;  
}
.single-project .img-holder {
  display: block;
  overflow: hidden;
  position: relative;  
}
.single-project .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;  
}
.single-project .img-holder .overlay-box .box .content a i {
  background: #fdc716 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 45px;
  line-height: 48px;
  width: 45px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.single-project .img-holder .overlay-box .box .content .title {
  left: 20px;
  bottom: 12px;
  display: block;
  overflow: hidden;
  position: absolute;
  text-align: left;
}
.single-project .img-holder .overlay-box .box .content .title h3 {
  color: #fcab03;
  margin: 0;
}
.single-project .img-holder .overlay-box .box .content .title span {
  color: #ffffff;
  font-size: 14px;
}

.single-project:hover .overlay-box {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);
}
.single-project:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-project .img-holder .overlay-box .box .content a:hover i{
  background: #292929;
}
#project-area .post-pagination {
  margin-top: 30px;
}