@-webkit-keyframes bottomIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 4%);
		-moz-transform: translate(0, 4%);
		-ms-transform: translate(0, 4%);
		-o-transform: translate(0, 4%);
		transform: translate(0, 4%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-moz-keyframes bottomIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 4%);
		-moz-transform: translate(0, 4%);
		-ms-transform: translate(0, 4%);
		-o-transform: translate(0, 4%);
		transform: translate(0, 4%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-o-keyframes bottomIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 4%);
		-moz-transform: translate(0, 4%);
		-ms-transform: translate(0, 4%);
		-o-transform: translate(0, 4%);
		transform: translate(0, 4%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes bottomIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 4%);
		-moz-transform: translate(0, 4%);
		-ms-transform: translate(0, 4%);
		-o-transform: translate(0, 4%);
		transform: translate(0, 4%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.t-banner {
	background: url(/xycq/images/top-banner2.jpg) no-repeat top center
}

/* .list-page .list-fcwrap {
	padding-bottom: 120px;
	background: url(/xycq/images/inner-page-bottom-bg.jpg) no-repeat bottom center
} */

.pull-list {
	font-size: 12px;
	color: #666;
	padding: 50px 0;
	position: relative
}

.pull-list .item {
	margin: 10px;
	-webkit-box-shadow: 1px 1px 4px #ddd, -1px -1px 4px #ddd;
	-moz-box-shadow: 1px 1px 4px #ddd, -1px -1px 4px #ddd;
	box-shadow: 1px 1px 4px #ddd, -1px -1px 4px #ddd;
	position: relative;
	float: left;
    left: 0px;
    /* top: 50px; */
}

.bj{background: url(/xycq/images/inner-page-bottom-bg.jpg) no-repeat bottom center;
height: 600px;
background-position-y: -245px;
position: absolute;
bottom: 0;
width: 100%;
z-index: 0;
}
.copyright{clear: both;
    position: relative;}
.pull-list .img-wrap {
	position: relative;
	max-width: 270px;
	max-height: 358px;
	cursor: pointer;
	overflow: hidden
}

.pull-list .img-wrap img {
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.pull-list .img-wrap:hover img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06)
}

.pull-list .info-wrap {
	padding: 16px;
	position: relative;
	background: #f1f1f1
}

.pull-list .row {
	line-height: 1.6
}

.pull-list .ml-2 {
	margin-left: 6px
}

.pull-list .love-wrap {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 1;
	cursor: pointer;
	display: block
}

.pull-list .item strong {
	display: inline-block;
	color: #e36555;
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}

.bread {
	font-size: 14px;
	color: #bcbcbc;
	text-align: center
}

.bread a {
	font-size: 14px;
	color: #bcbcbc;
	text-align: center
}

.bread a:hover {
	color: #ec6756
}

.list-page .list-title h1 {
	padding-top: 32px
}

.arrow {
	width: 72px;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	cursor: pointer
}

.arrow span {
	display: block;
	width: 36px;
	margin: 6px auto;
	height: 20px;
	background: url(/xycq/images/common.png) no-repeat 0 -164px
}

.arrow:hover {
	color: #ec6756
}

.arrow:hover span {
	background-position: 0 -189px
}

.upload {
	position: absolute;
	display: block;
	width: 102px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	z-index: 2;
	right: 28px;
	bottom: -6px;
	cursor: pointer;
	background: #e36555;
	color: #fff;
	font-size: 14px
}

.upload:hover {
	background: #e14936
}

#joinPop .content {
	background: url(/xycq/images/player-join-pop.jpg) no-repeat bottom center;
	width: 724px;
	height: 485px;
	margin-left: -362px;
	margin-top: -242px;
	border: none
}

#joinPop .table-wrap {
	display: block;
	width: 560px;
	margin: 0 auto;
	padding-top: 40px
}

#joinPop input {
	display: block;
	width: 454px;
	height: 32px;
	text-indent: 6px;
	line-height: 32px;
	border: 1px solid #8a8a8a
}

#joinPop td {
	padding: 10px 0;
	font-size: 16px;
	color: #8a8a8a
}

#joinPop label {
	display: block;
	width: 90px;
	position: relative;
	text-align: center
}

#joinPop label em {
	position: absolute;
	color: #d04338;
	left: 0;
	top: 2px;
	font-style: normal
}

#joinPop #FaceURL {
	display: none
}

#joinPop .submit {
	width: 210px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	margin: 0 auto;
	background: #e36555;
	color: #fff;
	cursor: pointer;
	-webkit-transition-property: background, -webkit-transform;
	transition-property: background, -webkit-transform;
	-o-transition-property: background, -o-transform;
	-moz-transition-property: background, transform, -moz-transform;
	transition-property: background, transform;
	transition-property: background, transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}

#joinPop .submit:hover {
	background: #e43f2a;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02)
}

.list-fcwrap .inner {
	width: 890px;
	z-index: 1;
}

.list-page .list-title .inner {
	-webkit-animation-name: bottomIn;
	-moz-animation-name: bottomIn;
	-o-animation-name: bottomIn;
	animation-name: bottomIn;
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-o-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}

.list-page .list-fcwrap .inner {
	-webkit-animation-name: bottomIn;
	-moz-animation-name: bottomIn;
	-o-animation-name: bottomIn;
	animation-name: bottomIn;
	-webkit-animation-duration: .9s;
	-moz-animation-duration: .9s;
	-o-animation-duration: .9s;
	animation-duration: .9s;
	-webkit-animation-delay: .8;
	-moz-animation-delay: .8;
	-o-animation-delay: .8;
	animation-delay: .8
}

.list-page .list-title {
	height: 195px;
	border-bottom: 1px solid #e5e5e5;
	    z-index: 1;
    position: relative;
}

.list-page .list-fcwrap {
	min-height: 1200px
}