/* 818 巅峰狂欢：整页切图叠输入框 / 领取按钮 */

.act-page img{max-width:100%;display:block;-webkit-user-drag:none;}
.act-page input,
.act-page button{background:transparent;border:none;padding:0;margin:0;outline:none;}

.act-hero{
  height:1932px;
  min-width:var(--container-width);
  margin:0 auto;
  position:relative;
  background-color:var(--color-primary);
  background-position:center top;
  background-repeat:no-repeat;
  background-size:1920px 1932px;
}
.act-wrap{
  width:var(--container-width);
  height:100%;
  margin:0 auto;
  position:relative;
}

.act-page .act-input{
  position:absolute;
  left:355px;
  top:1163px;
  width:490px;
  height:100px;
  box-sizing:border-box;
  border:none;
  border-radius:50px;
  background:#fff;
  box-shadow:inset 0 4px 6px rgba(80,40,120,.16);
  color:#7948fa;
  font-size:32px;
  font-weight:700;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  padding:0 28px;
  margin:0;
  z-index:2;
  -webkit-appearance:none;
  appearance:none;
}
.act-page .act-input:focus{outline:none;}

.act-btn{
  position:absolute;
  left:856px;
  top:1158px;
  width:335px;
  height:110px;
  cursor:pointer;
  z-index:2;
  transition:transform 300ms;
}
.act-btn:hover{transform:scale(1.06);}

@media (max-width:750px){
  .act-hero{
    width:100%;
    min-width:0;
    height:16.35rem;
    background-size:100% 16.35rem;
  }
  .act-wrap{width:100%;}

  .act-page .act-input{
    left:2.5rem;
    top:7.42rem;
    width:4.1rem;
    height:0.9rem;
    border-radius:0.45rem;
    font-size:0.38rem;
    padding:0 0.28rem;
    box-shadow:inset 0 0.04rem 0.06rem rgba(80,40,120,.16);
  }
  .act-btn{
    left:50%;
    top:8.5rem;
    width:6.24rem;
    height:1.25rem;
    transform:translateX(-50%);
  }
  .act-btn:hover{transform:translateX(-50%);}
}