@charset 'utf-8';

.entry {
	position: relative;
}

.entry__list {
	display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-justify-content: space-between;
	-ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between
}

.entry__list img {
	width: 100%; height: 100%;
}

.entry__list:after, .entry__list:before {
	content: ''; display: block; width: 31%
}

.entry__list:before {
	-ms-flex-order: 1; order: 1
}

.entry__item {
	position: relative; margin: 0 0 38px; width: 31%
}

.entry__item a {
	position: relative; z-index: 10
}

.entry__date {
	vertical-align: middle; color: rgba(0, 0, 0, .2); font-size: 1.2em; font-weight: 700
}

.entry__date a {
	color: rgba(0, 0, 0, .2); text-decoration: none
}

.entry__date a:hover {
	text-decoration: underline
}

.entry__meta {
	line-height: 1; vertical-align: middle; font-size: 0
}

.entry__meta:after {
	display: block; clear: both; content: ""
}

.entry__meta>p {
	color: #666; font-size: 1.8em; line-height: 1.4; position: relative; margin-bottom: 5px; vertical-align: middle; vertical-align: top
}

.entry__meta>p+p {
	padding-left: 1.33333em; margin-left: 1.33333em
}

.entry__meta>p+p:before {
	position: absolute; top: 1px; left: 0; display: block; content: ''; width: 1px; height: .75em; background-color: rgba(0, 0, 0, .2)
}

.entry__meta>p.entry__user-name {
	vertical-align: middle
}

.entry__date, .entry__place, .entry__tags {
	display: inline-block
}

.entry__place {
	font-weight: 700; font-size: 1.2em; vertical-align: middle
}

.entry__user-name, .entry__user-thumb {
	padding: 0; vertical-align: bottom
}

.entry__user-name:before, .entry__user-thumb:before {
	display: none
}

.entry__user-thumb {
	max-width: 35px; font-size: 1.4em; margin-right: .85714em
}

.entry__thumb {
	position: relative; /* height: calc(100%/4*3); */ overflow: hidden;
}

.for-filter {
	display: none
}

.-small-item .for-filter {
	display: block
}

.for-all {
	display: block
}

.-small-item .for-all {
	display: none
}

.entry__title {
	font-size: 2em; line-height: 1.4;
}

.entry__summary {
	color: #666; padding: 0; font-size: 1.8em;
}

.entry__summary em {
	color: #ff2d2d; font-style: normal; font-size: 1.33em;
}

.entry__hash {
	font-size: 1.8em; color: #666; display: -webkit-box; -webkit-box-pack: justify;
	/*padding: .3em 0;*/
}

.entry__hash span {
	display: -webkit-box;
}

.entry__hash span:last-child {
	font-size: 1.1em; color: #333;
}

.entry__view {
	position: relative; display: inline-block; margin-right: 1.14286em
}

.entry__view-count {
	display: inline-block; vertical-align: middle; font-size: 1.3em; letter-spacing: .05em; font-weight: 800
}

.entry__view:before {
	display: inline-block; vertical-align: middle; content: ''; width: 1.57143em; height: 1em; margin: 0 .57143em 0 0;
	background: url("../img/cmn/icn-view.svg") center center no-repeat; background-size: contain
}

.entry__view+.entry__hash {
	display: inline-block
}

.entry__user-thumb {
	display: inline-block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; overflow: hidden
}

.entry__user-thumb img {
	width: 100%
}

.entry__user-name {
	display: inline-block; font-size: 1.2em; letter-spacing: .1em; font-weight: 700
}

.entry__user-name span {
	display: inline-block; line-height: 1; margin-right: 8px; padding-right: 8px; border-right: 1px solid #1a1a1a; vertical-align: middle
}

.entry__user-name span:last-of-type {
	margin-right: 0; padding-right: 0; border: 0
}

.entry__permalink {
	z-index: 1 !important; position: absolute !important; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ''; font-size: 0
}

