html{display:none}
body{position: relative; width: 100%;height: auto; background: url(https://game.gtimg.cn/images/empress/web202508/news/bg.jpg) center top no-repeat #542b15; background-size: cover;}



.content{ width: 100%;position: absolute;height:100%;    overflow: hidden;}

.centerbox{
    width: 1680rem;position: absolute;transform: translate(-50%,0);left: 50%;top: 50%;height:100%;margin-top:-550rem;   
}



.topnav{
    height: 100rem;
    position: relative;
    top: 175rem;
}

.back{width: 137rem;height: 40rem;position: absolute;left: 0;z-index: 10;top: 50%;transform: translate(0,-50%);background: url(https://game.gtimg.cn/images/empress/web202508/news/back.png) left center no-repeat;background-size: 100% auto;}



.title{text-indent: -9999rem;margin: 0 auto;width: 325rem;height: 74rem;background: url(https://game.gtimg.cn/images/empress/web202508/page7/title.png) center bottom no-repeat;background-size: 100% auto;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}


.swiper-pagination-clickable .swiper-pagination-bullet{
    pointer-events: none;
}




.imagevideobox{
    width: 100%;
    height: 750rem;
    position: relative;
    top: 200rem;
    padding-right: 20rem;
    overflow: hidden;
    overflow-y: auto;
    }

 .imagevideobox::-webkit-scrollbar {
   display: none;
}

   .waterfall {
            position: relative;
            margin: 0 auto;

        }

        .item {
            position: absolute;
            width: calc(20% - 20rem);
            /* 每行5张图片 */
            margin: 10rem;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10rem 20rem rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(5rem);
            cursor: pointer;
        }

        .item.on {
            border: 1.5rem solid #ffdb9d;
        }

        .item:hover {
            transform: translateY(-10rem);
            box-shadow: 0 15rem 30rem rgba(0, 0, 0, 0.3);
            z-index: 10;
        }

        .item img {
            width: 100%;
            height: 100%;
            display: block;
            transition: transform 0.5s ease;
        }

        .item:hover img {
            transform: scale(1.05);
        }

        .loading {
            text-align: center;
            padding: 30rem;
            font-size: 12rem;
            display: none;
            color: #fff;
			font-family: zkt;
        }

        .end-message {
            color: #fff;
            text-align: center;
            padding: 40rem;
            font-size: 12rem;
            display: none;
        }















/* video */

.vcontent{
    width: 1680rem;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    height: 100%; 
}

.showevideobox{
    width: 100%;
  height: 750rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 280rem;
    overflow: hidden;
    }

.contentbox{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 20rem;
}




.contentbox .videobox{
    height: 675rem;
}
.contentbox .videobox ul{    font-size: 0;}
.contentbox .videobox li{
    position: relative;
    display: inline-block;
    margin-bottom: 30rem;
    margin-right: 30rem;
    width: 384rem;
    height: 683rem;
    object-fit: cover;
    cursor: pointer;
    overflow: hidden;

}

.contentbox .videobox li:nth-child(1) {
    width: 800rem;
    height: 450rem;

}
.contentbox .videobox li:nth-child(2) {
    width: 800rem;
    height: 450rem;
    margin-right: 0;
}
.contentbox .videobox li:last-child{
    margin-right: 0;  
}
.contentbox .videobox li img{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.contentbox  .videobox li:hover img{
    transform: scale(1.2);
}

.contentbox .videobox li  a{
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 79rem;
    height: 78rem;
    transform: translate(-50%,-50%);
    background: url(https://game.gtimg.cn/images/empress/web202508/imgvideo/video/play.png) center center no-repeat;
    background-size: 100% auto;
}

.popMedia.pop_jz{
    width: 770rem;
}
.popMedia .popContent{
  background: none;	
}
.popMedia.pop_jz .close{right: 30rem;}




.popMedia.pop_jz .popContent{


  background: none;	
     
}


.popMedia.pop_jz .popContent .videolist {
    width: 100%;
    height: 100%;
}

.popMedia.pop_jz .popContent .videolist iframe{
    width:85%;
    height: 100%;  
}