

.pc-bg-container {

	background-position: 50% 50%;

	background-size: cover;

	background-repeat: no-repeat;

}

.home-market-section {

	text-align: center;

}

/*标题*/

.home-market-section .section-title {

	margin-bottom: 30px;

	font-size: 30px;

	min-width: 150px;

	text-align: left;

	color: #F8F8F8;

	display: inline-block;

	position: relative;

	border: none;

	height: 42px;

	line-height: 42px;

	padding-left: 10px;

}

.home-market-section .section-title a {

	width: 100%;

	display: block;

	position: relative;

}

.home-market-section .section-title a:before {

	position: absolute;

	content: '';

	right: -12px;

	width: 15px;

	height: 15px;

	background-repeat: no-repeat;

	top: 50%;

	transform: translate(0, -50%);

	transition: .2s;

}

.home-market-section .section-title a:hover:before {

	right: -16px;

}

/*内容盒子*/

.home-market-section .section-inner {

	position: relative;

	max-width: 1280px;

	margin: 0 auto;

}

.home-market-section .section-inner .swiper-container {

	height: 520px;

	max-width: 1230px;

}

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

 .home-market-section .section-inner .swiper-container {

	height: 780px;

	max-width: 1230px;

}

}

.home-market-section .section-inner .swiper-container .swiper-wrapper {

	align-items: center;

	height: 410px!important;

}

/*内容列表*/

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide {

	height: 410px!important;

	background: 0 0;

	padding: 0 20px;

	box-sizing: border-box;

	text-align: center;

}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a {

	display: block;

	float: left;

	position: relative;

	background-color: #fff;

	border: 1px solid rgba(201,164,103,.2);

	width: calc((100% - 60px)/ 2);

	padding: 45px 25px 0;

	height: 100%;

	margin-right: 20px;

	border-radius: 5px;

}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover {

	box-shadow: 0 10px 40px rgba(0,0,0,0.30);

	border: 2px solid rgba(10,10,10,1.00);

	-webkit-box-shadow: 0 10px 40px rgba(0,0,0,0.30);

}



