/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,t{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none}
i,em{font-style:normal}
caption{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:0}
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top:0;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
.wrap,.nav,#footer_ied {width:100%;_width:expression((document.documentElement.clientWidth|document.body.clientWidth)<1202?'1200px':'');}
.hide {display:block;width:0;height:0;overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float: left;}
.fr {float: right;}
.db {display:block;text-indent:-999em;}
.content a,.head a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3sborder .3s,color .3s}
.content a:hover,.head a:hover{text-decoration:none;-webkit-filter:brightness(1.2)filter:brightness(1.2)}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%)-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
body {overflow-x: hidden;background: #d4d2ce;}
/* footer */
#afooter{text-align:center; line-height:20px;color: #fff;background-color: #0e0e0e;padding:20px 0;}
#afooter a{ color: #fff;}





@font-face {
    font-family: 'syht';
    src: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/syht.ttf);
}
.sp{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/sp.png);
    background-size:10rem 25rem;
}

.wx .login_qq{display: none;}
.login_wx{display: none;}
.wx .login_wx{display: inline;}


.content{
   background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/bg.jpg) no-repeat;
   background-size: 7.5rem 59.76rem;
   width: 7.5rem;
   height: 59.76rem;
   overflow: hidden;
   font-family: 'syht';
}
/* .wx .content{
   background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/wx_bg.jpg) no-repeat;
   background-size: 7.5rem 36.4rem;
   width: 7.5rem;
   height: 36.4rem;
   overflow: hidden;
   font-family: 'syht';
} */

/* 下载游戏 */
.btn1{
    display: block;
    width: 2.32rem;
    height: 0.71rem;
    background-position: 0 0;
}
/* 立即领取 */
.btn2{
    display: block;
    background-position: -3.29rem 0rem;
    width: 2.32rem;
    height: 0.71rem;
}
/* 已领取 */
.btn2.on{
    background-position: -5.85rem 0rem;
}
/* 邀请好友 */
.btn3{
    display: block;
    background-position: 0 -1.32rem;
    width: 2.32rem;
    height: 0.71rem;
}
/* 立即领取 */
.btn4{
    display: block;
    background-position: -5.76rem -1.64rem;
    width: 1.7rem;
    height: .55rem;
}
/* 已领取 */
.btn4.on{
    background-position: -7.85rem -1.64rem;
}
/* 立即分享 */
.btn5{
    display: block;
    background-position: -3.68rem -1.64rem;
    width: 1.69rem;
    height: .54rem;
}
/* 活动规则 */
.btn6{
    display: block;
    background-position: 0 -3.95rem;
    width: 2.32rem;
    height: 0.71rem;
}
/* 抽奖记录 */
.btn7{
    display: block;
    background-position: -3.68rem -2.89rem;
    width: 1.69rem;
    height: 0.54rem;
}


.login{
   text-align: center;
   margin-bottom: .2rem;
   font-size: .2rem;
}
#unlogin a{
    color: #f6c865;
}
#unlogin,#logined{
    color:#ffffff;
}
#logined a{
    color: #f6c865;
}
/* #userinfo,#unlogin{
    text-decoration: underline;
} */




/* part2 */
.part2{
    margin-top: 6.9rem;
    margin-bottom: 0.4rem;
}
.swiper1{
    display: flex;
}
.mySwiper{
    width: 1.36rem;
    position: absolute;
    z-index: 99;
    left: .1rem;
}
.swiper1{
    display: flex;
    flex-direction: column;
}
.swiper1 .swiper-slide{
    height: 0.92rem;
    margin-top: .05rem;
}
.mySwiper img{
    width: 1.56rem;
    height: 0.94rem;
}
.mySwiper2 img{
    width: 7.49rem;
    height: 4.29rem;
}
.swiper_box{
    display: flex;
    position: relative;
    margin-top: .3rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/sw_bg.png) no-repeat;
    background-size: 100%;
    width: 7.49rem;
    height: 4.29rem;
}


