.pages *,:after,:before{outline:0;outline-style:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased!important;-moz-font-smoothing:antialiased!important;-o-font-smoothing:antialiased!important;-ms-font-smoothing:antialiased!important;box-sizing:border-box;padding:0;margin:0}body,html{height:100%;width:100%;position:relative;overflow:hidden}body{margin:0;color:#FFF;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Arial,"Hiragino Sans GB",STHeiti,'Microsoft Yahei',sans-serif;font-size:12px;line-height:1.5;background:#0b1731}a,a:active{text-decoration:none;color:inherit}ul{list-style:none}.clear{clear:both;visibility:hidden;height:0;line-height:0;font-size:0}.clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden}img{border:none}.pages img{display:block}.pages .fl{float:left}.pages .fr{float:right}.pages .pr{position:relative}.pages .pa{position:absolute}.pages .center{margin-left:auto;margin-right:auto}.pages{width:100%;height:100%;position:relative;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/bg1.jpg) 50% 50% no-repeat;background-size:cover}.page{width:100%;height:100%;position:relative;overflow:hidden;z-index:2;display:none}.page.active{display:block}.page1{padding-top:1.42rem}.mask{position:fixed;left:0;top:0;right:0;bottom:0}.mask-1{z-index:1;background:rgba(0,0,0,.5)}.mask-2{z-index:9;background:rgba(0,0,0,.8);display:none}.mask-2.active{display:block}.ballbox{position:absolute;left:50%;width:5.3rem;height:4.6rem;z-index:5;transition:all 2s ease}.ball{width:100%;height:100%;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}.ballbox-1{top:3.6rem;margin-left:-2.65rem}.ballbox-2{top:8.6rem;margin-left:-1.75rem}.ballbox img{position:absolute;left:0;top:0;width:100%}.ballbox-img1{z-index:3}.ballbox-img2,.ballbox-img3{z-index:1}.ballbox .ballbox-img3{display:none}.progress{position:absolute;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/img4.png) no-repeat;width:3.6rem;height:.8rem;padding-top:.288rem;padding-left:.315rem;background-size:100% 100%;top:6.84rem;left:50%;margin-left:-1.8rem;z-index:4}.progress p{width:2.95rem;height:.2rem;overflow:hidden}.progress p span{display:block;height:.2rem;background:#f1c615;border-radius:99rem;overflow:hidden}.beauty{width:7.5rem;bottom:0;left:50%;height:9.4rem;margin-left:-3.75rem}.text-1{width:5rem;height:1.1rem}.to-explore-box{position:absolute;left:0;top:0;width:100%;height:100%}.to-explore{width:1.85rem;height:1.1rem;bottom:.1rem;left:50%;margin-left:-1.7rem}.guide{width:1.85rem;height:1.1rem;left:50%;margin-left:-1.7rem;bottom:1rem;-webkit-animation:guide 2s linear infinite;animation:guide 2s linear infinite}.nav-top-div,.nav-top-div ul{width:100%;height:100%;z-index:3}.nav-top-div{position:relative;overflow:hidden}.nav-top-div li{position:absolute;left:50%;transition:all .5s ease;z-index:8}.nav-top-div li img{width:100%}.nav-top-div li .img_1{position:absolute;left:0;top:0;opacity:0}.nav-top-div li .img_2{display:none;position:absolute;width:7.5rem;height:1.65rem;top:-6.23rem;margin-left:-3.75rem;left:50%}.nav-top-div li.sequence-0{top:7.3rem;width:4rem;height:4rem;margin-left:-2rem}.nav-top-div li.sequence-0 .img_2{display:block}.nav-top-div li.sequence-1,.nav-top-div li.sequence-4{top:5.9rem;width:3rem;margin-left:2.1rem}.nav-top-div li.sequence-1 .img_1,.nav-top-div li.sequence-4 .img_1{opacity:.5}.nav-top-div li.sequence-4{top:5.9rem;margin-left:-5.1rem}.nav-top-div li.sequence-2,.nav-top-div li.sequence-3{top:4rem;width:2rem;margin-left:.4rem}.nav-top-div li.sequence-2 .img_1,.nav-top-div li.sequence-3 .img_1{opacity:1}.nav-top-div li.sequence-3{margin-left:-2.4rem}.nav-top-div a{display:block;position:absolute;z-index:9;width:1.4rem;height:1.4rem;top:8.4rem;left:50%}.nav-top-div a img{width:100%;height:100%;position:absolute;left:0;top:0}.nav-top-div a.prve{margin-left:-3.2rem}.nav-top-div a.next{margin-left:1.8rem}.sam_tcbox{display:none;width:100%;height:100%;position:absolute;left:0;top:0}.sam_tcbox.active{display:block}.c_word{width:6.9rem;position:absolute;top:.65rem;left:50%;margin-left:-3.45rem}.c_pic{position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);-webkit-transform:translate(-50%,-48%);height:9.02rem}.planet_btn,.planet_btn_fh{display:block;width:3.4rem;height:1.3rem;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/planet_btn.png) no-repeat;background-size:100% 100%;position:absolute;bottom:.6rem;left:50%;margin-left:.1rem;outline:0;border:0}.planet_btn_fh{margin-left:-3.5rem;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/planet_btn_fh.png) no-repeat;background-size:100% 100%}.rw4{width:6rem;height:5.15rem;position:absolute;bottom:0;left:50%;margin-left:-3rem}.contentbox{width:100%;height:100%;background:rgba(0,0,0,.5);position:relative}.innerbox{width:100%;position:absolute;top:50%;margin-top:-5rem}.c9_1{width:80%;margin:0 auto;display:block}.loginbox{width:7rem;background:rgba(9,67,80,.5);height:4rem;margin:.4rem auto 0;border-radius:.2rem;padding-top:.3rem;position:relative}.loginbox input{width:4.6rem;height:.8rem;background-color:#fff;border:.1rem solid #0c083b;border-radius:.2rem;margin-left:.2rem;display:block;padding-left:.1rem;outline:0;color:#000;font-size:.28rem}.loginbox input:nth-child(2){width:4rem;margin-top:.3rem}.login_btn{display:block;width:3.07rem;height:.83rem;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/login_btn.png) no-repeat;background-size:100% 100%;margin:.3rem auto 0}.send_btn{display:block;width:1.69rem;height:.85rem;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/send_btn.png) no-repeat;background-size:100% 100%;position:absolute;top:.35rem;right:.1rem;text-align:center;color:#0c083b;padding-top:.1rem}.send_btn a{display:block;width:100%;height:100%;line-height:.3rem;font-size:.28rem}.send_btn p{width:100%;height:100%;line-height:.6rem;display:none}.c10_2{display:block;width:84%;margin:.4rem auto 0}.video_btn{width:4.18rem;height:1.63rem;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/c11_4.png) no-repeat;background-size:100% 100%;position:absolute;bottom:.3rem;left:50%;margin-left:-2.09rem;outline:0;border:0}.c_pic2{width:82%}.dia-close{display:block;width:100%;position:absolute;top:0;right:0}.animation{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:3s;animation-duration:3s}.music{position:fixed;left:0;top:0;z-index:8;height:48px;width:48px}.music>span{position:absolute;left:50%;top:50%;width:2px;height:24px;margin:-12px 0 0 -1px;border-radius:2px;background-color:rgba(169,0,0,.5);-webkit-transform:rotate(-45deg)}.music.playing>span{visibility:hidden}@-webkit-keyframes zoomIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{opacity:0}to{opacity:1}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes move{from{-webkit-transform:translate3d(0,0,0)}25%{-webkit-transform:translate3d(0,.2rem,0)}50%{-webkit-transform:translate3d(0,0,0)}75%{-webkit-transform:translate3d(0,.2rem,0)}to{-webkit-transform:translate3d(0,0,0)}}@-webkit-keyframes guide{from{-webkit-transform:translate3d(0,0,0)}25%{-webkit-transform:translate3d(.2rem,0,0)}50%{-webkit-transform:translate3d(0,0,0)}75%{-webkit-transform:translate3d(.2rem,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-webkit-keyframes flash2{from{opacity:1}40%{opacity:.2}60%{opacity:1}80%{opacity:.2}to{opacity:1}}.EasyLogin_send{height:.8rem;display:block;width:2.5rem;background:url(//www.dpfile.com/mod/activitymain/1.0.1/img/prince/send_btn.png) no-repeat;background-size:100% 100%;position:absolute;top:.6rem;right:.1rem;color:#0c083b;padding-top:.1rem;text-align:center}
/*# sourceMappingURL=../css/prince.css.map */