html, body {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* 隐藏整个页面的滚动条 */
  }
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    /* background: #007aff; */
    height: 100vh; /* 确保每个 slide 都占满整个视口高度 */
  }
  /* 隐藏 Swiper 的滚动条 */
  .swiper-container::-webkit-scrollbar {
    display: none;
  }
  .swiper-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }


  .index_page{
    background: url(/images/pc/index/index_bg.png)no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}


.idol_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.idol {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 93.8%;
    max-height: 93.8%;
    width: auto; /* 宽度自适应 */
}

.panle_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.index_button{
    position: absolute;
    bottom:0;
}
.index_button{
    width: 100%;
    height: 2.18rem;
    margin-bottom: 0.42rem;
}
.index_first_btn{
    display: flex;
    justify-content: center;
}
.index_button .index_btn1{
    width:2.55rem;
    height:0.78rem;
    border:none;
    background: url(/images/pc/index/btn_appstore.png)no-repeat;
    background-size: 100% 100%; 
    margin-right: 1.76rem;
}

.index_button .index_btn2{
    width:2.55rem;
    height:0.78rem;
    border:none;
    background: url(/images/pc/index/btn_google.png)no-repeat;
    background-size: 100% 100%; 
}

.index_button .index_btn3{
    width:4rem;
    height:1.13rem;
    border:none;
    background: url(/images/pc/index/btn_enter.png)no-repeat;
    background-size: 4rem 1.13rem; 
    margin-top:0.48rem;
    cursor: pointer;
}

.index_eight{
    position: absolute;
    bottom: 0.35rem;
    right: 0.94rem;
}

.index_eight .eight{
    width: 1.36rem;
    height: 1.76rem;
}

.index_recruit{
    position: absolute;
    top: 1.6rem;
    right: 0.6rem;
}

.index_recruit .recruit{
    width: 2.38rem;
    height: 2.32rem;
}

