/* 适用于Firefox浏览器的样式 */
@-moz-document url-prefix() {
    body{
        background-color : #000;
        margin: 0;
        color: #ffffff;
        display: flex;
    }
    @font-face {
        font-family: titleFont;
        src: url("../assets/fonts/ys_title_black.ttf");
    }
    @font-face {
        font-family: textFont;
        src: url("../assets/fonts/pf_medium.ttf");
    }

    @media (min-width: 769px) {

        #header {
            top: 0;
            left: 20%;
            color: #fff;
            background-image: url("https://static-10019068.cos.ap-shanghai.myqcloud.com/resource/pc/sibase_img/fireheader.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            height: 80vh;
            justify-content: center;
            background-repeat: no-repeat;
            background-position: center;
        }
        .index_img{

            display: none;
            transform: scale(0.2);
            margin: -15% 0 0;
        }
        .title_img {
            display: none;
            transform: scale(0.5);
            margin: -18% 0 0;
        }
        .solid_title{
            display: none;
            transform: scale(0.6);
            font-size: 20px;
            padding-top: 18px;
        }

        .second_part{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("https://static-10019068.cos.ap-shanghai.myqcloud.com/resource/pc/sibase_img/background_second.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 100vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
        .sevenFaculty{
            transform: scale(0.5);
            position: absolute;
            top: -2%;
        }
        .facultyIntro{
            transform: scale(0.6);
            position: absolute;
            top: 8%;
        }
        div.swiper-container {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 800px;
            height: 400px;
            border-radius: 5px;
            background-color: transparent;
        }
        div.swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            font-size: 60px;
            background-size: 70%;
            background-repeat: no-repeat;
        }
        .swiperImg{
            transform: scale(0.4);
        }
        .chatWithGpt{
            transform: scale(0.6);
            position: relative;
            top: 80%;
            cursor: pointer;
            transition: transform 0.5s ease;
        }
        .chatWithGpt:hover{
            transform: scale(0.65);
        }

        .third_part{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("https://static-10019068.cos.ap-shanghai.myqcloud.com/resource/pc/sibase_img/third_background.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 120vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
        .badge_part {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 900px;
            height: 500px;
            margin-top: 20%;
        }

        .arrow {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            margin-left: -1%;
            animation-name: beat;
            animation-duration: 6s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-play-state: running;
        }
        .arrow span {
            width: calc(33.33% - 10px);
            margin: 5px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .arrow img {
            transform: scale(0.7);
            margin: 0 30px;
            cursor: pointer;
        }
        .arrow p {
            margin-top: -15px;
            font-family: textFont;
            font-size: 20px;
        }

        @keyframes beat {
            0% {
                bottom: 15%;
            }

            25% {
                bottom: 14%;
            }

            50% {
                bottom: 15%;
            }

            75% {
                bottom: 14%;
            }

            100% {
                bottom: 15%;
            }
        }
        .toRoom{
            transform: scale(0.6);
            position: absolute;
            top: 90%;
            transition: transform 0.5s ease;
        }
        .toRoom:hover{
            transform: scale(0.65);
        }

        .fourth_part{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("https://static-10019068.cos.ap-shanghai.myqcloud.com/resource/pc/sibase_img/fourth_bg.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 110vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
        .stationTitle-container {
            text-align: center;
            margin-top: 10px;
        }
        .custom-stationTitle {
            background-image: url("../img/title_bg.png");
            background-repeat: no-repeat;
            background-color: transparent;
            transform: scale(0.6);
            width: 717px;
            height: 155px;
            font-family: titleFont;
            font-size: 65px;
            color: #61ff92;
            transition: background-color 0.3s ease;
            border: none;
            padding: 10px 20px;
        }
        .fourBorder {
            transform: scale(0.6);
            margin-top: -70px;
            display: inline-block;
            position: relative;
            font-size: 18px; /* 根据需要调整字体大小 */
            color: white; /* 文字颜色 */
        }
        .fontcontainer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .titleFont1 {
            position: absolute;
            display: block;
            font-size: 39px;
            color: #61ff92;
            font-family: titleFont;
            left: 25%;
            top: 29%;
            text-decoration: none;
        }
        .textFont1 {
            position: absolute;
            display: block;
            font-size: 27px;
            color: #cccccc;
            font-family: textFont;
            left: 29%;
            top: 34%;
        }
        .titleFont2 {
            position: absolute;
            display: block;
            font-size: 34px;
            color: #61ff92;
            font-family: titleFont;
            left: 65%;
            top: 29%;
        }
        .textFont2 {
            position: absolute;
            display: block;
            font-size: 27px;
            color: #cccccc;
            font-family: textFont;
            left: 66%;
            top: 34%;
        }
        .titleFont3 {
            position: absolute;
            display: block;
            font-size: 35px;
            color: #61ff92;
            font-family: titleFont;
            left: 25%;
            top: 57%;
        }
        .textFont3 {
            position: absolute;
            display: block;
            font-size: 27px;
            color: #cccccc;
            font-family: textFont;
            left: 27%;
            top: 62%;
        }
        .titleFont4 {
            position: absolute;
            display: block;
            font-size: 33px;
            color: #61ff92;
            font-family: titleFont;
            left: 65%;
            top: 55%;
        }
        .textFont4 {
            position: absolute;
            display: block;
            font-size: 25px;
            color: #cccccc;
            font-family: textFont;
            left: 66%;
            top: 64%;
        }
        .custom-stationTitle2{
            background-image: url("../img/title_bg.png");
            background-repeat: no-repeat;
            background-color: transparent;
            transform: scale(0.6);
            width: 717px;
            height: 180px;
            font-family: titleFont;
            font-size: 65px;
            color: #61ff92;
            transition: background-color 0.3s ease;
            border: none;
            padding: 40px 50px;
            margin-top: 5%;
            z-index: 9;
        }

        .libraryPart{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("../img/libraryPart.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 100vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
        .areaShow{
            background-color: transparent;
            width: 50%;
            height: 70%;
            margin-top: 7%;
        }
        .button-container{
            margin-left: -70%;
            margin-top: 10%;
        }
        .img-button {
            border: none;
            padding: 10px 20px;
            margin: 15px;
            width: 75px;
            height: 75px;
            cursor: pointer;
            background-size: cover; /* 让背景图片覆盖整个按钮 */
            transition: background-image 0.5s ease; /* 过渡效果 */
            background-color: transparent;
        }
        .display-image{
            margin-top: -60%;
            margin-left: 10%;
            transform: scale(0.65);
        }
        .tokaiyuan{
            cursor: pointer;
            transform: scale(0.6);
            position: absolute;
            top: 82%;
            left: 23%;
            transition: transform 0.5s ease;
        }
        .tokaiyuan:hover{
            transform: scale(0.65);
        }
        .tolib{
            cursor: pointer;
            transform: scale(0.6);
            position: absolute;
            top: 82%;
            left: 49%;
            transition: transform 0.5s ease;
        }
        .tolib:hover{
            transform: scale(0.65);
        }
        .videoPart {
            position: relative;
            background-image: url("../img/video_bg.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 100vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
        .videoDetails {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 900px;
            height: 750px;
            margin-top: 9%;
            gap: 20px; /* 可选，设置卡片之间的间距 */
        }
        .videoImg{
            width: 250px;
            height: 330px;
            margin: 20px;
        }
        .row {
            display: flex;
            justify-content: space-between;
        }
        .fifth_part{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("../img/fifth_bg.png");
            text-align: center;
            background-size: 50% 90%;
            width: 100%;
            display: flex;
            height: 260vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }

        .showGoods{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("../img/showGoods.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 100vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
        .badge_part2 {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 900px;
            height: 500px;
            margin-top: 10%;
        }

        .arrow2 {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            margin-left: -1%;
            animation-name: beat;
            animation-duration: 6s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-play-state: running;
        }
        .arrow2 span {
            width: calc(33.33% - 10px);
            margin: 5px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .arrow2 img {
            transform: scale(0.7);
            margin: 0 30px;
        }
        .toStore{
            transform: scale(0.6);
            position: absolute;
            top: 80%;
            cursor: pointer;
            transition: transform 0.5s ease;
        }
        .toStore:hover{
            transform: scale(0.65);
        }

        .candSi{
            position: relative;  /* 设置为相对定位，使内部的图片可以相对于它定位 */
            background-image: url("../img/candSi.png");
            text-align: center;
            background-size: 50% 100%;
            width: 100%;
            display: flex;
            height: 100vh;
            justify-content: center;  /* 使内部的图片水平居中 */
            background-repeat: no-repeat;
            background-position: center;
        }
    }


}