.productGallery .content{ height: 400px; } .productGallery .content img{ width: 100%; } .productGallery ul{ margin-top: 20px; list-style: none; display: flex; /*justify-content: space-between;*/ } .productGallery ul li{ width: 75px; height: 75px; background-size: cover; padding: 0px; } /*绗?缁 */ .productGallery ul li:nth-child(1){ background-image: url(../../../images/product/product01/picsmall00.png) } .productGallery ul li:nth-child(2){ background-image: url(../../../images/product/product01/picsmall01.png) } .productGallery ul li:nth-child(3){ background-image: url(../../../images/product/product01/picsmall02.png) } .productGallery ul li:nth-child(4){ background-image: url(../../../images/product/product01/picsmall03.png) } .productGallery ul li:nth-child(5){ background-image: url(../../../images/product/product01/picsmall04.png) } /*绗?缁 */ .productGallery02 ul li:nth-child(1){ background-image: url(../../../images/product/product02/picsmall00.png) } .productGallery02 ul li:nth-child(2){ background-image: url(../../../images/product/product02/picsmall01.png) } .productGallery02 ul li:nth-child(3){ background-image: url(../../../images/product/product02/picsmall02.png) } .productGallery02 ul li:nth-child(4){ background-image: url(../../../images/product/product02/picsmall03.png) } .productGallery02 ul li:nth-child(5){ background-image: url(../../../images/product/product02/picsmall04.png) } /*绗?缁 */ .productGallery03 ul li:nth-child(1){ background-image: url(../../../images/product/product03/picsmall00.png) } .productGallery03 ul li:nth-child(2){ background-image: url(../../../images/product/product03/picsmall01.png) } .productGallery03 ul li:nth-child(3){ background-image: url(../../../images/product/product03/picsmall02.png) } .productGallery03 ul li:nth-child(4){ background-image: url(../../../images/product/product03/picsmall03.png) } .productGallery03 ul li:nth-child(5){ background-image: url(../../../images/product/product03/picsmall04.png) } /*绗?缁 */ .productGallery04 ul li:nth-child(1){ background-image: url(../../../images/product/product04/picsmall00.png) } .productGallery04 ul li:nth-child(2){ background-image: url(../../../images/product/product04/picsmall01.png) } .productGallery04 ul li:nth-child(3){ background-image: url(../../../images/product/product04/picsmall02.png) } .productGallery04 ul li:nth-child(4){ background-image: url(../../../images/product/product04/picsmall03.png) } .productGallery04 ul li:nth-child(5){ background-image: url(../../../images/product/product04/picsmall04.png) } /*绗?缁 */ .productGallery05 ul li:nth-child(1){ background-image: url(../../../images/product/product05/picsmall00.png) } .productGallery05 ul li:nth-child(2){ background-image: url(../../../images/product/product05/picsmall01.png) } .productGallery05 ul li:nth-child(3){ background-image: url(../../../images/product/product05/picsmall02.png) } .productGallery05 ul li:nth-child(4){ background-image: url(../../../images/product/product05/picsmall03.png) } .productGallery05 ul li:nth-child(5){ background-image: url(../../../images/product/product05/picsmall04.png) } .productGallery ul li.active{ border: 2px solid #069; } /* 鏀惧ぇ闀滄晥鏋滄牱寮?/ .shangpin .picsmall { width: 400px; height: 400px; position: relative; } .shangpin .picsmall span { width: 100px; height: 100px; background-color: rgba(180, 180, 180, .7); position: absolute; left: 0; top: 0; } .shangpin .picbig { position:absolute ; width: 400px; height:400px; left: 450px; top: 0; overflow: hidden; } .shangpin .picbig img { position: absolute; }