@charset "UTF-8";
body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  font-family: "微软雅黑", Helvetica;
  -webkit-text-size-adjust: none;
  font-size: 0.24rem;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
  display: block;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

a,
li,
ul,
[onclick] {
  -webkit-tap-highlight-color: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

em,
strong {
  font-weight: normal;
  font-style: normal;
}

i {
  font-style: normal;
}

a {
  text-decoration: none;
}

b {
  font-weight: bold;
}

@font-face {
  font-family: fz;
  src: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/fonts/fz.ttf);
}
@font-face {
  font-family: fz1;
  src: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/fonts/fz1.ttf);
}
body {
  font-family: fz, -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
  background: #d6d1ca;
  font-size: 0.3rem;
  line-height: 0.5rem;
  width: 100%;
  color: #4c4c4c;
}

.wrap {
  width: 100%;
}

.sec {
  position: relative;
  text-align: center;
}

.thid {
  text-indent: -999rem;
}

.sec1 {
  width: 7.5rem;
  height: 10.9rem;
  margin-top: -1.6rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/s1.jpg) no-repeat 0 0/100%;
}
.sec1 .title {
  width: 5.98rem;
  height: 1.8rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/title1.png) no-repeat 0 0/100%;
  position: absolute;
  top: 3.87rem;
  left: 0.78rem;
}
.sec1 .logo {
  width: 1.56rem;
  height: 0.49rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/logo.png) no-repeat 0 0/100%;
  display: block;
  position: absolute;
  left: 0.4rem;
  top: 2rem;
}
.sec1 .qqLogo {
  width: 0.49rem;
  height: 0.49rem;
  position: absolute;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/qq.png) no-repeat 0 0/100%;
  top: 2rem;
  left: 2.1rem;
  display: none;
}
.sec1 .link {
  width: 1.99rem;
  height: 4rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/rightgift.png) no-repeat 0 0/100%;
  display: block;
  position: absolute;
  right: 0.4rem;
  top: 0;
  transform-origin: 0.9rem 0;
  animation: swing 5.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.sec1 .loginState {
  width: 100%;
  position: absolute;
  top: 5.9rem;
  left: 0;
  color: #333333;
  font-size: 0.24rem;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
.sec1 .loginState a {
  border-bottom: 1px solid #ed4323;
  color: #ed4323;
}
.sec1 .prizes {
  width: 100%;
  position: absolute;
  left: 0;
  top: 6.6rem;
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 0.2rem;
}
.sec1 .prizes li {
  width: 2.61rem;
  height: 2.65rem;
  box-sizing: border-box;
  padding-top: 0.55rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/border.png) no-repeat 0 0/100%;
  font-size: 0.22rem;
  color: #f3f1ef;
  text-align: center;
  position: relative;
}
.sec1 .prizes li img {
  width: 1.08rem;
  height: 1.08rem;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.sec1 .prizes li.limit::after {
  display: block;
  position: absolute;
  width: 0.46rem;
  height: 1.24rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/limit.png) no-repeat 0 0/100%;
  left: 0.08rem;
  top: 0.26rem;
  content: "";
}
.sec1 .btns {
  position: absolute;
  top: 9.2rem;
}
.sec1 .note {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 10.05rem;
  font-size: 0.24rem;
}
.sec1 .note span {
  color: #a00;
}

.btns {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.btn {
  display: inline-block;
  font-family: fz1;
  width: 2.43rem;
  height: 0.91rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/btn.png) no-repeat 0 0/100%;
  line-height: 0.85rem;
  text-align: center;
  font-size: 0.32rem;
  color: #88583b;
  margin: 0 0.2rem;
  overflow: hidden;
}
.btn span {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #543426 2%, #ab744b 98%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.btn.btn_large {
  width: 3.43rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/btn.png) no-repeat 0 0/100%;
}

