panda_web/assets/style/common/index.css

@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%;
}