body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

body {
  font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

table {
  border-collapse: collapse;
}

div {
  outline: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

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

input,
select,
form {
  vertical-align: middle;
  outline: none;
}

img {
  border: none;
  vertical-align: top;
}

a,
button,
input,
select,
textarea,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[onclick] {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a {
  text-decoration: none;
  outline: 0;
}

#afooter {
  text-align: center;
  line-height: .20rem;
  color: #eff5fe;
  background-color: #000000;
  padding: .40rem 0;
  font-size: .12rem;
}

#afooter a {
  color: #eff5fe;
}

.wrap .head {
  width: 7.5rem;
  height: 3.89rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/head-bg.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
  position: relative;
}

/* .logo {
  width: 2.75rem;
  height: 0.39rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/logo.png) no-repeat center / cover;
  position: absolute;
  top: 0.1rem;
  left: 0.3rem;
} */
.logo2 {
  width: 1.17rem;
  height: 0.68rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/logo2.png) no-repeat center / cover;
  position: absolute;
  top: 0.1rem;
  right: 0.3rem;
}

.head-bt {
  display: block;
  width: 4.68rem;
  height: .36rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/head-text-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 3rem auto 0;
  font-size: .2rem;
  color: #ffffff;
  text-align: center;
  line-height: .36rem;
}

.wrap .content {
  width: 7.5rem;
  height: 13.61rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/content-bg.jpg) no-repeat;
  background-size: 100%;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
}

.cont-box {
  width: 6.22rem;
  height: 6.08rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/border.png) no-repeat;
  background-size: 100% 100%;
  margin: .7rem auto 0;
  position: relative;
  overflow: hidden;
}

.text-bg {
  display: block;
  width: 5.12rem;
  height: .34rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/text-bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 4rem auto 0;
  font-size: .2rem;
  color: #ffffff;
  text-align: center;
  line-height: .36rem;
}

.text-bg span {
  color: #ffed53;
}

.text-bg2 {
  width: 4.9rem;
  height: .3rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/text-bg2.png) no-repeat;
  background-size: 100% 100%;
  line-height: .3rem;
  margin-top: .1rem;
}

.btn-box {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0rem auto 0;
}

.btn-box2 {
  justify-content: center;
}

.pc-bg {
  width: 1.53rem;
  height: 1.58rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/pc-bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
}

.pc-bg p {
  font-size: .2rem;
  color: #fff7b0;
  text-align: center;
  margin-top: 1.06rem;
}

.pc1 {
  width: .65rem;
  height: .74rem;
  position: absolute;
  left: 50%;
  top: .35rem;
  transform: translateX(-50%);
}

.pc2 {
  width: .48rem;
  height: .71rem;
  position: absolute;
  left: 50%;
  top: .35rem;
  transform: translateX(-50%);
}

.pc3 {
  width: .67rem;
  height: .72rem;
  position: absolute;
  left: 50%;
  top: .35rem;
  transform: translateX(-50%);
}

.btn {
  display: block;
  width: 2.90rem;
  height: .83rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/btn2.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 .3rem;
}

.btn2 {
  display: block;
  width: 2.27rem;
  height: .84rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/btn3.png) no-repeat;
  background-size: 100% 100%;
}

/* ?? */
.pop {
  outline: none;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /* background: rgba(0, 0, 0, 0.7); */
  z-index: 1000;
}

.pop-bg {
  padding-top: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pop-no {
  width: 5.6rem;
  height: 4.2rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/pop-tc.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 1px;
  position: relative;
}

.pop-text {
  width: 6rem;
  font-size: .7rem;
  line-height: .8rem;
  text-align: center;
  color: #eef5fa;
  margin: .5rem auto 0;
}

.pop-close {
  display: block;
  width: .58rem;
  height: .59rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/close.png) no-repeat;
  background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  top: -.5rem;
  z-index: 99;
}


.pop-qualification {
  width: 5.6rem;
  height: 8.7rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/pop-qualification.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 1px;
  position: relative;
}

.pop-box {
  width: 5rem;
  height: 8.7rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #eef5fa #fd960600;
  padding-right: .1rem;
  margin: .3rem auto 0;
}

.rule-text {
  font-size: .2rem;
  line-height: .26rem;
  color: #eef5fa;
  margin-top: .2rem;
}

.pop-rule {
  width: 6.74rem;
  height: 4.65rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/pop-rule.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 1px;
  position: relative;
}

.cont2-box {
  width: 5.3rem;
  height: 3.07rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/border2.png) no-repeat;
  background-size: 100% 100%;
  margin: 1rem auto 0;
  overflow: hidden;
}


.pop-zg {
  width: 6.74rem;
  height: 2.62rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/pop-tc2.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 1px;
  position: relative;
}

.pop-text-zg {
  font-size: .4rem;
  line-height: .55rem;
}

.pop-text-wks {
  font-size: .56rem;
  margin-top: .8rem;
}

.blood-bar {
  width: 4.76rem;
  height: .18rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/jdt2.png) no-repeat;
  background-size: 100% 100%;
  margin: 1.2rem auto .2rem;
  padding-top: 1px;
  position: relative;
}

.blood-bg {
  width: 4.76rem;
  height: .18rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/jdt.png) no-repeat;
  background-repeat: no-repeat;
  background-size: 4.76rem auto;
  position: relative;
}

.blood-box {
  position: absolute;
  left: -1%;
  top: -.9rem;
}

.blood-box2 {
  position: absolute;
  left: 39%;
  top: -.9rem;
}

.blood-box3 {
  position: absolute;
  left: 74%;
  top: -.9rem;
}

.blood-text {
  text-align: center;
  font-size: .2rem;
  line-height: .24rem;
  color: #fff7b0;
  margin-top: .3rem;
}

.blood-text span {
  font-size: .28rem;
  line-height: .32rem;
  color: #fff8b9;
}

.blood-text2 {
  color: #051924;
}

.blood-text2 span {
  color: #051924;
}

.blood-pc {
  display: block;
  width: .86rem;
  height: .85rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/cont2-tx.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto;
}

.blood-pc img {
  width: .83rem;
  height: .83rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: .02rem solid #fff;
  border-radius: 50%;
}

.cont2-text {
  font-size: .18rem;
  color: #ffffff;
  text-align: center;
  margin-top: .9rem;
}

.cont2-btn {
  display: block;
  width: 2.26rem;
  height: .77rem;
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/btn.png) no-repeat;
  background-size: 100% 100%;
  font-size: .32rem;
  color: #ffffff;
  line-height: .77rem;
  text-align: center;
  margin: .3rem .1rem 0;
}

.cont2-btn2 {
  background: url(https://game.gtimg.cn/images/codm/act/a20250418Invite/btn2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.cont2-btn2 p {
  width: 2rem;
  font-size: .2rem;
  line-height: .2rem;
  color: #82a6c0;
  position: absolute;
  left: 50%;
  top: .8rem;
  transform: translateX(-50%);
}

.info_box {
  margin: 0 auto;
  text-align: center;
  font-size: .2rem;
  color: #ffffff;
  text-align: center;
  line-height: .3rem;
  position: absolute;
  left: 50%;
  top: 2.4rem;
  transform: translateX(-50%);
}
.info_box a{
  color: #fff7b0;
}
.p_tit1 {
  font-size: .4rem;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  margin: .4rem auto 0;
}
.p_tips{
  font-size: .24rem;
  color: #ffffff;
  margin-top: .5rem;
  text-align: center;
}
.btn_pbox{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .2rem auto 0;
}