body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%;}
img{border: 0; -webkit-touch-callout: none;}
body{-webkit-text-size-adjust: 100%; width:100%; background: #1c1324;}

#afooter{padding:.2rem 0;line-height:.3rem;color:#ddd;text-align:center;font-size:.2rem;font-family:'tahoma'; position: relative; z-index: 3; background: #000;}
#afooter a{color:#ddd;text-decoration:none}

a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}

.wrapper{ position:relative; font-size:12px; overflow: hidden; width: 100%;}
.wrapper *,.dia *,.dia{ -webkit-box-sizing:border-box; box-sizing:border-box;}
body .wrapper .boxc{-webkit-box-sizing: content-box; box-sizing:content-box;}
.wrapper a{ outline:none;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}
.wrapper img{ display:block;}
.wrapper .disul{font-size: 0;text-align: center;}
.wrapper .disli{display: inline-block; vertical-align: top;}

.spr{ background-image:url(//game.gtimg.cn/images/fz/cp/a20230912demon/m/spr.png); background-repeat:no-repeat; background-size:9.52rem 1.16rem;}
.spr.part1-buy1.gray{ width:1.42rem; height:0.72rem; background-position:27.40741% 20.45455%;}
.spr.part1-buy1{ width:1.42rem; height:0.72rem; background-position:45.92593% 20.45455%;}
.spr.part1-buy2.gray{ width:1.42rem; height:0.72rem; background-position:64.44444% 20.45455%;}
.spr.part1-buy2{ width:1.42rem; height:0.72rem; background-position:82.96296% 20.45455%;}
.spr.part1-video-bar{ width:3.42rem; height:0.18rem; background-position:36.39344% 90.81633%;}
.spr.part1-video-btn{ width:0.61rem; height:0.62rem; background-position:92.25589% 16.66667%;}
.spr.pop-btn1{ width:2.05rem; height:0.81rem; background-position:1.20482% 25.71429%;}
.spr.pop-btn2{ width:2.05rem; height:0.81rem; background-position:1.20482% 25.71429%;}
.spr.pop-close{ width:0.52rem; height:0.47rem; background-position:99% 13.04348%;}
.spr.pop-close1{ width:0.38rem; height:0.38rem; background-position:97.48359% 82.05128%;}


.part1{background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/m/bg1.jpg) 50% 0 no-repeat; background-size: 100% 100%; height: 9.77rem;}
.act-time { padding-top: 2.57rem; width: 3.09rem; text-align: center; line-height: .36rem; font-size: .18rem; color: #c09ade; margin: 0 .88rem .06rem auto;}
.part1-video { margin: 0 .88rem 0 auto; width: 3.09rem; height: 1.74rem; border: 1px solid #353236; position: relative;}
.part1-video-bar { position: absolute; top: -.09rem; left: 50%; margin-left: -1.71rem; z-index: 2; pointer-events: none;}
.part1-video div { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 1;}
.part1-video div:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.4);}
.part1-video img { display: block; width: 100%; height: auto;}
.part1-video a { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
.part1-video a em { position: absolute; top: 50%; left: 50%; margin: -.31rem 0 0 -.31rem; transition: all .3s;}
.login-box { padding-top: .3rem; color: #d8b5f5; font-size: .16rem; line-height: .28rem; height: 3.06rem; text-align: center; width: 4.25rem; margin: 0 .3rem 0 auto;}
.login-box a { color: #e9e0f6;}
.login-box a,.login-box span,.login-box strong{display: inline;}
.part1-buy-box { width: 4.88rem; margin:0 0 0 auto; font-size: 0; text-align: center;}
.part1-buy-box a { display: inline-block; vertical-align: top; margin: 0 .08rem;}
.part1-nq-prop { display: none;}

.part2 {background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/m/bg2.jpg) 50% 0 no-repeat; background-size: 100% 100%; height: 11.03rem; margin-top: -1px;}
.part2-prop { padding-top: 8.53rem; width: 100%; height: auto;}
.part2-prop ul { width: 100%; height: 1.34rem; font-size: 0; text-align: center;}
.part2-prop li { -webkit-tap-highlight-color:transparent; display: inline-block; vertical-align: top; width: 1.82rem; height: .95rem; margin: 0 .11rem; position: relative; cursor: pointer;}
.part2-prop li div { position: absolute; top: .22rem; left: -.68rem; opacity: 0; transition: all .3s; pointer-events: none; width: 3.64rem; height: 4.5rem;}
.part2-prop li div.part2-img1 { background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/part2-img1.png) no-repeat 0 0; background-size: 100% auto;}
.part2-prop li div.part2-img2 { background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/part2-img2.png) no-repeat 0 0; background-size: 100% auto; left: -.88rem;}
.part2-prop li div.part2-img3 { background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/part2-img3.png) no-repeat 0 0; background-size: 100% auto; left: -1.14rem;}
.part2-prop li:active div { opacity: 1;}
.part2-prop p { color: #b296e4; font-size: .18rem; line-height: .24rem; text-align: center;}

.part3 {background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/m/bg3.jpg) 50% 0 no-repeat; background-size: 100% 100%; height: 6.31rem; margin-top: -1px;}
.part3-box { width: 100%;}
.part3-box ul { width: 100%; height: 4.46rem; font-size: 0; text-align: left; padding-left: .47rem;}
.part3-box li { display: inline-block; vertical-align: top; width: 2.1rem; height: 4.46rem; margin: 0 .13rem 0 0; position: relative; text-align: center;}
.part3-box li p { position: absolute; left: -5%; width: 110%; bottom: 0; color: #b296e4; font-size: .18rem; line-height: .24rem;}
.part3-tips { margin-top: .56rem; color: #b296e4; font-size: .18rem; line-height: .22rem; text-align: center;}
.part3-tips span { color: #fd5a5a;}

.part4 {background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/m/bg4.jpg) 50% 0 no-repeat; background-size: 100% 100%; height: 13.62rem; margin-top: -1px;}
.part4 .main {padding-top: 1.26rem;}
.part4 p { width: 5.7rem; margin: 0 auto; font-size: .18rem; line-height: .22rem; text-align: left; color: #b3a1ee;}
.part4 p.tl { margin-top: .18rem;}
.pc-show { display: none;}
/*视频弹窗*/
.pop_video { padding: 2px; outline: none; position: relative; display: none; border: 1px solid #9371b8;}
.pop-close { position: absolute; right: 0; top: -.7rem; z-index: 5;}
.pop_video_cont { width: 6.6rem; height: 3.72rem; border: 1px solid #9371b8; text-align: center; clear: both; background: #000;}
#popVideoCon { width: 100%; height: 100%;}

.pop-tips { display: none; outline: none; position: relative; background: url(//game.gtimg.cn/images/fz/cp/a20230912demon/pop1.png) no-repeat 0 0; background-size: 100% auto; width: 7.26rem; height: 4.23rem;}
.pop-close1 { position: absolute; top: -.38rem; right: .14rem;}
.pop-tips-cont { width: 5.1rem; height: 3.35rem; margin: 0 auto; text-align: center;}
.pop-tips-cont h5 { font-size: .28rem; line-height: .44rem; padding-top: .39rem; margin-bottom: .48rem; color: #9c36ff;}
.pop-tips-cont p { font-size: .21rem; line-height: .26rem; color: #ae94e8;}
.pop-tips-btns { font-size: 0; text-align: center;}
.pop-tips-btns a { display: inline-block; vertical-align: top; margin: 0 .21rem; font-size: .27rem; line-height: .73rem; color: #d4a5fd;}