@media screen and (min-width:1080px){
    #floating-image {  
            position: fixed;  
            top: 50px; /* 距离顶部的距离 */  
            right: 25px; /* 距离右侧的距离 */  
            width: 20vw; /* 图片的宽度 */  
            height: auto; /* 图片的高度自动调整，以保持原始比例 */  
            z-index: 999; /* 确保图片在其他内容之上 */  
      }

      .divMain01{
            position:absolute;
            width:100vw;
            /* height: 109.09vh ; */
      }
      .divMain01 .show-input{
            position: absolute;
            margin-top: 33%;
            margin-left: 34.4%;
      }

      .divMain01 .regist-button{
            width: 28.5vw;
            height: auto;
      }
      .divMain01 .regist-continer{
            position: absolute; 
            width: 28.5vw;
            height: auto;
            margin-top: 1.2%;
      }
      .divMain01 .company-show{
            position: absolute;
            margin-top: 35%;
            margin-left: 6%;
            font-size:1vw;
            font-weight: 650;
            color: #343433;
            line-height: 1.25vw;
      }
      .divMain01 .company-show-cn{
            position: absolute;
            margin-top: 37%;
            margin-left: 6%;
            font-size:1vw;
            font-weight: 650;
            color: #343433;
            line-height: 1.25vw;
      }
      .regist-pre-icon img{
            width: 13.4375vw;
      }
      .regist-pre-icon{
            position: absolute;
            display: flex;
            gap:1.1vw;
            margin-left: 85%;
            margin-top: 12%;
            justify-content: space-around;
      }
      .company-text{
            width: 28vw; 
      }


      .divMain01 .fenji-class{
            position: absolute;
            margin-top: 35%;
            margin-left: 90%;
            width:4.84vw;
            height: auto;
      }

      .show-people{
            position: absolute;
            margin-left: 36.3%;
            margin-top: -8.7%;
            width:25vw;
      }
      .show-people .div02-span2{
            position: absolute;  
            top: 50%;  
            left: 52%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */   
            /* padding: 10px;   */
            /* position: absolute; */
            font-size: 1.56vw;
            color: #ffffd7;
            font-family: 'Source Han Serif', serif;
            font-weight: 600;
            /* margin-left: 45%;
            margin-top: -6.4%;    */
      }

      .show-people .div02-span{
            position: absolute;  
            top: 50%;  
            left: 35%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */   
            color: #a5a695;
            font-size: 1.04vw;
            font-family: 'Source Han Serif', serif;
            font-weight: lighter;
            /* text-align: center; */
      }


      .regist-continer .regist-span1{
            position: absolute;
            top: 50%;  
            left: 35%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */  

            font-size: 1.04vw;
            color: #a5a695;
            font-family: 'Source Han Serif', serif;
            font-weight: normal;
            /* text-align: center; */
      }

      .regist-continer .regist-span2{
            position: absolute;
            font-size: 2.08vw;
            color: #ffffd7;
            font-family: 'Source Han Serif', serif;
            font-weight: lighter;
            top: 50%;  
            left: 60%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */   
      }

      .divMain02{
            position:absolute;
            width:100vw;
            /* height: 112.12vh; */
            margin-top: 90%;
      }

      .awardImg{
            position: absolute;
            display: flex;
            justify-content: center;
            left:26%;
            margin-top:-5%; 
            z-index: 1;
            gap:1.04vw
            /* border: 1px solid #AAA78D; */
      }
      .award-image{
            width: 10.42vw;
            height: auto;
      }

      .divMain03{
            position:absolute;
            width:100vw;
            /* height: 82.32vh; */
            margin-top: 99%;
            margin-left: 0.5%;
      }

      .my-movie-play{
            position: absolute;  
            margin-top: -25%;
            margin-left: 43%; 
            width: 10.73vw;
            height: 19.07vh;
            z-index: 2;
            transition: transform 0.5s ease; /* 添加过渡效果 */ 
      }

      .divMain04{
            position:relative;
            width:100vw;
            /* height: 138.88vh;   */
            margin-top: 175%;
      }

      .samll-img img{
            position: absolute;
            width: 13.43vw;
            height: auto;
            /* transition: border 0.5s ease; */
            z-index: 3;
            transition: all 0.6s ease;
            margin-left: 72.52%;
      }

      .samll-img #video0{
            z-index: 3;
            transform: translate(2vw,2vw);
            /* display: none;  */
            opacity: 0;
      }
      .samll-img #video1{
            z-index: 6; 
            transform: translate(6vw,6vw);
            opacity: 1;
      }
      .samll-img #video2{
            z-index: 9;
            transform: translate(10vw,18vw);
            opacity: 1;
      }
      .samll-img #video3{
            z-index: 6;
            transform: translate(6vw,30vw);
            opacity: 1;
      }
      .samll-img #video4{
            z-index: 3; 
            /* display: none;  */
            transform: translate(2vw,35vw);
            opacity: 0;
      }
      .samll-img #video5{
            z-index: 1;
            transform: translate(2vw,35vw);
            opacity: 0;
            display: none;
      }
      .samll-img #video6{
            z-index: 1;
            transform: translate(2vw,35vw);
            display: none;
            opacity: 0;
      }
      .samll-img #video7{
            z-index: 1;
            transform: translate(2vw,35vw);
            display: none;
            opacity: 0;
      }
      .samll-img #video8{
            z-index: 1;
            transform: translate(2vw,35vw);
            display: none;
            opacity: 0;
      }
      .samll-img #video9{
            z-index: 1;
            transform: translate(2vw,35vw);
            display: none;
            opacity: 0;
      }

      .video2-board{
            position: absolute;
            width: 13.43vw;
            height: auto;
            margin-left: 72.52%;
            z-index: 9; 
            transform: translate(10vw,18vw);
            opacity: 1;
      }
      


      .samll-img-title{
            width: 23.65vw;
            margin-top: -58%;
            margin-left: -2%;
            z-index: 99;
      }
      .small-img-continer{
          width: 100%;height: auto;
      }

      .divMain05{
            position:relative;
            width:100vw;
            /* height: 80.55vh;   */
            margin-top: 26%;
      }
      .short-title-div{
            position: absolute;
            display: block;
            margin-top: 8%;
            margin-left: 5%;
      }
      .short-title{
            /* width: 20.83vw; */
            width: 12.5vw;
            height: 1.6vw;
            /* background-color: #972424; */
            background-color: #333333;
            margin-top: 2vh;
            position: relative;
            z-index: 1;
      }
      .short-title p{
            /* font-family: ""; */
            max-width: 100%;
            position: absolute;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */  
            top: 50%;  
            left: 40%;

            font-size: 1.35vw;
            color: #e3e2e1;
            /* bottom: 1%;
            left: 6%; */
            font-weight:lighter;
            font-family: 'Source Han Serif', serif;
            letter-spacing:0.1vw;
      }

      .divMain06{
            width:100vw;;
            /* height: 100vh;   */
            margin-top: 95.2%;
            position:relative;
      }


      /* .sloder-img-left::after{
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
      }
      .sloder-img-right::after{
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
      } */


      .game-special{
            position: relative;
            margin-top: 0%;
            margin-left:18%;
            width: 100%;
            height: auto;      
      }
      .sloder-img{
            position: absolute;
            width: 40vw;
            height: auto;
            margin-top: 2%;
      }
      .sloder-img img{
            position: absolute;
            width: 100%;
            height: auto;
            transition: all 0.6s ease;
      }

      .sloder-img #second {
            transform: translateX(26.04vw);
            z-index: 9;
            opacity: 1;
            filter: brightness(0.3);
      }
      .sloder-img #left {
            transform: translateX(-7.8vw);
            z-index: 1;
            opacity: 0;
      }
      .sloder-img #right {
            transform: translateX(31.25vw);
            z-index: 1;
            opacity:0;
      }
      .sloder-img #last {
            transform: translateX(0);
            z-index: 1;
            opacity: 1;
            filter: brightness(0.3);
      }
      .sloder-img #first {
            transform: translateX(13.02vw) scale(1.2);
            z-index: 999;
            opacity: 2;
      }
      .left-next{
            position: absolute;margin-top: 12%;left:6%;width: 3.33vw;
      }
      .right-next{
            position: absolute;margin-top: 12%;left:90%;width: 3.33vw;
      }


      .divMain07{
            position:relative;
            width:100vw;;
            /* height: 100vh;   */
            margin-top: 148%;
      }

      .share-plat{
            width: 14.6vw;
      }

      .title-class-05{
            position: absolute;
            margin-left: 5%;
            z-index: 1;
            width: 28.5vw;
      }

      .video-show{
           display: none;
           position:relative;
           width: 100%;
           height: 100%;
      }
      .video-show-child{
            object-fit: fill;width: 66.67vw;height: auto;
      }

      .change-button{
            position: absolute;
            margin-top: 31%;
            margin-left: 40%;
            display: flex;
            justify-content: center;
            gap:1.4vw
      }
      .circle{
            /* position: absolute; */
            width: 2.19vw;
            height: 2.19vw;
            border-radius: 50%;
            /* background-color:#972424; */
            background-color:#333333;
            align-items: center; 
            justify-content: center;
      }
      .circle .circle-text{
            display: none;
            max-width: 100%;
            color: #eae8e6;
            font-size: 30;
            font-family: 'Source Han Serif', serif;
            text-align: center;
            align-items: center;

            justify-content: center;
            font-weight: 900;
            position: absolute;
            top: 50%;  
            left: 50%;
            transform: translate(-50%, -50%); 
      }

      .bottom-class{
            background-color: black;
            width: 100vw;
            height: 34.78vh;
            margin-left: -1%;border-top: 6px solid #c4250f;margin-top: 4%;
            display: flex;
      }
      .imgLogo div{
            margin: 15px;
      }
      .imgLogo{
            display: flex;
            width: 50%;
            margin-top: 2%;
            justify-content: right;
      }
      .distance{
            margin: 1%;
            font-size: 1.04vw;
      }
      .text-content-class{
            width: 50%;margin-top: 4%;margin-left: 2%;
      }
      .tip-show{
            color:cornsilk;
            margin-left: 1%;
            font-size: 1.04vw;
            display: none;
      }
      .jump-content{
            display: flex;
      }
}

