@charset "utf-8"; /* CSS Document */ /*common*/ html, body { margin: 0; padding: 0; } /*banner*/ .banner { width: 100%; height: 14.5rem; background: #fff; overflow: hidden; position: relative; margin-bottom: 30px; } /*幻灯Banner*/ .slideplay { width: 100%; height: 14.5rem; object-fit: cover; position: relative; overflow: hidden; } .slideplay .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); } .slideplay .slideplay-pagination { position: absolute; bottom: 2rem; text-align: center; z-index: 10; } .slideplay .slideplay-pagination span { width: 10px; height: 10px; } /* 轮播 新增样式1 start */ .swiper-button-prev { left: 32px; position: absolute; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #fff; background: rgba(102, 102, 102, 0.5); } .swiper-button-prev i { display: flex; align-items: center; justify-content: center; font-size: 18px; margin: 0 auto; color: #fff; opacity: 0.7; } .swiper-button-prev:hover i { opacity: 1; } .swiper-button-prev::after { content: ''; } .swiper-button-next { position: absolute; right: 32px; top: 50%; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #fff; background: rgba(102, 102, 102, 0.5); } .swiper-button-next i { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 18px; margin: 0 auto; color: #fff; opacity: 0.7; } .swiper-button-next:hover i { opacity: 1; } .swiper-button-next::after { content: ''; } @media screen and (max-width: 768px) { .banner { height: 40vh; } .slideplay { height: 40vh; } .swiper-button-next, .swiper-button-prev { width: 32px; height: 32px; } } /* 轮播 新增样式1 end */ /* 新增 我要报名页 添加样式 start */ /* .breadcrumb_left { margin-top: 0; } */ /* 新增 end */ /* 100vh 全局替换为 14.5rem */