/** 图片列表*/ @media screen and (min-width:960px) { .listNum img { width: 258px; height: 258px; } } @media screen and (max-width:960px) { .listNum img { width: 358px; height: 258px; } } /** 返回顶部*/ * { list-style: none; border: 0; } #rocket-to-top div { left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 110px; } #rocket-to-top .level-2 { background: url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent; display: none; height: 250px; opacity: 0; z-index: 1; } #rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 150px; z-index: 2; } #rocket-to-top { background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent; cursor: default; display: block; height: 250px; margin: -125px 0 0; overflow: hidden; padding: 0; position: fixed; right: 0; top: 80%; width: 110px; z-index: 11; } .cards { padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; } .card { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; border-radius: 5px 5px 5px 5px; } img { cursor: pointer; transition: all 0.8s; } img:hover { transform: scale(1.5); position: relative; z-index: 100; } .bottom-bar { opacity: 0; width: 100%; position: absolute; bottom: 0.1px; background-color: rgba(0, 0, 0, 0.5); } .bottom-bar:hover { opacity: 1; }