@charset "utf-8";

* {

	padding: 0;

	margin: 0;

	font-family: "微软雅黑";

	box-sizing: border-box;

	outline: none;

	color: inherit;

	font-size: inherit;

	font-weight: normal

}

body {

	background-color: #0c2469;

}

:after, :before {

	box-sizing: inherit

}

a {

	text-decoration: none;

	color: inherit

}

ul {

	list-style: none

}

.overflow-hide {

	overflow: hidden

}

.col-sm-3 {

	width: 25%;

	float: left;

	position: relative;

	margin-bottom:20px;

}



.shoylie{

	

	

    margin-top: 5px;

    font-size: 12px;

    color: #a0a2a8;

    letter-spacing: .51px;

    line-height: 20px;

    height:50px;

    text-overflow: ellipsis;

    overflow: hidden;

	width:240px;	

	

	

	

}



.pavilion-container {

	padding-bottom: 50px;

	background: url(../images/yanxuanguan_bg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	min-height: 720px;

	background-attachment: fixed;

}

.layer-title {

    padding: 50px 80px 30px;
	
    text-align: left;
	
    font-size: 25px;
	
    color: #fdfbfb;
	
    letter-spacing: 1.09px;
	
    font-weight: 600;
}

.layer-title span{
	
 border-left: 4px solid #0f6ab4;
 
 padding-right: 16px;	

}

/*tab分类*/

.pavilion-container .pavilion-inner {

	max-width: 1200px;

	margin: 0 auto

}

.pavilion-container .pavilion-inner .tabs {

	padding: 0 10px

}

.pavilion-container .pavilion-inner .tabs li {

	float: left;

	padding: 0 21px;

	border: 1px solid #eef0f7;

	border-radius: 2px;

	line-height: 36px;

	font-size: 16px;

	color: #f8f9fd;

	letter-spacing: .35px;

}

.pavilion-container .pavilion-inner .tabs li {

    margin-left: 21.2667px;

    cursor: pointer;

    margin-top: auto;

    width: 204px;

    height: 46px;

    overflow: hidden;

    text-align: center;

    margin-top: 11px;

}

.pavilion-container .pavilion-inner .tabs li:first-child {

	margin-left: 21px;

}

.pavilion-container .pavilion-inner .tabs li.on {

	background: #406fe7;

	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: 20px;

	height: 420px

}

.pavilion-container .tab-content {

	position: absolute;

	transition: all .7s 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: 4px;

	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: 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)

}



@media screen and (max-width: 1000px) {

.movie{width: 100%;}	

.pavilion-container .pavilion-inner .tabs li{

	width: 42%;

}	

	

.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg{

	

	height: 200px;

	

}

.col-sm-3{

	width: 49%;

}	





.pavilion-container .tab-content-wrap{

	

	height: 846px;

	

}

	

	

}