@font-face{font-family:'LOGOSC';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/LogoSC.ttf")}@font-face{font-family:'SYST';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/SourceHanSerifCN-Light.otf");font-weight:200}@font-face{font-family:'SYST';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/SourceHanSerifCN-Regular.otf");font-weight:normal}@font-face{font-family:'SYST';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/SourceHanSerifCN-Bold.otf");font-weight:bold}@font-face{font-family:'SYHT';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/SourceHanSansSC-Light.otf");font-weight:200}@font-face{font-family:'SYHT';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/SourceHanSansSC-Regular.otf");font-weight:normal}@font-face{font-family:'SYHT';src:url("https://media.zlongame.com/media/pictures/cn/blackclover/fonts/SourceHanSansSC-Bold.otf");font-weight:bold}@keyframes clover{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(360deg) scale(1.2)}100%{transform:rotate(720deg) scale(1)}}@keyframes slide-down-hint{0%{transform:translateX(-50%) translateY(0%)}50%{transform:translateX(-50%) translateY(50%)}100%{transform:translateX(-50%) translateY(0)}}.zp-dialog-wrapper{left:0;top:0}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:0.1rem}::-webkit-scrollbar:horizontal{height:0}::-webkit-scrollbar-thumb{background-color:#78acf0}::-webkit-scrollbar-track{background-color:#242424}*{margin:0;padding:0;box-sizing:border-box;background-size:contain;background-repeat:no-repeat;user-select:none}html,body{height:100%}body{font-family:'SYST', 'Arial', 'Helvetica', sans-serif;overflow:hidden}.fp-overflow{height:100%}[v-cloak]{display:none}#app{background-color:black;position:relative;height:100%}#app .common-container{background:linear-gradient(to bottom, #e5e5ea, #e5e4e9)}#app .common-container.pc{position:absolute;width:25.6rem;height:100%;left:0;right:0;margin:0 auto}#app .common-container.pc .top-area{position:absolute;width:100%;height:1.35rem;display:flex;align-items:center;justify-content:flex-start;background:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);padding:0 0.4rem 0 0.7rem;z-index:10;transition:all 1s ease}#app .common-container.pc .top-area.dark{background:#4a4a4a}#app .common-container.pc .top-area .logo{width:2.3rem;height:1.02rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/logo.png")}#app .common-container.pc .top-area .menu{display:flex;align-items:center;justify-content:flex-start;list-style:none;width:13.5rem;margin-left:1rem}#app .common-container.pc .top-area .menu li{position:relative;padding:0 0.3rem;display:flex;align-items:center;justify-content:center}#app .common-container.pc .top-area .menu li a{color:#fff;font-size:0.38rem;white-space:nowrap;text-decoration:none;opacity:0.5;transition:all 0.3s ease;line-height:1;font-weight:bold}#app .common-container.pc .top-area .menu li:hover a{opacity:1}#app .common-container.pc .top-area .menu li:not(:last-child)::after{content:'';display:block;width:1px;height:0.28rem;background:#fff;opacity:0.5;position:absolute;right:0;top:50%;transform:translateY(-50%)}#app .common-container.pc .top-area .reg-little-btn{width:2.17rem;height:0.57rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/reg_little_btn.png");cursor:pointer}#app .common-container.pc .top-area .community{position:relative;height:0.57rem;background-color:black;margin-left:0.43rem;display:flex;align-items:center;justify-content:center}#app .common-container.pc .top-area .community::before{content:'';display:block;width:0.4rem;height:0.4rem;background-color:black;transform:rotate(45deg);position:absolute;left:-0.2rem;top:0.08rem;z-index:0}#app .common-container.pc .top-area .community::after{content:'';display:block;width:0.4rem;height:0.4rem;background-color:black;transform:rotate(45deg);position:absolute;right:-0.2rem;top:0.08rem;z-index:0}#app .common-container.pc .top-area .community .community-cell{position:relative;width:0.5rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0.05rem;z-index:1;cursor:pointer}#app .common-container.pc .top-area .community .community-cell .pop{position:absolute;left:50%;top:50%;transform:translate(-50%, 50%);width:1.15rem;height:1.21rem;display:none;opacity:0;transition:all 0.3s ease-in-out}#app .common-container.pc .top-area .community .community-cell .pop img{width:100%;height:100%;object-fit:contain}#app .common-container.pc .top-area .community .community-cell:hover .pop{display:block;opacity:1}#app .common-container.pc .top-area .community .community-cell:hover::before{opacity:1;transform:translate(-50%, -50%) rotate(45deg)}#app .common-container.pc .top-area .community .community-cell:hover>img{filter:invert(1)}#app .common-container.pc .top-area .community .community-cell::before{content:'';width:0.5rem;height:0.5rem;background-color:white;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.3s ease;z-index:0;opacity:0}#app .common-container.pc .top-area .community .community-cell>img{width:0.3rem;height:0.3rem;object-fit:contain;z-index:1;transition:all 0.3s ease}#app .common-container.pc .top-area .music{position:relative;width:0.47rem;height:0.47rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/music.png");margin-left:0.6rem;cursor:pointer}@keyframes music-on-pc{from{width:0.47rem;height:0.47rem;opacity:1}to{width:0.8rem;height:0.8rem;opacity:0}}#app .common-container.pc .top-area .music::before,#app .common-container.pc .top-area .music::after{content:'';display:block;width:0.47rem;height:0.47rem;border:1px solid white;position:absolute;border-radius:50%;opacity:0.4;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%, -50%);animation:music-on-pc 1s ease-in-out infinite;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#app .common-container.pc .top-area .music::before{animation-delay:0.5s}#app .common-container.pc .top-area .music.pause::before,#app .common-container.pc .top-area .music.pause::after{animation:none}#app .common-container.pc .board-container{position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(to bottom, #e5e5ea, #e5e4e9);z-index:0}#app .common-container.pc .board-container .line{position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(-45deg, #dfe1e653, #dfe1e653 2px, transparent 2px, transparent 4px);z-index:99}#app .common-container.pc .board-container .clover-icon{position:absolute;width:5rem;height:5rem;filter:drop-shadow(0 0 0.5rem #d8dde4);z-index:2}#app .common-container.pc .board-container .clover-icon.left{left:2rem;bottom:0.5rem;animation:clover 100s linear infinite}#app .common-container.pc .board-container .clover-icon.right{animation:clover 80s linear infinite;right:1.2rem;bottom:-2rem}@keyframes shine{0%{filter:drop-shadow(0.01rem 0.01rem 0rem #fff)}50%{filter:drop-shadow(0.01rem 0.01rem 0.05rem #c1c2c3)}100%{filter:drop-shadow(0.01rem 0.01rem 0rem #fff)}}#app .common-container.pc .board-container .stars{position:absolute;width:4.56rem;height:6.33rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/stars.png");z-index:1;filter:drop-shadow(0.01rem 0.01rem 0rem #fff);animation:shine 5s ease-in-out infinite}#app .common-container.pc .board-container .stars.left{left:0;bottom:2.3rem}#app .common-container.pc .board-container .stars.right{right:0;bottom:0}#app .common-container.pc .board-container .ornament-star{position:absolute;width:2.31rem;height:1.92rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/ornament_star.png");z-index:3}#app .common-container.pc .board-container .ornament-star.left{left:0.86rem;bottom:0.6rem}#app .common-container.pc .board-container .ornament-star.right{right:0.8rem;top:2.6rem}#app .common-container.pc .board-container .bc-title{position:absolute;left:0;top:0.1rem;font-family:'LOGOSC';font-size:4.5rem;color:#dedfe5;text-transform:uppercase;white-space:nowrap;transform:scaleX(0.57);transform-origin:left;line-height:1;z-index:1;animation:text-reveal 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}#app .common-container.pc #fullpage{width:100%;height:100%;margin:0 auto;position:relative;z-index:1}#app .common-container.pc #fullpage .section{overflow:hidden}#app .common-container.pc #fullpage .section.section-1 .detail-main{position:absolute;left:0;right:0;top:1.5rem;margin:0 auto;width:14.6rem}#app .common-container.pc #fullpage .section.section-1 .detail-main .action{width:100%;height:0.64rem;display:flex;align-items:center;justify-content:flex-start}#app .common-container.pc #fullpage .section.section-1 .detail-main .action .back-action{display:flex;align-items:center;justify-content:center;cursor:pointer}#app .common-container.pc #fullpage .section.section-1 .detail-main .action .back-action .icon{width:0.27rem;height:0.41rem;margin-right:0.15rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/arrow.png")}#app .common-container.pc #fullpage .section.section-1 .detail-main .action .back-action p{font-size:0.39rem;font-weight:bold;line-height:1}#app .common-container.pc #fullpage .section.section-1 .detail-wrap{width:100%;margin-top:0.5rem;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:0.2rem;overflow:hidden}#app .common-container.pc #fullpage .section.section-1 .detail-wrap .tempTop{width:100%;height:1rem;background-color:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:space-between;padding:0 0.2rem;border-bottom:1px solid #9c9c9c}#app .common-container.pc #fullpage .section.section-1 .detail-wrap .tempTop h1{font-size:0.39rem;font-weight:bold;line-height:1;color:#000;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#app .common-container.pc #fullpage .section.section-1 .detail-wrap .tempTop .showtime{font-size:0.2rem;color:#000}#app .common-container.pc #fullpage .section.section-1 .detail-wrap .tempText{width:100%;flex:1;overflow-y:auto;background-color:rgba(255,255,255,0.5)}#app .common-container.pc #fullpage .section.section-1 .detail-wrap .tempText .temp-text-inner{font-size:0.2rem;line-height:0.4rem;padding:0.4rem;box-sizing:border-box}#app .common-container.pc #fullpage .section.section-1 .detail-wrap .tempText .temp-text-inner img{max-width:100%;object-fit:cover;height:auto !important}#app .common-container.pc #fullpage .section.section-2 .container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.9)}#app .common-container.pc #fullpage .section.section-2 .container .footer-content{width:9.8rem;height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .reg-bottom-btn{width:2.85rem;height:0.93rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/reg_bottom_btn.png");cursor:pointer}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community{width:100%;height:1.25rem;padding:0 0.48rem;display:flex;align-items:center;justify-content:space-between;margin-top:0.48rem}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell{position:relative;width:1.25rem;height:1.25rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);transition:all 0.3s ease}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell .pop{position:absolute;left:50%;top:50%;transform:translate(-50%, 60%);width:1.15rem;height:1.21rem;display:none}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell .pop img{width:100%;height:100%;object-fit:contain}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell:hover::before{background-color:#ff993a}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell:hover .pop{display:block}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell:hover>img{filter:invert(0)}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .community .community-cell>img{width:0.55rem;height:0.55rem;object-fit:contain;filter:invert(1)}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .footer-info{font-size:0.16rem;color:white;text-align:center;letter-spacing:0.05rem;line-height:1.3}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .more-info{width:100%;height:2.28rem;border:1px solid white;margin-top:0.5rem;padding:0.15rem 0.2rem}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol{width:100%;display:flex;text-align:center;align-items:center;flex-wrap:nowrap;margin-bottom:0.1rem;justify-content:center}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol a{font-size:0.2rem;color:white;margin-right:0.29rem;position:relative;white-space:nowrap;cursor:pointer;text-decoration:none}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol a::after{content:'|';position:absolute;right:-0.2rem}#app .common-container.pc #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol a:nth-last-child(1)::after{content:''}#app .common-container.pc .slide-down{width:0.46rem;height:0.41rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/slide_down.png");position:absolute;left:50%;bottom:0.25rem;transform:translateX(-50%);z-index:10;animation:slide-down-hint 5s ease-in-out infinite}#app .common-container.pc .dialog-close{width:0.44rem;height:0.44rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/dialog_close.png");cursor:pointer}#app .common-container.pc .main-footer-modal{opacity:0.8}#app .common-container.pc .main-footer{width:9.8rem;height:6rem}#app .common-container.pc .reg-dialog{width:6.88rem;height:5.49rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/reg_dialog_bg.png")}#app .common-container.pc .reg-dialog .dialog-close{top:0.2rem;right:0.2rem}#app .common-container.pc .reg-dialog .phone-reg,#app .common-container.pc .reg-dialog .wechat-reg{width:100%;height:100%}#app .common-container.pc .reg-dialog .phone-reg .ornament-bird{width:1.49rem;height:0.99rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/ornament_bird.png");position:absolute;top:0.37rem;left:0.42rem;z-index:0}#app .common-container.pc .reg-dialog .phone-reg .phone-input{position:absolute;left:0;right:0;top:1.3rem;margin:0 auto;width:4.96rem;height:0.58rem;background-color:white;color:black;border:1px solid black;outline:none;font-size:0.3rem;line-height:0.58rem;padding:0 0.2rem}#app .common-container.pc .reg-dialog .phone-reg .code-area{position:absolute;left:0;right:0;margin:0 auto;width:4.96rem;height:0.58rem;top:2.16rem;display:flex;align-items:center;justify-content:center}#app .common-container.pc .reg-dialog .phone-reg .code-area .code-input{width:2.9rem;height:100%;background-color:white;color:black;border:1px solid black;outline:none;font-size:0.3rem;line-height:0.58rem;padding:0 0.2rem}#app .common-container.pc .reg-dialog .phone-reg .code-area .send-btn{flex:1;flex-shrink:0;height:100%;background-color:black;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.pc .reg-dialog .phone-reg .code-area .send-btn p{color:white;font-size:0.3rem}#app .common-container.pc .reg-dialog .phone-reg .privacy-wrap{position:absolute;left:0;right:0;top:3rem;margin:0 auto;height:0.18rem;display:flex;align-items:center;justify-content:center}#app .common-container.pc .reg-dialog .phone-reg .privacy-wrap input{width:0.18rem;height:0.18rem;margin-right:0.05rem;cursor:pointer}#app .common-container.pc .reg-dialog .phone-reg .privacy-wrap p,#app .common-container.pc .reg-dialog .phone-reg .privacy-wrap a{font-size:0.18rem;color:#6c6c6c}#app .common-container.pc .reg-dialog .phone-reg .reg-btn{position:absolute;left:0;right:0;margin:0 auto;top:3.48rem;width:2.53rem;height:0.6rem;background-color:#f4953b;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.pc .reg-dialog .phone-reg .reg-btn p{font-size:0.3rem;color:black;font-weight:bold}#app .common-container.pc .reg-dialog .phone-reg .go-wechat{position:absolute;left:0;right:0;margin:0 auto;top:4.7rem;width:3rem;height:0.47rem;background-color:black;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.pc .reg-dialog .phone-reg .go-wechat p{font-size:0.26rem;color:#c9cdd8;font-weight:bold}#app .common-container.pc .reg-dialog .wechat-reg{position:relative;overflow:hidden}#app .common-container.pc .reg-dialog .wechat-reg .qrcode{width:6.53rem;height:5.59rem;position:absolute;left:0;right:0;margin:0 auto;bottom:-0.2rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/qrcode.png");z-index:0}#app .common-container.pc .reg-dialog .wechat-reg .qrcode img{position:absolute;left:1.89rem;top:0.48rem;width:2.7rem;height:2.7rem;object-fit:contain}#app .common-container.pc .reg-dialog .wechat-reg .go-mp{position:absolute;left:0;right:0;margin:0 auto;top:4.1rem;width:3rem;height:0.44rem;background-color:#ff9b3a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.pc .reg-dialog .wechat-reg .go-mp p{font-size:0.26rem;color:white;font-weight:bold}#app .common-container.pc .reg-dialog .wechat-reg .go-phone{position:absolute;left:0;right:0;margin:0 auto;top:4.7rem;width:3rem;height:0.47rem;background-color:black;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.pc .reg-dialog .wechat-reg .go-phone p{font-size:0.26rem;color:#c9cdd8;font-weight:bold}#app .common-container.pc .tip-dialog{width:6.88rem;height:5.49rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/tip_dialog_bg.png")}#app .common-container.pc .tip-dialog .dialog-close{top:0.2rem;right:0.2rem}#app .common-container.pc .tip-dialog .tip-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.2rem 0.2rem}#app .common-container.pc .tip-dialog .tip-content p{font-size:0.3rem;color:black;text-align:center;line-height:1.3}#app .common-container.m{position:absolute;width:7.5rem;height:100%;left:0;right:0;margin:0 auto;overflow:hidden}#app .common-container.m .top-area{position:absolute;width:100%;height:1.25rem;display:flex;align-items:center;justify-content:flex-start;padding:0 0.3rem 0 0.2rem;z-index:10;transition:all 1s ease;background:rgba(74,74,74,0.9)}#app .common-container.m .top-area .logo{width:2.15rem;height:0.95rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/logo.png")}#app .common-container.m .top-area .reg-little-btn{width:2.17rem;height:0.57rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/reg_little_btn.png");cursor:pointer;margin-left:1.15rem}#app .common-container.m .top-area .menu-btn{width:0.32rem;height:0.32rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/menu.png");margin-left:0.3rem}#app .common-container.m .top-area .music{position:relative;width:0.46rem;height:0.46rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/music.png");margin-left:0.25rem;cursor:pointer;animation:music-on 1s ease-in-out infinite}@keyframes music-on{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}#app .common-container.m .top-area .music.pause{animation:none}#app .common-container.m .board-container{position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(to bottom, #e5e5ea, #e5e4e9);z-index:0}#app .common-container.m .board-container .line{position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(-45deg, #dfe1e653, #dfe1e653 2px, transparent 2px, transparent 4px);z-index:99}#app .common-container.m .board-container .clover-icon{position:absolute;width:2.5rem;height:2.5rem;filter:drop-shadow(0 0 0.5rem #d8dde4);z-index:2}#app .common-container.m .board-container .clover-icon.left{left:-0.5rem;bottom:0.2rem;animation:clover 100s linear infinite}#app .common-container.m .board-container .clover-icon.right{animation:clover 80s linear infinite;right:-0.4rem;bottom:5.94rem}@keyframes shine{0%{filter:drop-shadow(0.01rem 0.01rem 0rem #fff)}50%{filter:drop-shadow(0.01rem 0.01rem 0.05rem #c1c2c3)}100%{filter:drop-shadow(0.01rem 0.01rem 0rem #fff)}}#app .common-container.m .board-container .stars{position:absolute;width:2.07rem;height:5.69rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/stars.png");z-index:1;filter:drop-shadow(0.01rem 0.01rem 0rem #fff);animation:shine 5s ease-in-out infinite}#app .common-container.m .board-container .stars.left{left:0;bottom:0rem}#app .common-container.m .board-container .stars.right{right:0;bottom:4.6rem}#app .common-container.m .board-container .ornament-star{position:absolute;width:1.55rem;height:1.46rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/ornament_star.png");z-index:3}#app .common-container.m .board-container .ornament-star.left{left:0rem;top:3.18rem}#app .common-container.m .board-container .ornament-star.right{right:0;bottom:-0.5rem}#app .common-container.m .board-container .bc-title{position:absolute;left:0;top:0.1rem;font-family:'LOGOSC';font-size:4.5rem;color:#dedfe5;text-transform:uppercase;white-space:nowrap;transform:scaleX(0.168);transform-origin:left;line-height:1;z-index:1;animation:text-reveal 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}#app .common-container.m #fullpage{width:100%;height:100%;margin:0 auto;position:relative;z-index:1}#app .common-container.m #fullpage .section.section-1 .detail-main{position:absolute;left:50%;transform:translateX(-50%);top:1.5rem;width:6.5rem}#app .common-container.m #fullpage .section.section-1 .detail-main .action{width:100%;height:0.64rem;display:flex;align-items:center;justify-content:flex-start}#app .common-container.m #fullpage .section.section-1 .detail-main .action .back-action{display:flex;align-items:center;justify-content:center;cursor:pointer}#app .common-container.m #fullpage .section.section-1 .detail-main .action .back-action .icon{width:0.27rem;height:0.41rem;margin-right:0.15rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/pc/arrow.png")}#app .common-container.m #fullpage .section.section-1 .detail-main .action .back-action p{font-size:0.39rem;font-weight:bold;line-height:1}#app .common-container.m #fullpage .section.section-1 .detail-wrap{width:100%;margin-top:0.5rem;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:0.2rem;overflow:hidden}#app .common-container.m #fullpage .section.section-1 .detail-wrap .tempTop{width:100%;height:1rem;background-color:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:space-between;padding:0 0.2rem;border-bottom:1px solid #9c9c9c}#app .common-container.m #fullpage .section.section-1 .detail-wrap .tempTop h1{font-size:0.39rem;font-weight:bold;line-height:1;color:#000;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#app .common-container.m #fullpage .section.section-1 .detail-wrap .tempTop .showtime{font-size:0.2rem;color:#000;text-align:center}#app .common-container.m #fullpage .section.section-1 .detail-wrap .tempText{width:100%;flex:1;overflow-y:auto;background-color:rgba(255,255,255,0.5)}#app .common-container.m #fullpage .section.section-1 .detail-wrap .tempText .temp-text-inner{font-size:0.2rem;line-height:0.4rem;padding:0.4rem;box-sizing:border-box}#app .common-container.m #fullpage .section.section-1 .detail-wrap .tempText .temp-text-inner img{max-width:100%;object-fit:cover;height:auto !important}#app .common-container.m #fullpage .section.section-2{background-color:rgba(0,0,0,0.9)}#app .common-container.m #fullpage .section.section-2 .container{position:relative;padding-top:1.25rem;padding-bottom:1.95rem}#app .common-container.m #fullpage .section.section-2 .container .footer-content{width:100%;margin-top:25vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 0.3rem}#app .common-container.m #fullpage .section.section-2 .container .footer-content .reg-bottom-btn{width:2.66rem;height:0.87rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/reg_bottom_btn.png");cursor:pointer}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community{width:100%;height:0.97rem;padding:0 0.2rem;display:flex;align-items:center;justify-content:space-between;margin-top:0.48rem}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell{position:relative;width:0.9rem;height:0.9rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);transition:all 0.3s ease}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell .pop{position:absolute;left:50%;top:50%;transform:translate(-50%, 60%);width:1.15rem;height:1.21rem;display:none}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell .pop img{width:100%;height:100%;object-fit:contain}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell.active::before{background-color:#ff993a}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell.active .pop{display:block}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell.active>img{filter:invert(0)}#app .common-container.m #fullpage .section.section-2 .container .footer-content .community .community-cell>img{width:0.4rem;height:0.4rem;object-fit:contain;filter:invert(1)}#app .common-container.m #fullpage .section.section-2 .container .footer-content .footer-info{font-size:0.14rem;color:white;text-align:center;letter-spacing:0.05rem;line-height:1.3}#app .common-container.m #fullpage .section.section-2 .container .footer-content .more-info{width:100%;height:2.28rem;border:1px solid white;margin-top:0.5rem;padding:0.15rem 0.2rem}#app .common-container.m #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol{width:100%;display:flex;text-align:center;align-items:center;flex-wrap:nowrap;margin-bottom:0.1rem;justify-content:center}#app .common-container.m #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol a{font-size:0.2rem;color:white;margin-right:0.29rem;position:relative;white-space:nowrap;cursor:pointer;text-decoration:none}#app .common-container.m #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol a::after{content:'|';position:absolute;right:-0.2rem}#app .common-container.m #fullpage .section.section-2 .container .footer-content .more-info .footer-protocol a:nth-last-child(1)::after{content:''}#app .common-container.m .slide-down{width:0.64rem;height:0.57rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/slide_down.png");position:absolute;left:50%;bottom:0.25rem;transform:translateX(-50%);z-index:8;animation:slide-down-hint 5s ease-in-out infinite}#app .common-container.m .main-menu{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(0,0,0,0.9);padding-top:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .common-container.m .main-menu ::-webkit-scrollbar:vertical{width:0}#app .common-container.m .main-menu .menu-content{width:4.7rem;height:90%;overflow-y:auto}#app .common-container.m .main-menu .menu-content .menu-inner{width:4.7rem;height:fit-content}#app .common-container.m .main-menu .menu-content .menu-inner .menu{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;list-style:none;width:fit-content;margin:0 auto}#app .common-container.m .main-menu .menu-content .menu-inner .menu li{width:100%;position:relative;padding:0.1rem 0;display:flex;align-items:center;justify-content:center;margin-bottom:0.85rem}#app .common-container.m .main-menu .menu-content .menu-inner .menu li a{color:#fff;font-size:0.42rem;white-space:nowrap;text-decoration:none;opacity:0.5;transition:all 0.3s ease;line-height:1;font-weight:bold}#app .common-container.m .main-menu .menu-content .menu-inner .menu li.active{border-bottom:1px solid white}#app .common-container.m .main-menu .menu-content .menu-inner .menu li.active a{opacity:1}#app .common-container.m .main-menu .menu-content .menu-inner .menu-split{width:4.08rem;height:0.15rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/menu_split.png");margin:0 auto}#app .common-container.m .main-menu .menu-content .menu-inner .community{position:relative;width:4rem;height:0.63rem;background-color:#242424;display:flex;align-items:center;justify-content:center;margin:0.85rem auto 0 auto}#app .common-container.m .main-menu .menu-content .menu-inner .community::before{content:'';display:block;width:0.45rem;height:0.45rem;background-color:#242424;transform:rotate(45deg);position:absolute;left:-0.2rem;top:0.08rem;z-index:0}#app .common-container.m .main-menu .menu-content .menu-inner .community::after{content:'';display:block;width:0.45rem;height:0.45rem;background-color:#242424;transform:rotate(45deg);position:absolute;right:-0.2rem;top:0.08rem;z-index:0}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell{position:relative;width:0.5rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0.05rem;z-index:1;cursor:pointer}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell .pop{position:absolute;left:50%;top:50%;transform:translate(-50%, 50%);width:1.15rem;height:1.21rem;display:none;opacity:0;transition:all 0.3s ease-in-out}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell .pop img{width:100%;height:100%;object-fit:contain}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell.active .pop{display:block;opacity:1}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell.active::before{opacity:1;transform:translate(-50%, -50%) rotate(45deg)}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell.active>img{filter:invert(1)}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell::before{content:'';width:0.5rem;height:0.5rem;background-color:white;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.3s ease;z-index:0;opacity:0}#app .common-container.m .main-menu .menu-content .menu-inner .community .community-cell>img{width:0.3rem;height:0.3rem;object-fit:contain;z-index:1;transition:all 0.3s ease}#app .common-container.m .dialog-close{width:0.44rem;height:0.44rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/dialog_close.png");cursor:pointer}#app .common-container.m .reg-dialog{width:6.59rem;height:5.26rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/reg_dialog_bg.png")}#app .common-container.m .reg-dialog .dialog-close{top:0.2rem;right:0.2rem}#app .common-container.m .reg-dialog .phone-reg,#app .common-container.m .reg-dialog .wechat-reg{width:100%;height:100%}#app .common-container.m .reg-dialog .phone-reg .ornament-bird{width:1.43rem;height:0.95rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/ornament_bird.png");position:absolute;top:0.37rem;left:0.42rem;z-index:0}#app .common-container.m .reg-dialog .phone-reg .phone-input{position:absolute;left:0;right:0;top:1.24rem;margin:0 auto;width:4.97rem;height:0.52rem;background-color:white;color:black;border:1px solid black;outline:none;font-size:0.3rem;line-height:0.58rem;padding:0 0.2rem}#app .common-container.m .reg-dialog .phone-reg .code-area{position:absolute;left:0;right:0;margin:0 auto;width:4.97rem;height:0.52rem;top:2.08rem;display:flex;align-items:center;justify-content:center}#app .common-container.m .reg-dialog .phone-reg .code-area .code-input{width:2.9rem;height:100%;background-color:white;color:black;border:1px solid black;outline:none;font-size:0.3rem;line-height:0.58rem;padding:0 0.2rem}#app .common-container.m .reg-dialog .phone-reg .code-area .send-btn{flex:1;flex-shrink:0;height:100%;background-color:black;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.m .reg-dialog .phone-reg .code-area .send-btn p{color:white;font-size:0.3rem}#app .common-container.m .reg-dialog .phone-reg .privacy-wrap{position:absolute;left:0;right:0;top:2.8rem;margin:0 auto;height:0.18rem;display:flex;align-items:center;justify-content:center}#app .common-container.m .reg-dialog .phone-reg .privacy-wrap input{width:0.18rem;height:0.18rem;margin-right:0.05rem;cursor:pointer}#app .common-container.m .reg-dialog .phone-reg .privacy-wrap p,#app .common-container.m .reg-dialog .phone-reg .privacy-wrap a{font-size:0.18rem;color:#6c6c6c}#app .common-container.m .reg-dialog .phone-reg .reg-btn{position:absolute;left:0;right:0;margin:0 auto;top:3.3rem;width:2.53rem;height:0.6rem;background-color:#f4953b;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.m .reg-dialog .phone-reg .reg-btn p{font-size:0.3rem;color:black;font-weight:bold}#app .common-container.m .reg-dialog .phone-reg .go-wechat{position:absolute;left:0;right:0;margin:0 auto;top:4.2rem;width:3rem;height:0.44rem;background-color:black;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.m .reg-dialog .phone-reg .go-wechat p{font-size:0.24rem;color:#c9cdd8;font-weight:bold}#app .common-container.m .reg-dialog .wechat-reg{position:relative;overflow:hidden;height:100%}#app .common-container.m .reg-dialog .wechat-reg .qrcode{width:6.24rem;height:5.35rem;position:absolute;left:0;right:0;margin:0 auto;bottom:-0.2rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/qrcode.png");z-index:0}#app .common-container.m .reg-dialog .wechat-reg .qrcode img{position:absolute;left:1.85rem;top:0.48rem;width:2.5rem;height:2.5rem;object-fit:contain}#app .common-container.m .reg-dialog .wechat-reg .go-mp{position:absolute;left:0;right:0;margin:0 auto;top:3.9rem;width:3rem;height:0.44rem;background-color:#ff9b3a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.m .reg-dialog .wechat-reg .go-mp p{font-size:0.26rem;color:white;font-weight:bold}#app .common-container.m .reg-dialog .wechat-reg .go-phone{position:absolute;left:0;right:0;margin:0 auto;top:4.5rem;width:3rem;height:0.44rem;background-color:black;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}#app .common-container.m .reg-dialog .wechat-reg .go-phone p{font-size:0.26rem;color:#c9cdd8;font-weight:bold}#app .common-container.m .tip-dialog{width:6.59rem;height:5.26rem;background-image:url("https://media.zlongame.com/media/pictures/cn/blackclover/images/m/tip_dialog_bg.png")}#app .common-container.m .tip-dialog .dialog-close{top:0.2rem;right:0.2rem}#app .common-container.m .tip-dialog .tip-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.2rem 0.2rem}#app .common-container.m .tip-dialog .tip-content p{font-size:0.3rem;color:black;text-align:center;line-height:1.3}