body,html{margin:0;padding:0}#app,body,html{width:100%;height:100%}#app .top_main{width:100%;position:relative;overflow-x:hidden}#app .top_main .bg{width:100%;display:block}#app .top_main .logo{position:absolute;width:3.4rem;top:.3rem;left:50%;margin-left:-8rem}#app .top_main .fun_dom{width:3rem;height:1.5rem;position:absolute;top:50%;margin-top:1.5rem;left:50%;margin-left:-1.5rem;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center}#app .top_main .fun_dom .qr_{width:50%;height:100%}#app .top_main .fun_dom .qr_ img{display:block;width:100%}#app .top_main .fun_dom .download_{width:1.35rem}#app .top_main .fun_dom .download_ a{display:block;line-height:.2rem}#app .top_main .fun_dom .download_ .app,#app .top_main .fun_dom .download_ .google,#app .top_main .fun_dom .download_ .mycard{width:1.35rem;display:block;margin-bottom:.04rem}#app .top_main .godown{position:absolute;width:.37rem;top:50%;margin-top:3.8rem;left:50%;margin-left:-.2rem}#app .pic_main{width:100%;position:relative;overflow:hidden}#app .pic_main .bg{width:100%;display:block}#app .pic_main .title{width:19rem;position:absolute;top:0;left:0}#app .pic_main .pic_dom{width:13.25rem;top:50%;margin-top:-2.4rem;left:50%;margin-left:-6.625rem;position:absolute}#app .pic_main .pic_dom img{display:block}#app .pic_main .pic_dom .pic_big{width:100%;margin-bottom:.5rem;height:4.1rem;overflow:hidden}#app .pic_main .pic_dom .pic_big .pic_big_{width:100%}#app .pic_main .pic_dom .pic_small{width:116%;display:flex;flex-flow:row wrap;justify-content:space-around;margin-left:-8%}#app .pic_main .pic_dom .pic_small .pic_small_{width:2.6rem;height:1.465rem;cursor:default;border:3px solid transparent;transition:border .3s linear}#app .pic_main .pic_dom .pic_small .active{border:3px solid #ba9e5a}#app .pic_main .small_dom{width:13.25rem;top:50%;margin-top:-3.5rem;left:50%;margin-left:-6.625rem;position:absolute}#app .video_main{width:100%;position:relative;overflow:hidden}#app .video_main .bg{width:100%;display:block}#app .video_main .title{width:18rem;position:absolute;top:0;right:0}#app .video_main .video_dom{width:9.35rem;height:5.34rem;position:absolute;top:50%;margin-top:-3rem;left:50%;margin-left:-4.67rem;overflow:hidden}#app .video_main .video_dom .video_{position:relative;z-index:11}#app .video_main .video_dom .video_ video{width:9.1rem;height:5.16rem;margin-top:.1rem;margin-left:.12rem}#app .video_main .video_dom .iframe{width:100%;height:100%;display:block;position:absolute;z-index:10}#app .video_main .video_dom .play{width:1rem;height:1rem;position:absolute;top:50%;margin-top:-.5rem;left:50%;margin-left:-.5rem;cursor:pointer;z-index:12;transition:top .3s ease-in}#app .video_main .video_dom .offplay{top:10rem}#app .video_main .listbg,#app .video_main .video_list{width:100%;height:2rem;position:absolute;bottom:.2rem;left:0}#app .video_main .video_list .prev{width:.58rem;height:.71rem;position:absolute;left:50%;margin-left:-6rem;top:.6rem;cursor:pointer}#app .video_main .video_list .prev img{display:block}#app .video_main .video_list .next{width:.58rem;height:.71rem;position:absolute;left:50%;margin-left:5.42rem;top:.6rem;cursor:pointer}#app .video_main .video_list .next img{display:block}#app .video_main .video_list .no_click{opacity:.4}#app .video_main .video_list .pic_{width:9.5rem;height:1.6rem;position:absolute;top:.3rem;left:50%;margin-left:-4.7rem;overflow:hidden}#app .video_main .video_list .pic_list{transition:all .4s ease}#app .video_main .video_list .pic_list .pic_item{width:2.1rem;float:left;margin-right:.3rem;cursor:pointer;position:relative}#app .video_main .video_list .pic_list .pic_item img{display:block;width:100%;border:2px solid transparent;transition:all .3s ease-in}#app .video_main .video_list .pic_list .pic_item .active{border:2px solid #ba9e5a}#app .video_main .video_list .pic_list .pic_item .actives{opacity:.9}#app .video_main .video_list .pic_list .pic_item .item_play{position:absolute;width:.6rem;height:.6rem;top:50%;margin-top:-.5rem;left:50%;margin-left:-.3rem}#app .video_main .video_list .pic_list .pic_item:hover img{opacity:1}#app .video_main .video_list .pic_list p{margin:.05rem 0 0;font-size:.14rem;color:#f7eaca;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .fb_main{width:100%;position:relative;overflow-x:hidden}#app .fb_main .bg{width:100%;display:block}#app .fb_main .title{width:17rem;position:absolute;top:0;left:0}#app .fb_main .fb_dialog_dom{width:500px;height:640px;top:2.3rem;left:50%;margin-left:-250px;position:absolute;z-index:3;overflow:hidden}#app .fb_main .fb_dialog_dom .abs{position:relative;width:100%;height:100%}#app .fb_main .fb_dialog_dom .abs.fbFans{display:flex;align-items:center;justify-content:center;padding:.2rem;box-sizing:border-box;background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}#app .fb_main .fb_dialog_dom .abs.fbFans .fb-page{transform-origin:center center;transition:transform .3s ease;max-width:100%;max-height:100%}#app .fb_main .fb_dialog_dom .abs.fbFans .fb-page iframe{max-width:100%!important;max-height:100%!important}#app .fb_main .fb_dialog_dom .abs.fbFans .fb-page:empty:before{content:"正在加載Facebook粉絲頁...";display:flex;align-items:center;justify-content:center;width:100%;height:200px;color:#666;font-size:14px;background:#f5f5f5;border-radius:4px}@media(max-width:768px){#app .fb_main .fb_dialog_dom .abs.fbFans{padding:.1rem}}#app .fb_main .fb_dialog_dom_frame{width:528px;height:6.6rem;top:2.2rem;left:50%;margin-left:-264px;position:absolute}#app .footer_{position:absolute;bottom:0;width:100%}#app .footer_ img{display:block;width:100%}#app .footer_ ul{position:absolute;list-style:none;top:4.2rem;left:6.1rem;width:3.4rem;margin:0;padding:0}#app .footer_ ul a{display:block}#app .footer_ ul li{float:left;width:25%;height:.4em}@media only screen and (max-width:576px){html{font-size:30px}}@media only screen and (min-width:577px) and (max-width:672px){html{font-size:35px}}@media only screen and (min-width:673px) and (max-width:768px){html{font-size:40px}}@media only screen and (min-width:769px) and (max-width:864px){html{font-size:45px}}@media only screen and (min-width:865px) and (max-width:960px){html{font-size:50px}}@media only screen and (min-width:961px) and (max-width:1056px){html{font-size:55px}}@media only screen and (min-width:1057px) and (max-width:1152px){html{font-size:60px}}@media only screen and (min-width:1153px) and (max-width:1248px){html{font-size:65px}}@media only screen and (min-width:1249px) and (max-width:1344px){html{font-size:70px}}@media only screen and (min-width:1345px) and (max-width:1440px){html{font-size:75px}}@media only screen and (min-width:1441px) and (max-width:1536px){html{font-size:80px}}@media only screen and (min-width:1537px) and (max-width:1632px){html{font-size:85px}}@media only screen and (min-width:1633px) and (max-width:1728px){html{font-size:90px}}@media only screen and (min-width:1729px) and (max-width:1824px){html{font-size:95px}}@media only screen and (min-width:1825px) and (max-width:1920px){html{font-size:100px}}@media only screen and (min-width:1920px){html{font-size:100px}}img{max-width:100%}