/* bottom.css - 重构后 */

.bottom-bar-background {
	zoom: 1;
	width: 100%;
	height: 160px;
	min-width:1000px;
	background:  top center no-repeat;
	background-image: url(../images/bottom_bar.jpg);
	margin-top: 23px;
}
.bottom-bar{
	position: relative;
	width:1000px;
	margin:auto;
	margin-top:-160px; 
}

.bottom-bar-first-container{
	position: relative;
	margin-top:50px;
	width: 430px;
	margin-left: 300px;
}

.bottom-bar-weixin-text{
	font-size:13px;
	font-family: 'Comic Sans MS', 'Microsoft YaHei', sans-serif;
	position: relative;
	width:53px;
	color: #ff85a2;
	display: inline-block;
	cursor:pointer;
	transition: all 0.3s ease;
}
.bottom-bar-weixin-text:hover {
	color: #ff5c8d;
	transform: scale(1.1);
}

.bottom-bar-weixin-code-img{
	position: absolute;
	width: 258px;
	height: 258px;
	background-image: url(../images/weixin_code.jpg);
	top:-270px;
	left: -120px;
	display:none;
	border-radius: 20px;
	border: 3px solid #ffb6c1;
	box-shadow: 0 10px 30px rgba(255, 182, 193, 0.4);
	animation: popup 0.5s ease;
}

@keyframes popup {
	0% { transform: scale(0.8); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

.bottom-bar-weixin-text:hover .bottom-bar-weixin-code-img{
	display: block;
}


.bottom-bar-weibo-text{
	font-size:13px;
	font-family: 'Comic Sans MS', 'Microsoft YaHei', sans-serif;
	position: relative;
	width:53px;
	color: #ff85a2;
	display: inline-block;
	text-decoration:none;
	transition: all 0.3s ease;
}
.bottom-bar-weibo-text:hover {
	color: #ff5c8d;
	transform: scale(1.1);
}
.bottom-bar-first-text-split{
	font-size:13px;
	font-family: 'Comic Sans MS', 'Microsoft YaHei', sans-serif;
	position: relative;
	width:5px;
	color: #ffb6c1;
	display: inline-block;
	text-align:center;
}
.bottom-bar-text-follow{
	font-size:13px;
	font-family: 'Comic Sans MS', 'Microsoft YaHei', sans-serif;
	position: relative;
	margin-top:10px;
	color: #ff85a2;
	text-decoration:none;
	transition: all 0.3s ease;
}
.bottom-bar-text-follow:hover {
	color: #ff5c8d;
	text-shadow: 0 0 10px rgba(255, 92, 141, 0.3);
}

/* 添加底部可爱装饰 */
.bottom-decoration {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.heart-decoration {
	display: inline-block;
	color: #ffb6c1;
	font-size: 12px;
	animation: heartbeat 1.5s infinite;
	margin: 0 5px;
}

@keyframes heartbeat {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.2); }
}