.works{width:100%;height:8.16rem;position:relative;overflow:hidden;flex-wrap:wrap}.works .item1,.works .item2,.works .item3,.works .item4{width:50%;height:50%;cursor:pointer}.works .item1:hover .mask-view,.works .item2:hover .mask-view,.works .item3:hover .mask-view,.works .item4:hover .mask-view{display:block}.works .item1 .mask-view,.works .item2 .mask-view,.works .item3 .mask-view,.works .item4 .mask-view{width:100%;height:100%;display:none;padding:.24rem 0 0 .24rem}.works .item1 .mask-view .title,.works .item2 .mask-view .title,.works .item3 .mask-view .title,.works .item4 .mask-view .title{font-size:.4rem;line-height:.48rem;color:#fff;font-family:Alibaba-PuHuiTi-Bold}.works .item1 .mask-view .poppinsBold,.works .item2 .mask-view .poppinsBold,.works .item3 .mask-view .poppinsBold,.works .item4 .mask-view .poppinsBold{font-family:Poppins Bold}.works .item1{background:url(../img/7.63fec3ae.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item1 .mask-view{background:url(../img/7s.a1952183.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item2{background:url(../img/6.2134b499.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item2 .mask-view{background:url(../img/6s.8846a2ef.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item3{background:url(../img/5.58c52eb2.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item3 .mask-view{background:url(../img/5s.3b216cf3.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item4{background:url(../img/4.77a4709b.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .item4 .mask-view{background:url(../img/4s.578b73e4.jpg);background-size:100% 100%;background-repeat:no-repeat}.works .close{width:.25rem;height:.25rem;position:absolute;left:.23rem;bottom:.23rem;cursor:pointer}