/* @media screen and (min-width:480px) {
	.entry__item.-large .entry__meta>p {
		padding-right: 1em; margin-right: 1em
	}
	.entry__item.-large .entry__meta>p:after {
		background-color: rgba(255, 255, 255, .8)
	}
	.entry__item.-large .entry__thumb:after {
		position: absolute; z-index: 0; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%;
		background: linear-gradient(transparent 35%, rgba(0, 0, 0, .6) 100%)
	}
	.entry__item.-large .entry__detail {
		position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 2.14286em 2.85714em; color: #fff
	}
	.entry__item.-large .entry__title {
		font-size: 2.4em; padding: .5em 0
	}
	.entry__item.-large .entry__summary {
		padding-bottom: .57143em
	}
	.entry__item.-large .entry__place a, .entry__item.-large span {
		color: #fff
	}
	.entry__item.-event .entry__detail {
		padding-right: 10em
	}
}

@media screen and (max-width:479px) {
	.entry {
		padding: 0
	}
	.entrylist {
		display: block
	}
	.entry__item {
		cursor: pointer; width: 100%; margin: 0; padding: 24px
	}
	.entry__date {
		font-size: 1em
	}
	.entry__date span {
		display: inline-block; vertical-align: middle
	}
	.entry__meta:after {
		display: block; clear: both; content: ""
	}
	.entry__meta>p {
		font-size: 1em; vertical-align: top; line-height: 1
	}
	.entry__meta>p+p {
		padding-left: 6px; margin-left: 6px
	}
	.entry__meta>p+p:before {
		position: absolute; top: 1px; left: 0; height: 9px
	}
	.entry__meta .entry__date, .entry__meta .entry__place, .entry__meta .entry__tags {
		display: inline-block
	}
	.entry__meta .entry__user-name, .entry__meta .entry__user-thumb {
		padding: 0; vertical-align: middle
	}
	.entry__meta .entry__user-name:before, .entry__meta .entry__user-thumb:before {
		display: none
	}
	.entry__meta .entry__user-thumb {
		margin-right: .85714em
	}
	.entry__detail {
		padding: 20px 0 0
	}
	.entry__title {
		font-size: 1.8em; padding: 8px 0
	}
	.entry__summary {
		font-size: 1.2em
	}
	.entry__view-count {
		font-size: 1em
	}
	.entry__view:before {
		width: 14px; height: 10px; margin: 0 6px 0 0
	}
	.entry__view+.entry__hash {
		margin-top: 8px; margin-left: 0; line-height: 1.3
	}
	.entry__user-thumb {
		width: 30px; height: 30px
	}
	.entry__user-name {
		font-size: .9em; letter-spacing: 0; line-height: 1.4; vertical-align: middle
	}
	.entry__user-name span {
		display: inline-block; line-height: 1; margin-right: 8px; padding-right: 8px; border-right: 1px solid #1a1a1a; vertical-align: middle
	}
	.entry__user-name span.entry__user-name-subject, .entry__user-name span:last-of-type {
		margin-right: 0; padding-right: 0; border: 0
	}
}

@media screen and (max-width:479px) {
	.entry.-what .entry__list {
		padding-bottom: 20px
	}
	.entry.-what .entry__item {
		padding-bottom: 10px
	}
	.entry.-what .entry__meta>p {
		font-size: 1.2em
	}
	.entry.-what .entry__hash {
		display: none
	}
	.entry.-what .entry__summary {
		padding-bottom: 0
	}
}
 */
.entry.-hasborder {
	width: 100%; padding: 0
}

.entry.-hasborder .entry__list {
	-moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start
}

.entry.-hasborder .entry__item {
	position: relative; margin-top: 38px; margin-right: 4.875em; margin-bottom: 0; width: calc(( 100% - 9.8125em)/3)
}

.entry.-hasborder .entry__item:nth-of-type(1), .entry.-hasborder .entry__item:nth-of-type(2), .entry.-hasborder .entry__item:nth-of-type(3) {
	margin-top: 0
}

.entry.-hasborder .entry__item:after {
	position: absolute; top: 0; right: -2.25em; display: block; content: ''; width: 1px; height: 100%; background: #e5e5e5
}

