.app-play{background:#fff;margin:1.5em 1em 1em;padding:.5em .5em 1em;border-radius:12px;box-shadow:0 2px 10px rgba(38,124,198,.07);border:1px solid rgba(38,124,198,.0509803922);scroll-margin-top:.8em}.app-play>.play-title{padding:.6em 1em;color:#16233f;font-size:1em;font-weight:700;text-align:center}.app-play>.play-content{text-align:center}.app-play>.play-content>canvas{max-width:100%;background:#fff;box-shadow:0 0 .5em rgba(0,0,0,.067);border-radius:6px;touch-action:none}.app-play>.huaxian-info{text-align:center;margin:.8em 1em 0;padding:1em 0 0;border-top:1px solid rgba(38,124,198,.0784313725)}.app-play>.huaxian-info>.rank-info-list-wrap{margin:0 auto;font-size:.85em;text-align:center;width:100%;max-width:30em}.app-play>.huaxian-info>.rank-info-list-wrap>.rank-info-item>.user{padding:.5em .3em;text-align:left}.app-play>.huaxian-info>.rank-info-list-wrap>.rank-info-item>.user img.avatar{max-width:2em;max-height:2em;border-radius:50%;vertical-align:top;margin:-.2em 0 0}.app-play>.huaxian-info>.rank-info-list-wrap>.rank-info-item>.user>.name{padding:0 0 0 1em}.app-play>.huaxian-info>.rank-info-list-wrap>.rank-info-item>len{padding:0 .3em}.app-play>.huaxian-info>.rank-info-list-wrap>.rank-info-item>.rank{padding:0 .3em}.app-play>.huaxian-info>.show-more>.show-more-link{color:#56b0ff;cursor:pointer}