.sh {
	height:auto;
	border-bottom:0px solid green;
}
.sh .t {
	opacity:0;/*初始透明度为0*/
	animation:up 3s forwards; /*动画运行时间3s*/
	animation-play-state:paused; /*动画暂停*/
}
.sh .up {
	animation-play-state:running; /*动画运行*/
}




/*定义一个名字为up动画，实现从页面的向上淡入页面效果*/
@keyframes up{
    0%{ transform: translateY(200px); opacity: 0;}   /*在0%时设置文字在想Y轴200px位移处（上方），透明度为0，也就是看不见文字*/
    100%{ transform: translateY(0px); opacity: 1;}      /*在100%时设置文字在想Y轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes up{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-o-keyframes up{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-ms-keyframes up{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes up{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}
}

.up{
    animation: up 3s ease 1;    /*调用已定义好的动画up，全程运行时间3S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: up 3s ease 1;
    -moz-animation: up 3s ease 1;
    -ms-animation: up 3s ease 1;
    -o-animation: up 3s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards;
}