.warp{
  height: calc( 100vh - 100rem);
  overflow-x: hidden;
  .header{
    position: absolute;
  }
  .dhPage .dhTitle{
    position: absolute;
  }
}
.indexPage {
    width: 100%;
    height: 100vh;
    background: url(//game.gtimg.cn/images/nikke/act/a20251016halfyear/indexBg.jpg)50% 50%/cover no-repeat ;
}
.pcHeader {
  background: url(//game.gtimg.cn/images/nikke/act/a20251016halfyear/pcHeader.png) repeat-x;
  background-size: 100% 100%;
  height: 100rem;
  display: flex;
  align-items: center;
  padding: 0 30rem;
  justify-content: space-between;

  .logo {
    background: url(//game.gtimg.cn/images/nikke/act/a20251016halfyear/logo.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 87rem;
    height: 40rem;
  }

  .avatar {
    background: url(//game.gtimg.cn/images/nikke/act/a20251016halfyear/avatar.png) no-repeat;
    background-size: 100% 100%;
    width: 76rem;
    height: 76rem;
    margin-right: 15rem;
    padding: 3rem;

    img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 100%;
    }
  }
}