@media screen and (max-width:1080px){
    #floating-image {  
            position: fixed;  
            top: 63%; /* 距离顶部的距离 */  
            right: 3%; /* 距离右侧的距离 */  
            width: 30vw; /* 图片的宽度 */  
            height: auto; /* 图片的高度自动调整，以保持原始比例 */  
            z-index: 999; /* 确保图片在其他内容之上 */  
      }
      .divMain01{
            position:absolute;
            width:100vw;
      }
      .divMain01 .show-input{
            position: absolute;
            width: 100%;
            margin-top: 135%;
            display: grid; 
            justify-items: center;
            /* margin-left: 14.5%; */
      }
      .divMain01 .regist-button{
            width: 69.6vw;
            height: auto;
      }
      .divMain01 .regist-continer{
            position: absolute; 
            width: 69.6vw;
            height: auto;
            margin-top: 14%;

      }
      .divMain01 .company-show-cn{
            position: absolute;
            margin-top: 162%;
            /* margin-left: 22%; */
            font-size:3.33vw;
            font-weight: 650;
            color: #343433;
            line-height: 4vw;
            justify-content: center;
            text-align: center;
      }
      .divMain01 .company-show{
            position: absolute;
            width: 100%;
            margin-top: 162%;
            /* margin-left: 16.5%; */
            font-size:3.33vw;
            font-weight: 650;
            color: #343433;
            line-height: 4vw;
            text-align: center; 
             display: grid; 
            justify-items: center;
      }

      .regist-pre-icon img{
            width: 32vw;
      }
      .regist-pre-icon{
            display: flex;
            gap:1.1vw;
            width:70vw;
            flex-wrap: wrap;
            /* justify-content: space-around; */
      }
      .company-text{
            width: 68vw; 
      }

      .divMain01 .fenji-class{
            position: absolute;
            margin-top: 3%;
            margin-left: 80%;
            width: 12vw;
            height: auto;
      }

      .regist-continer .regist-span1{
            position: absolute;
            top: 50%;  
            left: 35%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */  

            font-size: 2.6vw;
            color: #a5a695;
            font-family: 'Source Han Serif', serif;
            font-weight: normal;
            /* text-align: center; */
      }

      .regist-continer .regist-span2{
            position: absolute;
            font-size: 5.3vw;
            color: #ffffd7;
            font-family: 'Source Han Serif', serif;
            font-weight: lighter;
            top: 50%;  
            left: 58%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */   
      }

      .divMain02{
            position:absolute;
            width:100vw;
            /* height: 112.12vh; */
            margin-top: 347%;
      }

      .show-people{
            position: absolute;
            margin-left: 16%;
            margin-top: -3%;
            width:64vw;
      }
      .show-people .div02-span2{
            position: absolute;  
            top: 50%;  
            left: 52%;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */   
            /* padding: 10px;   */
            /* position: absolute; */
            font-size: 4vw;
            color: #ffffd7;
            font-family: 'Source Han Serif', serif;
            font-weight: 600;
            /* margin-left: 45%;
            margin-top: -6.4%;    */
      }

      .show-people .div02-span{
            position: absolute;  
            top: 50%;  
            left: 35%;
            transform: translate(-50%, -50%);  
            color: #a5a695;
            font-size: 2.6vw;
            font-family: 'Source Han Serif', serif;
            font-weight: lighter;
            /* text-align: center; */
      }

      .awardImg{
            position: absolute;
            display: flex;
            justify-content: center;
            left:15%;
            margin-top:4%; 
            z-index: 1;
            gap:1.04vw
            /* border: 1px solid #AAA78D; */
      }
      .award-image{
            width: 16.5vw;
            height: auto;
      }

      .divMain03{
            position:absolute;
            width:100vw;
            /* height: 82.32vh; */
            margin-top: 408%;
            margin-left: -2.5%;
      }

      .my-movie-play{
            position: absolute;  
            margin-top: -58%;
            margin-left: 40%; 
            width: 17.46vw;
            height: auto;
            z-index: 2;
            transition: transform 0.5s ease; /* 添加过渡效果 */ 
      }

      .samll-img img{
            position: absolute;
            width: 25.73vw;
            height: auto;
            /* transition: border 0.5s ease; */
            z-index: 3;
            transition: all 0.6s ease;
            margin-top: 115%;
            /* margin-left: 72.52%; */
      }
       .samll-img #video0{
            z-index: 3;
            transform: translate(1vw);
            opacity: 0;
      }
      .samll-img #video1{
            z-index: 6; 
            transform: translate(5vw);
            opacity: 1;
      }
      .samll-img #video2{
            z-index: 9;
            transform: translate(35vw);
            opacity: 1;
      }
      .samll-img #video3{
            z-index: 6;
            transform: translate(65vw);
            opacity: 1;
      }
      .samll-img #video4{
            z-index: 3; 
            /* display: none; */
            transform: translate(70vw);
            opacity: 0;
      }
      .samll-img #video5{
            z-index: 3;
            transform: translate(3vw);
            display: none;
      }
      .samll-img #video6{
            z-index: 3;
            transform: translate(3vw);
            display: none;
      }
      .samll-img #video7{
            z-index: 3;
            transform: translate(3vw);
            display: none;
      }
      .samll-img #video8{
            z-index: 3;
            transform: translate(3vw);
            display: none;
      }
      .samll-img #video9{
            z-index: 3;
            transform: translate(3vw);
            display: none;
      }

      .video2-board{
            position: absolute;
            width: 25.73vw;
            height: auto;
            /* transition: border 0.5s ease; */
            transition: all 0.6s ease;
            margin-top: 115%;
            z-index: 9; transform: translate(35vw);
      }

      .samll-img-title{
            position: relative;
            display: flex;
            margin-top: 787%;
            margin-left: 6%;
            z-index: 99; 
            gap:1.04vw
      }
      .samll-img-title .mobile-list{
            width: 20.93vw;
      }
      .small-img-continer{
          width: 100%;height: auto;  
      }


      .divMain04-mobile{
            position:relative;
            width:100vw;
            /* height: 138.88vh;   */
            margin-top: 635%;
            margin-left: -4%;
      }
      
      .divMain05{
            position:relative;
            width:100vw;
            /* height: 80.55vh;   */
            margin-top: 42%;
            margin-left: -4%;
      }

      .short-title-div{
            position: absolute;
            display: block;
            margin-top: 14%;
            margin-left: 5%;
      }
      .short-title{
            width: 21.2vw;
            height: 9vw;
            /* background-color: #972424; */
            background-color: #333333;
            margin-top: 2%;
            position: relative;
            z-index: 1;
            /* margin-left: 5%; */
      }
      .short-title p{
            /* font-family: ""; */
            margin-left: 12%;
            max-width: 100%;
            position: absolute;
            transform: translate(-50%, -50%); /* 将文本框水平垂直居中 */  
            top: 50%;  
            left: 40%;
            font-size:3.6vw;
            color: #e3e2e1;
            /* bottom: 1%;
            left: 6%; */
            font-weight:lighter;
            font-family: 'Source Han Serif', serif;
            word-break: keep-all;
            /* letter-spacing:0.1vw; */
      }


      .divMain06{
            width:100vw;;
            /* height: 100vh;   */
            margin-top: 206%;
            position:relative;
             margin-left: -1%;
      }

      .game-special{
            position: relative;
            margin-top: 0%;
            margin-left:12%;
            width: 100%;
            height: auto;      
      }
      .sloder-img{
            position: absolute;
            width: 50vw;
            height: auto;
            margin-top: 2%;
      }
      .sloder-img img{
            position: absolute;
            width: 100%;
            height: auto;
            transition: all 0.6s ease;
      }

      .sloder-img #second {
            transform: translateX(20vw);
            z-index: 9;
            opacity: 1;
            filter: brightness(0.3);
      }
      .sloder-img #left {
            transform: translateX(-5vw);
            z-index: 1;
            opacity: 0;
      }
      .sloder-img #right {
            transform: translateX(30vw);
            z-index: 1;
            opacity:0;
      }
      .sloder-img #last {
            transform: translateX(0);
            z-index: 1;
            opacity: 1;
            filter: brightness(0.3);
      }
      .sloder-img #first {
            transform: translateX(10vw) scale(1.2);
            z-index: 999;
            opacity: 2;
      }
      .left-next{
            position: absolute;margin-top: 15%;left:0.5%;width: 8vw;
      }
      .right-next{
            position: absolute;margin-top: 15%;left:89%;width: 8vw;
      }

      .divMain07{
            position:relative;
            width:100vw;;
            /* height: 100vh;   */
            margin-top: 307%;
            margin-left: -1%;
      }

      .title-class-05{
            position: absolute;
            margin-left: 5%;
            z-index: 1;
            width: 77.2vw;
      }
      .share-plat{
            width: 21.6vw;
      }

      .video-show{
           display: none;
           position:relative;
           width: 100%;
           height: 100%;
      }
      .video-show-child{
            object-fit: fill;width: 100vw;height: auto;
      }

      .change-button{
            position: absolute;
            margin-top: 50%;
            margin-left: 35%;
            display: flex;
            justify-content: center;
            gap:1.4vw
      }
      .circle{
            /* position: absolute; */
            width: 2.19vw;
            height: 2.19vw;
            border-radius: 50%;
            /* background-color:#972424; */
            background-color:#333333;
            align-items: center; 
            justify-content: center;
      }
      .circle .circle-text{
            display: none;
            max-width: 100%;
            color: #eae8e6;
            font-size: 30;
            font-family: 'Source Han Serif', serif;
            text-align: center;
            align-items: center;

            justify-content: center;
            font-weight: 900;
            position: absolute;
            top: 50%;  
            left: 50%;
            transform: translate(-50%, -50%); 
      }
      .imgLogo div{
            margin: 15px;
      }
      .imgLogo{
            display: flex;
            width: 100%;
            margin-top: 2%;
            justify-content: center;
      }
      .distance{
            margin: 2%;
            font-size: 3.04vw;
      }
      .text-content-class{
            width: 100%;margin-top: 4%;
      }
      .tip-show{
            color:cornsilk;margin-left: 1%;
            font-size: 3.04vw;
            display: none;
            text-align: center;
      }
      .jump-content{
            display: flex;
            margin-left: 10%;
      }
}