.mySwiper .swiper-slide-thumb-active::before{
    content: '';
    position: absolute;
    inset: 0;
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/sw_active.png) no-repeat;
    background-size: 100%;
    width: 1.56rem !important;
    height: 0.94rem;
    z-index: 999;
}
.tag{
    background-position: 0 -1.31rem;
    width: 2.75rem;
    height: 0.44rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:-0.2rem;
    z-index: 99;
}
.wx .tag{
    background-position: -5.71rem -1.33rem;
    width: 2.75rem;
    height: 0.44rem;
}
.part2 .btn1{
    margin: auto;
}
.part3,.part6{
    width: 7.5rem;
    height: 6.8rem;
}
.part6 h2{
    width: 5.48rem;
    height: 1.07rem;
    background-position: 0 -12.92rem;
    margin: 0.2rem auto 0;
}
.part3 h2{
    width: 5.48rem;
    height: 1.07rem;
    background-position: 0 -14.44rem;
    margin: 0.2rem auto 0;
}
 .txt{font-size: 0.18rem;color: #fff;text-align: center;margin: 0.1rem auto;}
.txt1{font-size: 0.18rem;color: #e3e2e2;text-align: center;width: 80%;margin: 0.8rem auto 0;padding-bottom: 0.2rem;}
.part3_dj1{
    position: relative;
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/dj1.png) no-repeat;
    background-size: 100% 100%;
    width: 6.95rem;
    height: 3.11rem;
    margin: 0 auto 1rem;
}
.wx .part3_dj1{
    position: relative;
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/dj1_wx.png) no-repeat;
    background-size: 100% 100%;
}
/* .part3_dj2{
    position: relative;
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/dj2.png) no-repeat;
    background-size: 100% 100%;
    width: 3.23rem;
    height: 6.1rem;
}
.wx .part3_dj2{
    position: relative;
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/dj2_wx.png) no-repeat;
    background-size: 100% 100%;
    width: 3.23rem;
    height: 6.1rem;
} */
.part3_dj1 a:nth-child(1),.part3_dj2 a:nth-child(1){
    position: absolute;
    top: 3.2rem;
    left: 75%;
    transform: translateX(-50%);
}
.part3_dj1 a:nth-child(2),.part3_dj2 a:nth-child(2){
    position: absolute;
    top: 3.2rem;
    left: 27%;
    transform: translateX(-50%);
}


/* part4 */
.part4{
    /* margin-top:0.5rem; */
}
/* .wx .part4{
    margin-top: 1rem;
} */
.part4,.part5{
    width: 7.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.part4 h2{
    background-position: 0 -7.5rem;
    width: 5.48rem;
    height: 1.07rem;
    margin: 0.3rem auto 0;
}
.wx .part4 h2{
    background-position: 0rem -11.4rem;
    width: 5.48rem;
    height: 1.07rem;
}
.part4 .prize{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/dj3.png) no-repeat;
    background-size: 100%;
    width: 6.95rem;
    height: 2.25rem;
    margin:  0.1rem auto 0.2rem;
}
.wx .part4 .prize{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/dj3_wx.png) no-repeat;
    background-size: 100%;
}
.part4 .prize_list{
    display: flex;
    justify-content: space-between;
    background-size: 100%;
    width: 6.2rem;
}
.content{
    --color:#e3e2e2;
    --shadow:#4d1a02;
}
.text{
    color: #fff;
    font-size: .2rem;
    margin-top: 0.2rem;
}

.text1{
    color: var(--color);
    margin-top: 0.2rem;
    font-size: 0.2rem;
}
.text2{
    color: #ffffff;
    /* text-shadow: 1px 1px 5px var(--shadow); */
    font-size: .18rem;
    margin:0.2rem 0 .1rem 0;
    text-align: center;
}
.text3{
    color: var(--color);
    font-size: .2rem;
    text-align: center;
    margin-top:0.2rem;
}
.text4{
    position: absolute;
    color: var(--color);
    font-size: .18rem;
    text-align: center;
 
    bottom: -0.35rem;
    right: 0.4rem;
}
.part4 .text{
    margin: 0.3rem auto 0.2rem;
}

/* part5 */

.part5 h2{
    background-position: 0 -15.96rem;
    width: 5.48rem;
    height: 1.07rem;
    margin: 0.6rem auto 0;
}
.part5 .cj{
    position: relative;
}
.wx .cj_qq{
    display: none;
}
.cj_wx{
    display: none;
}
.wx .cj_wx{
    display: block;
}
.part5 .cj p{
    width: 2rem;
    margin-left: 1.5rem;
    font-size: 0.2rem;
    text-align: center;
    color: var(--color);

}
.part5 .btn7{
    position: absolute;
    right: 1rem;
    bottom: 0rem;
}
.btn6{
    margin:0.8rem auto 0;
}

.part5 .cj img{
    width: 6.9rem;
    height: 6.9rem;
    margin: 0.1rem auto;
}
.part5 .cj .btn8{
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 2.55rem;
    left: 2.48rem;
    /* border: 1px solid #000; */
}

.lotterycontent_hover{
    opacity: 0.9;
}

.part5 .rw{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/rw_bg.png) no-repeat;
    background-size: 100%;
    width: 7.02rem;
    height: 3.1rem;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
    margin-top: 0.2rem;
}