.entry.-hasborder .entry__item:last-of-type, .entry.-hasborder .entry__item:nth-of-type(3n) {
	margin-right: 0; padding-right: 0
}

.entry.-hasborder .entry__item:last-of-type:after, .entry.-hasborder .entry__item:nth-of-type(3n):after {
	display: none
}

/* @media screen and (max-width:479px) {
	.entry.-hasborder .entry__list {
		-moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between
	}
	.entry.-hasborder .entry__item {
		display: none; margin-right: 0; width: 48%; padding: 0
	}
	.entry.-hasborder .entry__item:after {
		display: none
	}
	.entry.-hasborder .entry__item:nth-of-type(1), .entry.-hasborder .entry__item:nth-of-type(2) {
		display: block
	}
	.entry.-hasborder .entry__title {
		color: #fff; font-size: 1.2em
	}
} */

.entry.-panel .entry__list {
	position: relative; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start
}

.entry.-panel .entry__list:before {
	content: ''; z-index: -1; position: absolute; top: 0; left: 0; display: block; width: 1px; height: 100%; background: rgba(0, 0, 0, .05); display: none
}

.entry.-panel .entry__list:after {
	display: none
}

.entry.-panel .entry__item { 
	z-index: 3; /* width: calc(( 100% - 1px)/2); */ margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, .05); transition: all .2s ease-out;
	-moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; background-color: #fff;display: inline-block;
}

.entry.-panel .entry__item:after, .entry.-panel .entry__item:before {
	content: ''; z-index: -1; position: absolute; top: 0; display: block; width: 1px; height: 100%; background: rgba(0, 0, 0, .05); transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out
}

.entry.-panel .entry__item:before {
	left: 0
}

.entry.-panel .entry__item:after {
	right: 0; opacity: 0
}

.entry.-panel .entry__item:nth-of-type(3n):after {
	opacity: 1
}