img {
      width: 100%;
      height: auto;
}
.member-class{
    position: absolute;
    /* animation: 0.8s ease-out; */
    /* animation-iteration-count: 1;  */
    margin-top: -15%;
    margin-left: 0%;
    opacity: 0;
    transition: opacity 2s ease-in-out; /* 设置淡入淡出效果的持续时间 */ 
    /* z-index: 5; */
}
.member-class.active {  
    opacity: 1;  
}
.resetAnimation{
      /* animation:none; */
       opacity: 1;  
}

@keyframes slide {  
      0% {  
        transform: translateX(100%);  
        opacity: 0;
      } 
      50% {
            opacity: 0.5;
      }
      100% {
            opacity: 1;
      }
}

@keyframes abs-slide {  
      0% {  
        transform: translateX(-100%);  
      }  
}

.trans-big{
      animation: scaleUp 2s ease-out forwards;  
}
@keyframes scaleUp {  
      0% {  
            transform: scale(1);  
      }  
      100% {  
            transform: scale(1.2);  
      }  
}  
@keyframes scaledown {  
      0% {  
            transform: scale(1);  
      }  
      100% {  
            transform: scale(0.8);  
      }  
}    

/* .samll-img:hover{
      z-index: 22;
      transform: scale(1.02);
} */
/* .samll-img2:hover{
      transform: scale(0.95); 
}
.samll-img3:hover{
      transform: scale(0.95); 
} */
.layui-layer-title {
      display: none !important;
}
.layui-layer-page .layui-layer-content{
      overflow:visible;
}
.carousel-inner img {
      width: 100%;
      height: 100%;
}

.samll-member-title{
    position: relative;
    z-index: 99;
}
.samll-member-title:hover{
      transform: scale(0.95); 
}
.plat-link{
       transition: transform 0.5s ease; /* 添加过渡效果 */  
}
.plat-link:hover{
      transform: scale(0.95);
      /* border: 1px solid #333333; */
}
.my-movie-play:hover{
       transform: scale(0.95);      
}
.star-img{
      transition: transform 0.1s ease; /* 添加过渡效果 */  
}
.option-style{
      font-size: 1.04vw;
      color: #333333;
      font-weight: lighter;
}