@charset "utf-8";
html,
body{overflow:hidden;}


.museum{width:100%; height:100%; background:#000;}
.museum .page,
.museum ul{width:100%; height:100%;}
.museum ul li{width:100%; height:50%; overflow:hidden; position:relative;}
.museum ul li p.pic{width:100%;}
.museum ul li p.pic img{display:block; width:100%;}
.museum ul li .box{width:100%; padding:10px 9% 10px 3%; box-sizing:border-box; position:absolute; bottom:0; left:0; z-index:1;}
.museum ul li .box a{color:#fff;}
.museum ul li .box a strong{font-size:18px; color:#e00222;}
.museum ul li .box span{display:block; width:6%; position:absolute; bottom:10px; right:3%;}
.museum ul li .box span img{display:block; width:100%;/* transform:rotate(180deg); -webkit-transform:rotate(180deg);*/
  -webkit-animation-name:shake;
  animation-name:shake;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear;
}