body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
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 {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100% !important;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -webkit-touch-callout: none;
    word-break: break-all;
    word-wrap: break-word;
}

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

table {
    border-collapse: collapse;
}

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 {
    -webkit-touch-callout: none;
    text-decoration: none;
    color: #666666;
    outline: 0;
}

body,
html {
    background: #13151e;
}

.hidden {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    text-indent: -9999px;
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.gray {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: grayscale(1);
    -webkit-transform: translateZ(0);
}

@font-face {
    font-family: 'refr';
    src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'rzrx';
    src: url('//game.gtimg.cn/images/codm/cp/a20250812share/rzrx.TTF');
    font-style: normal;
    font-display: swap;
}

/*foot*/
.foot {
    font-size: 0.20rem;
    color: #cccccc;
    text-align: center;
    background: #000000;
    padding: 0.18rem 0 0.18rem 0;
    line-height: 0.30rem;
}

/*wrap*/
.wrap {
    width: 7.5rem;
    height: 18.5rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/bj.jpg) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.inv-in {
    width: 7.1rem;
    height: 1.67rem;
    margin: 0 auto;
    margin-top: .3rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/yaoqing-bj.png) no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    /* border: 1px solid wheat; */
}

.login-box {
    text-align: center;
    line-height: 0.28rem;
    color: #1d919b;
    font-size: 0.22rem;
    margin-top: 0.4rem;

}

.login {
    width: 4.7rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #d0dcf5;
        /* border: 1px solid palegoldenrod; */
}

.login-box span {
    display: inline-block;
    padding: 0 0.08rem 0 0.08rem;
}

.login-box a {
    color: #c9a162;

}

.inv-box {
    width: 6.5rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    margin-top: 0.1rem;
    justify-items: center;
       color: #d0dcf5;
       /* border: 1px solid red; */
}

.yqusr {
    width: .9rem;
    font-size: .2rem;
    line-height: .55rem;
    padding-left: .6rem;
}

.inv-num {
    width: 3.6rem;
    text-align: center;
    font-size: 0.22rem;
    line-height: .55rem;
}

.bind-btn {
    font-size: .26rem;
    font-family: "rzrx";
    text-align: center;
    color: #1d2b3f;
    line-height: .5rem;
    width: 2.12rem;
    height: .52rem;
    background-image: url(//game.gtimg.cn/images/codm/cp/a20250922share/bangding.png);
    background-size: cover;
    background-position: center;
    padding-right: 0.15rem;
    box-sizing: border-box;
}
.time{
    font-size: .24rem;
    color: #ffe79c;
    width: 2.4rem;
    position: absolute;
    top: 6.8rem;
    left: 2.75rem;
}
.h2{
     width: 4.81rem;
    height: .66rem;
    background-image: url(//game.gtimg.cn/images/codm/cp/a20250922share/h2.png);
    background-position: center;
    background-size: cover;
      position: absolute;
    top: 7.6rem;
    left: 1.4rem;
}
.title2 {
    width: 6.87rem;
    height: .66rem;
    background-image: url(//game.gtimg.cn/images/codm/cp/a20250922share/detail-h.png);
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.get-btn {
    display: block;
    width: 1.84rem;
    height: 0.53rem;
    line-height: 0.53rem;
    letter-spacing: 0.01rem;
    text-align: center;
    color: #251904;
    font-size: 0.22rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250812share/bind-btn.png) no-repeat;
    background-size: 100% auto;
    font-family: 'rzrx';
}

.reward-list {
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.reward-list li {
    width: 1.73rem;
    height: 2.25rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/detail-table-bj.png) no-repeat;
    background-size: 100% auto;
    position: relative;
}

.reward-img1 {
    width: 1.51rem;
    height: 1.31rem;
    margin-top: .2rem;
    margin-left: .1rem;
}

.reward-img2 {
    width: 1.65rem;
    height: 1.5rem;
    margin-top: .08rem;
    margin-left: .05rem;
}

.reward-img3 {
    width: 1.31rem;
    height: .94rem;
    margin-top: .4rem;
    margin-left: .2rem;
}

.reward-img4 {
    width: 1.1rem;
    height: 1.12rem;
    margin-top: .3rem;
    margin-left: .35rem;
}

.reward-list li p {
    width: 100%;
    height: 0.44rem;
    line-height: 0.19rem;
    font-size: 0.17rem;
    text-align: center;
    color: #d0dcf5;
    position: absolute;
    left: 0;
    top: 1.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.reward-list li i {
    display: block;
    width: 0.47rem;
    height: 0.24rem;
    text-align: center;
    line-height: 0.32rem;
    color: #010100;
    font-size: 0.23rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/jiaobiao.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0.04rem;
    top: 1.3rem;
    font-family: 'refr';
}

.get-btn {
    margin: 0 auto 0;
}

.game-btn {
    display: block;
    width: 2.94rem;
    height: 0.76rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/bj-qidong.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    margin-top: .5rem;
    text-align: center;
    line-height: 0.7rem;
    color: #251904;
    font-size: 0.37rem;
    font-family: 'rzrx';
}

.title {
    display: block;
    width: 5.11rem;
    height: 0.74rem;
    margin: 0 auto;
    margin-top: 7.5rem;
}
.rule-text {
  width: 6.9rem;
  font-size: .18rem;
  color: #d0dcf5;
  margin-left: .25rem;
  line-height: .3rem;
  position: relative;
  z-index: 10;
  /* border: 1px solid palegoldenrod; */
  overflow: hidden;
}

.rule-item {
  display: flex;
  align-items: flex-start; 
  margin-bottom: .1rem; 
  position: relative;
  padding-left: .3rem; 
}
.rule-icon {
  width: .22rem;
  height: .22rem;
  position: absolute;
  left: 0;
  top: .04rem;
  z-index: 1;
}
.rule-num {
  position: absolute;
  left: 0;
  top: .04rem; 
  width: .22rem; 
  height: .22rem;
  line-height: .22rem;
  text-align: center;
  font-size: .14rem; 
  color: black; 
  z-index: 2; 
}
.rule-content {
  flex: 1; 
}
.newline {
  display: inline;
}
.newline {
    margin-left: .5rem;
}

.pop-fixed {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.pop {
    outline: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pop-close {
    display: block;
    width: 0.48rem;
    height: 0.49rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/pop-cha.png) no-repeat;
    background-size: 100% auto;
    font-size: 0;
    position: absolute;
    right: .3rem;
    top:6.8rem;
}

.pop1 {
    width: 7.5rem;
    height: 18.5rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/pop-bj.png) no-repeat;
    background-size: 100% auto;
    margin-top: 1rem;
    position: relative;
}

.pop-msg {
    position: absolute;
    width: 5.40rem;
    margin-left: 0.40rem;
    height: 1.50rem;
    top: 7.5rem;
    left: .6rem;
    font-size: 0.22rem;
     color: #d0dcf5;
    line-height: 0.38rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.inviteName {
    color: #c05c0d;
}

.pop-boxbtn {
    position: absolute;
    top: 6rem;
    left: 3.7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pop-boxbtn a {
    position:absolute;
    display: block;
    width: 2.49rem;
    height: 0.76rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250922share/pop-queding.png) no-repeat;
    background-size: 100% auto;
    font-size: 0.32rem;
    color: #251904;
    line-height: 0.58rem;
    text-align: center;
    margin-top: 3.3rem;
    font-family: 'rzrx';
}