.sec2 {
  width: 7.5rem;
  height: 13.85rem;
  box-sizing: border-box;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/s2.jpg) no-repeat 0 0/100%;
}
.sec2 .title {
  width: 7.5rem;
  height: 0.89rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/title2.png) no-repeat 0 0/100%;
  margin-bottom: 0.2rem;
}
.sec2 .des {
  margin-bottom: 0.2rem;
}
.sec2 .invited span {
  padding-left: 0.05rem;
}
.sec2 .rBtn {
  position: absolute;
  width: 0.47rem;
  height: 1.61rem;
  right: 0;
}
.sec2 .rBtn.address {
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/btn_address.png) no-repeat 0 0/100%;
  top: 1.6rem;
}
.sec2 .rBtn.history {
  top: 3.3rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/btn_history.png) no-repeat 0 0/100%;
}
.sec2 .btns {
  position: absolute;
  top: 10.55rem;
}
.sec2 .btn_rule {
  display: inline-block;
  position: absolute;
  top: 12.2rem;
  font-size: 0.28rem;
  left: 3.05rem;
  border-bottom: 0.01rem solid #4d4d4d;
  line-height: 0.32rem;
}
.sec2 .btn_rule i {
  width: 0.21rem;
  height: 0.18rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/arr.png) no-repeat 0 0/100%;
  display: inline-block;
  margin-left: 0.1rem;
}
.sec2 .hl {
  color: #b11000;
}
.sec2 #lottery {
  width: 6.54rem;
  height: 6.54rem;
  position: absolute;
  left: 0.48rem;
  top: 3.26rem;
}
.sec2 .panel-face {
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/lottery_active.png) no-repeat 50% 0/100%;
  display: none;
}
.sec2 .panel-btn {
  width: 1.94rem;
  height: 1.94rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/gift/lottery.png) no-repeat 0 0/100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
  }
}
.pop {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.pop .popWrap {
  width: 7.31rem;
  height: 7.43rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/pop.png) no-repeat 0 0/100%;
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-top: 0.47rem;
  padding-left: 1.2rem;
  box-sizing: border-box;
}
.pop .close {
  width: 0.64rem;
  height: 0.57rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/upload/close.png) no-repeat 0 0/100%;
  position: absolute;
  right: -0.24rem;
  top: 0.24rem;
}
.pop .popCon {
  width: 5.3rem;
}
.pop .title {
  text-align: center;
  line-height: 0.9rem;
  height: 0.9rem;
  font-size: 0.42rem;
  color: #fff;
  margin-bottom: 0.2rem;
}
.pop .ruleList {
  font-size: 0.24rem;
  line-height: 0.4rem;
  padding-top: 0.4rem;
}
.pop .ruleList li {
  list-style: decimal;
  margin-left: 0.2rem;
}

.popLarge .popWrap {
  width: 7.31rem;
  height: 10.33rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/poplarge.png) no-repeat 0 0/100%;
}

.historyPop .hisSec {
  padding-top: 0.2rem;
}
.historyPop table {
  width: 100%;
  text-align: center;
  line-height: 0.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
.historyPop .noPrize {
  text-align: center;
  padding-top: 1rem;
}
.historyPop .pager {
  padding-top: 0.2rem;
}
.historyPop .pager a {
  color: #ed4323;
  display: inline-block;
  margin: 0 0.2rem;
}

.addressSec p {
  font-size: 0.24rem;
  line-height: 0.3rem;
  padding-bottom: 0.1rem;
}
.addressSec p .hl {
  color: #a00;
}
.addressSec li {
  margin-bottom: 0.1rem;
  vertical-align: top;
  overflow: hidden;
}
.addressSec strong {
  display: block;
  float: left;
  font-size: 0.24rem;
  line-height: 0.48rem;
  text-align: right;
  width: 1.5rem;
}
.addressSec input {
  appearance: none;
  font-size: 0.24rem;
  width: 3rem;
  border: 0.02rem solid #b24f36;
  height: 0.46rem;
  line-height: 0.46rem;
  padding: 0 0.1rem;
  background: none;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
.addressSec textarea {
  appearance: none;
  font-size: 0.24rem;
  width: 3rem;
  height: 2rem;
  border: 0.02rem solid #b24f36;
  line-height: 0.46rem;
  padding: 0 0.1rem;
  background: none;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
.addressSec .hasAddress {
  text-align: center;
  display: none;
}

.sharePop {
  display: none;
}
.sharePop .share {
  width: 3.89rem;
  height: 2.34rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/share.png) no-repeat 0 0/100%;
  position: absolute;
  right: 0.4rem;
  top: 0.5rem;
}

.shareSec {
  text-align: center;
  padding-top: 1.2rem;
  padding-right: 0.2rem;
  margin-bottom: 1em;
}
.ptSharePop .note {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.5rem;
}
.shareSec div {
  display: inline-block;
  width: 0.8rem;
  padding-top: 0.8rem;
  text-align: center;
  font-size: 0.3rem;
  margin: 0 0.5rem;
  padding: 1rem 0.4rem 0.2rem;
}
.share_qq {
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/share/qq.png) no-repeat 50% 27% / auto 0.55rem;
}
.share_wx {
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/share/wx.png) no-repeat 50% 27% / auto 0.55rem;
}

.pageClose {
  width: 0.64rem;
  height: 0.57rem;
  background: url(https://game.gtimg.cn/images/ty/act/a20211014anniversary/upload/close.png) no-repeat 0 0/100%;
  position: fixed;
  right: 0.3rem;
  top: 0.3rem;
  z-index: 10;
  display: none;
}