@charset "utf-8";
/* CSS Document */
.gugugu-head-bg{
	background-image: url("../images/head-bg.jpg");
	height:65px;
}
.gugugu-avatar{
	position: relative;
	top:-35px;
	border:solid #FFF 3px;
	width:55px; 
	height:55px; 
	float:left; 
	left: 0;
	border-radius:50%; 
	margin:0 0 ;
	transition: all 2.0s;  
}
.gugugu-avatar-text{
	margin:0 auto;
	position: relative;
	top:-5px;
	left:5%;
	color:#000; 
	vertical-align: middle;
}
.gugugu-style-card{
	margin-bottom:15px;
	border-radius:5px;
	background-color:#fff;
}
.gugugu-style-card-header{
	height:42px;
	line-height:42px;
	border-bottom:1px solid #f6f6f6;
	color:#333;
	border-radius:5px 5px 0 0;
	font-size:14px;
}
.gugugu-under{
	border-bottom:1px solid #f6f6f6;
}
.gugugu-style-card-body{
	padding:10px 15px;
	line-height:24px;
	font-size:14px;
}

.gugugu-font{
	padding:0 5px;
	top:-2px;
	position: relative;
}
.gugugu-image{
	width:16px;
	height:16px;
}

.gugugu-body-avatar{
	border:solid #FFF 5px;
	width:155px; 
	height:155px; 
	border-radius:50%; 
	transition: all 2.0s;  
	display: block;  
	margin: 50px auto;   
}

.rotision{
	-webkit-animation: A 5s linear 0s infinite;
	animation: A 5s linear 0s infinite;
	}

@-webkit-keyframes A {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}


.gugugu-avatar-transition img:hover{  
	transform: rotate(360deg);  
}  
/*配合上面的transition旋转*/


.header-text-info {
    width: 60%;
    margin: auto;
    font-size: 14px;
    color: #EAEADF;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 25px;
    margin-top: 22px;
    font-family: "Microsoft JhengHei", miranafont, "Hiragino Sans GB", STXihei, "Microsoft YaHei", SimSun, Sans-Serif;
    letter-spacing: 0;
    line-height: 30px;
    border-radius: 50px;
}

.header-text-info p {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
}

#Snow{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: rgba(125,137,95,0.1);
	pointer-events: none;
}
/*下雪特效*/