.records{padding:var(--space) var(--padding)}.records-boder{width:100%}.records-boder .item{display:block;width:100%;margin-top:6.666667vw}.records-boder .item:first-child{margin-top:0}.records-boder .item .cover{position:relative;width:100%;height:50vw}.records-boder .item .cover img{width:100%;height:100%;object-fit:cover}.records-boder .item .cover .mask{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgba(0,0,0,.5);transition:opacity .3s}.records-boder .item .cover .mask i{font-size:var(--size-70)}.records-boder .item .title{margin-top:3.2vw;font-size:var(--size-18)}.records-boder .item:hover .cover .mask{opacity:1}@media screen and (min-width: 992px){.records-boder{display:flex;flex-wrap:wrap;margin:0 -1.04%}.records-boder .item{width:31.25%;margin:2.604167vw 1.04%}.records-boder .item:first-child{margin-top:2.604167vw}.records-boder .item .cover{height:19.53125vw}.records-boder .item .title{margin-top:1.25vw}}@media screen and (min-width: 1920px){.records-boder .item{margin-top:50px;margin-bottom:50px}.records-boder .item:first-child{margin-top:50px}}