/* 布局 */

/*----------整体 */
body{-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #010000}
img{width: 100%;vertical-align: top}
/*----------二维码 */
.qr_code{position:absolute;display: none}
.btn_replay{display: block;width: 17.18%;position: absolute;left: 15.15%;top: 88.54%;}
.btn_share{display: block;width: 17.18%;position: absolute;left: 36.71%;top: 88.54%;}
/*----------分享 */
.share_tips{position: absolute;width: 60.93%;top: 0;right: 0;display: none;z-index: 100}
.share_tips img{-webkit-animation:floatY 1s linear infinite;animation:floatY 1s linear infinite;}
.mask{background-color: rgba(0,0,0,.76);width: 100%;height: 100%;top: 0;left: 0;display: none;z-index: 99;position: absolute}

/*----------音乐 */
#music{display: none}
.share_btn{position: absolute;display: block;width: 6.8%;right: 3.12%;top: 1.25rem;background: url(../images/btn_music.png) no-repeat;background-size: cover;z-index: 90;}
.share_btn.on{background-position: 0 0}
.share_btn.off{background-position: 0 bottom}

/*----------动画 */
@-webkit-keyframes floatY{
    0%{-webkit-transform:translateY(0%)}
    50%{-webkit-transform:translateY(5%)}
    100%{-webkit-transform:translateY(0%)}
}
@keyframes floatY{
    0%{transform:translateY(0%)}
    50%{transform:translateY(5%)}
    100%{transform:translateY(0%)}
}