.song-name,.suggest-item-des,.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.end-page-user-name,.new-suggest-title,.process-bar,.userinfo{text-align:center}body,html{width:100%;height:100%;max-width:100%;overflow-x:hidden;margin:0 auto;background-image:-webkit-linear-gradient(#ee4c44,#cc2f29);background-image:linear-gradient(#ee4c44,#cc2f29);background:-webkit-gradient(linear,0 0,0 100%,from(#ee4c44),to(#cc2f29))}body{width:100%;height:auto;min-height:100%;padding-top:.8125rem;-webkit-box-sizing:border-box;box-sizing:border-box}.video-body{padding-top:.7rem}.ul-container,.video-container{width:8.8125rem;margin:auto;position:relative;background:#fff;border-radius:.275rem;overflow:hidden;z-index:9999;border:1px solid #f86c66;-webkit-box-sizing:border-box;box-sizing:border-box}.box-shadow,.card-li,.img-container,.li-img{border-radius:.2rem}.ul-container{height:7.3125rem}.video-container{height:8.8125rem}.box-shadow,.card-li,.img-container,.img-edit-border{width:100%;height:100%}.box-shadow{position:absolute;z-index:999;-webkit-box-shadow:inset 0 0 .3rem rgba(0,0,0,.6);box-shadow:inset 0 0 .3rem rgba(0,0,0,.6)}.card-li{position:absolute;top:0;left:0}.li-img{width:100%}.img-container{position:relative;overflow:hidden}.img-edit-border{display:none;position:absolute;top:0;left:0;bottom:0;right:0;border:.06rem solid #fff600;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000}.bar-line,.logo,.stereo span,.user-name{display:inline-block}.control-wrapper,.process-bar{position:relative;-webkit-box-sizing:border-box}.first-img-border{-webkit-animation:bling linear 1s 2;animation:bling linear 1s 2}@-webkit-keyframes bling{from{opacity:1}33.333%{opacity:0}66.666%{opacity:1}to{opacity:0}}@keyframes bling{from{opacity:1}33.333%{opacity:0}66.666%,to{opacity:1}}.swiped-li{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateX(-100%) translateY(0) rotateZ(0);-ms-transform:translateX(-100%) translateY(0) rotate(0);transform:translateX(-100%) translateY(0) rotateZ(0)}.deswiped-li{-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateX(0) translateY(0) rotateZ(0);-ms-transform:translateX(0) translateY(0) rotate(0);transform:translateX(0) translateY(0) rotateZ(0)}.no-transition{-webkit-transition:none;transition:none}.control-wrapper{margin-top:.84375rem;margin-bottom:.8125rem;padding:0 .59375rem;box-sizing:border-box}.video-control{margin-top:.75rem;margin-bottom:.7rem}.process-bar{width:6.0625rem;height:1.625rem;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/process_bar1.png) left top no-repeat;-webkit-background-size:100% 100%;background-size:100%;border-radius:.0625rem;padding-top:.22rem;box-sizing:border-box}.bar-line{position:absolute;height:100%;width:2px;background-color:#b33636;top:0;left:0}.song-name,.user-name{color:#666;text-align:center;max-width:5rem;margin:auto;font-weight:400}.song-name{font-size:.4475rem}.user-name{font-size:.375rem;max-width:4rem;padding:0 .45rem;position:relative}.user-name:after,.user-name:before{position:absolute;content:'';width:.2875rem;bottom:50%;height:1px;background-color:#999;-webkit-transform:scale(1,.7);-ms-transform:scale(1,.7);transform:scale(1,.7);opacity:1;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.user-name:before{left:0}.user-name:after{right:0}.changimg{top:.05rem;right:.05rem;z-index:9999}.play-wrapper{position:absolute;top:-.1rem;right:.59375rem;width:1.825rem;height:1.825rem;border-radius:99rem;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/btn_back.png) left center no-repeat;-webkit-background-size:100% 100%;background-size:100%}.play-wrapper>div{width:100%;height:100%;border-radius:99rem}.play-on{background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/audio_play.png) left .8rem center no-repeat;-webkit-background-size:.3125rem .3125rem;background-size:.3125rem}.pause-on{background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/audio_pause.png) center center no-repeat;-webkit-background-size:.28125rem .28125rem;background-size:.28125rem}.loading-on{background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/loading.png) center center no-repeat;-webkit-background-size:.5125rem .5125rem;background-size:.5125rem;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.stereo-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;width:8.8125rem;margin:auto;position:relative}.end-logo,.end-page-user,.logo{position:absolute}.stereo span{width:6.0625rem;height:.21875rem;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/music_bar.png) left top no-repeat;-webkit-background-size:100% 100%;background-size:100%;margin-bottom:.1775rem}.logo{width:1.46875rem;height:.65625rem;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/logo_10.png) left top no-repeat;-webkit-background-size:100% 100%;background-size:100%;bottom:.1875rem;right:0}.rotate-cd{-webkit-animation:musicCd 12s linear infinite;animation:musicCd 12s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;animation-fill-mode:both;-webkit-animation-fill-mode:both}@-webkit-keyframes musicCd{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes musicCd{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}#endMusicBtn,#topPlayBtn{position:absolute;right:.26666666rem;top:.26666666rem;width:1rem}#end-page{background-image:-webkit-linear-gradient(#ee4d44,#cc2e29);background-image:linear-gradient(#ee4d44,#cc2e29);background:-webkit-gradient(linear,0 0,0 100%,from(#ee4d44),to(#cc2e29))}.end-page-user{width:100%;top:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#userphoto,.end-page-top-img{display:block;width:30%;margin:0 auto .26666666rem}.end-page-user-host{top:50%}#suggest_container{visibility:hidden}#userphoto{-webkit-border-radius:50%;border-radius:50%}.end-page-user-name{font-size:.4rem;margin-top:-.13333333rem;color:#fff}.suggest-title{line-height:.42666666rem;color:#fff;font-size:.346666666rem;padding-left:.4rem;margin:.09333333rem 0}.suggest-title:before{content:' ';width:.08rem;height:.36rem;display:inline-block;background:#fff;vertical-align:top;margin-right:.13333333rem}#suggest_ul{padding:0 .3125rem 0 0;margin:0;overflow:hidden;list-style-type:none}.suggest-item{box-sizing:border-box;-webkit-box-sizing:border-box;float:left;width:50%;padding-left:.3125rem}.end-logo{left:0;right:0;bottom:10%;width:1.4rem;margin:auto}.suggest-link{display:block;position:relative}.suggest-link>img{display:block;width:100%}.suggest-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.suggest-play-img{width:25%;margin-left:50%;margin-top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.suggest-item-des{position:absolute;bottom:0;left:0;margin:.13333333rem 0;line-height:.42666666rem;font-size:.32rem;text-indent:.2666666rem;color:#fff;width:100%}.suggest-username{display:block;font-size:.2666666rem}.new-suggest-title{color:#fff;margin-top:.3rem;font-size:.35rem}.signature,.starlevel,.wealthlevel{color:#fff;font-size:.4rem;white-space:nowrap;line-height:.6rem;overflow:hidden;text-overflow:ellipsis}.starlevel,.wealthlevel{text-align:right;width:45%;float:left;margin-left:5%}.wealthlevel{text-align:left}.starlevel>img,.wealthel>img{vertical-align:top;height:.5rem}.signature{text-align:center;width:80%;clear:both;margin:0 auto}.end-page-nav{position:absolute;display:-webkit-flex;display:-ms-flexbox;display:flex;display:-webkit-box;box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;bottom:0;height:1.17rem;line-height:1.17rem;text-align:center;font-size:.42666666rem}.end-page-nav>a{display:block;width:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;text-decoration:none;background:#fff;color:#54586c}#video,.video-cover{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.2rem}.end-page-nav>.end-page-nav-make{font-size:.42666666rem;background:#ee4d44;color:#fff}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateZ(0);transform:rotateZ(0);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateZ(359deg);transform:rotateZ(359deg);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateZ(0);transform:rotateZ(0);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateZ(359deg);transform:rotateZ(359deg);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}.video-cover{z-index:99;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/video_play.png) center center no-repeat rgba(0,0,0,.3);-webkit-background-size:1.5625rem 1.5625rem;background-size:1.5625rem}#video{display:block;z-index:1}.play-video{width:1.5625rem;height:1.5625rem;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/video_play.png) center center no-repeat;-webkit-background-size:100% 100%;background-size:100%;border-radius:.2rem}.video-slide{width:1.225rem;height:1.225rem;border:1px solid #862a26;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(https://cb.cdn.changbaimg.com/images/wap/voicecard/card10/next.png) left .5rem center no-repeat;-webkit-background-size:.28125rem .4375rem;background-size:.28125rem .4375rem;top:.2rem}.animation-state{animation-play-state:paused;-webkit-animation-play-state:paused}.animation-state-android{-webkit-animation:none;animation:none}#end-page{z-index:99999}