.part5 .rw li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
}

.part5 .rw li div{
    width: 55%;

}
.part5 .rw li div span{
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
     font-weight: bold;
     font-size: 0.2rem;
     color: #fde557;
}
.part5 .rw li div span:nth-child(1){
  
    color: #e7e7e7;
}
.part5 .rw li div a{
    margin-right:0.1rem ;
}
.part5 .rw li div:nth-child(1){
    width: 45%;
    display: flex;
    justify-content:space-between;

}
.part5 .rw li div:nth-child(2){
    display: flex;
    justify-content:end;
}
.part7 h2,.part8 h2,.part9 h2{
    width: 5.75rem;
    height: 1.09rem;
    margin: 0.5rem auto 0.2rem;
}
.part7 h2{
    background-position: 0 -17.48rem;
}
.part8 h2{
    background-position: 0 -19.02rem;
}
.part9 h2{
    background-position: 0 -20.56rem;
}
.fl1,.fl2,.fl3{
    width: 7rem;
    height: 2.67rem;
    margin: 0 auto;
}
.fl1{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/fl1.png) 0 0/100% no-repeat
}
.fl2{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/fl2.png) 0 0/100% no-repeat
}
.fl3{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/fl3.png) 0 0/100% no-repeat
}
/* pop */
.pop{
    display:none;
    position: relative;
    font-family: 'syht';
    box-sizing: border-box;
    left: 50% !important;
    transform: translate(-50%) !important;
    margin-left: 0 !important;
}
.close{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/close.png) no-repeat;
    background-size: 100%;
    width: .39rem;
    height: .38rem;
    position: absolute;
    right: .15rem;
    top: 0.2rem;

}
.pop_btn{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/btn.png) no-repeat;
    background-size: 100%;
    width: 3.21rem;
    height: 0.83rem;
    position: absolute;
    top: 1.9rem;
    left: 50%;
    transform: translateX(-50%);
}
.pop1{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/pop1.png) no-repeat;
    background-size: 100%;
    width: 7.08rem;
    height: 3.75rem;
}
.wx .pop1{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/pop1_wx.png) no-repeat;
    background-size: 100%;

}
.pop_text{
    color: #093c1d;
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    width: 90%;
    text-align: center;
    transform: translateX(-50%);
    font-weight: bold;
}
.pop_text2{font-size: 0.18rem;color: #ffffff;text-align: center;width: 100%;position: absolute;bottom: 0.3rem;}
.pop2{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/pop2.png) no-repeat;
    background-size: 100%;
    width: 7.08rem;
    height: 2.39rem;
}
.pop_text1{
    color: #ffffff;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 90%;
    text-align: center;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: .25rem;
}
.pop3{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/pop3.png) no-repeat;
    background-size: 100%;
    width:7.08rem;
    height: 3.69rem;
}
.pop3 ul {
    width: 6rem;
    height: 1.5rem;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
}
.pop3 ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #837a79;
    margin-top: 0.1rem;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 0.1rem;
    font-size: 0.24rem;
}
.pop3 ul li span:nth-child(1){
    color: #ffffff;
} 
.pop3 ul li span:nth-child(2){
    color: #f8e58a;
} 





.pop4{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/pop4.png) no-repeat;
    background-size: 100%;
    width: 7.08rem;
    height: 8.45rem;  
    padding-top: 1.1rem;
}
.pop4 p{
    color: #ffffff;
    line-height: 0.32rem;
    text-align: justify;
    font-size: 0.24rem;
}
.pop4 .rule{
    width: 6.2rem;
    font-size: 0.2rem;
    margin: 0 auto;
    height: 6.4rem;
    overflow: hidden;
    overflow-y: auto;
}
.pop4 .rule::-webkit-scrollbar{width: 0;}
.wx .rule_qq{
    display: none;
}
.rule_wx{
    display: none;
}
.wx .rule_wx{
    display: block;
}

.popShare {
    width: 5.63rem;
    height: 4.81rem;
    background: url("//game.gtimg.cn/images/codm/cp/a20250616ioscodm/popShare.png") no-repeat center top;
    background-size: 100% auto;
    top: 0 !important;
    left: 60% !important;
    right: 0;
    margin-top: 0 !important;
}

.pop7{
    background: url(//game.gtimg.cn/images/codm/cp/a20250616ioscodm/pop/pop7.png) no-repeat;
    background-size: 100%;
    width: 7.08rem;
    height: 3.75rem;  
    padding-top: 1.2rem;
}
.pop7 .btn_box{
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pop7 .btn_box a{
    display: block;
    width: 1.9rem;
    height: 1.72rem;
}