@charset "utf-8"; /* swiper */ .swiper-container { width: 100%; height: 100%; } .swiper-slide { /*text-align: center; font-size: 18px; background: #fff;*/ /* Center slide text vertically */ /*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/ } .swiper-container1{ position: relative; overflow: hidden; } /* nav */ .navL { display: flex; width: 1200px; margin: 0 auto; text-align: center; } .navL span { margin-top: 10px; } .navL li { padding: 8px 0; transition: 0.4s all; flex: 1; } .navL li:hover { background: #b78a4b; } .navL a { color: #c1c1c1; font-size: 16px } .navL p { color: #a2a2a2; } .navL li:hover p { transition: 0.4s all; color: white; } /* product */ .productL { position: relative; margin-right: 8px; padding: 0 !important; flex: 1; border-radius: 20px; overflow: hidden; } .productL:last-child { margin-right: 0; } .productL img { width: 100%; } .productL p { position: absolute; text-align: center; line-height: 20px; width: 100% !important; background: rgba(0, 0, 0, .8); height: 30px; bottom: 0; line-height: 30px !important; padding: 0 !important; }