@charset "UTF-8"; body.show a, body.show img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .img-list ul { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } * { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } em { font-style: normal; } .index-flow .img-list li a .layer .info-2 { border-color: #47D800; } img { vertical-align: middle; max-width: 100%; border: 0; } .index-flow .img-list { max-width: 1200px; margin: 0 auto; padding: 0 0.4rem; position: relative; } .index-flow .img-list li { width: 23%; margin-left: 0.2rem; margin-top: 0.2rem; } .index-flow .img-list li a { display: block; position: relative; } .index-flow .img-list li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; /* background: url(../images/bg10.png) center repeat-x; */ background-size: auto 100%; } .index-flow .img-list li a .img { width: 100%; overflow: hidden; position: relative; } .index-flow .img-list li a .img img { width: 100%; } .index-flow .img-list li a .layer { position: absolute; z-index: 1; left: 0; right: 0; top: auto; bottom: 0; padding: 0 0.4rem; color: #fff; } .index-flow .img-list li a .layer .time { font-size: 0.7rem; opacity: 0.7; padding-bottom: 7px; } .index-flow .img-list li a .layer p { width: 100%; font-size: 1.0rem; line-height: 1.0rem; margin-top: 0.02rem; max-height: 1.0rem; overflow: hidden; padding-bottom: 20px; } .index-flow .img-list li a .layer .info { /* border-bottom: #EE9640 solid 0.2rem; */ /* font-size: 1.0rem; */ padding: 0.2rem 0; } .index-flow .img-list li a .layer .info img { height: 0.21rem; margin-right: 0.1rem; } .index-flow .img-list li a .layer .info-2 { /* border-color: #47D800; */ } .index-flow .img-list li a:hover .img img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .index-flow .img-list li.li_01 { width: 50%; }