/* 视频页面布局 */
.swiper-counter{
    display: block;
    display: none;
}
.video-cont {
    width: 100%;
    height: 100%;
}
.photo-tip{
    display: none;

}
.video-page {
    height: 100%;
    padding-top: 1.11rem;
    box-sizing: border-box;
    background: url(https://game.gtimg.cn/images/empress/m/m202508/gtmx_bg.jpg) no-repeat center top;
    background-size: cover;
    object-position: center top;
    padding-bottom: 2.27rem;
}
.video-swiper-dialog{
    width: 6rem;
    height: 10.66rem;
}
.video-swiper-dialog.heng{
    width: 6.71rem;
    height: 3.77rem; 
}
.swiper-controls{
    width: 6rem;
}
.video-swiper-dialog.heng .swiper-controls{
    width: 6.71rem;
    
}
.video-page .main-cent {
    position: relative;
    width: 100%;
    height: 100%;
    /* display: flex; */
    /* flex-direction: column;
    align-items: center;
    justify-content: center; */
    /* justify-content: space-evenly; */
     /* height: calc(100% - 4rem); */
    /* height: calc(100% - 3.3rem); */
    overflow-x: hidden;
    overflow-y: scroll;
}

.video-page .page5-title {
    /* width: 1.89rem; */
    margin: 0 auto 0.7rem;
}

/* 媒体内容样式 */
.media-container {
    margin: 0 auto;
    width: 100%;
}
.media-content {
    width: 6.85rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.3rem 0.15rem;
    position: relative;
    background-color: #fef8df;
}
.m_page_list::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 0.06rem;
    left:0;
    top:-0.2rem;
}
.media-content.active {
    display: block;
}
.media-nav {
    display: flex;
    justify-content: space-around;
    /* gap: 0.4rem; */
    margin-bottom: 0.3rem;
    height: 0.52rem;
    margin: 0 auto 0.3rem;
    width: 6.16rem;
}

.media-nav .nav-item {
    width: 2.71rem;
    height: 0.52rem;
    font-size: 0.34rem;
    line-height: 0.52rem;
    color: #ffefdc;
    cursor: pointer;
    text-align: center;
    background: url(https://game.gtimg.cn/images/empress/m/m202508/media_nav_bg.png) center no-repeat;
    background-size: 100% 100%;
}

.media-nav .nav-item.active {
    color: #7c311e;
    background: url(https://game.gtimg.cn/images/empress/m/m202508/media_nav_bg_on.png) center no-repeat;
    background-size: 100% 100%;
}


.photo-list, .video-list {
    width: 6.71rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    box-sizing: border-box;
    /* padding-bottom: 0.47rem; */
}
.video-list .video-wrapper::after{
    content: "";
    display: none;
   
  
}
.photo-list{
    width: 100%;

}
.photo-wrapper .popimg{
    display: block;
    width: 100%;
    height: 100%;
}
 .video-wrapper {
    width:3.28rem;
    height: 6rem;
    /* height: 4.37rem; */
    /* height: 1.86rem; */
    position: relative;
    /* overflow: hidden; */
    border: solid 0.02rem #ffdb9d;
    /* border-radius: 0.09rem; */
    box-sizing: border-box;
    margin:0  0.15rem 0.12rem  0rem;
}


.video-wrapper:nth-child(2n){
    margin-right: 0;
}
/* .video-wrapper:first-child,.video-wrapper:nth-child(2),.video-wrapper:nth-child(3){
    width: 100%;
    height: 3.77rem;
    margin-right: 0;
} */
.photo-wrapper {
    width:1.73rem;
    height: 2.59rem;
    position: relative;
    /* overflow: hidden; */
    border: solid 0.01rem rgba(237, 188, 123, 0.8);
    border-radius: 0.09rem;
    box-sizing: border-box;
    /* margin: 0 0.07rem 0.06rem; */
}
.video-wrapper a{
    display: block;
    width: 100%;
    height: 100%;
}
.photo-wrapper img, .video-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.magnifier-icon {
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    width: 0.43rem;
    height: 0.44rem;
    background: url(https://game.gtimg.cn/images/empress/m/m202508/common/magnifier_icon.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.87rem;
    height: 0.85rem;
    /* background: url(https://game.gtimg.cn/images/empress/m/m202508/common/play.png) no-repeat center;
    background-size: contain; */
    background-position: -0.1rem -4.94rem;
    cursor: pointer;
}
/* 图片轮播弹框样式 */
.video-list {
    /* height: 6.52rem; */
    margin: 0 auto;
}
.videolist{
    width: 100%;
    height: 100%;
}
.m_page_list{
    position: absolute;
    bottom:0.28rem;
    left: 0;
}
.top-nav{
    opacity: 1;
}
.overdata{
    font-size: 0.2rem;
    text-align: center;
    color: #ffe3a3;
}