@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}body{padding:0;margin:0;background:#f0f0f0}html,body,fieldset,img,iframe,abbr{border:0}li{list-style:none}textarea{overflow:auto;resize:none}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,strong,b{font-weight:700}a,a:hover{text-decoration:none;outline:0}body,textarea,button{color:#fff}html,body{min-width:1420px;margin:0 auto;font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:14px}i,em{font-style:normal}.hide{display:none}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.clearfix:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}.clearfix{zoom:1}.inline-box{display:inline-block;zoom:1}.Layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:-1;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.Layer.on{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60);z-index:10000}.pop{display:none;position:fixed;top:50%;left:50%;z-index:10001}.pop .btn-close,.pop .close{width:44px;height:44px;display:block;position:absolute;top:18px;right:-60px;z-index:5;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/close_3141afe.png) no-repeat;-o-transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;-ms-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.pop .btn-close:hover,.pop .close:hover{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.video-pop{width:800px;height:510px}.video-pop .video-box{background:#fff;width:800px;height:450px}.succPop{width:1114px;height:400px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/succPop_5102c0e.png) no-repeat}.alertPop{width:606px;height:326px}.alertPop .close{top:20px;right:20px}.alertPop .alertBg{width:637px;height:421px;position:absolute;left:-31px;top:-65px}.alertPop p.msg{width:450px;position:absolute;z-index:2;left:50%;top:50%;color:#fff;font-size:16px;text-align:center;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.alertPop p.msg a{color:#E3776B;font-size:16px;text-decoration:underline}.cardPop{width:1460px;height:790px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/pop_bg_e03a85e.png) no-repeat;background-size:100% 100%}.cardPop .close{top:60px;right:60px}.cardPop .niao{width:443px;height:203px;position:absolute;left:-40px;top:-72px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/pop_niao_306f5d6.png) left top no-repeat}.cardPop .line1{width:341px;height:342px;position:absolute;left:-235px;top:508px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/pop_line1_d1062d5.png) left top no-repeat}.cardPop .line2{width:447px;height:421px;position:absolute;right:-49px;top:-291px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/pop_line2_b617aad.png) left top no-repeat}.cardPop .text{width:1111px;margin:117px auto 0;height:570px;overflow-y:scroll;padding-right:30px}.cardPop .text::-webkit-scrollbar-thumb{border-radius:5px;background:#3356f0}.cardPop .text::-webkit-scrollbar-track{background-color:#3c385f;border-radius:5px}.cardPop .text::-webkit-scrollbar{width:8px}.cardPop .text .scroll_con{font-size:0}.cardPop .text .scroll_con img{margin-right:27px;display:inline-block}.cardPop .text .scroll_con img:nth-child(1),.cardPop .text .scroll_con img:nth-child(2),.cardPop .text .scroll_con img:nth-child(3),.cardPop .text .scroll_con img:nth-child(4),.cardPop .text .scroll_con img:nth-child(5){margin-bottom:40px}.cardPop .text .scroll_con img:nth-child(5n){margin-right:0}#NIE-topBar{height:55px;background:#fff}.wbox{width:1420px;margin:0 auto}.wrap{margin:0 auto;min-width:1420px;max-width:1920px;position:relative;overflow:hidden}.wrap .kv{width:100%;height:1320px;margin:0 auto;position:relative;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/kv_ef9a315.jpg) center 0 no-repeat}.wrap .kv.on .logo,.wrap .kv.on .facebook,.wrap .kv.on .youtube,.wrap .kv.on .btn_bgm,.wrap .kv.on .slogan,.wrap .kv.on .kv_yy{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.wrap .kv .kv_mask{width:100%;height:677px;position:absolute;left:0;bottom:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/bg_d8fa166.png) center top no-repeat}.wrap .kv .video_bg{width:1920px;height:1080px;overflow:hidden;position:absolute;left:50%;top:0;z-index:2;margin-left:-960px}.wrap .kv .video_bg video{width:100%}.wrap .kv .logo{width:275px;height:134px;display:block;position:absolute;left:0;top:12px;z-index:3;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/logo_33fada2.png) -20px top no-repeat;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .kv .facebook{width:49px;height:49px;display:block;position:absolute;right:149px;top:34px;z-index:3;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .kv .facebook img{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .kv .facebook:hover img{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wrap .kv .youtube{width:43px;height:50px;display:block;position:absolute;right:65px;top:34px;z-index:3;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .kv .youtube img{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .kv .youtube:hover img{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wrap .kv .btn_bgm{width:35px;height:35px;position:absolute;right:244px;top:48px;z-index:3;font-size:0;cursor:pointer;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .kv .btn_bgm.play i:nth-child(1){-webkit-animation:lineLow 2s linear infinite 300ms 0 ease;-moz-animation:lineLow 2s linear infinite 300ms 0 ease;-ms-animation:lineLow 2s linear infinite 300ms 0 ease;animation:lineLow 2s linear infinite 300ms 0 ease;-o-animation:lineLow 2s linear infinite;-webkit-animation:lineLow 2s linear infinite;-moz-animation:lineLow 2s linear infinite;-ms-animation:lineLow 2s linear infinite;animation:lineLow 2s linear infinite}.wrap .kv .btn_bgm.play i:nth-child(2){-webkit-animation:lineLow 2s .3s linear infinite 300ms 0 ease;-moz-animation:lineLow 2s .3s linear infinite 300ms 0 ease;-ms-animation:lineLow 2s .3s linear infinite 300ms 0 ease;animation:lineLow 2s .3s linear infinite 300ms 0 ease;-o-animation:lineLow 2s .3s linear infinite;-webkit-animation:lineLow 2s .3s linear infinite;-moz-animation:lineLow 2s .3s linear infinite;-ms-animation:lineLow 2s .3s linear infinite;animation:lineLow 2s .3s linear infinite}.wrap .kv .btn_bgm.play i:nth-child(3){-webkit-animation:lineLow 2s .6s linear infinite 300ms 0 ease;-moz-animation:lineLow 2s .6s linear infinite 300ms 0 ease;-ms-animation:lineLow 2s .6s linear infinite 300ms 0 ease;animation:lineLow 2s .6s linear infinite 300ms 0 ease;-o-animation:lineLow 2s .6s linear infinite;-webkit-animation:lineLow 2s .6s linear infinite;-moz-animation:lineLow 2s .6s linear infinite;-ms-animation:lineLow 2s .6s linear infinite;animation:lineLow 2s .6s linear infinite}.wrap .kv .btn_bgm.play i:nth-child(4){-webkit-animation:lineLow 2s .9s linear infinite 300ms 0 ease;-moz-animation:lineLow 2s .9s linear infinite 300ms 0 ease;-ms-animation:lineLow 2s .9s linear infinite 300ms 0 ease;animation:lineLow 2s .9s linear infinite 300ms 0 ease;-o-animation:lineLow 2s .9s linear infinite;-webkit-animation:lineLow 2s .9s linear infinite;-moz-animation:lineLow 2s .9s linear infinite;-ms-animation:lineLow 2s .9s linear infinite;animation:lineLow 2s .9s linear infinite}.wrap .kv .btn_bgm.play i:nth-child(5){-webkit-animation:lineLow 2s 1.2s linear infinite 300ms 0 ease;-moz-animation:lineLow 2s 1.2s linear infinite 300ms 0 ease;-ms-animation:lineLow 2s 1.2s linear infinite 300ms 0 ease;animation:lineLow 2s 1.2s linear infinite 300ms 0 ease;-o-animation:lineLow 2s 1.2s linear infinite;-webkit-animation:lineLow 2s 1.2s linear infinite;-moz-animation:lineLow 2s 1.2s linear infinite;-ms-animation:lineLow 2s 1.2s linear infinite;animation:lineLow 2s 1.2s linear infinite}.wrap .kv .btn_bgm i{width:3px;height:35px;margin-right:5px;display:inline-block;background:#fff;-webkit-transform-origin:center bottom center;-moz-transform-origin:center bottom center;-ms-transform-origin:center bottom center;-o-transform-origin:center bottom center;transform-origin:center bottom center;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.wrap .kv .btn_bgm i:last-child{margin-right:0}.wrap .kv .kv_top{width:100%;height:62px;position:absolute;left:0;top:4px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/kv_top_1f30095.png) center top no-repeat}.wrap .kv .slogan{width:790px;height:360px;position:absolute;left:50%;top:220px;z-index:3;margin-left:-667px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/slogan_9182ff4.png) no-repeat;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .kv .kv_yy{width:306px;height:54px;cursor:pointer;position:absolute;left:50%;top:639px;z-index:3;margin-left:-568px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/yy_btn_2ea61e3.png) no-repeat;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateX(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .kv .scrollTips{width:222px;height:143px;position:absolute;left:50%;top:775px;z-index:3;margin-left:-111px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/scroll_2d1b3d3.png) no-repeat;-webkit-animation:scrollTips 2s linear infinite 300ms 0 ease;-moz-animation:scrollTips 2s linear infinite 300ms 0 ease;-ms-animation:scrollTips 2s linear infinite 300ms 0 ease;animation:scrollTips 2s linear infinite 300ms 0 ease;-o-animation:scrollTips 2s linear infinite;-webkit-animation:scrollTips 2s linear infinite;-moz-animation:scrollTips 2s linear infinite;-ms-animation:scrollTips 2s linear infinite;animation:scrollTips 2s linear infinite}.wrap .kv .order{width:1124px;height:325px;position:absolute;left:50%;top:1027px;margin-left:-562px;z-index:3;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/order_bg_8fb0a23.png) center bottom no-repeat}.wrap .kv .order.on .btns,.wrap .kv .order.on .inputBox,.wrap .kv .order.on .agree{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.wrap .kv .order .title{font-size:0;text-align:left;margin-bottom:42px;margin-left:-24px}.wrap .kv .order .btns{width:100%;height:60px;margin:0 auto 26px;text-align:center;font-size:0;position:relative;-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.wrap .kv .order .btns a{width:335px;height:73px;display:inline-block;vertical-align:top;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .kv .order .btns a:hover{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.wrap .kv .order .btns a.btn_ios{background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/btn_ios_2b8b890.png) center top no-repeat}.wrap .kv .order .btns a.btn_google{margin:0 25px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/btn_google_3a662d8.png) center top no-repeat}.wrap .kv .order .btns a.btn_facebook{background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/btn_facebook_68787b0.png) center top no-repeat}.wrap .kv .order .inputBox{width:1049px;height:51px;margin:0 auto;position:relative;font-size:0;z-index:2;padding:2px;background-color:#ececec;-o-transition:all 1s .6s;-webkit-transition:all 1s .6s;-moz-transition:all 1s .6s;-ms-transition:all 1s .6s;transition:all 1s .6s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.wrap .kv .order .inputBox .input{width:896px;height:49px;border:1px solid #d0cde9}.wrap .kv .order .inputBox .input span{width:89px;height:51px;color:#5f51db;font-size:16px;text-align:center;line-height:51px;position:relative;display:inline-block;vertical-align:middle;padding-right:5px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/input_line_e8fc79c.png) right center no-repeat}.wrap .kv .order .inputBox .input input{width:800px;height:21px;padding:10px 0;color:#5f51db;font-size:16px;text-align:center;display:inline-block;vertical-align:middle;border:0;background:transparent}.wrap .kv .order .inputBox .input input:focus{outline:0}.wrap .kv .order .inputBox .submit{width:151px;height:55px;display:block;position:absolute;right:0;top:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/submit_1ae1d33.png);-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.wrap .kv .order .inputBox .submit:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.wrap .kv .order .agree{width:1029px;color:#acb3cb;font-size:14px;margin:20px auto;text-align:left;padding-left:22px;position:relative;line-height:20px;-o-transition:all 1s .9s;-webkit-transition:all 1s .9s;-moz-transition:all 1s .9s;-ms-transition:all 1s .9s;transition:all 1s .9s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.wrap .kv .order .agree i{width:13px;height:13px;display:block;position:absolute;left:0;top:4px;cursor:pointer;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/agree_91d2fec.png) left bottom no-repeat}.wrap .kv .order .agree i.on{background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/agreed_7aed0e1.png) left bottom no-repeat}.wrap .kv .order .agree a{color:#ef7045}.wrap .kv .order .agree a:hover{text-decoration:underline}.wrap .page_con{width:100%;height:1000px;position:relative;box-sizing:border-box;padding-top:89px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/bg_d8fa166.png) center -677px no-repeat}.wrap .page_con .reward{width:1175px;height:495px;margin:0 auto;position:relative}.wrap .page_con .reward.on .rewardList li:nth-child(1),.wrap .page_con .reward.on .rewardList li:nth-child(2),.wrap .page_con .reward.on .rewardList li:nth-child(3),.wrap .page_con .reward.on .rewardList li:nth-child(4),.wrap .page_con .reward.on .rewardList li:nth-child(5){-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.wrap .page_con .reward h2{text-align:left;font-size:0}.wrap .page_con .reward .rewardList{width:1175px;height:387px;margin:26px auto 0;font-size:0;position:relative;text-align:center}.wrap .page_con .reward .rewardList li{width:200px;height:387px;display:inline-block;position:relative;margin-right:16px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .page_con .reward .rewardList li:last-child{margin-right:0}.wrap .page_con .reward .rewardList li.on:before{width:153px;height:100px;content:"";position:absolute;right:0;bottom:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/complete_2951473.png) left top no-repeat}.wrap .page_con .reward .rewardList li:nth-child(1){-o-transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward1_84c5c18.png) no-repeat}.wrap .page_con .reward .rewardList li:nth-child(1).on{background-image:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward1_h_8dad393.png)}.wrap .page_con .reward .rewardList li:nth-child(2){-o-transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward2_2dcfca2.png) no-repeat}.wrap .page_con .reward .rewardList li:nth-child(2).on{background-image:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward2_h_799339b.png)}.wrap .page_con .reward .rewardList li:nth-child(3){-o-transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward3_473b671.png) no-repeat}.wrap .page_con .reward .rewardList li:nth-child(3).on{background-image:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward3_h_64db4ed.png)}.wrap .page_con .reward .rewardList li:nth-child(4){-o-transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward4_a7307b7.png) no-repeat}.wrap .page_con .reward .rewardList li:nth-child(4).on{background-image:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward4_h_8949ac1.png)}.wrap .page_con .reward .rewardList li:nth-child(5){-o-transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward5_c04748a.png) no-repeat}.wrap .page_con .reward .rewardList li:nth-child(5).on{background-image:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/reward5_h_90875ad.png)}.wrap .page_con .card{width:100%;margin:0 auto;position:relative}.wrap .page_con .card.on .center .name_content,.wrap .page_con .card.on .center .big_img,.wrap .page_con .card.on .center .desc{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.wrap .page_con .card h2{text-align:center;font-size:0;height:207px}.wrap .page_con .card .more_card{width:279px;height:54px;display:block;position:absolute;left:50%;bottom:65px;margin-left:-139.5px;z-index:2;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/card_more_a35b962.png) no-repeat;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .page_con .card .more_card:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.wrap .page_con .card .center{width:1158px;height:710px;margin:0 auto;position:relative}.wrap .page_con .card .center .niao{width:443px;height:195px;position:absolute;right:-43px;top:-77px;z-index:3;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/niao_1f7db6a.png) left top no-repeat}.wrap .page_con .card .center .name_content{width:260px;height:710px;position:absolute;left:0;top:0;z-index:2;overflow:hidden;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/pagination_1cfba76.png) left top no-repeat;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateX(-40px);-webkit-transform:translateX(-40px);-moz-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .page_con .card .center .name_content .swiper-button-prev,.wrap .page_con .card .center .name_content .swiper-button-next{width:42px;height:42px;margin:0}.wrap .page_con .card .center .name_content .swiper-button-prev:focus,.wrap .page_con .card .center .name_content .swiper-button-next:focus{outline:0}.wrap .page_con .card .center .name_content .swiper-button-prev.swiper-button-prev,.wrap .page_con .card .center .name_content .swiper-button-next.swiper-button-prev{left:86px;top:0;background:0 0}.wrap .page_con .card .center .name_content .swiper-button-prev.swiper-button-next,.wrap .page_con .card .center .name_content .swiper-button-next.swiper-button-next{right:129px;top:668px;background:0 0}.wrap .page_con .card .center .name_content .nameSwiper{width:212px;height:550px;position:relative;margin-top:80px;margin-left:48px;font-size:0;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .page_con .card .center .name_content .nameSwiper .swiper-slide{width:212px;height:33px;color:#fff;font-size:18px;line-height:29px;text-align:left;cursor:pointer;text-indent:3px}.wrap .page_con .card .center .name_content .nameSwiper .swiper-slide-active{font-size:22px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/bullet_b68045b.png) left top no-repeat}.wrap .page_con .card .center .big_img{width:776px;height:776px;position:absolute;left:50%;top:-7px;z-index:1;margin-left:-425px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/card_bg_59dae5b.png) center center no-repeat;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .page_con .card .center .big_img .card_bg{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .page_con .card .center .desc{width:342px;height:570px;position:absolute;right:0;top:80px;z-index:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateX(40px);-webkit-transform:translateX(40px);-moz-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .page_con .card .center .desc .desc_bg{width:342px;height:570px;background-position:left top;background-repeat:no-repeat;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .page_con .feature{width:1420px;height:100px;margin:0 auto;position:relative;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-o-transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-o-transition:all 1s .3s;-webkit-transition:all 1s .3s;-moz-transition:all 1s .3s;-ms-transition:all 1s .3s;transition:all 1s .3s}.wrap .page_con .feature.on{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.wrap .page_con .feature h2{text-align:center;font-size:0}.wrap .page_con .feature .line{width:1920px;height:1px;background:#4f468b;position:absolute;left:50%;top:535px;z-index:1;margin-left:-960px}.wrap .page_con .feature .swiper-btn{height:115px;width:44px;position:absolute;right:179px;top:478px;z-index:2}.wrap .page_con .feature .swiper-btn .swiper-button-prev,.wrap .page_con .feature .swiper-btn .swiper-button-next{width:44px;height:22px;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;margin:0}.wrap .page_con .feature .swiper-btn .swiper-button-prev:focus,.wrap .page_con .feature .swiper-btn .swiper-button-next:focus{outline:0}.wrap .page_con .feature .swiper-btn .swiper-button-prev:hover,.wrap .page_con .feature .swiper-btn .swiper-button-next:hover{-o-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.wrap .page_con .feature .swiper-btn .swiper-button-prev.swiper-button-prev,.wrap .page_con .feature .swiper-btn .swiper-button-next.swiper-button-prev{left:0;top:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/btn_left_c68affb.png)}.wrap .page_con .feature .swiper-btn .swiper-button-prev.swiper-button-next,.wrap .page_con .feature .swiper-btn .swiper-button-next.swiper-button-next{right:0;top:auto;bottom:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/btn_right_65e4eb2.png)}.wrap .page_con .feature .number{width:24px;height:89px;position:absolute;left:179px;top:490px;z-index:2}.wrap .page_con .feature .number:after{width:58px;height:2px;content:"";background:#5c54f3;position:absolute;left:-20px;top:43px}.wrap .page_con .feature .number .total{width:100%;font-size:0;position:absolute;left:0;bottom:0}.wrap .page_con .feature .number .index{width:100%;font-size:0;position:absolute;left:0;top:0}.wrap .page_con .feature .number .index img{position:absolute;left:0;top:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:-1;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .page_con .feature .number .index img.show{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);z-index:1}.wrap .page_con .feature .swiper-pagination{width:100%;position:relative;margin-top:55px}.wrap .page_con .feature .swiper-pagination .swiper-pagination-bullet{width:37px;height:37px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/dot_fa8766a.png) left top no-repeat}.wrap .page_con .feature .swiper-pagination .swiper-pagination-bullet-active{background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/dot_on_8750219.png) left top no-repeat}.wrap .page_con .feature .swiper-pagination .swiper-pagination-bullet:focus{outline:0}.wrap .page_con .feature .feaSwiper{width:883px;height:491px;margin:16px auto 0;position:relative;z-index:2}.wrap .page_con .feature .feaSwiper .swiper-slide{width:883px!important;height:491px!important;position:relative;background:#4e477e;box-sizing:border-box;padding:5px}.wrap .page_con .feature .feaSwiper .swiper-slide a.playVideo{width:137px;height:101px;display:block;position:absolute;left:50%;top:50%;margin:-50px 0 0 -68px;z-index:3;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/cg_btn_6bf15df.png) no-repeat;-webkit-animation:scale 2s linear infinite 300ms 0 ease;-moz-animation:scale 2s linear infinite 300ms 0 ease;-ms-animation:scale 2s linear infinite 300ms 0 ease;animation:scale 2s linear infinite 300ms 0 ease;-o-animation:scale 2s linear infinite;-webkit-animation:scale 2s linear infinite;-moz-animation:scale 2s linear infinite;-ms-animation:scale 2s linear infinite;animation:scale 2s linear infinite}.wrap .page_con .feature .feaSwiper .swiper-slide img{width:873px;height:481px}.wrap .page_con .feature .feaSwiper .swiper-slide-active{background:#5d4ee6}.wrap .page_con .feature .feaSwiper .swiper-slide-active a.playVideo{display:block}.wrap .footer{width:100%;height:80px;margin:100px auto 0}.wrap .footer .center{width:100%;position:relative;text-align:center}.wrap .footer .center .share{text-align:center;font-size:0;margin-bottom:25px}.wrap .footer .center .share .share-txt{height:22px;color:#fff;font-size:12px;line-height:22px;display:inline-block;vertical-align:top;margin-right:11px}.wrap .footer .center .share a{display:inline-block;font-size:0;line-height:22px;margin-left:5px;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.wrap .footer .center .share a:hover{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.wrap .footer .center .share a img{margin:0 5px;display:inline-block;vertical-align:top}.wrap .footer .center .share a span{color:#fff;font-size:12px;line-height:22px;display:inline-block;vertical-align:top}.wrap .footer .line{text-align:center;font-size:0;margin-bottom:5px}.wrap .footer .nieLogo{width:110px;height:42px;display:inline-block;vertical-align:top}.wrap .footer .nieLogo img{width:100%;height:auto}.wrap .footer .txt1,.wrap .footer .txt2,.wrap .footer .txt3{width:auto;height:100%;display:inline-block;vertical-align:top;margin-left:13px}.wrap .footer .txt1 p,.wrap .footer .txt2 p,.wrap .footer .txt3 p{font-size:12px;color:#fff;line-height:20px;text-align:left}.wrap .footer .txt1 p a,.wrap .footer .txt2 p a,.wrap .footer .txt3 p a{color:#fff;text-decoration:underline}.wrap .footer .txt1 p span,.wrap .footer .txt2 p span,.wrap .footer .txt3 p span{padding-left:16px}.rightSide{width:208px;height:280px;position:fixed;right:0;top:55%;z-index:10;margin-top:-205px;overflow:hidden;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.rightSide.hidden{height:150px;background:0 0}.rightSide.hidden .nav_open{bottom:0}.rightSide.hidden .nav_i{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.rightSide .nav_close{width:123px;height:81px;position:absolute;left:42px;bottom:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/nav_close_btn_2ba6807.png) center top no-repeat}.rightSide .nav_open{width:208px;height:89px;display:none;position:absolute;left:0;bottom:0;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/nav_open_btn_4052752.png) no-repeat}.rightSide .nav_i{width:46px;height:34px;position:absolute;left:50%;top:0;margin-left:-23px;background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/nav_top_i_2006722.png) left top no-repeat;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.rightSide ul{width:208px;text-align:center;font-size:0;margin:61px 0 0;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.rightSide ul li{width:100%;height:46px;margin-bottom:23px;position:relative;cursor:pointer;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.rightSide ul li:after{content:"";width:114px;height:1px;position:absolute;left:47px;top:40px;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-bottom:3px dotted rgba(250,249,253,.35)}.rightSide ul li.on,.rightSide ul li:hover{background:url(https://www.onmyoji-card.com/pc/zt/20201221165645/img/nav_li_on_9b5dc3f.png) no-repeat}.rightSide ul li.on:after,.rightSide ul li:hover:after{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.rightSide ul li img{width:auto;height:24px;top:50%;margin-top:-12px;position:relative}::-webkit-input-placeholder{color:#adb29e}:-moz-placeholder{color:#adb29e}::-moz-placeholder{color:#adb29e}:-ms-input-placeholder{color:#adb29e}@-webkit-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-moz-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-ms-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-o-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes scale{0%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes scale{0%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-ms-keyframes scale{0%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes scale{0%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}100%{-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scrollTips{0%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-o-transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}100%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes scrollTips{0%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-o-transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}100%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes scrollTips{0%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-o-transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}100%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes scrollTips{0%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-o-transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}100%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes scrollTips{0%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-o-transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}100%{-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes lineLow{0%{transform:scale(1,1)}50%{transform:scale(1,0)}100%{transform:scale(1,1)}}@-moz-keyframes lineLow{0%{transform:scale(1,1)}50%{transform:scale(1,0)}100%{transform:scale(1,1)}}@-ms-keyframes lineLow{0%{transform:scale(1,1)}50%{transform:scale(1,0)}100%{transform:scale(1,1)}}@-o-keyframes lineLow{0%{transform:scale(1,1)}50%{transform:scale(1,0)}100%{transform:scale(1,1)}}@keyframes lineLow{0%{transform:scale(1,1)}50%{transform:scale(1,0)}100%{transform:scale(1,1)}}