html,body,.ent_painting2016_wrap{width:725px;height:100%;overflow:hidden}
*{margin:0;padding:0;border:0;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.ent_painting2016_wrap{position:relative}
h1{display:none}
#app{position:absolute;left:0;top:0;z-index:90}
#start{position:absolute;left:50%;bottom:50px;z-index:850;width:140px;height:140px;margin-left:-57px;background:url(images/cover.png) -806px 126px}
#start:after{content:"";display:block;position:absolute;left:0;bottom:0;width:140px;height:140px;background:url(images/cover.png) -670px 0;-webkit-animation:start 1s ease-in-out infinite;-webkit-transform-origin:50% 100%}
#start:active:after{-webkit-transform:scale(0.95);-webkit-animation:none}
@-webkit-keyframes start{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(0.95)}
100%{-webkit-transform:scale(1)}
}
.collection{position:relative;top:1200px}
.collection .item{display:block;position:absolute;left:0;top:0}
.cover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:800;overflow:hidden;background:url(images/cover_bg.jpg) no-repeat center top}
.cover .renyu{opacity:0;position:absolute;left:138px;top:686px;width:110px;height:130px;background:url(images/cover.png) no-repeat -125px 0;-webkit-transform:rotate(-60deg);-webkit-transition:transform 3s,opacity 1s;-webkit-transform-origin:80% 20%}
.cover .yu{position:absolute;left:140px;top:809px;width:206px;height:275px;background:url(images/cover.png) no-repeat -545px -196px;-webkit-transform-origin:10% 90%;-webkit-animation:rotate_yuan 3s ease-in-out infinite}
@-webkit-keyframes rotate_yuan{0%{-webkit-transform:rotate(-4deg)}
50%{-webkit-transform:rotate(10deg)}
100%{-webkit-transform:rotate(-4deg)}
}
.cover .year2016{opacity:0;position:absolute;left:250px;top:5px;width:254px;height:49px;background:url(images/cover.png) no-repeat -545px -471px;-webkit-transition:transform 3s,opacity 1s}
.cover .title,.cover .title_bg{width:725px;height:1206px;position:absolute;left:0;top:0;background-size:cover}
.cover.active .renyu{opacity:1;-webkit-transform:rotate(0)}
.cover.active .year2016{-webkit-transform:translate(0,50px);opacity:1}
.loading{position:absolute;left:0;top:0;right:0;bottom:0;z-index:900;background:#000}
.loading .loading_icon{position:absolute;left:285px;top:30%;width:180px;height:40px;padding-top:160px;background:url(images/loading.gif) no-repeat center top;font:36px/1 "HelveticaNeue","PingFangSC","Microsoft Yahei";color:#fff;text-align:center}
.music{position:absolute;top:45px;right:40px;z-index:870;width:140px;height:100px;background:url(images/music.png) no-repeat;-webkit-animation:music 500ms infinite steps(15) forwards}
@-webkit-keyframes music{0%{background-position:0 0}
100%{background-position:-2100px 0}
}
.music_close{-webkit-animation:none}
.backcover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:860;background:#000 url(images/backcover.jpg) no-repeat}
.backcover .logo{position:absolute;bottom:25px;left:270px;width:210px;height:90px;background:url(images/cover.png) no-repeat -445px 0}
.backcover .tie{position:absolute;top:745px;left:200px;width:320px;height:130px;background:url(images/cover.png) no-repeat -125px -135px;-webkit-transform:translate(50px,0);opacity:0;-webkit-transition:all .5s ease 0s}
.backcover .share{position:absolute;top:270px;left:227px;width:320px;height:130px;background:url(images/cover.png) no-repeat -125px -264px;-webkit-transform:translate(50px,0);opacity:0;-webkit-transition:all .5s ease .2s}
.backcover .reload{position:absolute;top:500px;left:209px;width:320px;height:110px;background:url(images/cover.png) no-repeat -125px -410px;-webkit-transform:translate(50px,0);opacity:0;-webkit-transition:all .5s ease .4s}
.backcover .review{position:absolute;top:620px;left:202px;width:320px;height:115px;background:url(images/cover.png) no-repeat -125px -525px;-webkit-transform:translate(50px,0);opacity:0;-webkit-transition:all .5s ease .6s}
.backcover .tie:active,.backcover .share:active,.backcover .reload:active,.backcover .review:active{opacity:.8}
.backcover .list{position:absolute;top:900px;left:20px;width:640px;height:200px;background:url(images/cover.png) no-repeat 0 -665px;-webkit-transform:translate(50px,0);opacity:0;-webkit-transition:all .5s ease .8s}
.backcover.active .tie,.backcover.active .share,.backcover.active .reload,.backcover.active .review,.backcover.active .list{-webkit-transform:translate(0,0);opacity:1}