.page_feature{
    height: 100%;
    background: url(/images/pc/index/feature_bg.png)no-repeat;
    background-size: 100% 100%;
    /* z-index: 1000; */
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.cloth_slide{
    background-color: #000000;
}

.cloth {
	width: 100%;
	height: 100%;
    /* max-height: 100%; */
	overflow: hidden;
    background-color: #000000;
}

.cloth ul{
    height: 100%;
    max-height: 100%;
}


.cloth ul li{
	width: 22.78%;
	height: 100%;
	float: left;
	cursor: pointer;
	background:url(/images/pc/index/cloth1.png) 0 0  no-repeat;
	background-size: auto 100%;
	background-position: left;
	filter: brightness(30%);
	box-sizing: border-box;
}
.cloth ul li:nth-child(2){
	background:url(/images/pc/index/cloth2.png) 0 0  no-repeat;
	background-size: auto 100%;
}
.cloth ul li:nth-child(3){
	background:url(/images/pc/index/cloth3.png) 0 0  no-repeat;
	background-size: auto 100%;
}
.cloth ul li:nth-child(4){
	background:url(/images/pc/index/cloth4.png) 0 0  no-repeat;
	background-size: auto 100%;
}
 .cloth ul li:nth-child(5){
	background:url(/images/pc/index/cloth5.png) 0 0  no-repeat;
	background-size: auto 100%;
}
/*
.page2 ul li:nth-child(6){
	background:url(/images/pc/p2/3-6.jpg) 0 0  no-repeat;
	background-size: auto 100%;
} */
.cloth ul li.active{
	width: 31.66%;
	filter: brightness(100%);
}
.cloth ul li:last-child{
	position: absolute;
	right: 0;
}

.news_page{
    background: url(/images/pc/index/news_bg.png)no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_page_wrap{
    background: url(/images/pc/index/news_wrap.png)no-repeat;
    background-size: 13.38rem 8.24rem;
    height: 8.24rem;
    width:13.38rem;
    position: relative;
}

.news_page_wrap .news_pic{
    height: 6.97rem;
    width: 12.21rem;
    margin-left: 0.775rem;
    margin-top: 0.5rem;
    cursor: pointer;
    border-radius: 0.3rem;
}

.news_page_wrap .more{
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -0.3rem;
    cursor: pointer;
}

.news_page_wrap .more img{
    width: 3.70rem;
    height:1.91rem;
}

.news_more_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_more_left{
    background: url(/images/pc/index/news_left_bg.png)no-repeat;
    background-size: 2.63rem 5.60rem;
    height:5.6rem;
    width: 2.63rem;
    margin-top: 0.3rem;
    margin-right: 0.9rem;
    font-size: 0.5rem;
}

.news_more_left ul{
    margin-left: 0.23rem;
    color: rgb(133, 165, 213);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0.1rem;
    width: 2.12rem;
}

.news_more_left ul a{
    width: 2.16rem;
    height: 1.31rem;
    align-items: center;
    line-height: 1.31rem;
    cursor: pointer;
}

.news_more_left ul .dot{
    background: url(/images/pc/index/news_dot.png)no-repeat;
    background-size: 1.74rem 0.03rem;
    height: 0.03rem;
    width: 1.74rem;
    line-height: 0.03rem;
}

.news_more_left ul a{
    width: 2.16rem;
    height: 1.31rem;
    display: inline-block;
}

.news_more_left ul .actived{
    background: url(/images/pc/index/news_left_actived.png)no-repeat;
    background-size: 2.16rem 1.29rem;
    color: white;
    text-shadow: 
        -1px -1px 0 #dea701, 
        1px -1px 0 #dea701,  
        -1px 1px 0 #dea701,  
        1px 1px 0 #dea701,
        -2px -2px 0 #dea701,
        2px -2px 0 #dea701,
        -2px 2px 0 #dea701,
        2px 2px 0 #dea701;
}

.news_more_right{
    background: url(/images/pc/index/news_right_bg.png)no-repeat;
    background-size: 13.11rem 7rem;
    width:13.11rem;
    height: 7.2rem;
    position: relative;
}

.news_more_content{
    width:12.24rem;
    height: 4.87rem;
    color: rgb(73, 72, 72);
    margin-left:0.46rem;
    margin-top:1.26rem;
    font-size: 0.24rem;
}

.news_more_content ul{
    width: 11.09rem;
    margin-left: 0.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.news_more_content li{
    height: 0.93rem;
    width: 11.09rem;
    line-height: 0.93rem;
    border-bottom: 0.02rem solid rgb(133, 165, 213);
    align-items: center;
    display: flex;
}

.news_more_content li a{
    height: 0.36rem;
    width: 11.09rem;
    margin-left: 0.26rem;
    line-height: 0.36rem;
    margin-top: 0.3rem;
    cursor: pointer;
    display: flex;
    color: rgb(73, 72, 72);
}

.news_more_content li a .type{
    display: inline-block;
    background: url(/images/pc/index/news_type_bg.png)no-repeat;
    background-size: 0.9rem 0.36rem;
    height: 0.36rem;
    width: 0.9rem;
    text-align: center;
    line-height: 0.36rem;
    color: #fff;
}

.news_more_content li a .content{
    display: inline-block;
    width: 8.76rem;
    margin-left: 0.25rem;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏超出容器的部分文本 */
    text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
}

.news_more_content li a .time{
    margin-left: 0.3rem;
}
.news_more_right .news_more_back{
    background: url(/images/pc/index/news_back.png)no-repeat;
    background-size: 2.55rem 0.73rem;
    height: 0.73rem;
    width: 2.55rem;
    position:absolute;
    top: 0.47rem;
    right: 0;
}

.news_more_right .page_wrap{
    position: absolute;
    bottom: 0;
    left: 0.35rem;
}

.news_more_right .page_wrap .page_prev{
    display: inline-block;
    background: url(/images/pc/index/prev.png)no-repeat;
    background-size: 0.59rem 0.52rem;
    width: 0.59rem;
    height: 0.52rem;
    cursor: pointer;
}

.news_more_right .page_wrap .page_next{
    display: inline-block;
    background: url(/images/pc/index/next.png)no-repeat;
    background-size: 0.59rem 0.52rem;
    width: 0.59rem;
    height: 0.52rem;
    cursor: pointer;
    margin-left: 0.3rem;
}

.music_page{
    background: url(/images/pc/index/news_bg.png)no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.music_page_wrap{
    background: url(/images/pc/index/news_wrap.png)no-repeat;
    background-size: 13.38rem 8.24rem;
    height: 8.24rem;
    width:13.38rem;
    position: relative;
}

.music_page_wrap .music_pic{
    height: 6.97rem;
    width: 12.21rem;
    background: url(/images/pc/index/news.png)no-repeat;
    background-size: 12.21rem 6.97rem;
    margin-left: 0.775rem;
    margin-top: 0.5rem;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    position: relative;
}



.music_page_wrap .play{
    cursor: pointer;
    background: url(/images/pc/index/rote.png)no-repeat;
    background-size: 1.29rem 1.34rem;
    width: 1.29rem;
    height: 1.34rem;
    position: absolute;
    right: 45%;
    top: 35%;
}

.music_page_wrap  .playbtn{
    width: 1.29rem;
    height: 1.34rem;
    position: absolute;
    right: 45%;
    top: 35%;
}

.video-player{
    position: absolute;
    width:8rem;
    height:6rem;
    z-index: 9

}
.video-player video{
    width: 100%;
    height: 100%;
}
.video-close{
    padding:20px;
    background: url("/images/pc/close.png") center center no-repeat;
    position: absolute;
    cursor: pointer;
    top:35px;
    right:-39px;
}

.mask{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
}