@charset "utf-8";

.jlnpc-top-popular {
	width: 980px;
	margin: 25px auto 0px;
}

.jlnpc-top-recommendHead,
.jlnpc-top-popularHead {
	overflow: hidden;
	font-size: 32px;
	line-height: 34px;
	color: #323232;
	font-family: 'Alegreya Sans', 'SimHei', sans-serif;
}

.jlnpc-top-recommend {
	margin-top: 25px;
}

.jlnpc-top-recommend__list {
	margin: -10px 0 0 -10px;
}

.jlnpc-top-recommend__list li {
	float: left;
	margin: 10px 0 0 10px;
}

.jlnpc-top-recommend__list li a {
	position: relative;
	display: block;
	height: 136px;
	border: solid 1px #aaa;
}

.jlnpc-top-recommend__list__img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.jlnpc-top-recommend__list__twoCol {
	width: 228px;
}

.jlnpc-top-recommend__list__threeCol {
	width: 148px;
}

.jlnpc-top-recommend__list__head {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding-right: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	line-height: 1.1;
}

.jlnpc-top-recommend__list__threeCol .jlnpc-top-recommend__list__head {
	font-size: 16px;
}

.jlnpc-top-recommend__list li a:after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVhJREFUOBFj/P///2YGKgImKpoFNmoIG/jx40fWmupqi6tXr/KTEiw4vdzd1WV87+5dkd7ubourly8TbShOA2NiY69xcnL++vHjB2tvb6/FZSINxWmghobGp7Ly8uNcXFxgQ/t6eiwuXbwoQMj7OA0EaVTX0PhcCjH0JxCw9vf1mV8kYCheA8GGqqt/Lq+sPMHNzQ02dALQ0AsXLuB0KUEDQYaqqqp+NjE1fQJig1y6bu1aNRAbGyDKwBXLlysePHBAGWSAnJzcu4rKyrPYDAOJseCSgIkvX7ZMafOmTVogvpy8/Nu6+vpTwIj6C5NHp/EauGzpUqUtmzeDDZMHGlZLwDCQ4TgNXLpkifLWLVs0QYrkFRTe1NbVncbnMpA6EMBp4Ldv31hBChRBhjU0nOLg4PgH4hMCjPjKQ2DYybq6uT0l1jCQZXgNJOQabPJEJRtsGnGJUd1AAJcQgRX4a4/gAAAAAElFTkSuQmCC);
}

.jlnpc-top-popular__list {
	margin-top: 20px;
}

.jlnpc-top-popular__list li {
	float: left;
	margin-left: 20px;
}

.jlnpc-top-popular__list li:first-child {
	margin-left: 0;
}

.jlnpc-top-popular__list li a {
	display: block;
	width: 228px;
	height: 200px;
	border: solid 1px #aaa;
	color: #323232;
	text-decoration: none;
}

.jlnpc-top-popular__list__image img {
	width: 228px;
	height: 76px;
}

.jlnpc-top-popular__list__inner {
	padding: 10px;
}

.jlnpc-top-popular__list__head {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

.jlnpc-top-popular__list__head:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 8px;
	height: 13px;
	margin-top: -6px;
	background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAARJJREFUGBljTk5OFtJUV9+sq6d39fLly88Z0ADT969fV/3//9+Z4e/fPbERESZo8gxMTCwsxYyMjG//MzAI/P3/f3d0dLQpsiJGECcuMlLvz///e4EmiQC5H1kYGd0Xr1hxEiTHBCIWLV9+iZGZ2QnIfA3E/H8ZGHYBTbIAyYFNADFAIDY2Vufv798gk8SA1n76z8jowQyRgpCXLl16paerKwZUYA0UYQdiaRQToiIiCoGSfSDlQBOOCAgJeYLdABKIjowshkkCZQ+DJKdNm/YFbAJQZwlQshusk4HhEDMbm9fixYu/gvhMQJ1lMEmgzgPIkmAFQEIQxAAatZ+Xj88bphMkBgfRERFJaWlpXHABJAYARy5mMu08IekAAAAASUVORK5CYII=);
}

.jlnpc-top-popular__list__text {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.2;
	word-break: break-word;
}

.jlnpc-top-recommend__list li a,
.jlnpc-top-popular__list li a {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.jlnpc-top-recommend__list li a:hover,
.jlnpc-top-popular__list li a:hover {
	opacity: 0.7;
}

.description-container-item li {
	background-position: 10px center !important;
}