@keyframes imgDown {
	0% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, -10px);
	}
	50% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, 0px);
	}
	100% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, -10px);
	}
}

@-webkit-keyframes imgDown {
	0% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, -10px);
	}
	50% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, 0px);
	}
	100% {
		transform: translate(0, -20px);
		-webkit-transform: translate(0, -10px);
	}
}

.kv {
	width: 100%;
	height: 926px;
	min-width: 1200px;
	background: url(../images/kv.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}

.kv .logo {
	display: block;
	position: absolute;
	left: 35px;
	top: 25px;
}

.kv .btn {
	display: block;
	width: 275px;
	height: 64px;
	position: absolute;
	cursor: pointer;
	bottom: 174px;
	left: 50%;
	margin-left: -137.5px;
}

.kv .btn:hover {
	opacity: .9;
}

.kv .nav {
	width: 224px;
	height: 32px;
	position: absolute;
	right: 35px;
	top: 23px;
}

.kv .nav .enter {
	display: block;
	width: 101px;
	height: 31px;
	float: left;
	margin: 1px 12px 0 0;
}

.kv .nav .enter:hover {
	opacity: .9;
}

.kv .nav .bshare-custom {
	width: 111px;
	height: 100%;
	float: left;
	line-height: 0;
}

.kv .nav .bshare-custom a {
	display: block;
	width: 33px;
	height: 100%;
	background: url(../images/nav.png) no-repeat;
	float: left;
	padding: 0;
}

.kv .nav .bshare-custom a.bshare-sinaminiblog {
	background-position: -40px 0;
}

.kv .nav .bshare-custom a.bshare-qzone {
	background-position: -78px 0;
}

.kv .kv_txt {
	width: 410px;
	position: absolute;
	left: 50%;
	margin-left: -205px;
	text-align: center;
	bottom: 75px;
	font-size: 18px;
	color: #ff6768;
	line-height: 32px;
}

.kv .down {
	display: block;
	width: 103px;
	height: 113px;
	position: absolute;
	bottom: -33px;
	left: 50%;
	margin-left: -51.5px;
	animation: imgDown 1.5s linear infinite;
	-webkit-animation: imgDown 1.5s linear infinite;
}
.second{
	width:100%;
	height:1574px;
	min-width:1200px;
	background:url(../images/body.jpg) no-repeat center;
	overflow: hidden;
	position:relative;
}
.second .bg{
	width:1399px;
	height:1374px;
	background:url(../images/bg.png) no-repeat center;
	position:absolute;
	left:-89px;
	top:119px;
}
.second .bg .bg_main{
	width:1198px;
	height:1302px;
	position:relative;
	margin:26px 0 0 87px;
}
.second .bg .zan{
	width:189px;
	height:28px;
	background:url(../images/zan.png) no-repeat center;
	position:absolute;
	right:100px;
	top:78px;
	font-size:16px;
	line-height:28px;
}
.second .bg .zan a{
	color:#ff6768;
	display: block;
	float:left;
}
.second .bg .zan i{
	color:#ff6768;
	display: block;
	float:left;
	margin:0 10px 0 8px;
}
.second .bg .zan a.dianzan{
	text-indent:15px;
}
.second .bg #list{
	width:1123px;
	height:1035px;
	overflow: hidden;
	margin:100px 0 0 36px;
}
.second .bg #list li.active{
	margin:60px 40px 0 40px;
}
.second .bg #list li{
	width:345px;
	height:285px;
	background:url(../images/li_bg.png) no-repeat center;
	float:left;
	overflow: hidden;
	position:relative;
	margin-top:60px;
}
.second .bg #list li .to{
	width:100%;
	height:21px;
	margin-top:61px;
}
.second .bg #list li .to img{
	display: block;
	float:left;
	margin-left:69px;
}
.second .bg #list li .to p{
	float:left;
	font-size:18px;
	line-height:21px;
	color:#e33c67;
	font-weight:bold;
	margin-left:12px;
}
.second .bg #list li .li_txt{
	width:282px;
	height:80px;
	overflow: hidden;
	margin:20px auto 0;
	text-align: center;
	font-size:16px;
	color:#333333;
	line-height:28px;
}
.second .bg #list li .li_txt .z_txt{
	width:303px;
	height:100%;
	overflow: auto;
	margin:0 auto;
}
.second .bg #list li .from{
	width:100%;
	height:22px;
	margin-top:15px;
}
.second .bg #list li .from img{
	display: block;
	width:62px;
	height:22px;
	float:left;
	margin-left:91px;
}
.second .bg #list li .from p{
	font-size:18px;
	color:#e33c67;
	font-weight:bold;
	margin-left:10px;
	line-height:22px;
	float:left;
}
.second .bg #list li .xin{
	height:18px;
	margin-top:20px;
	margin-left:135px;
}
.second .bg #list li .xin img{
	display: block;
	width:21px;
	height:18px;
	float:left;
}
.second .bg #list li .xin .xin_con{
	cursor: pointer;
}
.second .bg #list li .xin p{
	font-size:16px;
	line-height:18px;
	color:#ffa28c;
	float:left;
	cursor: pointer;
	margin-left:5px;
}
.login{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:20;
	display: none;
}
.login .c_login{
	width:572px;
	height:473px;
	background:url(../images/login.png) no-repeat center;
	position:relative;
	overflow: hidden;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.login .c_login .close{
	display: block;
	width:55px;
	height:55px;
	position:absolute;
	right:76px;
	top:72px;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.login .c_login .close:hover{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.login .c_login .login_body{
	width:361px;
	overflow: hidden;
	margin:132px 0 0 85px;
}
.login .c_login .login_body .l_to{
	width:100%;
	height:34px;
}
.login .c_login .login_body .l_to img{
	display: block;
	margin:4px 6px 0 0;
	float:left;
}
.login .c_login .login_body .l_to #g_name{
	width:116px;
	height:100%;
	float:left;
	background-color:#fff;
	outline:none;
	border:none;
	color:#333;
	text-indent:10px;
}
.login .c_login .login_body .zhengwen{
	width:316px;
	height:131px;
	background-color:#fff;
	margin:5px 0 0 45px;
	position:relative;
}
.login .c_login .login_body .zhengwen #zhengwen{
	width:100%;
	height:75%;
	border:none;
	outline:none;
	font-size:16px;
	color:#333;
	text-indent:6px;
	line-height:32px;
}
.login .c_login .login_body .zhengwen .xianzhi{
	font-size:20px;
	color:#ff6768;
	position:absolute;
	right:10px;
	bottom:10px;
}
.login .c_login .login_body .l_from{
	width:100%;
	height:34px;
	margin-top:7px;
}
.login .c_login .login_body .l_from img{
	display: block;
	width:73px;
	height:21px;
	float:left;
	margin:7px 7px 0 164px;
}
.login .c_login .login_body .l_from #f_name{
	width:116px;
	height:34px;
	float:left;
	outline:none;
	border:none;
	background-color:#fff;
	color:#333;
	text-indent:10px;
}
.login .c_login .login_body .sure{
	display: block;
	cursor: pointer;
	margin:22px 0 0 100px;
}
.login .c_login .login_body .sure:hover{
	opacity: .9;
}
.page{
	margin-top:50px;
}
.page .number ul li.first{
	display: none;
}
.page .number ul li.last{
	display: none;
}
.page .number ul li{
	border:none;
}
.page .number ul li a{
	color:#ff6768;
}
.page .number ul li.active{
	background: #ffe8eb;
}
.page .number ul li.active a{
	color:#ff7e82;
}
.page .number ul li:hover{
	background: #ffe8eb;
}