img[lazy-src]{width:auto;max-width: none;}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide h3 {

	font-weight: normal;

	margin-top: 25px;

	font-size: 18px;

	color: #252b3a;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide p {

	margin-top: 10px;

	font-size: 14px;

	color: #a0a2a8;

	text-align: center;

	line-height: 22px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time {

	position: absolute;

	bottom: 12px;

	width: calc(100% - 60px);

	text-align: center;

	border-top: 1px solid #e7e7e7;

	color: #666a75;

	padding-top: 10px;

	letter-spacing: .44px;

	line-height: 23px;

}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time span {

	font-size: 20px;

	color: #f66f6a;

	letter-spacing: 0;

	line-height: 23px;

	margin-right: 3px;

}

.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:last-of-type {

	margin-right: 0;

}

/*分页*/

.home-market-section .section-inner .swiper-container .swiper-pagination-bullets {

	bottom: 20px;

}

.home-market-section .section-inner .swiper-container .swiper-pagination-bullet {

	position: relative;

	margin: 0 5px;

	width: 24px;

	height: 4px;

	border-radius: 100px;

	opacity: 1;

	background: 0 0;

}

.home-market-section .section-inner .swiper-container .swiper-pagination-bullet:before {

	content: '';

	display: inline-block;

	position: absolute;

	width: 24px!important;

	height: 4px;

	opacity: 1;

	left: 0;

	border-radius: 100px;

	background: #dfe1f1;

	vertical-align: middle;

	transition: opacity .8s, background-color .8s;

}

.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active {

	opacity: 1;

}

.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active:before {

	width: 24px!important;

	opacity: 1;

	border-radius: 100px;

	transform: scale(1.2);

	background: #38ffe3;

}

/*左右箭头*/

.home-market-section .section-inner .swiper-button-prev {

	left: 0;

	top: 118px;

	margin-top: 0;

	background: url(../images/marketplace-home-arrow_big.svg);

}

.home-market-section .section-inner .swiper-button-next {

	right: 0;

	top: 118px;

	margin-top: 0;

	background: url(../images/marketplace-home-arrow_big.svg);

	transform: rotate(180deg);

}

.home-market-section .section-inner .swiper-button-next:hover {

	background: url(../images/marketplace-home-arrow_big_hover.svg);

}

.home-market-section .section-inner .swiper-button-prev:hover {

	background: url(../images/marketplace-home-arrow_big_hover.svg);

}



.p_articles {

	width: calc((100% - 0px)/2);

}



.p_CommonSummaryBoxA {

	text-align: center;

}



.p_MatteIcon .iconfont:before {

	content: '\e602';

}



>div {

	animation-fill-mode: both;

}



.newListBox {

	width: 100%;

	height: auto;

	overflow: hidden;

}



.container {

	margin: 0 auto;

	padding: 0 1rem;

	width: 100%;

}



.newList {

	float: left;

	padding: 10px;

	overflow: hidden;

}



.topBox {

	position: relative;

	width: 100%;

	height: 390px;

	overflow: hidden;

}



.newPicBox {

	position: relative;

	width: 100%;

	height: 100%;

	overflow: hidden;

}



.newPic {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	height: 100%;

	width: auto;

}



.content {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	padding: 50px 30px 0;

	background-color: #fff;

	transition: all .5s ease;

}



.newTimeBox {

	color: rgb(120, 120, 120);

}



.year {

	display: inline-block;

	font-family: Roboto;

	font-size: 1.5rem;

	margin-right: 4px;

	transition: all .5s ease;

}



.mon {

	display: inline-block;

	font-size: 0.875rem;

	font-family: Roboto;

	transition: all .5s ease;

}



.newTitle {

	wdith: 100%;

	margin: 12px 0 10px;

	font-size: 1.125rem;

	color: #000;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	transition: all .5s ease;

}



.newMs {

	width: 100%;

	color: #999;

	display: -webkit-box;

	overflow: hidden;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	text-overflow: ellipsis;

	transition: all .5s ease;

	line-height: 2;

}



.lineBox {

	position: relative;

	width: 100%;

	height: 2px;

	overflow: hidden;

	background-color: #fff;

}



.line {

	position: relative;

	width: 90%;

	height: 100%;

	margin: 0 auto;

	background-color: #e70112;

	transition: all .5s ease;

}



.line::before {

	content: '';

	position: absolute;

	left: 0px;

	width: 0px;

	height: 100%;

	background: #307b55;

	transition: all .5s ease;

}



.bottomBox {

	display: block;

	width: 100%;

	height: 80px;

	padding: 0 2rem;

	background-color: #FFF;

}



.bottomLink {

	position: relative;

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

}



.detai {

	display: inline-block;

	height: 80px;

	float: none;

	padding: 0px;

	line-height: 80px;

	color: #e70112;

}



.iconBox {

	position: absolute;

	top: 50%;

	right: -44px;

	transform: translateY(-50%);

	width: 44px;

	height: 44px;

	border: 1px solid rgb(196, 196, 196);

	border-radius: 50%;

	overflow: hidden;

	transition: all .5s ease;

}



.lookDetai {

	width: 100%;

	height: 100%;

}



.newList:hover .line::before {

	width: 100%;

}



.newList:hover .iconBox {

	right: 0px;

}



.newList:hover .content {

	padding-top: 30px;

	background-color: rgba(0,0,0,0.4);

}



.newList:hover .year {

	color: #fff;

}



.newList:hover .mon {

	color: #fff;

}



.newList:hover .newTitle {

	color: #fff;

}



.newList:hover .newMs {

	color: #fff;

}



@media only screen and (min-width: 769px) {

	.container {

		max-width: 1400px;

	}



	.newList {

		height: auto;

	}

}



@media only screen and (max-width: 1024px) and (min-width: 769px) {

	.container {

		max-width: 900px

	}



	.newList {

		width: 50%;

		height: auto;

	}

}



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

	.newList {

		width: 100%;

		height: 362px;

	}

}



.p_hot .iconfont:before {

	shadow-angle: 0px;

	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;

	shadow-distance-ofInset: 0px;

}



.p_new .iconfont:before {

	shadow-angle: 0px;

	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;

	shadow-distance-ofInset: 0px;

}



.p_page .pre .iconfont:before {

	shadow-angle: 0px;

	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;

	shadow-distance-ofInset: 0px;

}



.p_page .next .iconfont:before {

	shadow-angle: 0px;

	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;

	shadow-distance-ofInset: 0px;

}



.p_more .iconfont:before {

	shadow-angle: 0px;

	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;

	shadow-distance-ofInset: 0px;

}



.p_loading .iconfont:before {

	shadow-angle: 0px;

	shadow-distance: 0px;

	shadow-angle-ofInset: 0px;

	shadow-distance-ofInset: 0px;

}



.lantern {

	margin-left: 10px!important;

	margin-right: 10px!important;

}



{

	width: 100%;

	max-width: none;

	min-width: 0px;

	height: auto;

	max-height: none;

	min-height: 0px;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}