#main > .customer-case-list { margin: 0 auto 20px; width: 70%; } #main > .customer-case-list > li.customer-case-item { width: 22%; margin-right: 4%; } #main > .customer-case-list > li.customer-case-item.mr_0 { margin-right: 0; } #main > .customer-case-list > li.customer-case-item > a { text-decoration: none; } .list_horizontal, .list_vertical { margin: 0 auto; width: 1200px; } .list_vertical { margin-top: 70px; margin-bottom: 70px; } .list_horizontal > .item { width: 30%; } .list_vertical > .item { width: 20%; } .list_vertical > .item.mr_8p { margin-right: 8%; } .list_horizontal > .item.mr_20p { margin-right: 10%; } .list_horizontal > .item > img, .list_vertical > .item > img { display: block; width: 100%; cursor: pointer; } .fullmask { display: none; z-index: 200; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .close { display: none; z-index: 400; position: fixed; right: 40px; top: 40px; font-size: 40px; color: #fff; opacity: 0.8; } .close:hover { color: #fff; opacity: 0.5; } img.screen_center { display: none; position: fixed; z-index: 300; top: 20%; left: 50%; /*transform: translateX(-50%);*/ -webkit-transform: translateX(-50%); }