@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea,th{font-size:12px;line-height:1.5;font-family:Tahoma,\5FAE\8F6F\96C5\9ED1,"hiragino sans gb",Helvetica,Arial}
h1,h2,h3,h4,h5,h6{font-size:100%}
li{list-style:none}
img{border:none;-ms-interpolation-mode:bicubic}
input[type=button],input[type=submit]{cursor:pointer}
button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
a:hover{text-decoration:none}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#000}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.frt,.ft,.stage{min-width:1000px}
.ft,.ft a{color:#bfb0b6}
.mbg{position:absolute;left:0;top:0;width:100%}
.main{position:relative;z-index:2;width:1000px;height:5916px;margin:0 auto;font-size:16px}
.ft{height:66px;padding:14px 0;font-size:12px;font-family:Tahoma,Arial;width:100%;clear:both}
.ft p{height:22px;line-height:22px;text-align:center}
.ft a{font-size:12px;text-decoration:none;outline:0}
.ft a:hover{text-decoration:underline}
.ft a:active{outline:0}
.ft .ft_nav{vertical-align:14px}
.ft .ft_nav a{margin:0 2px}
.ft .ft_zh a{margin:0 0 0 6px}
.hd{position:absolute;top:0;left:0;width:100%;height:80px;filter:progid:DXImageTransform.Microsoft.grad(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,.3);overflow:hidden;z-index:3}
.hd_in{position:relative;margin:17px auto;width:996px;height:46px}
.hd_logo{float:left;margin-right:80px}
.hd_a{display:block;width:159px;height:46px;background:url(img/logo.png) 0 0 no-repeat;text-indent:-99em;overflow:hidden}
.nv{float:left}
.nv_i{float:left;font-size:20px;color:#fff;margin-right:80px;line-height:40px}
.nv_i--on{color:#31c27c}
.hd_home{display:block;float:right;margin-left:27px;line-height:40px;font-size:20px;color:#fff;text-decoration:none}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.active{z-index:2}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:scroll}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1}
#fp-nav.right{right:17px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:17px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span{opacity:1;filter:alpha(opacity=100)}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:1}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}
#fp-nav ul li:hover .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}
#fp-nav ul li .fp-tooltip.right{right:20px}
#fp-nav ul li .fp-tooltip.left{left:20px}
.mdlg{padding:40px 60px;background:#FFF;position:absolute}
.mpop{background:#FFF;position:absolute}
.mdlg .cdlg,.mpop .cdlg{display:block;width:20px;height:20px;position:absolute;top:0;right:20px;text-indent:-999em;overflow:hidden;background:url(img/icon_sprite.png) no-repeat -70px -70px;z-index:2}
.mdlg .cdlg:hover,.mpop .cdlg:hover{background:url(img/icon_sprite.png) no-repeat -90px -70px}
.mmsg,.pmove{border:2px solid #E5E5E5}
.mmsg .cdlg,.pmove .cdlg{top:-2px}
.mdlg .mdlg_c{overflow:hidden;position:relative;z-index:2}
.mdlg .ifm{position:absolute;z-index:1;left:0;top:0}
.mdlg .mdlg_c i{float:left;width:53px;height:53px;background-image:url(img/icon_sprite.png);background-repeat:no-repeat;margin:0 20px 0 0;position:relative}
.mdlg .mdlg_c .ick{background-position:0 -229px}
.mdlg .mdlg_c .iwn{background-position:0 -285px}
.mdlg .mdlg_c .wtip{color:#333;height:53px;line-height:53px;font-size:24px;font-family:'Segoe UI Light','Segoe UI','Microsoft YaHei',Arial,Helvetica}
.mdlg .mdlg_c .otip{color:#333;font-size:14px;font-weight:700;line-height:26px;margin:0 0 4px}
.mdlg .dinfo{color:#8B8B8B;line-height:20px;margin-left:73px}
.mdlg .dinfo a{color:#0c8f44;font-family:Simsun}
.mdlg .dinfo a:hover{color:#05B600}
.mdlg .dbtn{margin-top:10px;margin-left:73px}
.mdlg .dbtn a{display:inline-block;line-height:20px;line-height:21px\9;height:20px;text-align:center;font-size:14px;font-family:"Microsoft YaHei";padding:0 8px;border-radius:3px}
.mdlg .dbtn .bcx,.mdlg .dbtn .bnr{color:#8b8b8b;border:1px solid #DDD;box-shadow:1px 2px 0 #F2F2F2}
.mdlg .dbtn .bcx:hover,.mdlg .dbtn .bok,.mdlg .dbtn .bhl{color:#fff;border:1px solid #0dad51;box-shadow:1px 2px 0 #c5dcc4;background:#0dad51;margin-right:6px}
.pmask{background:#000;opacity:.5;filter:alpha(opacity=50)}
.dlg{background:#FFF}
.dlg_hd{width:100%;height:30px;position:absolute;_float:left}
.dlg_hd h3{display:none}
.dlg .dlg_x{display:block;width:20px;height:20px;position:absolute;top:0;right:20px;text-indent:-999em;overflow:hidden;background:url(img/icon_sprite.png) no-repeat -70px -70px;z-index:3}
.dlg .dlg_x:hover{background:url(img/icon_sprite.png) no-repeat -90px -70px}
.psys{border:2px solid #E5E5E5;_float:left}
.dlg .dlg_bd{width:100%}
.pev{border:2px solid #E5E5E5;_float:left}
.pev .dlg_hd{height:74px}
.pev .dlg_hd h3{display:block;font-size:20px;font-weight:400;line-height:74px;color:#333;font-family:'Segoe UI Light','Segoe UI','Microsoft YaHei',Tahoma,Helvetica;text-indent:25px;*font-family:黑体}
.pev .dlg_bd{width:100%;padding:74px 0 0 0}
.dlg .dlg_bd .psys_t{padding:40px 60px;_zoom:1;_float:left}
.dlg .dlg_bd .psys_t i{float:left;width:53px;height:53px;background-image:url(img/icon_sprite.png);background-repeat:no-repeat;margin:0 20px 0 0;position:relative}
.dlg .dlg_bd .psys_t .ick{background-position:0 -229px}
.dlg .dlg_bd .psys_t .iwn{background-position:0 -285px}
.dlg .dlg_bd .psys_t .wtip{color:#333;height:53px;line-height:53px;font-size:24px;font-family:"Microsoft YaHei",Arial,Helvetica;margin:0 0 0 73px;white-space:nowrap;_float:left;_margin:0}
.dlg .dlg_bd .psys_t .otip{color:#333;font-size:14px;line-height:26px;font-family:"Microsoft YaHei",Arial,Helvetica;margin:0 0 4px 73px;_width:180px}
.dlg .dinfo{color:#8B8B8B;line-height:20px;margin:0 0 0 73px;_width:180px}
.dlg .dinfo a{color:#0c8f44;font-family:Simsun}
.dlg .dinfo a:hover{color:#05B600}
.dlg .dbtn{margin-top:10px;margin-left:73px}
.dlg .dbtn a{display:inline-block;line-height:20px;line-height:21px\9;height:20px;text-align:center;font-size:14px;font-family:"Microsoft YaHei";padding:0 8px;border-radius:3px}
.dlg .dbtn .bcx,.dlg .dbtn .bnr{color:#8b8b8b;border:1px solid #DDD;box-shadow:1px 2px 0 #F2F2F2}
.dlg .dbtn .bcx:hover,.dlg .dbtn .bok,.dlg .dbtn .bhl{color:#fff;border:1px solid #0dad51;box-shadow:1px 2px 0 #c5dcc4;background:#0dad51;margin-right:6px}
.dlt{line-height:106px;font-size:22px;text-align:center;color:#000;font-weight:400}
.dlc{padding:0 0 42px}
.bmk,.dlb,.dls{position:relative;display:block;width:157px;height:58px;line-height:58px;border-radius:5px;margin:0 auto;color:#fff;padding-left:56px;font-size:15px}
.dlb{background-color:#31c37c;margin-bottom:20px}
.dls{background-color:#2d2d2d}
.bmk{background-color:#2d2d2d}
.dli_d{position:absolute;left:23px;top:50%;margin-top:-12px;width:24px;height:22px;background-image:url(sprite/img_popup_4885723b.png);background-position:0 0}
.dli_p{position:absolute;left:23px;top:50%;margin-top:-15px;width:17px;height:29px;background-image:url(sprite/img_popup_4885723b.png);background-position:0 -34px}
.dli_m{position:absolute;left:23px;top:50%;margin-top:-11px;width:22px;height:22px;background-image:url(sprite/img_popup_4885723b.png);background-position:-36px 0}
.bmk{line-height:40px}
.dltip{color:#717171;margin-top:-20px;font-size:12px}
.dlb1{margin-top:40px}
.dg2{overflow:hidden}
.dg2 .bts{width:330px;float:left}
.dg2 .qr{width:259px;height:140px;float:right;border-left:solid 1px #ccc}
.qr_t{text-align:center;color:#000;font-weight:400;margin-top:-4px;margin-bottom:3px;font-size:16px}
.qr_p{display:block;width:116px;height:116px;margin:0 auto}
.bootld{width:150px;height:148px;position:absolute;top:50%;left:50%;margin:-75px -74px;background:url(img/loading.png) no-repeat}
.arw{position:absolute;bottom:32px;left:50%;margin-left:-18px;width:36px;height:20px;background-image:url(sprite/img_index_6bc275f9.png);background-position:-1091px -161px;z-index:9;_display:none}
.active .arw{-webkit-animation:iconArrow 1.5s infinite both 2s;animation:iconArrow 1.5s infinite both 2s}
@-webkit-keyframes iconArrow{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,0,0)}
100%{opacity:0;-webkit-transform:translate3d(0,8px,0)}
}
@keyframes iconArrow{0%{opacity:0;transform:translate3d(0,-8px,0)}
60%{opacity:1;transform:translate3d(0,0,0)}
100%{opacity:0;transform:translate3d(0,8px,0)}
}
body{background:#000;color:#fff}
.pg{overflow:hidden;position:relative}
.ft{position:absolute;bottom:0;left:0;height:44px;filter:progid:DXImageTransform.Microsoft.grad(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,.3);z-index:3}
.ft,.ft a{color:#fff}
.hide{width:1px;height:1px;overflow:hidden;text-indent:-99em;display:block}
.el{-webkit-transform:scale(0);transform:scale(0)}
.hero{position:relative}
.hero_i{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.cta{position:absolute;top:50%;left:50%;margin-top:12px;margin-left:-2px;width:293px;height:69px;text-indent:-99em;overflow:hidden;z-index:9;background-image:url(sprite/img_index_6bc275f9.png);background-position:-416px -859px}
.hero_pc{display:block;background:url(img/index/banner_pc.jpg) 50% no-repeat;background-size:cover}
.hero_pct{position:absolute;top:50%;left:50%;margin-left:-294px;margin-top:-195px;width:587px;height:145px;text-indent:-99em;overflow:hidden;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -312px;z-index:3}
.htag{position:absolute;width:171px;height:168px;-webkit-animation:star 4.5s both infinite linear;animation:star 4.5s both infinite linear;text-indent:-99em;overflow:hidden}
.htag::after{content:"";position:absolute;top:0;left:0;width:108px;height:152px;background:url(img/index/star.png) 0 0 no-repeat;background-size:cover}
.htag1{top:380px;left:20px;-webkit-animation-delay:.3s;animation-delay:.3s}
.htag2{top:320px;right:100px;-webkit-animation-delay:1s;animation-delay:1s}
.htag3{top:260px;left:50%;margin-left:200px;-webkit-animation-delay:1.4s;animation-delay:1.4s}
.htag4{top:200px;left:50%;margin-left:-200px;-webkit-animation-delay:2s;animation-delay:2s}
.htag5{top:640px;left:50%;margin-left:-400px;-webkit-animation-delay:3s;animation-delay:3s}
.htag6{top:400px;left:50%;margin-left:400px;-webkit-animation-delay:4s;animation-delay:4s}
.hero_pc .cta{margin-left:-146px}
@-webkit-keyframes star{0%{opacity:0;-webkit-transform:translate(216px,-304px)}
12%{opacity:1;-webkit-transform:translate(108px,-152px)}
100%,24%{opacity:0;-webkit-transform:translate(0,0)}
}
@keyframes star{0%{opacity:0;transform:translate(216px,-304px)}
12%{opacity:1;transform:translate(108px,-152px)}
100%,24%{opacity:0;transform:translate(0,0)}
}
.hero_mac{background:url(img/index/banner_mac.jpg) 50% no-repeat;background-size:cover}
.hero_mcb1{position:absolute;top:50%;left:50%;margin-top:-205px;width:623px;height:145px;text-indent:-99em;overflow:hidden;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 0;z-index:3}
.hero_ios{background:url(img/index/banner_iphone.jpg) 50% no-repeat;background-size:cover}
.hero_iost{position:absolute;top:50%;left:50%;margin-top:-205px;width:443px;height:150px;text-indent:-99em;overflow:hidden;background-image:url(sprite/img_index_6bc275f9.png);background-position:-636px -161px;z-index:3}
.iph_s1,.iph_s2,.iph_s3{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.iph_s1{background-image:url(img/index/iphone_play_1.jpg)}
.iph_s2{background-image:url(img/index/iphone_play_2.jpg)}
.iph_s3{background-image:url(img/index/iphone_play_3.jpg)}
.iph_note{position:absolute;top:50%;left:50%;margin-top:-185px;margin-left:-2px;width:370px;height:159px;text-indent:-99em;overflow:hidden;z-index:9;background-image:url(sprite/img_index_6bc275f9.png);background-position:-636px -323px}
.hero_and{background:url(img/index/banner_android.jpg) 50% no-repeat;background-size:cover}
.hero_ab1{position:absolute;top:50%;left:50%;margin-top:-205px;width:520px;height:149px;text-indent:-99em;overflow:hidden;background-image:url(sprite/img_index_6bc275f9.png);background-position:-636px 0;z-index:3}
.plt{position:absolute;bottom:0;left:0;width:100%;height:190px;text-align:center;_background:#000}
.plt_br{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#fff;opacity:.12;filter:alpha(opacity=12);overflow:hidden}
.plt_i{display:inline-block;*display:inline;*zoom:1;line-height:999px;overflow:hidden;width:110px;height:170px;margin-right:185px;position:relative;opacity:.4;filter:alpha(opacity=40);vertical-align:top}
.plt_i:hover{opacity:1;filter:alpha(opacity=100)}
.plt_i--pc{background-image:url(sprite/img_index_6bc275f9.png);background-position:-366px -940px;_background-image:url(sprite/img_index_ie6_9db0ade4.png);_background-position:-366px -167px}
.plt_i--mac{background-image:url(sprite/img_index_6bc275f9.png);background-position:-244px -940px;_background-image:url(sprite/img_index_ie6_9db0ade4.png);_background-position:-244px -167px}
.plt_i--ios{background-image:url(sprite/img_index_6bc275f9.png);background-position:-122px -940px;_background-image:url(sprite/img_index_ie6_9db0ade4.png);_background-position:-122px -167px}
.plt_i--and{background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -940px;_background-image:url(sprite/img_index_ie6_9db0ade4.png);_background-position:0 -167px;margin-right:0}
.plt_i--on{opacity:1;filter:alpha(opacity=100)}
.plt_i--on i{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#fff;overflow:hidden}
.sg{position:relative}
.sg .pg_in{position:absolute;top:50%;left:50%;margin:-534px -960px;width:1920px;height:1069px}
.sg_t{position:absolute;top:50%;left:50%;margin-left:-283px;margin-top:-100px;width:566px;height:74px;background-image:url(sprite/img_index_6bc275f9.png);background-position:-556px -630px;_background-image:url(sprite/img_index_ie6_9db0ade4.png);_background-position:0 0;z-index:2}
.sg_d{position:absolute;top:50%;left:50%;margin-top:0;margin-left:-202px;width:404px;height:69px;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -859px;_background-image:url(sprite/img_index_ie6_9db0ade4.png);_background-position:0 -86px;z-index:2}
.sg_i{width:211px;height:211px;position:relative;float:left}
.sg_p{position:absolute;top:0;left:0;width:100%;height:211px}
.active .sg_p1,.active .sg_p10,.active .sg_p11,.active .sg_p14,.active .sg_p15,.active .sg_p16,.active .sg_p18,.active .sg_p2,.active .sg_p22,.active .sg_p3,.active .sg_p4,.active .sg_p5,.active .sg_p6,.active .sg_p7,.active .sg_p8,.active .sg_p9{background:url(img/singer/sprite1.jpg) no-repeat}
.active .sg_p1{background-position:0 0}
.active .sg_p2{background-position:0 -212px}
.active .sg_p3{background-position:0 -424px}
.active .sg_p4{background-position:0 -636px}
.active .sg_p5{background-position:0 -848px}
.active .sg_p6{background-position:0 -1060px}
.active .sg_p7{background-position:0 -1272px}
.active .sg_p8{background-position:0 -1482px}
.active .sg_p9{background-position:0 -1696px}
.active .sg_p10{background-position:0 -1908px}
.active .sg_p11{background-position:0 -2120px}
.active .sg_p14{background-position:0 -2332px}
.active .sg_p15{background-position:0 -2544px}
.active .sg_p16{background-position:0 -2756px}
.active .sg_p18{background-position:0 -2968px}
.active .sg_p22{background-position:0 -3180px}
.active .sg_p23,.active .sg_p24,.active .sg_p26,.active .sg_p27,.active .sg_p28,.active .sg_p29,.active .sg_p31,.active .sg_p33,.active .sg_p34,.active .sg_p36,.active .sg_p37,.active .sg_p38,.active .sg_p39,.active .sg_p40,.active .sg_p41,.active .sg_p42,.active .sg_p43,.active .sg_p44,.active .sg_p45{background:url(img/singer/sprite2.jpg) no-repeat}
.active .sg_p23{background-position:0 0}
.active .sg_p24{background-position:0 -212px}
.active .sg_p26{background-position:0 -424px}
.active .sg_p27{background-position:0 -636px}
.active .sg_p28{background-position:0 -848px}
.active .sg_p29{background-position:0 -1060px}
.active .sg_p31{background-position:0 -1272px}
.active .sg_p33{background-position:0 -1482px}
.active .sg_p34{background-position:0 -1696px}
.active .sg_p36{background-position:0 -1908px}
.active .sg_p37{background-position:0 -2120px}
.active .sg_p38{background-position:0 -2332px}
.active .sg_p39{background-position:0 -2544px}
.active .sg_p40{background-position:0 -2756px}
.active .sg_p41{background-position:0 -2968px}
.active .sg_p42{background-position:0 -3180px}
.active .sg_p43{background-position:0 -3392px}
.active .sg_p44{background-position:0 -3604px}
.active .sg_p45{background-position:0 -3816px}
.active .sg_p{-webkit-animation:fadeIn 1.2s both;animation:fadeIn 1.2s both}
.active .sg_p1,.active .sg_p11,.active .sg_p6{-webkit-animation-delay:2s;animation-delay:2s}
.active .sg_p16,.active .sg_p21,.active .sg_p26,.active .sg_p31,.active .sg_p41{-webkit-animation-delay:.5s;animation-delay:.5s}
.active .sg_p12,.active .sg_p2,.active .sg_p23,.active .sg_p7{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.active .sg_p17,.active .sg_p22,.active .sg_p27{-webkit-animation-delay:2s;animation-delay:2s}
.active .sg_p3,.active .sg_p38,.active .sg_p40,.active .sg_p8{-webkit-animation-delay:1s;animation-delay:1s}
.active .sg_p18,.active .sg_p28,.active .sg_p33,.active .sg_p42{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.active .sg_p14,.active .sg_p4,.active .sg_p9{-webkit-animation-delay:3s;animation-delay:3s}
.active .sg_p19,.active .sg_p24,.active .sg_p29,.active .sg_p34,.active .sg_p43{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.active .sg_p36,.active .sg_p44,.active .sg_p5{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.active .sg_p10,.active .sg_p15,.active .sg_p32,.active .sg_p37{-webkit-animation-delay:.3s;animation-delay:.3s}
.active .sg_p20,.active .sg_p30,.active .sg_p35,.active .sg_p39,.active .sg_p45{-webkit-animation-delay:.8s;animation-delay:.8s}
.sy{background:url(img/index/bg_synchro.jpg) 50% no-repeat;background-size:cover}
.sy_t{position:absolute;top:50%;left:50%;margin-left:-580px;margin-top:-270px;width:544px;height:136px;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -630px;z-index:2}
.sy_d{position:absolute;top:50%;left:50%;margin-left:-580px;margin-top:-108px;width:454px;height:63px;background-image:url(sprite/img_index_6bc275f9.png);background-position:-562px -778px;z-index:2}
.sy_mac{position:absolute;top:50%;left:50%;margin-top:-392px;width:620px;height:784px;background:url(img/index/synchro_mac1.png) 0 0 no-repeat;z-index:2}
.sy_mac2{position:absolute;bottom:0;left:0;width:620px;height:376px;background:url(img/index/synchro_mac2.png) 0 0 no-repeat}
.sy_ph{position:absolute;top:50%;left:50%;margin-left:-400px;margin-top:0;width:255px;height:329px;background-image:url(img/index/synchro_phone.png)}
.active .sy_bg{-webkit-animation:slideUp 1s linear both;animation:slideUp 1s linear both}
.active .sy_mac{-webkit-animation:lyricPhone 2s both 0s;animation:lyricPhone 2s both 0s}
.active .sy_ph{-webkit-animation:likePhone 3s both .5s;animation:likePhone 3s both .5s;-webkit-transform-origin:90% 50%;transform-origin:90% 50%}
.lk_bg1{height:500px;background-image:url(img/index/bg_like1_ie.jpg)}
.lk_bg2{height:567px;background-image:url(img/index/bg_like2_ie.jpg)}
@supports (background-size:cover){.lk{background:url(img/index/bg_like.jpg) 50% no-repeat;background-size:cover}
.lk_bg,.lk_bg1,.lk_bg2{display:none}
}
.lk_t{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-113px;width:615px;height:143px;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -157px;z-index:2;display:none\9;*display:none}
.lk_d{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:68px;width:550px;height:69px;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -778px;z-index:2;display:none\9;*display:none}
.lk_ph{position:absolute;top:50%;left:50%;margin-left:-556px;margin-top:-349px;width:520px;height:807px;display:none\9;*display:none}
.lkp_box{position:absolute;top:0;left:0;width:450px;height:778px;background:url(img/index/lkp_box.png) no-repeat}
.lkp{position:absolute;top:176px;left:61px;width:374px;height:500px;background:url(img/index/lkp.jpg) no-repeat;-webkit-transform:rotate(-5.5deg);transform:rotate(-5.5deg)}
.active .lk_bg{-webkit-animation:slideUp 1s linear both;animation:slideUp 1s linear both}
.active .lk_ph{-webkit-animation:likePhone 2s both .5s;animation:likePhone 2s both .5s;-webkit-transform-origin:90% 50%;transform-origin:90% 50%}
.active .lkp{-webkit-animation:likePhone2 1.5s linear forwards 2.5s;animation:likePhone2 1.5s linear forwards 2.5s}
.lr_bg1{width:100%;height:350px;background-repeat:no-repeat;background-position:50%;background-image:url(img/index/bg_lyric1_ie.jpg)}
.lr_bg2{width:100%;height:350px;background-repeat:no-repeat;background-position:50%;background-image:url(img/index/bg_lyric2_ie.jpg)}
.lr_bg3{width:100%;height:376px;background-repeat:no-repeat;background-position:50%;background-image:url(img/index/bg_lyric3_ie.jpg)}
@supports (background-size:cover){.lr{background:url(img/index/bg_lyric.jpg) 50% no-repeat;background-size:cover}
.lr_bg1,.lr_bg2,.lr_bg3{display:none}
}
.lr_t{position:absolute;top:50%;left:50%;margin-left:-504px;margin-top:-130px;width:554px;height:149px;background-image:url(sprite/img_index_6bc275f9.png);background-position:0 -469px;z-index:2;display:none\9;*display:none}
.lr_d{position:absolute;top:50%;left:50%;margin-left:-504px;margin-top:50px;width:468px;height:69px;background-image:url(sprite/img_index_6bc275f9.png);background-position:-636px -493px;z-index:2;display:none\9;*display:none}
.lr_ph{position:absolute;top:50%;left:50%;margin-left:50px;margin-top:-430px;width:580px;height:892px;display:none\9;*display:none}
.lrp_box{position:absolute;top:0;left:0;width:580px;height:892px;background-image:url(img/index/lrp_box.png);display:none\9;*display:none}
.lrp{position:absolute;top:138px;left:99px;width:350px;height:604px;background:url(img/index/lyric_phone1.jpg);-webkit-transform:rotate(7.5deg);transform:rotate(7.5deg)}
.lrp2{position:absolute;top:0;right:0;width:350px;height:604px;background:url(img/index/lrp2.jpg)}
.active .lr_bg{-webkit-animation:slideUp 1s linear both;animation:slideUp 1s linear both}
.active .lr_ph{-webkit-animation:lyricPhone 2s both;animation:lyricPhone 2s both;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.active .lrp2{-webkit-animation:lyricPhone2 1.5s linear both 2.2s}
@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(1.2)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes fadeIn{0%{opacity:0;transform:scale(1.2)}
100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:scale(1) translate3d(0,-50px,0)}
100%{opacity:1;-webkit-transform:scale(1) translate3d(0,0,0)}
}
@keyframes slideUp{0%{opacity:0;transform:scale(1) translate3d(0,-50px,0)}
100%{opacity:1;transform:scale(1) translate3d(0,0,0)}
}
@-webkit-keyframes likePhone{0%{opacity:0;-webkit-transform:translateX(-60px)}
80%{opacity:1}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes likePhone{0%{opacity:0;transform:translateX(-60px)}
80%{opacity:1}
100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes likePhone2{0%{background-position:0 0}
100%{background-position:0 -210px}
}
@keyframes likePhone2{0%{background-position:0 0}
100%{background-position:0 -210px}
}
@-webkit-keyframes lyricPhone{0%{opacity:0;-webkit-transform:translateX(60px)}
80%{opacity:1}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes lyricPhone{0%{opacity:0;transform:translateX(60px)}
80%{opacity:1}
100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes lyricPhone2{0%{opacity:0}
100%{opacity:1}
}
@keyframes lyricPhone2{0%{opacity:0}
100%{opacity:1}
}