.entry.-panel .entry__item:hover {
	z-index: 4; border-bottom-color: transparent; box-shadow: 0 0 30px rgba(12, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(12, 0, 0, .3);
	-moz-box-shadow: 0 0 30px rgba(12, 0, 0, .3)
}

.entry.-panel .entry__item:hover .entry__summary em {
	color: #333;
}

.entry.-panel .entry__item:hover:after, .entry.-panel .entry__item:hover:before {
	opacity: 0
}

.entry.-panel .entry__item:hover+.entry__item:before {
	opacity: 0
}

.entry.-panel .entry__detail {
	padding: 0 1.75em; line-height: 3.5em;
}

.entry.-panel .entry__title {
	font-weight: normal; font-size: 2em; line-height: 1.4;
}

/* @media screen and (max-width:479px) {
	.entry.-panel {
		padding-bottom: 0
	}
	.entry.-panel .entry__item {
		width: 50%; margin: 0
	}
	.entry.-panel .entry__item:before {
		opacity: 0
	}
	.entry.-panel .entry__item:after {
		opacity: 1
	}
	.entry.-panel .entry__item:nth-of-type(2n):after {
		opacity: 0
	}
	.entry.-panel .entry__title {
		
	}
	.entry.-panel .entry__place, .entry.-panel .entry__summary {
		display: none
	}
	.entry.-panel .entry__hash {
		line-height: 1.2
	}
} */

.entry.-related {
	background: #f7f7f7; padding-top: 6.42857em; padding-bottom: 7.14286em
}

.entry.-related .entry__item {
	background: #fff
}

/* @media screen and (max-width:479px) {
	.entry.-related {
		padding: 30px 20px
	}
	.entry.-related .entry__item {
		display: none
	}
	.entry.-related .entry__item:nth-of-type(1), .entry.-related .entry__item:nth-of-type(2) {
		display: block
	}
} */

.entry.-innerRelated {
	padding: 0 0 2.85714em
}

.entry.-innerRelated.-select {
	padding-bottom: 0
}

.entry.-innerRelated.-select .entry__item {
	margin-bottom: 0
}

.entry.-innerRelated.-panel .entry__list:after {
	background: #fff
}

.entry.-innerRelated.-panel .entry__item {
	background: #f7f7f7; border-bottom: 0
}

.entry.-innerRelated.-panel .entry__item:after {
	background: #fff
}

.entry.-horizontal {
	width: 100%; padding: 0
}

.entry.-horizontal .entry__list {
	border-bottom: 1px solid rgba(12, 0, 0, .1)
}

.entry.-horizontal .entry__list:after {
	display: none
}

.entry.-horizontal .entry__list.nextPost-quasi {
	margin-bottom: 4.28571em
}

.entry.-horizontal .entry__list+.btnContainer {
	padding-top: 0; padding-bottom: 0
}

.entry.-horizontal .entry__item {
	z-index: 3; width: 100%; margin: 0; padding: 2.85714em .71429em; border-top: 1px solid rgba(12, 0, 0, .1)
}

.entry.-horizontal .entry__item:after {
	display: block; clear: both; content: ""
}

.entry.-horizontal .entry__thumb {
	float: left; width: 19.85714em
}

.entry.-horizontal .entry__detail {
	float: right; width: calc(100% - 23em); padding: 0
}

.entry.-horizontal .entry__title {
	font-size: 2.4em; padding: 1.25em 0
}

.entry.-horizontal .entry__summary {
	line-height: 1.8; padding: 0 0 2.14286em
}

/* @media screen and (max-width:479px) {
	.entry.-horizontal .entry__list.nextPost-quasi {
		margin-bottom: 2.42857em
	}
	.entry.-horizontal .entry__item {
		padding: 24px 0
	}
	.entry.-horizontal .entry__item:after {
		display: block; clear: both; content: ""
	}
	.entry.-horizontal .entry__thumb {
		float: left; width: 80px
	}
	.entry.-horizontal .entry__detail {
		width: calc(100% - 100px); padding: 0
	}
	.entry.-horizontal .entry__user-name {
		color: rgba(26, 26, 26, .3)
	}
	.entry.-horizontal .entry__user-name span {
		border-color: rgba(26, 26, 26, .3)
	}
	.entry.-horizontal .entry__title {
		font-size: 1.6em; padding: 12px 0
	}
	.entry.-horizontal .entry__summary {
		padding: 0 0 16px
	}
} */

.-how .entry.-horizontal {
	margin-bottom: 4.28571em
}

/* @media screen and (max-width:479px) {
	.-how .entry.-horizontal {
		margin-bottom: 38px
	}
} */

.entry__list.-side:after {
	display: none
}

.entry__list.-side .entry__item {
	z-index: 3; width: 100%; margin: 0; padding: 2.14286em 0; border-bottom: 1px solid rgba(12, 0, 0, .1); cursor: pointer
}

.entry__list.-side .entry__item:after {
	display: block; clear: both; content: ""
}

.entry__list.-side .entry__thumb {
	float: left; width: 4.64286em
}

.entry__list.-side .entry__detail {
	float: right; width: calc(100% - 5.71429em); padding: 0
}

.entry__list.-side .entry__user-name {
	font-size: 1em
}

.entry__list.-side .entry__view {
	float: right; font-size: 1em; margin-right: 0
}

.entry__list.-side .entry__view:before {
	vertical-align: baseline
}

.entry__list.-side .entry__view-count {
	font-size: 1em; vertical-align: top
}

.entry__list.-side .entry__title {
	font-size: 1.2em; padding: .66667em 0 0; line-height: 1.9; font-weight: 700
}

/* @media screen and (max-width:479px) {
	.entry__list.-side {
		padding-bottom: 0
	}
	.entry__list.-side .entry__item {
		padding: 20px 5px
	}
	.entry__list.-side .entry__thumb {
		display: none
	}
	.entry__list.-side .entry__detail {
		float: none; width: 100%
	}
	.entry__list.-side .entry__user-name {
		font-size: .8em
	}
	.entry__list.-side .entry__view {
		font-size: .8em
	}
	.entry__list.-side .entry__view:before {
		background-size: 100% auto
	}
	.entry__list.-side .entry__view-count {
		font-size: .8em
	}
	.entry__list.-side .entry__title {
		font-size: 1.4em; padding: 6px 0 0; letter-spacing: 0; line-height: 1.7
	}
}

@media screen and (min-width:480px) {
	.entry__list.-indexlist {
		-moz-align-items: flex-start; -ms-align-items: flex-start; -ms-flex-align: start; align-items: flex-start
	}
	.entry__list.-indexlist:after, .entry__list.-indexlist:before {
		width: calc(( 100% - 38px * 3)/4)
	}
	.entry__list.-indexlist .entry__item {
		width: calc(( 100% - 38px * 3)/4)
	}
	.entry__list.-indexlist .entry__item.-large .entry__detail {
		padding-top: 0
	}
	.entry__list.-indexlist .entry__item.-large .entry__title {
		padding: .41667em 0
	}
	.entry__list.-indexlist .entry__item.-large .entry__summary {
		padding-bottom: .57143em
	}
	.entry__list.-indexlist .entry__item.-col3 {
		width: calc((( 100% - 38px * 3)/4)* 3+ 38px* 2)
	}
	.entry__list.-indexlist .entry__item.-col2 {
		width: calc((( 100% - 38px * 3)/4)* 2+ 38px)
	}
	.entry__list.-indexlist .entry__meta>p {
		padding-right: .66667em; margin-right: .66667em
	}
	.entry__list.-indexlist .entry__title {
		padding: .7em 0
	}
	.entry__list.-indexlist .entry__detail {
		padding-top: 1.71429em
	}
}

@media screen and (max-width:479px) {
	.entry__list.-indexlist {
		margin-left: 12px; margin-right: 12px
	}
	.entry__list.-indexlist .entry__summary {
		padding-bottom: 8px
	}
	.entry__list.-indexlist .entry__item {
		padding: 0; width: calc(50% - 16px); margin: 20px 8px; margin-bottom: 10px
	}
	.entry__list.-indexlist .entry__item .entry__detail {
		padding-top: 16px
	}
	.entry__list.-indexlist .entry__item .entry__title {
		font-size: 1.2em; padding: 6px 0
	}
	.entry__list.-indexlist .entry__item .entry__summary {
		display: none
	}
	.-all .entry__list.-indexlist .entry__item:nth-child(-n+5) {
		margin: 20px 8px; width: 100%
	}
	.-all .entry__list.-indexlist .entry__item:nth-child(-n+5) .entry__meta>p {
		font-size: 1.2em
	}
	.entry__list.-indexlist .entry__item.-small-item {
		width: calc(50% - 16px); margin: 20px 8px
	}
}
 */
.mediaNav {
	display: inline-block; padding: 0px 30px;
}
/*赛事列表样式*/
.media .entry.-panel .entry__item {
	width: calc(( 100% - 2.1em)/4); margin: 0 0.7em 0.7em 0; /* height: calc(100%/4*3); */
}
.media .entry.-panel .videoBox .entry__item{
	height:auto;
	max-height: calc(100%/4*3);
}
.media .videoBox .entry__thumb video{
	width: 100%;
    height: auto;
    max-height: 100%;
}
.media .entry.-panel .entry__item:nth-of-type(4n+4) {
	margin-right: 0;
}

.media .entry.-panel .entry__detail {
	padding: 0 0.5em; line-height: 2em;  height: 4em;
}

.media .entry.-panel .entry__title {
	font-size: 1em; line-height: 2em; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
	-webkit-line-clamp: 2; height: 100%;
}

.media .entry__summary {
	font-size: .9em;
}

.media .entry__summary em {
	font-size: 1.1em;
}

.media .entry__hash {
	font-size: .9em;
}

.media .entry__hash span:last-child {
	font-size: 1.01em;
}

.media .entry__list {
	margin-top: 2.75em;
	display:none;
}
.media .entry__list.on{
	display:block;
}
/* @media screen and (max-width: 900px) {
	.media .entry.-panel .entry__item {
		width: calc(( 100% - 1px)/2);
	}
} */
.media .entry.-panel .entry__item:hover{
    background-color: transparent;
}