@import "./normalize.css"; /*轮播图*/ @import "https://cdn.staticfile.org/Swiper/8.2.2/swiper-bundle.min.css"; /*按钮hover特效*/ @import "https://cdn.bootcdn.net/ajax/libs/hover.css/2.3.1/css/hover-min.css"; /*css特效*/ @import "https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"; /*字体图标库*/ @import "https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css"; /* bootstrap */ @import "https://cdn.staticfile.org/bootstrap/5.1.3/css/bootstrap.min.css"; /*字体*/ @font-face{ font-family: 'Gilroy-Thin'; src: url('../../fonts/Gilroy-Thin.otf') } @font-face{ font-family: 'NexaBold'; src: url('../../fonts/NexaBold.otf') } /* 列表 */ .list-box1 .accordion-button:not(.collapsed){ color: unset; background: unset; box-shadow: unset; border-bottom: 1px solid rgba(0,0,0,.125); transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease /*去掉border的过度效果*/ } .list-box1 .accordion-button:focus{ box-shadow: unset; } .list-box1 .accordion-button::after{ width: 11px; height: 11px; background-size: 100% 100%; } .list-box1 .accordion-button{ padding: 4.93vw 4vw; } .list-box1 .title{ font-size: 4.8vw; font-family: NexaBold, NexaBold-Regular; font-weight: 400; text-align: justifyLeft; color: #242a30; line-height: 9.6vw; } .list-box1 .link{ font-size: 3.73vw; font-family: NexaBold, NexaBold-Regular; font-weight: 400; text-align: justifyLeft; color: #97a5b0; line-height: 7.46vw; } /* 全屏弹出层 */ .full-screen{ position: fixed; top: 0; left: 0; z-index: 1000; height: 100%; width: 100%; background: white; display: none; } .full-screen .header{ width: 100%; height:15.73vw; background: #008CFF; display: flex; align-items: center; justify-content: space-between; padding: 0 4vw; } .full-screen .header .logo{ width: 26.8vw; height: 7.73vw; } .full-screen .header .close{ width: 4.66vw; height: 4.66vw; } /* 轮播图的指示器样式 */ .swiper-pagination-bullet{ background: white; opacity: 1; transform: scale(0.8); } .swiper-pagination-bullet-active{ position: relative; transform: scale(0.8); } .swiper-pagination-bullet-active:after{ content: ''; position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; transform: translate(-50%,-50%); border: 2px white solid; background: transparent; border-radius: 50%; }